@charset "utf-8";

/*ここでは
	資料請求での
	template
	を記述します
*/

body{
	font-size: 15px;
	font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Rounded Mplus 1c","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 1px;
	}
p{ font-size: 15px;}
a{
	text-decoration: none;
	color: #000000;
	}
a:hover{　text-decoration: none;　}

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }

/*---h系---*/
h1{ font-size: 24px;}

h2{ font-size: 20px;}

h3{ font-size: 18px;}

h4{ font-size: 16px;}

h5{ font-size: 14px;}

.mincho{ font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.hidagi_maru{ font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Rounded Mplus 1c","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.hiragi_kaku{ font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


.pcnone{
	display: none;
	}
.clearfix::after {
	clear: both; 
	content: " "; 
	display: block;}
@media screen and (max-width: 680px) {
	.pcnone{ display: block;}
	.smtnone{ display: none; }
	
	/*---h系---*/
	h1{}
	.gray_bg_title{ margin-bottom: 25px;}
	.gray_bg_title img{ max-height: 15px; width: auto;}
	h2{}
	h3{}
	
	/*---/h系---*/
}
header{
	width: 100%;
	/*background: #FFFFFF;*/
	border-bottom: 2px solid #D9EFFC;
	}
header::after,
footer::after { clear: both; content: " "; display: block;}
header .smt_btn{ display: none;}
header .head_contents{
	padding: 10px 0 5px;
	width: 1280px;
	margin: 0 auto;
	}
header .head_contents::after { clear: both; content: " "; display: block;}
header .head_contents .logo{ float: left; width: 330px; padding-top: 15px;}
header .head_contents .logo img{ max-width: 100%;}
header .head_contents .f_tel{ float: right; width: 460px;}
header .head_contents .f_tel img{ max-width: 100%; padding-bottom: 5px;}
header .head_contents .f_tel p { font-size: 16px;}

@media screen and (max-width: 1280px) {
	header .head_contents { width: 94%;}
	header .head_contents .logo{ float: left; width: 45%; padding-top: 15px;}
	header .head_contents .f_tel{ float: right; width: 50%; text-align:right;}
	header .head_contents .f_tel p { font-size: 12px;}
}

@media screen and (max-width: 680px) {
	header .head_contents{ 
		width: 94%; padding: 5px 0px;
		}
	header .head_contents .logo{ width: 55%;}
	header .head_contents .f_tel{ float: right; width: 42%;}
	header .head_contents .f_tel img{ max-width: 100%; padding-bottom: 5px;}
	header .head_contents .f_tel p{ display:none;}
}



/*追従メニュー*/
#nav{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	background: #FFFFFF;
	box-shadow:0px 3px 3px -3px #929292;
	-moz-box-shadow:0px 3px 3px -3px #929292;
	-webkit-box-shadow:0px 3px 3px -3px #929292;
}
#nav .nav_contents{
	padding: 10px 0;
	max-width: 1280px;
	margin: 0 auto;
	}
.nav_contents .logo{ 
	float:left; width: 20%; background: url(../../../shared/img/icon/logo.svg) no-repeat center left/ auto 100%; display: block; min-height: 20px;}
.nav_contents .logo img{ height:40px; }
.nav_contents .f_tel{ 
	float: right; text-align:right;
}
.nav_contents .f_tel img{ max-width: 100%; height:40px; padding-bottom: 5px;}
.nav_contents .f_tel span{ font-size: 14px; margin-left:10px;}

@media screen and (max-width: 1280px) {
	#nav .nav_contents { width: 94%;}
	.nav_contents .logo{ 
		float:left; width: 20%; background: url(../../../shared/img/icon/logo.svg) no-repeat center left/ auto 100%; display: block; min-height: 20px;}
	.nav_contents .logo img{ height:40px; }
	.nav_contents .f_tel{ 
		float: right; text-align:right;
	}
	.nav_contents .f_tel img{ max-width: 100%; height:30px; padding-bottom: 5px;}
	.nav_contents .f_tel span{ font-size: 12px; margin-left:0px; display:block;}
}

@media screen and (max-width: 680px) {
	.nav_contents { display:none;}

}
/*/追従メニュー*/


#contents{ width: 100%; margin: 0 auto;}
#contents::after { clear: both; content: " "; display: block;}


footer{
	width: 100%;
	margin: 0 auto;
	border-top: 10px solid #00b050;
	padding:40px 0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
footer .section{
	width:1276px !important;
	}
footer p{
	float:left;
	}
footer p.logo{
	width:426px;
	}
footer p.address{
	width:384px;
	}
footer p.tel{
	float:right !important;
	width:460px;
	}
@media screen and (max-width: 1280px) {
	footer .section{
		width:94% !important;
		text-align:left;
		}
	footer p.logo{
		width:35%;
		}
	footer p.logo img{
		width:98%; height:auto;
		}
	footer p.address{
		width:30%;
		}
	footer p.tel{
		float:right !important;
		width:30%;
		}
	footer p.tel img{
		width:100%;
		}
}

@media screen and (max-width: 680px) {
	footer {padding:40px 0px 80px 0px;}
	footer .section{
		width:96% !important;
		}
	footer p{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		float:none;
		text-align:center;
		margin:10px auto;
		font-size:11px;
		}
	footer p.pcnone img { 
		width:90% ;
		margin:0 5%;
	}
	footer p.logo{
		width:80% ;
		}
	footer p.address{
		width:100%;
		}
	footer p.tel{
		float:none !important;
		width:100%;
		display:none;
		}
	}



#footer_b { display:none; }
#footer_b .siryo { display:none; }
#footer_b .tel-link { display:none; }

@media screen and (max-width: 680px) {
	#footer_b { 
		display: block;
		position: fixed;
		bottom:0;
		left:0;
		background:#FFFFFF;
		width:100%;
		border-top:2px solid #b7e7fe;
		padding:10px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}
	#footer_b .siryo {
		display: block;
		float: left;
		width:65%;
	}
	#footer_b .tel-link {
		display: block;
		float: right;
		width:35%;
	}
	#footer_b img { height:100%; width:100%;}	
}


#page-top {
    bottom: 185px;
    position: fixed;
    right: 65px;
    z-index: 5;
}
#page-top:hover {
    cursor: pointer;
}
#page-top img {
    max-width: 60px;
}


@media screen and (max-width: 1280px) {
	#page-top {
		bottom: 10px;
		position: fixed;
		right: 10px;
		z-index: 5;
	}
	#page-top:hover {
		cursor: pointer;
	}
	#page-top img {
		max-width: 50px;
	}

}


@media screen and (max-width: 680px) {
	#page-top {
		bottom: 100px;
		position: fixed;
		right: 10px;
		z-index: 5;
	}
	#page-top:hover {
		cursor: pointer;
	}
	#page-top img {
		max-width: 40px;
	}

}


/*-----動画挿入-----*/

.video_box{
	max-width: 900px;
	margin: 10px auto 30px;
	}

@media screen and (max-width: 990px) {
	.video_box{
		max-width: 80%;
		}
}
@media screen and (max-width: 414px) {
	.video_box{
		max-width: 90%;
		margin: 10px auto 10px;
		}
}

.video2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

section .video2{}


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

/*-----動画挿入-----*/