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

/* 
	for SP
	
*****************************************************/
@media screen and (max-width:800px){
	
	.pcbr {display: none;}
	.second_bg {background:#000 url("../images/common/bg.jpg") top center no-repeat; background-size: 120% auto;}
	
	#top section {padding: 23.4375vw 0;}
	#top section figure {width: 100vw; position: absolute; top: 0; opacity: 0.5; z-index: -1;}
	#top section p {font-size: 3.90625vw; line-height: 6.25vw; letter-spacing: 0.15em; text-align: justify;}
	#top #container01 {padding: 39.0625vw 0;}
	#top #container01:after {content: ""; display: block; background: #fff; width: 3.125vw; height: 100%; position: absolute; right: 0; top: 0;}
	#top #container01 h1 img {display: none;}
	#top #container01 h1 {background: url("../images/top/catch_sp.png") no-repeat; background-size: 100% auto; width: 85.9375vw; height: 99.6875vw; margin-left: 4.6875vw;}
	#top #container02:after {content: ""; display: block; background: #fff; width: 3.125vw; height: 100%; position: absolute; left: 0; top: 0;}
	#top #container02 .inner {padding: 0 4.6875vw 0 9.375vw;}
	#top #container02 figure {right: 0;}
	#top #container02 h1 {width: 70.9453125vw; margin-bottom: 3.125vw;}
	#top #container02 p {padding:4.6875vw 0 0 0;}
	#top #container03:after {content: ""; display: block; background: #fff; width: 3.125vw; height: 100%; position: absolute; right: 0; top: 0;}
	#top #container03 .inner {padding: 0 9.375vw 0 4.6875vw;}
	#top #container03 figure {left: 0;}
	#top #container03 h1 {width: 86.0625vw; margin-bottom: 3.125vw;}
	#top #container03 p {padding:4.6875vw 0 0 0;}
	#top #container04 {background: #212121 url("../images/top/arrow.png") no-repeat top center; background-size: 12.890625vw auto;}
	#top #container04 h1 {width: 85.9375vw; margin: 0 auto 5.46875vw;}
	#top #container04 p { padding: 0 4.6875vw; margin-bottom: 5.46875vw;}
	#top #container04 .btn a {background: url("../images/top/btn.png") no-repeat; background-size: 100% auto; width: 90.625vw; height: 71.5px; display: block; margin: 0 auto;}
	/*****2nd PAGE COMMON*****/
	.second_bg h1 {margin: 0 auto 21.875vw;}
	/*****FACILITIES*****/
	#facilities #container01 {padding: 35.15625vw 0 15.625vw;}
	#facilities #container01 h1 {width: 63.515625vw;}
	#facilities #container01 figure {width: 90.625vw; margin: 0 auto;}
	#facilities #container02 h2 {width: 48.984375vw; margin: 0 auto;}
	#facilities #container02 ul li {margin-bottom: 15.625vw;}
	#facilities #container02 ul li:nth-child(1) {margin-bottom: 4.6875vw;}
	#facilities #container02 ul li figure {width: 81.25vw; margin: 4.6875vw auto 0;}
	#facilities #container02 ul li:nth-child(2) figure {margin: 0 auto 0;}
	#facilities #container02 ul li:nth-child(3) h2 {width: 54.84375vw;}
	#facilities #container02 ul li:nth-child(4) h2 {width: 35vw;}
	#facilities #container03 h2 {width: 69.921875vw; margin: 0 auto 10.9375vw;}
	#facilities #container03 figure {width: 90.625vw; margin: 0 auto 15.625vw;}
	#facilities #container03 p {font-size: 3.5vw; line-height: 6.25vw; letter-spacing: 0.15em; text-align:center; margin:0 0 15.625vw;}
	/*****TRAINER*****/
	#trainer #container01 {padding: 35.15625vw 0 7.03125vw;}
	#trainer #container01 h1 {width: 72.734375vw;}
	#trainer #container01 ul {width: 90.625vw; margin: 0 auto;}
	#trainer #container01 ul li {margin-bottom: 8.59375vw;}
	#trainer #container01 ul li:after{content:''; clear:both; display:block;}
	#trainer #container01 ul li figure {width: 33.046875vw; height: 41.015625; border: 1px solid #888; float: left; margin: 0 3.90625vw 2.34375vw 0}
	#trainer #container01 ul li dl {text-align: left;}
	#trainer #container01 ul li dl dt {font-size: 6.25vw; font-weight: bold; margin-bottom: 2.34375vw; letter-spacing: 0.15em;}
	#trainer #container01 ul li dl dt + dt {font-size: 3.125vw; font-weight: normal; color: #aa9345; margin-bottom: 1.5625vw}
	#trainer #container01 ul li dl dd {font-size: 3.75vw; line-height: 5.46875vw; letter-spacing: 0.15em; text-align: justify;}
	/*****COMPANY*****/
	#company #container01 {padding: 35.15625vw 0 15.625vw;}
	#company #container01 h1 {width: 72.03125vw;}
	#company #container01 h2 {width: 59.765625vw; margin: 0 auto 7.8125vw; letter-spacing: 0.15em;}
	#company #container01 dl {text-align: center; width: 90.625vw; margin: 0 auto;}
	#company #container01 dl dt {font-size: 4.0625vw; line-height: 6.25vw; font-weight: bold; letter-spacing: 0.2em;}
	#company #container01 dl dt a {font-weight: normal; text-decoration: underline;}
	#company #container01 dl dd {font-size: 3.90625vw; line-height: 6.25vw; padding: 6.25vw 0 0; text-align: justify;}
	#company #container02 {padding-bottom: 15.625vw;}
	/*****ENTRY*****/
	#entry.second_bg {background-image: none; background-color: #aa9345;}
	#entry #container01 {padding: 35.15625vw 0 15.625vw;}
	#entry #container01 h1 {width: 79.84375vw;}
	#entry #container01 h2 {width: 47.34375vw; margin: 0 auto 3.90625vw;}
	#entry #container01 figure {width: 90.625vw; margin: 0 auto;}
	#entry #container02 {padding-bottom: 15.625vw;}
	#entry #container02 h2 {width: 29.609375vw; margin: 0 auto 4.6875vw;}
	#entry #container02 form dl {width: 90.625vw; margin: 0 auto; font-size: 4.0625vw; line-height: 6.25vw; border-bottom: 1px solid #fff; padding-bottom: 3.125vw; margin-bottom: 2.34375vw;}
	#entry #container02 form dl dt {height: 4.6875vw; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 2.34375vw;}
	#entry #container02 form dl dd {}
	#entry #container02 form dl dd input {background-color: #fff; width: 100%; height: 7.03125vw; padding: 0 1.5625vw;}
	#entry #container02 form dl dd textarea {background-color: #fff; width: 100%; height: 54.6875vw; padding: 0 1.5625vw;}
	#entry #container02 form .btn-send input {width: 54.6875vw; height: 15.625vw; display: block; margin: 6.25vw auto 0; background: #000; font-size: 4.6875vw; letter-spacing: 0.2em; font-weight: bold; color: #fff;}
	#entry header .entry a {display: none;}
	#entry footer {padding: 7.8125vw 0 7.8125vw;}
	#entry.thanks #container01 h1 {width: 69.140625vw;}
	#entry.thanks #container01 p {font-size: 4.6875vw; line-height: 7.03125vw; letter-spacing: 0.15em;}
	#entry.thanks #container01 .complete {font-weight: bold; margin-bottom: 2em; text-align: center;}
	#entry.thanks #container01 .comment {width: 90.625vw; margin: 0 auto; text-align: justify;}

	/* profile */
	section.profile h1 {width: 52.65625vw; margin: 0 auto 7.8125vw;}
	section.profile .profile_wrap { padding: 0 4.6875vw;}
	section.profile .profile_wrap figure {width: 54.6875vw!important; position: static!important; margin: 0 auto 7.8125vw; opacity: 1!important;}
	section.profile .profile_wrap h3 {font-size: 4.0625vw; line-height: 5.46875vw; font-weight: bold; letter-spacing: 0.18em;}
	section.profile .profile_wrap h2 {font-size: 6.25vw; font-weight: bold; letter-spacing: 0.2em; margin: 20px 0;}
	section.profile .profile_wrap h2 span {font-size: 4.6875vw; font-weight: normal; letter-spacing: 0.1em;}
	section.profile .profile_wrap p {font-size: 3.4375vw!important; line-height: 5.46875vw!important; letter-spacing: 0.15em;}
}

/* 
	for PC
	
*****************************************************/
@media screen and (min-width:801px){
	
	.spbr {display: none;}
	.second_bg {background:#000 url("../images/common/bg.jpg") top center no-repeat; background-size: 100% auto;}
	.inner {width: 1080px; margin: 0 auto; position: relative;}
	
	/*****TOP*****/
	#top section {padding: 100px 0;}
	#top section p {font-size: 16px; line-height: 30px; letter-spacing: 0.1em; text-align: justify;}
	#top section figure {width: 618px; position: absolute; top: -42.5px; z-index: -1;}
	#top #container01 {padding: 200px 300px 200px 89px;}
	#top #container01:after {content: ""; display: block; background: #fff; width: 30px; height: 100%; position: absolute; right: 0; top: 0;}
	#top #container02:after {content: ""; display: block; background: #fff; width: 30px; height: 100%; position: absolute; left: 0; top: 0;}
	#top #container02 .inner {padding: 0 15px 0 430px;}
	#top #container02 figure {left: 100px;}
	#top #container02 h1 {width: 612px; margin-bottom: 30px;}
	#top #container03:after {content: ""; display: block; background: #fff; width: 30px; height: 100%; position: absolute; right: 0; top: 0;}
	#top #container03 .inner {padding: 0 430px 0 15px;}
	#top #container03 figure {right: 100px;}
	#top #container03 h1 {width: 550px; margin-bottom: 30px;}
	#top #container04 {background: #212121 url("../images/top/arrow.png") no-repeat top center; background-size: 85.5px auto;}
	#top #container04 h1 {width: 550px; margin: 0 auto 30px;}
	#top #container04 p {text-align: center; margin-bottom: 30px;}
	#top #container04 .btn a {background: url("../images/top/btn.png") no-repeat; background-size: 100% auto; width: 500px; height: 94.5px; display: block; margin: 0 auto;}
	#top #container04 .btn a:hover {background: url("../images/top/btn_ov.png") no-repeat; background-size: 100% auto;}
	/*****2nd PAGE COMMON*****/
	.second_bg #container01 h1 {margin: 0 auto 140px;}
	/*****FACILITIES*****/
	#facilities #container01 {padding: 225px 0 100px;}
	#facilities #container01 h1 {width: 406.5px;}
	#facilities #container01 figure {width: 695px; margin: 0 auto;}
	#facilities #container02 h2 {width: 313.5px; margin: 0 auto;}
	#facilities #container02 ul li {margin-bottom: 100px;}
	#facilities #container02 ul li figure {width: 520px; margin-top: 25px;}
	#facilities #container02 ul li:nth-child(odd) {float: left;}
	#facilities #container02 ul li:nth-child(even) {float: right;}
	#facilities #container02 ul li:nth-child(3) h2 {width: 351px;}
	#facilities #container02 ul li:nth-child(4) h2 {width: 224px;}
	#facilities #container03 h2 {width: 447.5px; margin: 0 auto 70px;}
	#facilities #container03 figure {width: 800px; margin: 0 auto 40px;}
	#facilities #container03 p {font-size: 16px; line-height: 30px; letter-spacing: 0.1em; text-align:center; margin:0 0 100px;}
	/*****TRAINER*****/
	#trainer #container01 {padding: 225px 0 45px;}
	#trainer #container01 h1 {width: 465.5px;}
	#trainer #container01 ul {display: flex; flex-wrap: wrap; justify-content: space-between; width: 1080px; text-align: center;}
	#trainer #container01 ul li {width: 520px; margin-bottom: 55px;}
	#trainer #container01 ul li figure {width: 211.5px; height: 262.5px; border: 1px solid #888; float: left;}
	#trainer #container01 ul li dl {width: 280px; float: right; text-align: left;}
	#trainer #container01 ul li dl dt {font-size: 30px; font-weight: bold; margin-bottom: 5px; letter-spacing: 0.15em;}
	#trainer #container01 ul li dl dt + dt {font-size: 20px; font-weight: normal; color: #aa9345; margin-bottom: 10px}
	#trainer #container01 ul li dl dd {font-size: 16px; line-height: 27.5px; text-align: justify;}
	/*****COMPANY*****/
	#company #container01 {padding: 225px 0 100px;}
	#company #container01 h1 {width: 461px;}
	#company #container01 h2 {width: 382.5px; margin: 0 auto 50px;}
	#company #container01 dl {text-align: center;}
	#company #container01 dl dt {font-size: 16px; font-weight: bold; letter-spacing: 0.2em;}
	#company #container01 dl dt a {font-weight: normal;}
	#company #container01 dl dt a:link{ color:#fff; text-decoration: underline;}
	#company #container01 dl dt a:visited{ color:#fff; text-decoration:underline;}
	#company #container01 dl dt a:hover{ color:#aa9345; text-decoration:none;}
	#company #container01 dl dt a:active{ color:#fff; text-decoration:underline;}
	#company #container01 dl dd {font-size: 16px; line-height: 30px; padding: 40px 0 0;}
	#company #container02 {padding-bottom: 100px;}
	/*****ENTRY*****/
	#entry.second_bg {background-image: none; background-color: #aa9345;}
	#entry #container01 {padding: 225px 0 100px;}
	#entry #container01 h1 {width: 511px;}
	#entry #container01 h2 {width: 303px; margin: 0 auto 25px;}
	#entry #container01 figure {width: 882.5px; margin: 0 auto;}
	#entry #container02 {padding-bottom: 100px;}
	#entry #container02 h2 {width: 189.5px; margin: 0 auto 30px;}
	#entry #container02 form dl {width: 800px; margin: 0 auto; font-size: 16px; line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px;}
	#entry #container02 form dl dt {width: 165px; height: 30px; float: left; font-weight: bold; letter-spacing: 0.1em;}
	#entry #container02 form dl dd {width: 630px; float: right;}
	#entry #container02 form dl dd input {background-color: #fff; width: 100%; height: 30px; padding: 5px 10px;}
	#entry #container02 form dl dd textarea {background-color: #fff; width: 100%; height: 200px; padding:5px 10px;}
	#entry #container02 form .btn-send input {width: 350px; height: 90px; display: block; margin: 50px auto 0; background: #000; font-size: 17px; letter-spacing: 0.2em; font-weight: bold; color: #fff;}
	#entry #container02 form .btn-send input:hover {background: #fff; color: #aa9345;}
	#entry.thanks #container01 h1 {width: 442.5px;}
	#entry.thanks #container01 p {font-size: 16px; line-height: 30px; text-align: center;}
	#entry.thanks #container01 .complete {font-weight: bold; margin-bottom: 2em;}
	
	/* profile */
	section.profile h1 {width: 337px; margin: 0 auto 55px;}
	section.profile .profile_wrap {padding: 0 115px;}
	section.profile .profile_wrap figure {width: 222px!important; position: relative!important; top: 0!important; float: left; margin: 0 30px 10px 0;}
	section.profile .profile_wrap h3 {font-size: 13px; font-weight: bold; letter-spacing: 0.18em;}
	section.profile .profile_wrap h2 {font-size: 30px; font-weight: bold; letter-spacing: 0.2em; margin: 20px 0;}
	section.profile .profile_wrap h2 span {font-size: 16px; font-weight: normal; letter-spacing: 0.1em;}
	section.profile .profile_wrap p {font-size: 13px!important; line-height: 23px!important;}
	
	
}