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

/****************************************
Reset
*****************************************/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address,a{
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
margin:0;padding:0;color:#222;font-style:normal;
/*font:small/170% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif;
*/
font:small/170% "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
/*
font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
*/
}



html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td {
	margin: 0;
	padding: 0;
font:small/170% "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}

p, dt, dd, li, th, td, a, span {text-align:left;font-size:105%}
p a, li a {font-size:105%!important}
table {border-collapse:collapse;	border-spacing:0}
textarea, input {	margin:0;	padding:0}
caption, th {	text-align:left}
td, th {	vertical-align: top}
fieldset, img, abbr {	border:none}
li {	list-style-type:none}
hr {	display:none}
strong {	font-weight:bold;}
.pkg {	display:inline-block;	margin-bottom:-3px;}
.pkg:after {	content: "";	display: block;	visibility: hidden;	height: 0.1px;	font-size: 0.1em;	line-height: 0;	clear: both;}
div{ word-wrap:break-all;}
/****************************************
		0. General Setting 
*****************************************/
a, a:link {	color: #666;}
a:visited {	color: #666;}
a:hover {	color: #000;}
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll;
	}
body {
	-webkit-text-size-adjust:100%;
	font-size: 100%;
	line-height: 1.5em;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
.clear{ clear: both; line-height: 0}
#wrap:before,#wrap:after,
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
#wrap:after,
.cf:after {
    clear: both;
}
#wrap,
.cf {
    *zoom: 1;
}
.empty_message{
border: 1px solid #ddd;
background: #f4f4f4;
padding: 50px;
font-size: 134%;
margin-bottom: 80px;

}
.empty_message p{
margin-bottom: 1.7rem;
}
p.btn a,
.linkCont a{
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/****************************************
		1. Layout 
*****************************************/
img{
max-width: 100%;
height: auto;
}
/*main_width*/
#wrap,#headCont,#footCont,#description p{
margin: 0 auto;
width:100%;
text-align:left;
}
#head{
	position:relative;
	width: 100%;
}
		.admin-bar #head{
		  /*padding-top:32px;  */
		}
#wrap{
min-height: 900px;
z-index: 50;
padding: 40px 0;
}
/****************************************
		2. Color 
*****************************************/
body{background: #fff;}
#footer{background: #ddd;}
#head{
padding: 40px;
}
#headCont{
max-width: 1800px;
border-radius: 30px;
margin: 0 auto;
background: #FE9900;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
	#headCont #logo{
	margin: 10px 0 80px 20px;
	}
	#contact_form #headCont #logo{
	margin: 10px 0 10px 20px;
	}
	#headCont #headCta{
	margin: 20px 20px 0 0;
	display: flex;
	}
		#headCont #headCta .btn{
		font-size: 14px;
		}
				#headCont #headCta .btn a{
				position: relative;
				padding: 10px 30px 10px 80px;
				background: url("image/mail.png") 20px 10px  #533200 no-repeat;
				border-radius: 100px;
				display: block;
				text-decoration: none;
				color: #fff;
				}
					#headCont #headCta .btn a:hover{
					opacity: 0.9;
					}
					
		#headCont #headCta .tel{
		margin-right: 30px;
		}
#head #va{
width: 100%;
margin: 0 auto 40px;
display: flex;
max-width: 1560px;
padding: 0 40px;
justify-content: space-between;
}
#head #va .vaImg{
margin:0 90px 0 0;
padding: 40px 0 0 0;
}
	#head #va .vaImg .cont{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 30px 0;
	width: 70%;
	margin: 0 auto;
	}
		#head #va .vaImg .cont p{
		color: #fff;
		text-align: center;
		font-size: 1.34em;
		}
#head #toContent01{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#cont02_01{
  margin-bottom: 50px;
}
@media screen and (max-width: 1078px) {
#head{
padding: 10px;
}
#headCont{
display: static;
}
#headCont #logo{
width: 80%;
margin: 20px auto;
}
#headCont #logo img{
width: 100%;
}
#headCont #headCta{
width: 80%;
margin: 0 auto 20px;
display: block;
}
	#headCont #headCta .btn,
	#headCont #headCta .tel{
	width: 100%;
	margin: 0;
	}
