@charset "UTF-8";

.mainArea{
	padding-bottom: 0;
}

.mainArea h1{
	margin-bottom: 0;
	padding: 0 !important;
	font-size: 160%;
	border-bottom: 1px solid #e07e00;
}

.mainArea h2{
	margin: 40px 0 20px 0;
	padding: 0 0 0 8px;
	font-size: 120%;
	border-left: 5px solid #e07e00;
}

/* =========================================================
line
========================================================= */
#line-visual {
padding-bottom: -0;
background: url(../img/line_visual_bg01.png);
}

#line-visual .visual{
	padding-bottom: 0;
	text-align: center;
}

.line-text-title {
margin-bottom: 30px;
background: #00C300;
font-weight: normal;
text-align: center;
line-height: 1.2;
padding: 10px;
color: #fff;
font-size: 200%;
}
.line-text-title.type2 {
position: relative;
background: #333;
font-size: 120%;
padding: 5px;
margin-bottom: 40px;
}
.line-text-title.type2:after {
content: "";
position: absolute;
left: 50%;
top: 100%;
margin-left: -5px;
color: #333;
width: 0;
height: 0;
border: 13px solid transparent;
border-top: 13px solid #333;
}
.line-layout-box {
clear: both;
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
.line-layout-box:before { content:""; display:table;}
.line-layout-box:after { content:""; display:table; clear:both;}
.line-layout-box { zoom:1;}
.line-layout-box .item {
float: left;
width: 50%;
}
.line-layout-box .item {
float: left;
}
#line .add .item-in > .title {
font-size: 180%;
color: #FFAE4C;
font-weight: bold;
text-align: center;
line-height: 1.2;
margin-bottom: 10px;
}
#line .add .account {
margin-bottom: 10px;
background: #FFAE4C;
border-radius: 5px;
color: #fff;
padding: 20px;
}
#line .add .account .text {
text-align: center;
}
#line .add .account .id {
text-align: center;
font-size: 300%;
}
#line .add .qrcode {
background: #fff;
margin-bottom: 10px;
border-radius: 5px;
background: #fff;
}
#line .add .qrcode .title {
position: relative;
background: #FFAE4C;
border-radius: 5px 5px 0 0;
color: #fff;
padding: 5px 20px;
}
#line .add .qrcode .title:after {
content: "";
position: absolute;
left: 30px;
top: 100%;
color: #FFAE4C;
width: 0;
height: 0;
border-top: 10px solid #FFAE4C;
border-right: 7px solid transparent;
border-bottom: 10px solid transparent;
border-left: 7px solid transparent;
}
#line .add .qr-box {
width: 100%;
}
#line .add .qr-box:before { content:""; display:table;}
#line .add .qr-box:after { content:""; display:table; clear:both;}
#line .add .qr-box { zoom:1;}
#line .add .qrcode .text {
font-size: 85%;
float: right;
width: 96%;
}
#line .add .qrcode .text p {
padding: 20px 20px 20px 140px;
}
#line .add .qrcode .qr {
padding: 10px 0 10px 10px;
float: left;
width: 140px;
margin-right: -140px;
}
#line .add .qrcode .qr img {
max-width: 120px;
}
#line-preparation {
background: #FFF4D4;
padding: 30px 0;
}
#line-preparation .line-layout-box .item.add {
float: left;
width: 340px;
margin-right: -340px;
}
#line-preparation .line-layout-box .item.image {
width: 100%;
float: none;
float: right;
}
#line-preparation .line-layout-box .item.image .item-in {
margin-left: 370px;
text-align: right;
}
#line-preparation .line-layout-box .item.image .item-in img {
max-width: 610px;
}
#line-flow {
background: #fff;
padding: 30px 0;
}
#line-flow .line-layout-box .item.info {
float: none;
float: right;
width: 310px;
margin-left: -340px;
margin-right: 30px;
}
#line-flow .line-layout-box .item.image .item-in {
margin-right: 370px;
text-align: right;
}
#line-flow .line-layout-box .item.image {
width: 100%;
float: left;
}
#line-flow .line-layout-box .item.image .item-in img {
max-width: 610px;
}
#line-flow .info .title {
text-align: center;
}
#line-flow .info .title b {
background: #00C300;
color: #FFF;
display: inline-block;
border-radius: 20px;
margin-bottom: 10px;
padding: 5px 15px;
font-size: 120%;
line-height: 1.2;
}
#line-flow .info .time {
margin-bottom: 10px;
text-align: center;
font-size: 250%;
font-weight: bold;
color: #999;
}
#line-flow .info .text {
margin-bottom: 20px;
}
#line-flow .info .caution {
display: table;
font-size: 120%;
margin: 0 auto 20px auto;
}
#line-flow .info .caution b,
#line-flow .info .caution span {
display: table-cell;
vertical-align: middle;
}
#line-flow .info .caution b {
color: #fff;
background: #FFAF4C;
height: 70px;
width: 70px;
border-radius: 35px;
text-align: center;
}
#line-flow .info .caution span {
color: #FFAF4C;
font-weight: bold;
line-height: 1.2;
padding: 0 10px;
}
#line-flow2 {
padding: 30px 0;
}
#line-flow2 .area-in > .text {
text-align: center;
font-weight: bold;
margin-bottom: 20px;
font-size: 110%;
}
#line-flow2 .item .item-in {
border: 3px solid #eee;
}
#line-flow2 .item:first-child .item-in {
margin-right: 10px;
}
#line-flow2 .item:last-child .item-in {
margin-left: 10px;
}
#line-flow2 .item .title {
background: #FFAF4C;
text-align: center;
line-height: 1.2;
padding: 15px;
color: #fff;
font-size: 110%;
font-weight: bold;
}
#line-flow2 .line-layout-box {
margin-bottom: 20px;
}
#line-flow2 .item .image {
text-align: center;
padding: 20px;
}
#line-flow2 .item .image img {
max-width: 300px;
}
#line-flow2 .item .info {
background: #fafafa;
padding: 15px;
}
#line-flow2 .item .info dl {
width: 100%;
font-size: 85%;
}
#line-flow2 .item .info dt {
display: inline;
color: #009F00;
}
#line-flow2 .item .info dd {
display: inline;
}
#line-flow2 .btn {
text-align: center;
}
#line-flow2 .btn img {
max-width: 660px;
}
#caution {
background: #eee;
padding: 30px 0;
}
#caution .line-layout-box .item.add {
position: relative;
float: none;
float: right;
width: 310px;
margin-left: -340px;
z-index: 2;
}
#caution .line-layout-box .item.info {
width: 100%;
float: left;
}
#caution .line-layout-box .item.info .item-in {
margin-right: 370px;
}
#caution .line-layout-box .item.image {
width: 100%;
float: left;
}
#caution .line-layout-box .item.info .item-in .text {
position: relative;
z-index: 2;
}
#caution .line-layout-box .item.info .item-in .text2 {
position: relative;
z-index: 2;
max-width: 300px;
}
#caution .line-layout-box .item.info .image {
position: relative;
padding-bottom: 130px;
}
#caution .line-layout-box .item.info .image img {
position: absolute;
right: 0;
bottom: 0;
max-width: 240px;
}
@media screen and (max-width: 1000px) {
#caution .line-layout-box .item.info .image img {
right: -50px;
}
}
@media screen and (max-width: 900px) {
#caution .line-layout-box .item.info .image img {
right: -100px;
}
}
@media screen and (max-width: 800px) {
#caution .line-layout-box .item.info .image img {
right: -150px;
}
}




.sp-block{
	display: none;
}

.bold{
	font-weight: bold;
}