@charset "UTF-8";

/*===================================================================
	smart mailprint
===================================================================*/

#contents .headSection .ttl{
	width:601px;
}

/* ------ base.css_change ------ */
#contents .mainSection {
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 800;
}

.headSection .innerBlock {
	width:960px;
	margin:0 auto;
	position:relative;
}

#contents .headSection .innerBlock .btnCart{
	position:absolute;
	right:0;
	bottom:0;
}

/*.index #contents .headSection {
    background:none;
    padding-bottom: 0;
}*/

/* fo_btn01 */
.fo_btn01{
 position:relative;
 width:960px;
 height:57px;
 margin:0 auto;
}
.fo_btn01 a span.btnMoreTxB{
 position:absolute;
 top:18px;
 right:19px;
 font-weight:bold;
}

/* fo_btn02 */
.fo_btn02{
 position:relative;
 width:960px;
 height:57px;
 margin:0 auto;
}
.fo_btn02 a span.btnMoreTxB{
 position:absolute;
 top:18px;
 right:19px;
 font-weight:bold;
}



/* ------ section01 ------ */

#mailprint .detailSection{
	width:960px;
	margin:0 auto;
	border:1px solid #eee;
	border-radius:2px;
}

#mailprint .section01{
	width:880px;
	margin:55px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
}

#mailprint .section01 h2{
	line-height:1.3;
	font-weight:normal;
	font-size:172%; /* font-size:24px */
	margin-bottom:15px;
	color:#0057ae;
}

#mailprint .section01 p{
	margin-bottom:38px;
}

/* ------ section02 ------ */

#mailprint .section02{
	width:880px;
	min-height:268px;
	margin:55px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
	background:url(/products/colorio/smart/mailprint/images/pic02.jpg) no-repeat right top;
}

#mailprint .section02 h3{
	margin: 5px 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailprint .section02 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}
#mailprint .section02 p span{
	font-weight:bold;
	color:#ec6c00;
}

#mailprint .section02 p{
	line-height:1.7;
}
#mailprint .section02 .section02Inner{
	width:437px;
	}
/* ------ section03 ------ */

#mailprint .section03{
	width:880px;
	margin:55px auto 0;
}

#mailprint .section03 h3{
	margin: 5px 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailprint .section03 h4{
	margin: 0 0 15px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#mailprint .section03 .stepBox{
	display:table;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
}

#mailprint .section03 .stepBox div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailprint .section03 .arrow{
	text-align:center;
}

#mailprint .section03 .stepBox .ttlSec{
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:107px;
	height:84px;
	line-height:84px;
	background:#0b5db2;
	vertical-align:middle;
}

#mailprint .section03 .stepBox .textSec{
	width:320px;
	padding-left:23px;
}

#mailprint .section03 .stepBox .textSecWide{
	width:730px;
	padding-left:23px;
}

#mailprint .section03 .stepBox .btnSec{
	width:410px;
}

#mailprint .section03 .stepBox .btnSec ul li.first{
	margin-right:7px;
}

#mailprint .section03 .stepBox .btnSec p{
	font-size:85%; /* font-size:12px; */
	margin-bottom:5px;
}

#mailprint .section03 .stepBox .btnSec .btnBox .flR{
	margin-left:7px;
}

#mailprint .section03 .btnPdfArea{
	display:table;
	margin:25px auto 0;
	text-align:center;
}

#mailprint .section03 .btnPdfArea p,
#mailprint .section03 .btnPdfArea div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailprint .section03 .btnPdfArea p{
	font-size:115%; /* font-size:16px; */
}

#mailprint .section03 .btnPdfArea div{
	padding-left:20px;
}

/* ------ section04 ------ */

#mailprint .section04{
	width:880px;
	margin:85px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:60px;
}

#mailprint .section04 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#mailprint .section04 .column{
	float:left;
	width:253px;
	font-size:85%; /* font-size:12px; */
}

#mailprint .section04 .column p{
	min-height:32px;
}

#mailprint .section04 .arrow{
	float:left;
	margin-top:100px;
}

#mailprint .section04 .guideBox{
	display:table;
	/display:inline-block;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
	/height:122px;
	margin-top:52px;
	background:url(/products/colorio/smart/images/bullet01.gif) no-repeat 99% center;
}

#mailprint .section04 .guideBox div,
#mailprint .section04 .guideBox p{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailprint .section04 .guideBox .pic{
	padding-left:30px;
}

#mailprint .section04 .guideBox .sttl{
	color:#005ab4;
	font-size:122%; /* font-size:17px; */
	/width:370px;
	/padding-left:40px;
}

