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

body {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 1.2em;
	line-height: 1.6em;
	color: #1a1a1a;
	-webkit-text-size-adjust: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

img{
	width:100%;
	line-height:0;
}

.forPC{
	display:block;
}
.forSP{
	display:none;
}


header {
	position:fixed;
	width:100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index:99;
}

.header_in{
	margin:0px auto;
	max-width:1100px;
}

.logo{
	width:187px;
	float:left;
	padding:15px 0px 8px 10px;
}

menu{
	width:500px;
	float:right;
	padding:8px 5px 0px 0px;
	list-style:none;
}

menu li{
	float:right;
	font-size: 0.8em;
	padding:0px 5px;
}

menu li a:hover{
	color:#ffa11e;
}


menu li img{
	margin: -10px 0px 0px 0px;
}

section{
	width:100%;
}

#fv{
	position:relative;
	max-height:750px;
	overflow:hidden;
}

#fv video{
	width:100%;
}

.fv_under{
	position:absolute;
	bottom:0;
	width:100%;
}

.section_in{
	margin:0px auto 50px auto;
	max-width:1100px;
}

#thought{
	position:relative;
	margin:-60px 0px 0px 0px;
}

section h2{
	width:98%;
	margin:0px auto 20px auto;
}

.txt01{
	width:80%;
	font-size:1.5em;
	line-height:200%;
	margin:0px auto 20px auto;
}

.txt01c{
	text-align:center;
	width:80%;
	font-size:1.5em;
	line-height:200%;
	margin:0px auto 20px auto;
}

#support:before{
	content: "　";
  display: block;
  width: 100%;
	height:192px;
	background:url("../img/contents02_topbg.png") 100%;
	margin: -2px 0px 0px 0px;
}

#support{
	background:url("../img/contents02_bg.png") repeat-y center/100%;
	padding:0px 0px 30px 0px;
}


#support h2{
	margin:-30px auto 20px auto;
}

.support_list{
	list-style:none;
	width:95%;
	margin:0px auto 50px auto;
}

.support_list li{
	float:left;
	width:48%;
	margin:0px 10px;
}

.subtitle01{
	width:70%;
	margin:0px auto 30px auto;
}

.white{
	color:#fff;
}

#target{
	padding:50px 0px 30px 0px;
}

.target_txt{
	text-align:center;
	font-size:2em;
	font-weight:bold;
	line-height:200%;
	margin:0px auto 20px auto;
}

.txt02{
	text-align:center;
	font-size:1.3em;
	margin:0px auto 20px auto;
}

#facility{
	background:url("../img/contents03_bg.png") repeat center;
	padding:60px 0px 30px 0px;
}

.facility_list{
	list-style:none;
	width:95%;
	margin:60px auto 50px auto;
}

.facility_list li{
	position:relative;
	float:left;
	width:45%;
	margin:0px 25px 60px 25px;
}

