@charset "utf-8";
/* CSS Document */

/*共有*/
img{width:100%;}
.pc{display:block;}
.sp{display:none;}
.red{color:#F00;}

h3.title{text-align:center;}

/*スマホ用*/
a[href^="tel:"] {
    cursor: default;
	color:#434343;
	}
a:hover[href^="tel:"] {
	color:#434343;
}
a:hover[href^="tel:"] img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
	margin:5% 0;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*ヘッダー*/
header{border-top:5px #000 solid;border-bottom:5px #000 solid;background:url(../img/head_bg.jpg) repeat-x;background-size:cover;}
header .inner{text-align:center;padding:8% 1% 10%;max-height:670px;}
header img{max-width:960px;}

.head_line{background:url(../img/head_line.png) center bottom repeat-x;}
.head_line .wrap{max-width:960px;margin:0 auto;text-align:right;padding:0 1%;max-height: 35px;}
.head_arrow{background:url(../img/title_arrow_s.png) center top no-repeat;height:38px;}


.site_url {max-width:440px;width:45%;margin:0% 0 0;}

/*スクロール*/
.scroll{margin: -2.5% 0 0;position: absolute;width: 100%;text-align: center;max-width:960px;}
.scroll img {max-width:46px;width:8%;}

/*なぜベージュがいいのか*/
.main_copy{margin:0 auto 10%;max-width:944px;}
.naze_wrap{padding:10% 0;}
.naze_title{}
.naze_copy{text-align:center;width:100%;display:block;font-size:30px;line-height:1.6em;}
.wrap h3{margin-bottom:3%;}
.wrap p{font-size:24px;line-height:1.6em;}
.wrap .graph{margin:3% 0;}

.img_margin{margin:3% 0;}

.contact_dw_btn{
	padding:10px;
	background:#F39800;
	display:block;
	max-width:600px;
	margin:0 auto;
	padding:2% 3% 0%;
	border:3px #C07700 solid;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	}
.contact_dw_btn:hover{background:#C07700;}


.akarui .type2 .left{width:48%;max-width:450px;float:left;}
.akarui .type2 .right{width:48%;max-width:450px;float:right;}


/*チェック*/
.check_wrap{background:#40220F;padding-bottom:5%;}
.check_wrap li{padding:2% 0;border-bottom:1px #FFF dashed;}
.check_wrap li.last{border:none;}
.check_wrap li img{max-width:48px;float:left;width:10%;}
.check_wrap li p{float:right;width:94%;font-size:34px;color:#FFF;display:block;line-height:1.2em;padding-top:0.2em;}


/*ここが凄い*/
.kokoga_wrap{padding-bottom:10%;}
.kokoga_title{max-width:960px;padding:10% 0 5%;}

.title_2syu{max-width:740px;margin:5% 0;}

.kokoga_wrap .type2 .left{width:48%;max-width:450px;float:left;}
.kokoga_wrap .type2 .right{width:48%;max-width:450px;float:right;}
.kokoga_wrap .type2 h4{color:#40220F;font-weight:bold;text-align:center;padding:5% 0;font-size:30px;}
.kokoga_wrap .type2 p{padding:2% 0;}




/*コンテンツ*/
.title_wrap{background:url(../img/title_line.png) center bottom repeat;}
.title_wrap .inner{text-align:center;padding:0 1%;}
.title_wrap .title{max-width:960px;margin:2% 0;}
.title_arrow{background:url(../img/title_arrow.png) center top no-repeat;height:40px;}

.wrap{margin:10% 0;}
.wrap h2{margin-bottom:5%;}

.title_type3{max-width:800px;margin:5% auto 5%;}

.type3 .type_wrap{width:30%;float:left;margin-right:5%;}
.type3 .type_wrap h4{color:#40220F;font-weight:bold;text-align:center;padding:5% 0;font-size:24px;}
.type3 .type_wrap p{padding:2% 0;}
.type3 .last{margin-right:0;}

.netis_wrap{
	margin:5% 0;
	border:1px #888 solid;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:2%;
}

.netis_wrap .netis_logo{max-width:330px;width:35%;float:left;}
.netis_wrap p{display:block;padding-left:2%;float:right;width:60%;border-left:1px #888 solid;font-size:17px;}

.movie_wrap h2{text-align:center;}
.movie_wrap h2 img{max-width:830px;}

.movie_wrap .movie_arrow{text-align:center;margin:5% 0;}
.movie_wrap .movie_arrow img{max-width:334px;width:50%;}


.hiyou_wrap .pc{display:block;}
.hiyou_wrap .sp{display:none;}

.icon_wrap{padding:5% 0;}
.icon_wrap img{float:left;width:30%;margin-right:5%;}
.icon_wrap img.last{margin:0;}

.case_wrap{padding:10% 0;}
.case_wrap li{float:left;width:48%;margin:1%;}

.shiyou_wrap .title_wrap img{max-width:960px;width:98%;}
.shiyou{margin:5% 0;}


/*試験結果*/
.title_shiken{max-width:330px;margin:5% auto 5%;width:60%;}



/*テーブル*/
.table_wrap{padding:10% 0;}
table.pc_table{width:100%;}
.pc_table th{width:16%;border:1px #333 solid;padding:2%;color:#40220F;background:#E9D1B4;}
.pc_table td{border:1px #333 solid;padding:2%;text-align:center;}

table.sp_table{width:100%;}
.sp_table th{width:96%;border:none;padding:2%;color:#40220F;background:#E9D1B4;float:left;}
.sp_table td{width:96%;border:none;padding:2%;text-align:center;float:left;}
.sp_table{display:none;}


table.shiken_table{width:100%;margin:0 0 5%;}
.shiken_table th{width:50%;border:1px #333 solid;padding:2%;color:#40220F;background:#E9D1B4;}
.shiken_table td{border:1px #333 solid;padding:2%;text-align:center;}
.shiken p{font-size:24px;line-height:1.6em;}


/*サイズ*/
.size{padding:0 0 10%;}
.size h3{font-weight:bold;font-size:26px;padding-left:1%;border-left:5px #40220F solid;margin-bottom:2%;}
.size_wrap{text-align:center;}
.size_wrap img{width:98%;max-width:600px;}


/*備考*/
.bikou{padding:0 0 10%;}

.bikou h3{font-weight:bold;font-size:26px;padding-left:1%;border-left:5px #40220F solid;margin-bottom:2%;}
.bikou h4{color:#40220F;font-weight:bold;padding:1% 0;}

.bikou th{width:20%;text-align:left;border-bottom:1px #888 dashed;padding:2px;vertical-align:top;}
.bikou td{border-bottom:1px #888 dashed;padding:2px;vertical-align:top;}

.contact_wrap .title_wrap img{max-width:960px;width:95%;}


.contact_table{width:98%;margin:2% 0 8%;}
.contact_table th{width:25%;border:1px #333 solid;padding:2%;color:#40220F;background:#E9D1B4;}
.contact_table td{border:1px #333 solid;padding:2%;}


#company_name,#name,#address,#tel,#fax,#mail{width:98%;border:1px #888 solid;padding:1%;}
#postal{width:28%;border:1px #888 solid;padding:1%;}
#text1{width:98%;border:1px #888 solid;padding:1%;min-height:200px;}


.contact_comment{padding:5% 0 0;}
.contact_comment h3{color:#7F4F21;padding:3% 0;font-size:40px;font-weight:bold;}
.contact_comment .tel_wrap{margin-bottom:5%;display:block;}
.contact_comment .tel_img{max-width:592px;width:98%;}

.privacy_wrap{padding:3%;background:#eee;}
.privacy_wrap h3{padding:0 0 2%;font-weight:bold;}


.submit_btn_wrap{text-align:center;}
#submit_btn{
	-webkit-appearance: none;
	font-size:24px;
	margin:5% 0;
	font-weight:bold;
	cursor:pointer;
	color:#FFF;
	width:100%;
	max-width:360px;
	background:#40220F;
	border:1px #888 solid;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:1%;
	}

#submit_btn:hover{background:#1F0000;}


/*フッター*/
footer h3{font-weight:bold;font-size:20px;}
footer address{padding:0 0 2%;}


/*アイフレーム*/
.iframe-content {
	position: relative;
	width: 100%;
    padding: 75% 0 0 0;
	margin:0% 0 10%;
}
.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
}


.text3d{padding:0 0 2%;text-align:center;}



/*サンキューページ*/
.thanks{text-align:center;}
.thanks p{font-size:20px;}

.error_messe{color:#F00;}

/*プライバシーポリシー*/
.privacy{padding:5% 0;}
.privacy .inner{padding:0 5%}

.privacy h3{font-size:28px;color:#F60;font-weight:bold;margin-bottom:3%;}
.privacy li{padding: 0px 0;list-style: outside decimal;margin: 0 0 0 1.5em;line-height:2em;}


/*コンタクト*/
.contact{padding:5% 0;}
.contact .innner{padding:0 5%}



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



}


@media screen and (max-width:900px) {
header .inner{}

.f40{font-size:1.5em;line-height:1.4em;}
.f32{font-size:1.3em;line-height:1.4em;}
.f28{font-size:1.3em;line-height:1.4em;}

/*チェック*/
.check_wrap li p{width:93%;}




.f_left1{float:none;max-width:960px;display:block;width:100%;}
.f_right1{float:none;max-width:280px;width:100%;margin:5% auto;}

.f_left2{float:none;max-width:960px;display:block;width:100%;}
.f_right2{float:none;max-width:280px;width:100%;margin:5% auto;}
.f_right2 .sp{display:block;}
.f_right2 .pc{display:none;}

.type3 .type_wrap{width:100%;float:left;margin:0 auto;text-align:center;}
.type3 .type_wrap h4{color:#8FC31F;font-weight:bold;text-align:center;padding:5% 0;font-size:24px;}
.type3 .type_wrap img{max-width:580px;}
.type3 .type_wrap p{padding:2% 0;max-width:580px;margin:0 auto;display:block;text-align:left;}
.type3 .last{margin-right:0;}

.netis_wrap p{line-height:1.4em;}

.hiyou_wrap .pc{display:none;}
.hiyou_wrap .sp{display:block;}

.icon_wrap{text-align:center;}
.icon_wrap img{float:none;width:80%;margin:0;max-width:300px;}



}

@media screen and (max-width:600px) {
.head_line{background:url(../img/head_line.png) center bottom repeat-x;}

.naze_copy{text-align:left;width:98%;margin:0 1%;display:block;font-size:18px;line-height:1.6em;}
.naze_copy br{display:none;}

.wrap p{font-size:18px;line-height:1.6em;}


/*チェック*/
.check_wrap li p{width:88%;}



/*2カラム*/
.akarui .type2 .left{width:98%;margin:0 auto 5%;max-width:600px;float:none;}
.akarui .type2 .right{width:98%;margin:0 auto;max-width:600px;float:none;}

.kokoga_wrap .type2 .left{width:98%;margin:0 auto;max-width:600px;float:none;}
.kokoga_wrap .type2 .right{width:98%;margin:0 auto;max-width:600px;float:none;}



.netis_wrap{text-align:center;padding:5%;}

.netis_wrap .netis_logo{max-width:330px;width:100%;float:none;margin:0 auto;}
.netis_wrap p{display:block;padding:2% 0 0;float:left;width:100%;border-left:none;text-align:left;}

.bikou th{width:98%;float:left;font-weight:bold;}
.bikou td{width:98%;float:left;border:none;padding-bottom:3%;}

.contact_table th{width:96%;border:none;padding:2%;color:#40220F;background:#E9D1B4;float:left;}
.contact_table td{width:96%;border:none;padding:2%;text-align:center;float:left;}

#postal{width:88%;border:1px #888 solid;padding:1%;}


.contact_comment h3{color:#036EB8;padding:5% 0;font-size:30px;font-weight:bold;}
.privacy_wrap{padding:5%;}

.sp_table{display:block;}
.pc_table{display:none;}


}

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

.case_wrap li{float:none;width:98%;margin:1%;max-width:480px;}

.size h3{font-size:18px;line-height:1.2em;}
.bikou h3{font-size:20px;line-height:1.2em;}


}

@media screen and (max-width:400px) {
	.f40{font-size:1em;line-height:1.4em;}
	.f_right1{max-width:220px;}
	.f_right2{max-width:220px;}
	
	.contact_comment h3{color:#036EB8;padding:5% 0;font-size:20px;font-weight:bold;}

/*チェック*/
.check_wrap li p{float:right;width:88%;font-size:24px;color:#FFF;display:block;line-height:1.2em;}
.check_wrap li img{min-width:30px;float:left;width:10%;}


}