@charset "utf-8";

/* --- CSAD --- */
.csad img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.csad h2.sectitle{
	background: url(../images/csad/csad_h2.png) repeat-x center top;
	min-height: 112px;
	padding: 30px 0 0 0;
	display: block;
	color:#424242;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	position: relative;
	margin:0 0 60px 0;
}
.csad h2.sectitle .subtitle{
	background:#f3f5f6;
	font-size: 14px;
	color:#424242;
	padding: 10px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin:15px auto;
}
.csad h2.sectitle::after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background:#f3f5f6;
	position: absolute;
	top:89px;
	left:0;
}
h3.catchcopy{
	color:#222d2c;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom:solid 3px #222d2c;
	padding:0 0 6px 0;
	display: inline-block;
}
.fc_csad{color:#222d2c;}
a.inqbtn{
	width: 400px;
	display: block;
	border:solid 3px #d8dadc;
	background: #f4f5f7;
	margin:60px auto;
	padding: 18px 0 20px;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	color:#222d2c;
	vertical-align: middle;
}
a.inqbtn:hover{opacity:0.7;text-decoration: none;}
a.inqbtn span::before,
a.inqbtn span::after{
	font-family: 'Icons';
	font-size: 1.6rem;
	color:#5f6e7e;
}
a.inqbtn span{}
a.inqbtn span::before{content:'\e05c';margin:-1px 10px 0 10px;}
a.inqbtn span::after {content:'\e036';margin:0 10px;}

.fl{float: left;}
.fr{float: right;}


/* --- csad@key --- */
.csad .LP-keyimage{
	background: url(../images/csad/csad_key.png) no-repeat center top;
	background-size: 100% auto;
	min-height: 401px;
	position: relative;
	text-align: center;
	padding:190px 0 0 0;
}
.csad .LP-keyimage h2{
	font-size: 64px;
	padding:0 0 5px 0;
	border-bottom:solid 3px #424242;
	display: inline;
}
.csad .LP-keyimage p{
	font-size: 20px;
	line-height: 30px;
	margin:25px auto 0;
}

/* --- sec01 --- */
.csad .sec01{
	background-image:url(../images/csad/dodback.png);
	padding:40px 0;
	position: relative;
}
.csad .sec01 .entry{}
.csad .sec01 .entry .box{
	width:450px;
	float: right;
}
.csad .sec01 .entry img#catch{
	display: block;
	z-index: 2;
	position: absolute;
	top:-40px;
	left: 60px;
}
.csad .sec01 .entry .box h2{
	font-size: 21px;
	line-height: 34px;
	text-align: center;
}

/* --- sec02 --- */
.csad .sec02{margin:80px auto;}
.csad .sec02 .leftBox{
	float: left;
	width: 40%;
	text-align: center;
}
.csad .sec02 .leftBox h3{
	font-size: 22px;
}
.csad .sec02 .leftBox img{}
.csad .sec02 .rightBox{
	float: right;
	max-width: 571px;
	width: 60%;
	margin:33px 0 0 0;
}
.csad .sec02 .rightBox .bnr_content{
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background:#f4f5f7;
	margin:0 0 3px 0;
}
.csad .sec02 .rightBox .bnr_content h4{
	font-size: 22px;
	font-weight: normal;
	padding:20px 0 10px;
	border-bottom:solid 1px #d4e0e2;
}
.csad .sec02 .rightBox .bnr_content h4 .subtitle{
	color:#777e7d;
	font-size: 14px;
	margin:0 0 0 20px;
}
.csad .sec02 .rightBox .bnr_content img{float: right;width: 150px;}
.csad .sec02 .rightBox .bnr_content p{
	font-size:14px;
	line-height: 1.8;
	margin:15px 0 0 0;
}

.csad .sec02 .entry{
	margin:70px auto 10px auto;
	padding: 10px;
	background: #F4F5F7;
	box-sizing: border-box;
}
.csad .sec02 .entry h3{
	text-align: center;
	padding: 10px 0 13px;
	background: url(../images/csad/borderback.png) no-repeat center;
}
.csad .sec02 .entry ul.logolist,
.csad .sec02 .entry ul.minlogolist{
	background:#f4f5f7;
	width: 100%;
}
.csad .sec02 .entry ul.logolist li{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
	padding:10px 0;
}
.csad .sec02 .entry ul.minlogolist li{
	display: inline-block;
	width: 12.5%;
	text-align: center;
	vertical-align: middle;
	padding:5px;
	box-sizing: border-box;
}

/* --- sec03 --- */
.csad .sec03,
.csad .sec04{margin-top:100px;}

.csad .sec03 .entry,
.csad .sec04 .entry{margin-top:65px;}