.photo01:before{
	position:absolute;
	left:45%;
	top:-25px;
	content: "　";
  display: block;
  width: 37px;
	height:42px;
	background:url("../img/pin1.png") 100%;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo02:before{
	position:absolute;
	left:52%;
	top:-25px;
	content: "　";
  display: block;
  width: 37px;
	height:42px;
	background:url("../img/pin2.png") 100%;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo03:before{
	position:absolute;
	left:53%;
	top:-25px;
	content: "　";
  display: block;
  width: 37px;
	height:42px;
	background:url("../img/pin3.png") 100%;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo04:before{
	position:absolute;
	left:47%;
	top:-25px;
	content: "　";
  display: block;
  width: 37px;
	height:42px;
	background:url("../img/pin4.png") 100%;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.rote01{
	transform:rotate(-4deg);
}

.rote02{
	transform:rotate(6deg);
}

.rote03{
	transform:rotate(3deg);
}

.rote04{
	transform:rotate(-2deg);
}

.subtitle02{
	text-align:center;
	font-size:1.7em;
	font-weight:bold;
	color:#925711;
	margin:0px auto 10px auto;
}

footer{
	position:relative;
	height:594px;
	width:100%;
	background:url("../img/footer_bg.png") no-repeat 50% 100%;
	background-size: 100% 594px;
	margin:-161px 0px 0px 0px;
}

.footer_bg{
	position:absolute;
	bottom:0px;
}

.footer_logo{
	position:absolute;
	top:230px;
    left: 50%;
	width:264px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.footer_txt{
	position:absolute;
	top:320px;
    left: 50%;
	width:290px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:1em;
	line-height:150%;
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}

.footer_btn {
	position:absolute;
	top:440px;
    left: 50%;
	width:800px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.footer_btn li {
	float:left;
	width:380px;
	margin:10px;
}

.copy{
	position:absolute;
	text-alignn:center;
	bottom:0px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:0.7em;
	line-height:150%;
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}






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

.forPC{
	display:none;
}
.forSP{
	display:block;
}

.logo{
	width:35%;
	float:left;
	padding:10px 0px 10px 10px;
}

menu{
	width:25%;
	float:right;
	padding:0px 5px 0px 0px;
	margin:20px 0px 0px 0px;
	list-style:none;
}

menu li{
	width:50%;
	margin:0px 0px -10px 0px;
}

#fv{
	width:100%;
}

#fv video{
	width:150%;
	margin-left:-30%;
}

.fv_under{
	position:absolute;
	bottom:7px;
	width:100%;
}

.section_in{
	margin:0px auto 30px auto;
	max-width:1100px;
}

section h2{
	width:98%;
	margin:0px auto 10px auto;
}

#thought{
	position:relative;
	margin:-30px 0px 0px 0px;
}

.txt01{
	width:74%;
	font-size:1em;
	line-height:150%;
	margin:0px auto 0px auto;
}

.txt01c{
	text-align:center;
	width:74%;
	font-size:1em;
	line-height:150%;
	margin:0px auto 0px auto;
}	

#support:before{
	content: "　";
  display: block;
  width: 100%;
	height:100px;
	background:url("../img/contents02_topbg.png") 10%;
	margin: -2px 0px 0px 0px;
}

#support{
	background:url("../img/contents02_bg.png") repeat-y center/100%;
	padding:0px 0px 10px 0px;
}

.support_list{
	list-style:none;
	width:95%;
	margin:0px auto 20px auto;
}

.support_list li{
	float:left;
	width:48%;
	margin:0px 3px;
}

.subtitle01{
	width:80%;
	margin:0px auto 10px auto;
}

#target{
	padding:30px 0px 0px 0px;
}

.target_txt{
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	line-height:170%;
	margin:0px auto 10px auto;
}

.txt02{
	text-align:center;
	font-size:0.6em;
	margin:0px auto 10px auto;
}

#facility{
	background:url("../img/contents03_bg.png") repeat center;
	padding:30px 0px 10px 0px;
}

.facility_list{
	list-style:none;
	width:97%;
	margin:20px auto 10px auto;
}

.facility_list li{
	position:relative;
	float:left;
	width:46%;
	margin:0px 6px 20px 6px;
}
.photo01:before{
	position:absolute;
	left:45%;
	top:-15px;
	content: "　";
  display: block;
  width: 18px;
	height:21px;
	background:url("../img/pin1.png");
	background-size: cover;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo02:before{
	position:absolute;
	left:52%;
	top:-10px;
	content: "　";
  display: block;
  width: 18px;
	height:21px;
	background:url("../img/pin2.png");
	background-size: cover;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo03:before{
	position:absolute;
	left:53%;
	top:-12px;
	content: "　";
  display: block;
  width: 18px;
	height:21px;
	background:url("../img/pin3.png");
	background-size: cover;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.photo04:before{
	position:absolute;
	left:47%;
	top:-10px;
	content: "　";
  display: block;
  width: 18px;
	height:21px;
	background:url("../img/pin4.png");
	background-size: cover;
	margin: 0px 0px 0px 0px;
	z-index:9;
}

.subtitle02{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#925711;
	margin:0px auto 10px auto;
}

footer{
	position:relative;
	height:300px;
	width:100%;
	background:url("../img/footer_bg.png") no-repeat 50% 100%;
	background-size: 100% 300px;
	margin:-82px 0px 0px 0px;
}

.footer_bg{
	position:absolute;
	bottom:0px;
}

.footer_logo{
	position:absolute;
	top:120px;
    left: 50%;
	width:90px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.footer_txt{
	position:absolute;
	top:160px;
    left: 50%;
	width:170px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:0.6em;
	line-height:130%;
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}

.footer_btn {
	position:absolute;
	top:220px;
    left: 50%;
	width:90%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.footer_btn li {
	float:left;
	width:47%;
	margin:3px;
}

.copy{
	position:absolute;
	text-alignn:center;
	bottom:0px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:0.5em;
	line-height:150%;
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}

}