#head #va{
display: block;
margin: 0 auto;
}
#head #va .vaImg,
#head #va .vaText{
width: 100%;
margin: 0 auto 30px auto;
text-align: center;
}
}

/*--------------
secion
--------------*/
.section h2{
font-size: 2.5em;
font-weight: bold;
text-align: center;
display: inline-block;
border-bottom: 2px solid #fff;
color: #fff;
padding-bottom: 30px;
margin-bottom: 30px;
}
.section .desc p{
text-align: center;
color: #fff;
font-size: 1.5em;
line-height: 1.7;
margin-bottom: 80px;
}
	.section .desc p strong{
	font-size: 1.5em;
	font-weight: bold;
	}
.section .flexBox{
display: flex;
justify-content: space-between;
}
/*
content01
*/
#content01{
background: #FE9900;
padding: 160px 0;
}
#content01 .content_inner{
max-width: 1340px;
margin: 0 auto;
}
#content01 .fig{
margin-bottom: 80px;
}
#content01 .arr{
margin-bottom: 80px;
}
@media screen and (max-width: 1078px) {
#content01{
padding: 60px 20px;
}
}
/*--------------------
content02
---------------------*/
#content02{
background: #FE9900;
padding: 0 0 80px;
}
	#content02 .content_inner{
max-width: 1340px;
margin: 0 auto;
	}
.mov{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.mov iframe,
.mov object,
.mov embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#content02 .mov{
max-width: 1170px;
margin: 0 auto 120px;
  border:1px solid #000;
}
#content02 .flexBox{
max-width: 1300px;
margin: 0 auto 120px;
justify-content: space-between;
}



@media screen and (max-width: 1078px) {
#content02{
padding: 60px 20px;
}
}

/*--------------------
content03
---------------------*/
#content03{
padding: 80px 0;
}
#content03 .content_inner{
max-width: 1180px;
margin: 0 auto;
}
	#content03 h2{
	color: #533200;
	border-bottom: 2px solid #533200;
	}
	#content03 .desc p{
	color: #533200;
	}
#content03 h3{
max-width: 980px;
display: flex;
margin: 0 auto 40px;
}
#content03 h3 span.num{
margin-right: 40px;
}
#content03 h3 span.ttl{
color: #533200;
font-size: 2.3em;
font-weight: bold;
display: block;
padding: 30px 0 0 0;
line-height: 2;
}
	#content03 .fig{
	max-width: 980px;
	margin: 0 auto 60px;
	}
	#content03 .cont p{
	text-align: center;
		color: #533200;
		font-size: 1.5em;
		margin-bottom: 120px;
	}
	#content03 .caption p{
	margin-bottom: 40px;
	text-align: center;
	color: #666;
	}
		#content03 .caption p strong{
		font-size: 1.5em;
		}
	
@media screen and (max-width: 1078px) {
#content03{
padding: 80px 20px;
}
}
/*--------------------
content04
---------------------*/
#content04{
background: #FE9900;
padding: 150px 0;
}
	#content04 .content_inner{
	max-width: 1460px;
	margin: 0 auto;
	}
	#content04 .fig01{
  margin-top:30px;
	margin-bottom: 30px;
	}
	#content04 .plus{
	margin-bottom: 0;
	}
	#content04 .fig02{
	
	}
@media screen and (max-width: 1078px) {
#content04{
padding: 80px 20px;
}
}

/*--------------------
content05
---------------------*/
#content05{
background: #FE9900;
padding: 150px 0 80px;
}
	#content05 h2{
	margin-bottom: 80px;
	}
	#content05 .content_inner{
	max-width: 1340px;
	margin: 0 auto;
	}
#content05 .flexBox .box{
width: 22.6%;
text-align: center;
}
	#content05 .flexBox img{
	width:100%;
	height: auto;
	}
#content05 .flexBox .box_arr{
padding: 120px 0 0 0;
}
	#content05 .flexBox .box .fig{
	margin-bottom: 30px;
	}
	#content05 .flexBox .box h3{
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 40px;
	}
	#content05 .flexBox .box .cont p{
	text-align: center;
	color: #fff;
	max-width:80%;
	margin: 0 auto 1em;
	}
		#content05 .flexBox .box .cont p strong{
		color: #FEFF00;
		}