#mailprint .section04 .guideBox .ttl{
	padding-right:35px;
	color:#005ab4;
	font-size:200%; /* font-size:28px */
	/width:130px;
}

#mailprint .section04 .guideBox:hover	{
	text-decoration:none;
}

/* ------ sectionLayout01 ------ */

#mailprint .sectionLayout01{
	width:880px;
	margin:60px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:55px;
}

#mailprint .sectionLayout01.last{
	border-bottom:none;
}

#mailprint .sectionLayout01 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailprint .sectionLayout01 p{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

#mailprint .sectionLayout01 .caution{
	font-size:79%; /* font-size:11px; */
}

/* ------ moreBtnSection ------ */

.moreBtnSection{
	width:960px;
	margin:60px auto 45px;
}

.moreBtnSection ul{
	margin-top:20px;
}

.moreBtnSection ul li{
	float:left;
	margin-left:20px;
}

.moreBtnSection ul li:first-child{
	margin-left:0;
}

/* ------ cautionSection ------ */

.cautionSection{
	width:100%;
	padding-bottom:60px;
}

.cautionSection .inner{
	width:960px;
	margin:0 auto;
	padding-top:25px;
}

.cautionSection .txtBox p{
	font-size:79%; /* font-size:11px; */
	line-height:1.7;
}

.cautionSection .txtBox{
	line-height:1.7;
	border:1px solid #e2e2e2;
	padding:15px 20px;
	margin-bottom:25px;
}

.cautionSection .pdfBox{
	display:table;
	padding:20px;
	background:#fafafa;
	width:920px;
}

.cautionSection .pdfBox p,
.cautionSection .pdfBox div{
	display:table-cell;
	vertical-align:top;
	/display:inline;
	/zoom:1;
}

.cautionSection .pdfBox p{
	font-size:85%; /* font-size:12px; */
}

.cautionSection .pdfBox div{
	width:110px;
}

/*===================================================================
	smart mailremote
===================================================================*/

/* ------ section01 ------ */

#mailremote .detailSection{
	width:960px;
	margin:0 auto;
	border:1px solid #eee;
	border-radius:2px;
}

#mailremote .section01{
	width:880px;
	margin:55px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
}

#mailremote .section01 h2{
	line-height:1.3;
	font-weight:normal;
	font-size:172%; /* font-size:24px */
	margin-bottom:15px;
	color:#0057ae;
}

#mailremote .section01 p{
	margin-bottom:38px;
}

/* ------ section02 ------ */

#mailremote .section02{
	width:880px;
	min-height:279px;
	margin:45px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
	background:url(/products/colorio/smart/mailremote/images/pic02.jpg) no-repeat right top;
}

#mailremote .section02 h3{
	padding-top:15px;
	margin: 0 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailremote .section02 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}
#mailremote .section02 p span{
	font-weight:bold;
	color:#005ab4;
}

#mailremote .section02 p{
	line-height:1.7;
}
#mailremote .section02 .section02Inner{
	width:500px;
	}
#mailremote .section02 .section02Inner2{
	width:360px;
	}
#mailremote .section02 .txt{
	width:340px;
	}
/* ------ section03 ------ */

#mailremote .section03{
	width:880px;
	margin:55px auto 0;
}

#mailremote .section03 h3{
	margin: 5px 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailremote .section03 h4{
	margin: 0 0 15px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#mailremote .section03 .stepBox,
#mailremote .section03 .stepBoxColumn{
	display:table;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
}

#mailremote .section03 .stepBox div,
#mailremote .section03 .stepBoxColumn div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailremote .section03 .stepBoxColumn {
	border-top:none;
	padding:20px 0;}

#mailremote .section03 .arrow{
	text-align:center;
}

#mailremote .section03 .stepBox .ttlSec{
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:107px;
	height:84px;
	line-height:84px;
	background:#0b5db2;
	vertical-align:middle;
}

#mailremote .section03 .stepBox .textSec{
	width:320px;
	padding-left:23px;
}

#mailremote .section03 .stepBox .textSecWide{
	width:730px;
	padding-left:23px;
}

#mailremote .section03 .stepBox .btnSec{
	width:410px;
}

#mailremote .section03 .stepBox .btnSec ul li.first{
	margin-right:7px;
}

#mailremote .section03 .stepBox .btnSec p{
	font-size:85%; /* font-size:12px; */
	margin-bottom:5px;
}

#mailremote .section03 .stepBox .btnSec .btnBox .flR{
	margin-left:7px;
}

