@charset "UTF-8";

/* ==========================================
 SP
========================================== */

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

/* Heading
------------------------------------------ */
/* heading2 */
.serviceHeadingArea{
	margin:0 auto 20px auto;
	width:100%;
	display:block;
}
.serviceHeadingArea .serviceH-2{
	display:block;
	background:url(../../service/img/index_bg03.png) no-repeat left top;
	background-size: 100% auto;
	padding:32.5% 0 0 0;
}
.serviceH-2 .serviceH-2Detail{
	display:block;
	text-indent:-9999px;
	height:0;	
}
.serviceHeadingArea .serviceH-2Bt{
	display:block;
	width:100%;
	padding:10px 20px 10px 10px;
	font-size:12px;
	line-height:1.5;
	color:#0077c3;
	letter-spacing:0.5px;
	background:#fff url(../img/link_ic13_sp.png) no-repeat right 10px top 50%;
	background-size:auto 12px;
	border:1px solid #136aa8;
	border-top:none;
	box-sizing:border-box;
}
.serviceH-2 a:hover{
	text-decoration:none;
	opacity:0.7;
}
/* serviceProductBt
------------------------------------------ */
.serviceProductBtArea{
	border-top:solid 2px #dbe3e5;
}
.serviceProductBtArea li{
	float:left !important;
	border-bottom:solid 2px #dbe3e5;
	width:50%;
	display: block;
	overflow:hidden;
}
.serviceProductBtArea li:first-child {
	display:block;
	width:100%;
}
.serviceProductBtArea li:first-child a{
	height:106px;
	padding:32px;
}
.serviceProductBtArea li:nth-child(even) {
	border-right:solid 2px #dbe3e5 ;
	box-sizing:border-box;
}
.serviceProductBtArea li:nth-child(2) a{
	height:112px;
	padding:32px;
}
.serviceProductBtArea li:nth-child(3) a{
	height:112px;
	padding:32px;
}
.serviceProductBtArea li:nth-child(4) a{
	height:160px;
	padding:32px;
}
.serviceProductBtArea li:nth-child(5) a{
	height:160px;
	padding:32px;
}
.serviceProductBtArea li:nth-child(6) a{
	height:160px;
	padding:32px;
}
.serviceProductBtArea li > div{
	display:block;
}
.serviceProductBtArea li a{
	display:table;
	overflow:hidden;
	background:url(../img/link_ic02_sp.png) no-repeat;
	background-size:auto 13px;
	background-position: right 10px bottom 10px;
}
.serviceProductBtArea li a div{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}
.serviceProductBtArea li a div figure {
	width:100% !important;
}
.zzzserviceProductBtArea li a div img{
	width:100%;
}
.serviceProductBtArea li:first-child a div img{
	width:100%;
}
.serviceProductBtArea li:nth-child(n+2) a div img{
	max-width:100%;
	max-height:20px;
}

.serviceProductBtArea li span{
	display:block;
}
.spbTxL{
	font-size:18px;
	margin-top:15px;
	display:block;
}
.spbTxS{
	display:none !important;
}
.modalArea{
	display:none;
	width:100%;
}
.modalArea iframe{
	width:80% !important;
}

.H-2-1-1{
	background:#0077c3;
	color:#fff;
	font-size:15px;
	padding:4px 10px;
	margin:0 0 10px 0;
	display:inline-block;
}

.COL-TXT-1 p {margin:1em 0 0 0; font-size:14px; line-height:1.7; letter-spacing:0.5px;}
.COL-TXT-1 p span {font-weight:bold;}
.COL-TXT-1 ul.NOTE-1 li {font-size:11px;}

.svc_bnr {margin:30px auto; padding:0; text-align:center; width:100%; height:auto; max-width:525px;}
.svc_bnr img {width:auto; height:auto; max-width:100%;}
.svc_bnr a:hover {opacity:0.7;}


#cboxWrapper{
	width:103% !important;
	margin-left:-2%;
}
#cboxMiddleLeft{
	display:none;
}
#colorbox{
	left:0 !important;
	width:100% !important;
}
#cboxContent{
	background:none;
	width:100% !important;
}
#cboxLoadedContent{
	background:#fff;
	margin:44px 0 0 0;
		padding:5%;
	width:90% !important;
	overflow:hidden;
}
#cboxClose{
	width:44px;
	height:44px;
	top:0;
	background-size:44px;
	background-position:0;
}
#cboxOverlay{
	background: rgba(50, 50, 50, 1);
}
#cboxClose:hover{background-position:0}
iframe{
	width:100% !important;
	height:auto !important;
}

/* ClearFix
------------------------------------------ */
.serviceProductBtArea:after,
.serviceProductBtArea li:after,
.serviceProductBtArea li a div:after,
.serviceProductBtArea li a:after {
	content: "";
	display: block;
	clear: both;
}
.serviceProductBtArea,
.serviceProductBtArea li,
.serviceProductBtArea li a div,
.serviceProductBtArea li a{
	min-height: 1%;
	zoom: 1;
}

#main .SEC-2-1 ul.serviceProductBox {border-top:2px solid #dbe3e5; border-left:none;}
#main .SEC-2-1 ul.serviceProductBox li {flex-basis:calc(100% / 2); border-right:2px solid #dbe3e5; border-bottom:2px solid #dbe3e5;}
#main .SEC-2-1 ul.serviceProductBox li:nth-of-type(2n) {border-right:none;}
#main .SEC-2-1 ul.serviceProductBox li a {padding:20px 20px;}
#main .SEC-2-1 ul.serviceProductBox li a::after {right:10px; bottom:10px; width:10px; height:15px;}

}

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

#main .SEC-2-1 ul.serviceProductBox {border-top:1px solid #dbe3e5;}
#main .SEC-2-1 ul.serviceProductBox li {flex-basis:100%; border-right:none; border-bottom:1px solid #dbe3e5;}
#main .SEC-2-1 ul.serviceProductBox li a {padding:20px 10px;}
#main .SEC-2-1 ul.serviceProductBox h3 {font-size:16px; text-align:left;}

}