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

/*共有*/
img{width:100%;}
.pc{display:block;}
.sp{display:none;}
.mg_text3{padding-top:3%;}

/*スマホ用*/
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 )";
}

/*ボタン*/
.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;}


/*ヘッダー*/
header{}
.header_wrap{border-top:5px #000 solid;background:url(../img/main_bg.jpg) center no-repeat;background-size:cover;}
.header_wrap img{float:left;}
.header_wrap_l{width:50%;text-align:left;float:left;max-width:460px;max-height:600px;}
.header_wrap_r{width:50%;text-align:left;float:right;max-width:460px;max-height:600px;}
header .inner{text-align:center;position: absolute;width:100%;max-width: none;padding:0;}
header img.logo{max-width:800px;margin:0;width:90%;}

header img.url{max-width:427px;width:50%;}
header .url_wrap{
	text-align: center;
	bottom: 0;
	width: 98%;
	}

.head_line{background:#3E3A39;}
.head_line .inner{text-align:right;max-width:960px;margin:0 auto;position:relative;padding:10px 0 0;}
.head_line .inner img{max-width:427px;width:90%;}

.head_arrow{background:url(../img/head_arrow.png) center top no-repeat;height:38px;}



/*敷いてみませんか？*/
.shite_wrap{background:url(../img/copy_bg.jpg) top repeat-x;padding-bottom:6%;}
.shite_wrap .inner{text-align:center;padding:4% 4%;}
.shite_wrap h2{padding:0 0 5%;}
.shite_wrap p{text-align:left;line-height:1.6em;}


/*すごい働きモノです！*/
.hataraki_wrap{}
.hataraki_wrap .title3{text-align:center;padding:8% 0 5%;}
.hataraki_wrap .title3 img{max-width:929px;}

.hataraki_wrap .check_list li{padding-bottom:3%;}
.hataraki_wrap .check_list li img{max-width:5%;float:left;}
.hataraki_wrap .check_list li p{display:block;width:94%;float:right;}

.arrow{padding:5% 0 0;text-align:center;}
.arrow img{max-width:334px;width:90%;}

.hataraki_wrap .title4{text-align:center;padding:5% 0 5%;}
.hataraki_wrap .title4 img{max-width:800px;}

.hataraki_wrap .photo_wrap{padding:0 0 5%;}
.hataraki_wrap .photo_wrap img{margin:2% 0;}


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

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


.hataraki_wrap .title5{text-align:center;padding:5% 0 5%;}
.hataraki_wrap .title5 img{max-width:960px;}
.hataraki_wrap .title5-1{text-align:center;padding:5% 0 5%;}
.hataraki_wrap .title5-1 img{max-width:560px;}
.hataraki_wrap .title5-2{text-align:center;padding:5% 0 5%;}
.hataraki_wrap .title5-2 img{max-width:830px;}

.type3{padding:4% 0 10%;}


/*コンテンツ*/
.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;margin-bottom:5%;}

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

.f_left1{float:left;max-width:640px;display:block;width:70%;}
.f_right1{max-width:280px;float:right;width:28%;margin-left:2%;}

.f_left2{float:left;max-width:640px;display:block;width:70%;}
.f_right2{max-width:310px;float:right;width:28%;margin-left:2%;}

.line_b{margin-bottom:5%;}

/*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%;
}


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

.type3 .type_wrap{width:30%;float:left;margin-right:5%;}
.type3 .type_wrap h4{color:#8FC31F;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:2% 0 8%;
	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;}


.movie_wrap{margin:0 0 15%;}
.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:680px;;width:98%;}
.shiyou{margin:5% 0;}

.table_wrap{padding:8% 0 2%;}
table.pc_table{width:100%;}
.pc_table th{width:16%;border:1px #333 solid;padding:2%;color:#FFF;background:#74AC3A;}
.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:#FFF;background:#74AC3A;float:left;}
.sp_table td{width:96%;border:none;padding:2%;text-align:center;float:left;}
.sp_table{display:none;}



.bikou{padding:0 0 10%;}

.bikou h3{font-weight:bold;font-size:26px;padding-left:1%;border-left:5px #8FC31F solid;margin-bottom:2%;}
.bikou h4{color:#8FC31F;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:#FFF;background:#74AC3A;}
.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:#036EB8;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:#74AC3A;
	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:#496825;}


/*フッター*/
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:10% 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{padding:0;}
	
.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;}


.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;}

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

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

/*3カラム*/
.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:#3E3A39;min-height:40px;}

.head_arrow{background:url(../img/head_arrow_s.png) center top no-repeat;height:30px;}
.title_arrow{background:url(../img/title_arrow_s.png) center top no-repeat;height:30px;}
.naze_arrow{background:url(../img/naze_arrow_s.png) center top no-repeat;height:30px;}


.head_line .inner{text-align:center;}



.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:#FFF;background:#74AC3A;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;}



}

@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;}

}