#mailremote .section03 .btnPdfArea{
	display:table;
	margin:25px auto 0;
	text-align:center;
}

#mailremote .section03 .btnPdfArea p,
#mailremote .section03 .btnPdfArea div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailremote .section03 .btnPdfArea p{
	font-size:115%; /* font-size:16px; */
}

#mailremote .section03 .btnPdfArea div{
	padding-left:20px;
}

#mailremote .section03 .stepBoxColumn .column{
	float:left;
	width:350px;
	font-size:85%; /* font-size:12px; */
}

#mailremote .section03 .stepBoxColumn .column:first-child{
	margin-left:40px;
}

#mailremote .section03 .stepBoxColumn .column p{
	height:45px;
}

#mailremote .section03 .stepBoxColumn .arrow{
	float:left;
	margin-top:130px;
}



/* ------ section04 ------ */

#mailremote .section04{
	width:880px;
	margin:85px auto 0;
}

#mailremote .section04 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#mailremote .section04 .column{
	float:left;
	width:230px;
	font-size:85%; /* font-size:12px; */
}

#mailremote .section04 .column.column_long{
	width:240px;
}

#mailremote .section04 .column:first-child{
	margin-left:40px;
}

#mailremote .section04 .column p{
	height:45px;
}

#mailremote .section04 .arrow{
	float:left;
	margin-top:100px;
}

#mailremote .section04 .guideBox{
	display:table;
	/display:inline-block;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
	/height:122px;
	margin-top:52px;
	background:url(/products/colorio/smart/images/bullet01.gif) no-repeat 99% center;
}

#mailremote .section04 .guideBox div,
#mailremote .section04 .guideBox p{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#mailremote .section04 .guideBox .pic{
	padding-left:30px;
}

#mailremote .section04 .guideBox .sttl{
	color:#005ab4;
	font-size:122%; /* font-size:17px; */
	/width:370px;
	/padding-left:40px;
}

#mailremote .section04 .guideBox .ttl{
	padding-right:35px;
	color:#005ab4;
	font-size:200%; /* font-size:28px */
	/width:130px;
}

#mailremote .section04 .guideBox:hover	{
	text-decoration:none;
}

#mailremote .section04 .caution{
	font-size:79%; /* font-size:11px; */
}

/* ------ section05 ------ */

#mailremote .section05{
	width:820px;
	margin:62px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:60px;
	background:#fafafa;
	padding:30px;
}

#mailremote .section05 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailremote .section05 div{
	text-align:center;
}

#mailremote .section05 .caution{
	font-size:79%; /* font-size:11px; */
}

/* ------ sectionLayout01 ------ */

#mailremote .sectionLayout01{
	width:880px;
	margin:60px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:55px;
}

#mailremote .sectionLayout01.last{
	border-bottom:none;
}

#mailremote .sectionLayout01 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#mailremote .sectionLayout01 p{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

#mailremote .sectionLayout01 .caution{
	font-size:79%; /* font-size:11px; */
}

/*===================================================================
	smart remotedriver
===================================================================*/

/* ------ section01 ------ */

#remotedriver .detailSection{
	width:960px;
	margin:0 auto;
	border:1px solid #eee;
	border-radius:2px;
}

#remotedriver .section01{
	width:880px;
	margin:55px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
}

#remotedriver .section01 h2{
	line-height:1.3;
	font-weight:normal;
	font-size:172%; /* font-size:24px */
	margin-bottom:15px;
	color:#0057ae;
}

#remotedriver .section01 h3{
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#remotedriver .section01 p.caution{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

/* ------ section02 ------ */

#remotedriver .section02{
	width:880px;
	min-height:283px;
	margin:45px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
	background:url(/products/colorio/smart/remotedriver/images/pic02.jpg) no-repeat right top;
}

#remotedriver .section02 h3{
	margin: 0 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#remotedriver .section02 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}
#remotedriver .section02 p span{
	font-weight:bold;
	color:#ec6c00;
}

#remotedriver .section02 p{
	line-height:1.7;
}

#remotedriver .section02 .section02Inner{
	width:412px;
	}
/* ------ section03 ------ */

#remotedriver .section03{
	width:880px;
	margin:55px auto 0;
}

#remotedriver .section03 h3{
	margin: 5px 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#remotedriver .section03 h4{
	margin: 0 0 15px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#remotedriver .section03 .stepBox{
	display:table;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
}

#remotedriver .section03 .stepBox div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#remotedriver .section03 .arrow{
	text-align:center;
}

#remotedriver .section03 .stepBox .ttlSec{
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:107px;
	height:84px;
	line-height:84px;
	background:#0b5db2;
	vertical-align:middle;
}