.csad .sec03 .entry div,
.csad .sec04 .entry div{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.csad .sec03 .entry h4,
.csad .sec04 .entry h4{color:#222d2c;font-size:24px;margin:30px 0 20px;}

/* --- sec05 --- */
.csad .sec05{text-align: center;background: url(../images/csad/dodback.png);margin-top:100px;}
.csad .sec05 .sectitle{margin:0;}
.csad .sec05 h3{color:#000000;font-size: 24px;font-weight: normal;display:inline-block;padding: 70px 0 15px;position: relative;}
.csad .sec05 h3::after{content: "";display: block;background: rgba(208,208,208,0.25);width: 100%;height: 3px;position: absolute;bottom: 0;}
.csad .sec05 img{margin: 50px auto;display: block;}


@media screen and (max-width:767px){
/* --- key --- */
.csad .LP-keyimage{
	background: url(../images/csad/csad_key.png) no-repeat center top;
	background-size: auto 100%;
	min-height: 401px;
	position: relative;
	text-align: center;
	padding:190px 0 0 0;
}
.csad .LP-keyimage h2{
	font-size: 64px;
	padding:0 0 5px 0;
	border-bottom:solid 3px #424242;
	display: inline;
}
.csad .LP-keyimage p{
	font-size: 20px;
	line-height: 30px;
	margin:25px auto 0;
}

/* --- sec01 --- */
.csad .sec01{
	background-image:url(../images/csad/dodback.png);
	padding:40px 0;
	position: relative;
}
.csad .sec01 .entry{}
.csad .sec01 .entry .box{
	width:94%;
	float:none;
	margin:0 auto;
}
.csad .sec01 .entry img#catch{
	display: block;
	z-index: 2;
	position: absolute;
	top:-60px;
	left: 0;
	right: 0;
	margin:auto;
	opacity: 0.15;
}

/* --- sec02 --- */
.csad .sec02 .leftBox{
	float: none;
	width: 94%;
	text-align: center;
	margin:0 auto;
}

.csad .sec02 .leftBox img{}
.csad .sec02 .rightBox{
	float: none;
	width: 94%;
	margin:33px auto 0;
}
.csad .sec02 .rightBox .bnr_content{
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background:#f4f5f7;
	margin:0 0 3px 0;
}
.csad .sec02 .entry ul.logolist li{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
	padding:10px 0;
}



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

/* --- key --- */
.csad .LP-keyimage{
	background: url(../images/csad/csad_key.png) no-repeat center top;
	background-size: auto 100%;
	min-height: 401px;
	position: relative;
	text-align: center;
	padding:190px 0 0 0;
}
.csad .LP-keyimage h2{
	font-size: 64px;
	padding:0 0 5px 0;
	border-bottom:solid 3px #424242;
	display: inline;
}
.csad .LP-keyimage p{
	font-size: 14px;
	line-height: 30px;
	margin:25px auto 0;
}

/* --- sec01 --- */
.csad .sec01 .entry img#catch{
	display: block;
	z-index: 2;
	position: absolute;
	top:25%;
	left: 0;
	right: 0;
	margin: auto;
	width: 196px;
}
.csad .sec01 .entry .box h2{
	font-size: 16px;
	line-height: 34px;
	text-align: center;
}

/* --- sec02 --- */

.csad .sec02 .leftBox h3{
	font-size: 22px;
}
.csad .sec02 .leftBox img{width: 128px;}
.csad .sec02 .rightBox .bnr_content{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background:#f4f5f7;
	margin:0 0 3px 0;
}
.csad .sec02 .rightBox .bnr_content .fl{float: none;}
.csad .sec02 .rightBox .bnr_content h4 .subtitle{
	color:#777e7d;
	display: block;
	font-size: 14px;
	margin:0;
}
.csad .sec02 .rightBox .bnr_content h4{
	font-size: 20px;
	padding:0 0 10px;
}
.csad .sec02 .rightBox .bnr_content img{
	display: block;
	margin:0 auto;
	float: none;
	width: 150px;
}
.csad .sec02 .rightBox .bnr_content p{
	font-size:14px;
	line-height: 1.8;
	margin:15px 0 ;
}

.csad .sec02 .entry{
	margin:70px auto 10px auto;
}
.csad .sec02 .entry h3{
	text-align: center;
	padding: 10px 0 13px;
	background: url(../images/csad/borderback.png) no-repeat center;
}
.csad .sec02 .entry ul.logolist li img{
	width: 70%;
	height: auto;
}
.csad .sec02 .entry ul.logolist li.google{width: 35%;}
.csad .sec02 .entry ul.logolist li.yahoo{width: 65%;}
.csad .sec02 .entry ul.minlogolist li{
	display: inline-block;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	padding:5px;
}
.csad .sec02 .entry ul.minlogolist li img{
	/*width: 100px;
	height: auto;*/
}
/* --- sec03 --- */
.csad .sec03 .entry div,
.csad .sec04 .entry div{
	display: inline-block;
	vertical-align: top;
	width: 94%;
	margin:15px auto;
}
.csad .sec03 .entry h4,
.csad .sec04 .entry h4{color:#222d2c;font-size:24px;margin:30px 0 0;}
.csad .sec03 .entry div img,
.csad .sec04 .entry div img{width: 125px;height: auto;}

/* --- sec05 --- */
.csad .sec05{text-align: center;background: url(../images/csad/dodback.png);margin-top:100px;}
.csad .sec05 .sectitle{margin:0;}
.csad .sec05 h3{color:#000000;font-size: 12px;font-weight: normal;display:inline-block;padding: 70px 0 15px;position: relative;}
.csad .sec05 h3::after{content: "";display: block;background: rgba(208,208,208,0.25);width: 100%;height: 3px;position: absolute;bottom: 0;}
.csad .sec05 img{margin: 50px auto;width: 300px;}

}

a.inqbtn{width: 94%;font-size: 16px;}
a.inqbtn span::before,
a.inqbtn span::after{font-size: 1.2rem;margin:5px;}