@media screen and (max-width: 1078px) {
#content05{
padding: 150px 20px;
}
}
/*--------------------
contact
---------------------*/
#contact{
background: #FE9900;
padding: 180px 0;
}
#contact .content_inner{
max-width: 1100px;
margin: 0 auto;
}
#contact form dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
	#contact form dl dt{
	color: #fff;
	font-size: 1.34em;
	width: 30%;
	margin-bottom: 30px;
	line-height: 1;
	}
	#contact form dl dt span{
	color: #fff;
	line-height: 1;	
	padding: 0px 20px 0px 15px;
	border-left: 1.34em solid #fff;
	}
	#contact form dl dd{
	width: 68%;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1;
	font-size: 1.34em;

	}
	#contact form dl dd select{
	border: 1px solid #fff;
		font-size: 1.2em;
	}
#contact form dl dd input,
#contact form dl dd textarea{
color: #333;
}
#contact form .text01{
	width: 100%;
	border: 1px solid #ccc;
	height: 3em;
	}
#contact form .text02{
	width: 100%;
	height: 10em;
	border: 1px solid #ccc;
	}
#contact form .chk01{
	margin-right: 15px;
	}
#contact form .submit_btn{
text-align: right;
}

#contact form .submit_btn input{
border:none;
text-align: center;
background: #fff;
color: #FE9900;
border-radius: 50px;
padding: 7px 50px;
font-size: 18px;
}
#contact form .back_btn input{
border:none;
text-align: center;
background: #ddd;
color: #333;
border-radius: 50px;
padding: 7px 30px;
font-size: 18px;
}

@media screen and (max-width: 1078px) {
#contact{
padding: 180px 20px;
}
#contact form dl{
display: block;
}
	#contact form dl dt{
	width: 100%;
	}
	#contact form dl dd{
	width: 100%;
	}
#contact form .submit_btn{
text-align: right;
}

}
/*--------------------
content06
---------------------*/
#content06{
background: #FE9900;
padding: 180px 0 120px;
}
#content06 .cont{
text-align: center;
}
	#content06 .cont dl{
	}
	#content06 .cont dl dt{
	text-align: center;
	color: #fff;
	font-size: 3em;
	margin-bottom: 20px;
	}
	#content06 .cont dl dd{
	text-align: center;
	color: #fff;
	font-size: 4.5em;
	font-weight: bold;
	margin-bottom: 80px;
	}
		#content06 .cont dl dd img{
		margin-right: 10px;
		}
			#content06 .cont dl dd a{
			color: #fff;
			text-decoration: none;
			}
			#content06 .cont dl dd span{
			font-size: 0.5em;
			display: block;
			text-align: center;
			font-weight: normal;
			}
@media screen and (max-width: 1078px) {
#content06{
padding: 120px 20px;
}
	#content06 .cont dl dt{
	font-size: 1.7em;
	}
	#content06 .cont dl dd{
	font-size: 3em;
	}
}

footer{
border-top: 2px solid #fff;
text-align: center;
}
footer #footCont{
background: #FE9900;
 width: 100%;
 position: relative;
 height: 150px;

}
	footer #footCont .footLink{
	position: absolute;
	right: 10px;
	top: 60px;
	}
	footer #footCont .footLink ul{
	display: inline;
	}
		footer #footCont .footLink ul li{
		display: inline;
		position: relative;
		font-size: 1.32em;
		text-align: right;
		}
					footer #footCont .footLink ul li:after{
					content:' /';
					color: #fff;
					}
					footer #footCont .footLink ul li:last-child:after{
					content: '';
					}
		footer #footCont .footLink ul li a{
		color: #fff;
		text-decoration: none;
		}
		
footer #footLogo{
text-align: center;
position: absolute;
width: 100%;
top: 5px;
left: 0;
}
footer address{
background: #fff;
text-align: center;
color: #FE9900;
font-size: 1.5em;
padding: 5px 0;
}
@media screen and (max-width: 1078px) {
footer{}
footer #footCont{
 height: auto;
}
	footer #footCont .footLink{
	position: static;
	right: auto;
	top: auto;
	text-align: center;
	}
footer #footLogo{
	position: static;
	right: auto;
	top: auto;
}
}