#remotedriver .section03 .stepBox .textSec{
	width:320px;
	padding-left:23px;
}

#remotedriver .section03 .stepBox .textSecWide{
	width:730px;
	padding-left:23px;
}

#remotedriver .section03 .stepBox .btnSec{
	width:410px;
}

#remotedriver .section03 .stepBox .btnSec ul li.first{
	margin-right:7px;
}

#remotedriver .section03 .stepBox .btnSec p{
	font-size:85%; /* font-size:12px; */
	margin-bottom:5px;
}

#remotedriver .section03 .stepBox .btnSec .btnBox .flR{
	margin-left:7px;
}

#remotedriver .section03 .btnPdfArea{
	display:table;
	margin:25px auto 0;
	text-align:center;
}

#remotedriver .section03 .btnPdfArea p,
#remotedriver .section03 .btnPdfArea div{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#remotedriver .section03 .btnPdfArea p{
	font-size:115%; /* font-size:16px; */
}

#remotedriver .section03 .btnPdfArea div{
	padding-left:20px;
}

/* ------ section04 ------ */

#remotedriver .section04{
	width:880px;
	margin:85px auto 0;
}

#remotedriver .section04 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#remotedriver .section04 .column{
	float:left;
	width:262px;
	font-size:85%; /* font-size:12px; */
}

#remotedriver .section04 .column:first-child{
	margin-left:90px;
}

#remotedriver .section04 .column p{
	min-height:60px;
	width:210px;
	margin:0 auto;
}

#remotedriver .section04 .arrow{
	float:left;
	margin-top:100px;
}

#remotedriver .section04 .guideBox{
	display:table;
	/display:inline-block;
	border:1px solid #0b5db2;
	border-radius:2px;
	width:878px;
	/height:122px;
	margin-top:52px;
	background:url(/products/colorio/smart/images/bullet01.gif) no-repeat 99% center;
}

#remotedriver .section04 .guideBox div,
#remotedriver .section04 .guideBox p{
	display:table-cell;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
}

#remotedriver .section04 .guideBox .pic{
	padding-left:30px;
}

#remotedriver .section04 .guideBox .sttl{
	color:#005ab4;
	font-size:122%; /* font-size:17px; */
	/width:370px;
	/padding-left:40px;
}

#remotedriver .section04 .guideBox .ttl{
	padding-right:35px;
	color:#005ab4;
	font-size:200%; /* font-size:28px */
	/width:130px;
}

#remotedriver .section04 .guideBox:hover	{
	text-decoration:none;
}

/* ------ section05 ------ */

#remotedriver .section05{
	width:820px;
	margin:62px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:60px;
	background:#fafafa;
	padding:30px;
}

#remotedriver .section05 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#remotedriver .section05 div{
	text-align:center;
}

#remotedriver .section05 .caution{
	font-size:79%; /* font-size:11px; */
}

/* ------ sectionLayout01 ------ */

#remotedriver .sectionLayout01{
	width:880px;
	margin:60px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:55px;
}

#remotedriver .sectionLayout01.last{
	border-bottom:none;
}

#remotedriver .sectionLayout01 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#remotedriver .sectionLayout01 h4{
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#remotedriver .sectionLayout01 p{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

#remotedriver .sectionLayout01 .caution{
	font-size:79%; /* font-size:11px; */
}

/*===================================================================
	smart wifi
===================================================================*/

/* ------ section01 ------ */

#wifi .detailSection{
	width:960px;
	margin:0 auto;
	border:1px solid #eee;
	border-radius:2px;
}

#wifi .section01{
	width:880px;
	margin:55px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
}

#wifi .section01 h2{
	line-height:1.3;
	font-weight:normal;
	font-size:172%; /* font-size:24px */
	margin-bottom:15px;
	color:#0057ae;
}

#wifi .section01 h3{
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#wifi .section01 p.caution{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

/* ------ section02 ------ */

#wifi .section02{
	width:880px;
	display: flex;
	justify-content: space-between;
	margin:45px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:57px;
}

#wifi .section02 h3{
	padding-top:15px;
	margin: 0 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#wifi .section02 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}
#wifi .section02 p span{
	font-weight:bold;
	color:#005ab4;
}

#wifi .section02 p{
	line-height:1.7;
}
#wifi .section02 .section02Inner{
	width:300px;
	}
/* ------ section05 ------ */

#wifi .section05{
	width:820px;
	margin:62px auto 0;
	padding:30px 30px 10px 30px;
	background:#fafafa;
}

#wifi .section05 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#wifi .section05 .section05_center{
	text-align:center;
}

#wifi .section05 .caution{
	font-size:79%; /* font-size:11px; */
}


/* ------ section04 ------ */

#wifi .section04{
	width:880px;
	margin:55px auto 0;
	padding-bottom:57px;
}

#wifi .section04 .section04_flex{
	display: flex;
	flex-wrap: wrap;
	gap:45px 21px;
}

#wifi .section04 h3{
	margin: 0 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#wifi .section04 h4{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#wifi .section04 .column{
	width:230px;
	font-size:85%; /* font-size:12px; */
}

#wifi .section04 .column p{
	min-height:45px;
	width:230px;
	margin:0 auto;
}

#wifi .section04 .column p.hi{
	min-height:75px;
}

#wifi .section04 .arrow{
	margin-top:100px;
}

/* ------ section06 ------ */

#wifi .section06{
	width:878px;
	margin:62px auto 0;
	position:relative;
	border-top:1px solid #eee;
	padding-top:57px;
}

#wifi .section06 h3{
	margin: 0 0 20px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#wifi .section06 .btnMore{
	position:absolute;
	top:400px;
	left:362px;
}

#wifi .section06 .btnMore a{
	font-weight:bold;
}

/* ------ section07 ------ */

#wifi .section07 {
	width: 880px;
    margin: 55px auto;
}
#wifi .section07 .section07_center {
	text-align: center;
}
#wifi .section07 .guideBox img{
	border:1px solid #0b5db2;
	border-radius:2px;
	/zoom:1;
}

#wifi .section07 .guideBox a {
	width:100%;
	height:100%;
}
#wifi .section07 .guideBox img{
	/zoom:1;
	cursor:pointer;
}

#wifi .section07 .guideBox:hover	{
	text-decoration:none;
}

/* ------ sectionLayout01 ------ */

#wifi .sectionLayout01{
	width:880px;
	margin:60px auto 0;
	border-bottom:1px solid #eee;
	padding-bottom:55px;
}

#wifi .sectionLayout01.last{
	border-bottom:none;
}

#wifi .sectionLayout01 h3{
	margin: 0 0 10px 0;
	line-height:1.3;
	font-weight:bold;
	font-size:129%; /* font-size:18px; */
}

#wifi .sectionLayout01 h4{
	line-height:1.3;
	font-weight:bold;
	font-size:115%; /* font-size:16px; */
}

#wifi .sectionLayout01 p{
	font-size:85%; /* font-size:12px; */
	line-height:1.7;
}

#wifi .sectionLayout01 .caution{
	font-size:79%; /* font-size:11px; */
}

.a_blue{
	color:#005AB4;
}

/*===================================================================
	smart wifi 20240814
===================================================================*/

#wifi .mainSection_responsive{
    margin-top:45px;
    }

@media screen and (max-width: 767px) {

    #wifi .mainSection_responsive{
		margin: 30px 0;
    }
    
    #wifi .responsive .section01{
		width:100%;
		margin:30px auto 0;
		padding-bottom:20px;
   }
   
   #wifi .section02 .section02Inner{
	width:100%;
	}
   
   #wifi .responsive .section02{
		width:100%;
		flex-direction: column;
		margin:30px auto 0;
		padding-bottom:20px;
   }
   #wifi .section04{
		width:100%;
		margin:30px auto 0;
		padding-bottom:20px;
   }
   #wifi .section04 .section04_flex{
	flex-direction: column;
    gap: 0px;
  }
  #wifi .section04 .column{
	width:100%;
  }
  #wifi .section04 .arrow{
	margin:20px auto;
  }
  #wifi .section04 .column p{
	min-height: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
  }
  #wifi .section05{
	width:100%;
	margin:30px auto 0;
	padding:0px;
  }
  #wifi .section05 .section05_sp{
	padding:15px;
  }
  #wifi .section06{
	width:100%;
	margin:30px auto 0;
	padding-top:30px;
  }
  #wifi .section07 {
	width: 100%;
  }
  #wifi .moreBtnSection{
	width:100%;
	margin: 30px auto 20px;
    }
  #wifi .moreBtnSection ul{
	margin-top:0px;
    }
  #wifi .moreBtnSection  ul li{
    float: none;
    margin-left: 0px;
    border-bottom: 1px solid #EEE;
    }
   #wifi .cautionSection{
	padding-bottom: 0px;
   }
   #wifi .cautionSection .inner{
	width:100%;
	padding-top:0px;
   }
   #wifi .cautionSection .cautionSection_sp{
	padding:0 15px 30px;
   }
}