@charset "utf-8";
/*
Theme Name: tokyo-golf-range-solution
Theme URI: http://www.solution-sy.com/
Author: Fyy
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/* Start Reset Css */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{font-size:100%;overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{margin:0 auto;width:100%;max-width:1920px;background:#fff;line-height:1.8;font-size:16px;color:#322e2b;font-weight:bold;letter-spacing:1px;
	font-family:"-apple-system",BlinkMacSystemFont,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,sans-serif;
}
@media (max-width:1380px){
	body{font-size:15px;}
}
@media (max-width:1180px){
	body{font-size:14px;}
}

address,caption,code,figcaption,pre,th{font-size:1em;font-weight:normal;font-style:normal;}

blockquote,q{quotes:none;}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}

fieldset,iframe,img{border:0;}

ins{background-color:#ff9;color:#000;text-decoration:none;}

caption,th{text-align:left;}

table{border-collapse:collapse;border-spacing:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}

input,select{vertical-align:middle;}

button{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

button:disabled{cursor:default;}

audio:not([controls]){display:none;}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),:focus[data-focus-method=touch]:not(input):not(textarea):not(select){outline:0;}

::-moz-focus-inner{border:0;padding:0;}

a,a:link,a:visited{text-decoration:none;
	-webkit-transition:0.3s;
	transition:0.3s;
}

a:hover,a:active{text-decoration:none;}

ul,ol{list-style:none;}

img{display:block;height:auto;max-width:100%;}

:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  color:#999;opacity:1;}

::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  color:#999;opacity:1;}

input:-ms-input-placeholder{color:#999;opacity:1;}

input::-webkit-input-placeholder{color:#999;opacity:1;}

::-webkit-scrollbar{width:6px;background-color:#f3f3f3;border-left:1px solid #dddddd;}

::-webkit-scrollbar:hover{background-color:transparent;}

::-webkit-scrollbar-thumb{cursor:pointer;background-color:#666;}

::-webkit-scrollbar-thumb:hover{background-color:#333;}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}

.f-fl{float:left;}
.f-fr{float:right;}
.f-cb:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
.f-cb{zoom:1;}

.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}

em{font-style:normal;}
i{font-style:normal;}
/* Start Reset Css */

/*loading*/
#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%;height:100%;background:#fff;}
#loading>figure{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;
	background-image:url(img/loading.gif);
	background-size:200px 200px;
	background-repeat:no-repeat;
	background-position:center;
}

/*tokyoGolfRangeM*/
.tokyoGolfRangeM{position:relative;left:0;z-index:50;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.tokyoGolfRangeM .tokyoGolfRangeMbg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;background:rgba(0,0,0,0.5);}
.tokyoGolfRangeM-move{left:-240px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;margin-left:15px;}
.mobile-btn>div{cursor:pointer;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.mobile-btn>div>span{display:block;height:3px;background:#fff;
	-webkit-transform-origin:center;
	transform-origin:center;
	
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.mobile-btn>div>span:nth-of-type(1){width:20px;}
.mobile-btn>div>span:nth-of-type(2){margin-top:6px;width:25px;}
.mobile-btn>div>span:nth-of-type(3){margin-top:6px;width:30px;}
.mobile-btn>div:hover>span,.mobile-btn>div.active>span{width:30px;}
.mobile-btn>div.active{
	-webkit-transform:translateX(0) rotate(180deg);
    transform:translateX(0) rotate(180deg);
}
.mobile-btn>div.active>span:nth-of-type(1){width:20px;
  	-webkit-transform:translateY(9px) rotate3d(0,0,1,-40deg);
    transform:translateY(9px) rotate3d(0,0,1,-40deg);
    -webkit-transform-origin:0.71429px center;
  	transform-origin:0.71429px center;
}
.mobile-btn>div.active>span:nth-of-type(3){width:20px;
	-webkit-transform:translateY(-9px) rotate3d(0,0,1,40deg);
    transform:translateY(-9px) rotate3d(0,0,1,40deg);   
    -webkit-transform-origin:0.71429px center;
    transform-origin:0.71429px center;
}
@media (max-width:880px){
	.mobile-btn{display:block;}
}

/*sp-wrapper*/
.sp-wrapper{position:fixed;top:0;right:0;z-index:50;padding:20px 10px;width:240px;text-align:center;height:100vh;background:#515151;
	-webkit-transform:translateX(240px);
	transform:translateX(240px);
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.sp-wrapper.sp-wrapper-move{
	-webkit-transform:translateX(0px) !important;
	transform:translateX(0px) !important;
}
.sp-wrapper>h2{font-family:"Outfit",sans-serif;font-size:20px;color:#fff;}
.sp-wrapper>ul{margin-top:20px;}
.sp-wrapper>ul>li{border-top:1px solid rgba(255,255,255,0.2);}
.sp-wrapper>ul>li>a{position:relative;display:block;padding:10px;font-size:14px;color:#fff;}
.sp-wrapper>ul>li>a:hover,.sp-wrapper>ul>li>a.current{background:#fff;color:#315803;}
.sp-wrapper>ul>li.hasMenu>a:after{position:absolute;top:50%;right:20px;display:block;content:"";width:0;height:0;
	border-width:5px 5px 0;
    border-style:solid;
    border-color:#fff transparent transparent transparent;   
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:0.3s;
	transition:0.3s;
}
.sp-wrapper>ul>li.hasMenu>a:hover:after{border-color:#315803 transparent transparent transparent;}
.sp-wrapper>ul>li>a.current:after{border-color:#315803 transparent transparent transparent;
	-webkit-transform:rotate(-180deg) translateY(5px);
	transform:rotate(-180deg) translateY(5px);
}
.sp-wrapper>ul>li>ol{display:none;background:#000;}
.sp-wrapper>ul>li>ol>li{border-top:1px solid rgba(255,255,255,0.2);}
.sp-wrapper>ul>li>ol>li>a{display:block;padding:8px;text-align:center;font-size:12px;color:#fff;}
.sp-wrapper>ul>li>ol>li>a:hover{background:#fff;color:#315803;}

/*bkt*/
.bkt{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;justify-content:center;align-items:center;width:45px;height:45px;
	background:#333;border-radius:50%;cursor:pointer;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.bkt>i{margin-top:-4px;line-height:1;font-size:18px;color:#fff;}
.bkt:hover{opacity:0.6;}

/*common*/
.wrapperMain{margin:0 auto;width:100%;max-width:1320px;}

/*common_tit*/
.common_tit{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1;font-family:"Shippori Mincho",serif;}
.common_tit>h2{font-size:60px;}
.common_tit>h3{margin-top:35px;font-size:20px;}
@media (max-width:1380px){
	.common_tit>h2{font-size:52px;}
	.common_tit>h3{margin-top:30px;font-size:18px;}
}
@media (max-width:1180px){
	.common_tit>h2{font-size:44px;}
	.common_tit>h3{margin-top:25px;font-size:16px;}
}
@media (max-width:980px){
	.common_tit>h2{font-size:36px;}
	.common_tit>h3{margin-top:20px;font-size:14px;}
}

/*more*/
.more{display:flex;justify-content:center;margin-top:50px;}
.more>a{display:block;padding:8px;background:#181818;line-height:1;color:#c4b49b;}
.more>a>hgroup{display:flex;align-items:center;padding:18px 80px;border:2px solid #c4b49b;}
.more>a>hgroup>h3{font-family:"Shippori Mincho",serif;font-size:20px;}
.more>a>hgroup>i{display:block;margin-top:2px;margin-left:15px;font-size:32px;}
.more>a:hover{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
@media (max-width:1380px){
	.more{margin-top:40px;}
	.more>a{padding:6px;}
	.more>a>hgroup{padding:16px 60px;}
	.more>a>hgroup>h3{font-size:18px;}
	.more>a>hgroup>i{margin-left:10px;font-size:28px;}
	.more>a:hover{
		-webkit-transform:translateY(-8px);
		transform:translateY(-8px);
	}
}
@media (max-width:1180px){
	.more{margin-top:30px;}
	.more>a{padding:4px;}
	.more>a>hgroup{padding:14px 40px;}
	.more>a>hgroup>h3{font-size:16px;}
	.more>a>hgroup>i{margin-top:0;margin-left:10px;font-size:24px;}
	.more>a:hover{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px);
	}
}
@media (max-width:980px){
	.more>a>hgroup{padding:12px 20px;}
	.more>a>hgroup>h3{font-size:14px;}
	.more>a>hgroup>i{margin-top:2px;font-size:20px;}
	.more>a:hover{
		-webkit-transform:translateY(-4px);
		transform:translateY(-4px);
	}
}

/*googlemap*/
.googlemap{position:relative;width:100%;overflow:hidden;background:#ccc url(img/lgm.png) no-repeat center center;background-size:40% auto;}
.googlemap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*header*/
.header{padding:20px 40px;width:100%;line-height:1;background:#181818;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.header .headerNav{display:flex;justify-content:space-between;align-items:center;max-width:1720px;}
.header .headerNav>a{display:block;width:100%;max-width:321px;}
.header .headerNav>a:hover{opacity:0.6;}
.header .headerNav>div{display:flex;align-items:center;margin-left:60px;}
.header .headerNav>div>ul{display:flex;}
.header .headerNav>div>ul>li{position:relative;}
.header .headerNav>div>ul>li:not(:first-child){margin-left:60px;}
.header .headerNav>div>ul>li>a{color:#fff;}
.header .headerNav>div>ul>li>a:after{display:block;content:"";width:100%;height:2px;background:#fff;opacity:0;
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.header .headerNav>div>ul>li:hover>a:after{opacity:1;
	-webkit-transform:translateY(4px);
	transform:translateY(4px);
}
.header .headerNav>div>ul>li>ol{position:absolute;top:22px;left:50%;z-index:5;display:none;width:165px;text-align:center;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.header .headerNav>div>ul>li>ol>li:not(:first-child){margin-top:5px;}
.header .headerNav>div>ul>li>ol>li>a{display:block;padding:2px;background:#181818;}
.header .headerNav>div>ul>li>ol>li>a>h3{padding:15px 40px;background:rgba(24,24,24,0.9);border:2px solid #a08f5b;font-size:14px;color:#fff;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.header .headerNav>div>ul>li>ol>li>a:hover>h3{background:#a08f5b;}
.header .headerNav>div>ol{display:flex;margin-left:60px;}
.header .headerNav>div>ol>li:not(:first-child){margin-left:30px;}
.header .headerNav>div>ol>li>a{display:block;width:100%;max-width:40px;}
.header .headerNav>div>ol>li>a:hover{
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px);
}
.header .headerNav>div>ul>li:hover>ol{display:block;}
@media (max-width:1380px){
	.header{padding:17px 30px;}
	.header .headerNav>a{max-width:281px;}
	.header .headerNav>div{margin-left:40px;}
	.header .headerNav>div>ul>li:not(:first-child){margin-left:40px;}
	.header .headerNav>div>ul>li>ol{top:21px;width:140px;}
	.header .headerNav>div>ul>li>ol>li:not(:first-child){margin-top:4px;}
	.header .headerNav>div>ul>li>ol>li>a>h3{padding:13px 30px;font-size:13px;}
	.header .headerNav>div>ol{margin-left:40px;}
	.header .headerNav>div>ol>li:not(:first-child){margin-left:20px;}
	.header .headerNav>div>ol>li>a{max-width:35px;}
}
@media (max-width:1180px){
	.header{padding:14px 20px;}
	.header .headerNav>a{max-width:241px;}
	.header .headerNav>div{margin-left:20px;}
	.header .headerNav>div>ul>li:not(:first-child){margin-left:20px;}
	.header .headerNav>div>ul>li>ol{top:20px;width:115px;}
	.header .headerNav>div>ul>li>ol>li:not(:first-child){margin-top:3px;}
	.header .headerNav>div>ul>li>ol>li>a>h3{padding:11px 20px;font-size:12px;}
	.header .headerNav>div>ol{margin-left:20px;}
	.header .headerNav>div>ol>li:not(:first-child){margin-left:10px;}
	.header .headerNav>div>ol>li>a{max-width:30px;}
}
@media (max-width:880px){
	.header .headerNav>a{max-width:201px;}
	.header .headerNav>div>ul{display:none;}
	.header .headerNav>div>ol{margin-left:0;}
	.header .headerNav>div>ol>li>a{max-width:25px;}
}
@media (max-width:480px){
	.header .headerNav>a{max-width:161px;}
	.header .headerNav>div>ol>li>a{max-width:20px;}
}

.header.header_fixed{position:fixed;top:0;left:0;z-index:9999;}

/*banner*/
.banner{position:relative;height:650px;overflow:hidden;}
.banner .bannerBg{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner .bannerBg:after{padding-top:0;width:100%;height:100%;}
.banner .bannerMat{position:absolute;top:50%;left:50%;z-index:5;padding:0 40px;max-width:1400px;text-align:center;color:#fff;
	font-family:"Shippori Mincho",serif;text-shadow:0px 1px 4px rgba(0,0,0,0.4);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.banner .bannerMat>h2{line-height:1;font-size:40px;}
.banner .bannerMat>h3{margin-top:50px;font-size:20px;}
@media (max-width:1380px){
	.banner{height:600px;}
	.banner .bannerMat{padding:0 30px;}
	.banner .bannerMat>h2{font-size:36px;}
	.banner .bannerMat>h3{margin-top:40px;font-size:18px;}
}
@media (max-width:1180px){
	.banner{height:550px;}
	.banner .bannerMat{padding:0 20px;}
	.banner .bannerMat>h2{font-size:32px;}
	.banner .bannerMat>h3{margin-top:30px;font-size:16px;}
}
@media (max-width:980px){
	.banner{height:500px;}
	.banner .bannerMat>h2{font-size:28px;}
	.banner .bannerMat>h3{font-size:14px;}
}
@media (max-width:780px){
	.banner{height:450px;}
	.banner .bannerMat>h2{line-height:1.4;font-size:24px;}
}

/*indexMain*/
/*sns*/
.sns{padding:40px;background:#2a241c;}
.sns .snsMat>ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-40px;margin-left:-40px;}
.sns .snsMat>ul>li{margin-top:40px;padding-left:40px;width:33.333333%;}
.sns .snsMat>ul>li>a{display:block;padding:10px;}
.sns .snsMat>ul>li>a>fieldset{padding:15px 20px;min-height:81px;line-height:1;}
.sns .snsMat>ul>li>a:hover{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
.sns .snsMat>ul>li:nth-of-type(1)>a{background:#856f4c;}
.sns .snsMat>ul>li:nth-of-type(1)>a>fieldset{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #e4d6ad;}
.sns .snsMat>ul>li:nth-of-type(1)>a>fieldset>h3{font-family:"Shippori Mincho",serif;color:#e4d6ad;}
.sns .snsMat>ul>li:nth-of-type(1)>a>fieldset>h2{margin-top:10px;font-family:"Outfit",sans-serif;font-size:20px;color:#f7db27;}
.sns .snsMat>ul>li:nth-of-type(2)>a{background:#e4d6ad;}
.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset{display:flex;justify-content:center;align-items:center;border:2px solid #856f4c;}
.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup>i{display:block;width:100%;max-width:29px;}
.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup>h3{margin-top:10px;font-family:"Shippori Mincho",serif;color:#2a241c;}
.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>h3{margin-left:15px;font-family:"Shippori Mincho",serif;font-size:14px;color:#9e9588;}
.sns .snsMat>ul>li:nth-of-type(3)>a{background:#60474c;}
.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset{display:flex;justify-content:center;align-items:center;border:2px solid #e4d6ad;}
.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup>i{display:block;width:100%;max-width:29px;}
.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup>h3{margin-top:10px;font-family:"Shippori Mincho",serif;color:#e4d6ad;}
.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>h3{margin-left:15px;font-family:"Shippori Mincho",serif;font-size:14px;color:#9e9588;}
@media (max-width:1380px){
	.sns{padding:35px 30px;}
	.sns .snsMat>ul{margin-top:-30px;margin-left:-30px;}
	.sns .snsMat>ul>li{margin-top:30px;padding-left:30px;}
	.sns .snsMat>ul>li>a{padding:8px;}
	.sns .snsMat>ul>li>a>fieldset{padding:13px 20px;min-height:71px;}
	.sns .snsMat>ul>li>a:hover{
		-webkit-transform:translateY(-8px);
		transform:translateY(-8px);
	}
	.sns .snsMat>ul>li:nth-of-type(1)>a>fieldset>h2{margin-top:8px;font-size:18px;}
	.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup>i{max-width:24px;}
	.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup>h3{margin-top:8px;}
	.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>h3{margin-left:10px;font-size:13px;}
	.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup>i{max-width:24px;}
	.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup>h3{margin-top:8px;}
	.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>h3{margin-left:10px;font-size:13px;}	
}
@media (max-width:1180px){
	.sns{padding:30px 20px;}
	.sns .snsMat>ul{margin-top:-20px;margin-left:-20px;}
	.sns .snsMat>ul>li{margin-top:20px;padding-left:20px;}
	.sns .snsMat>ul>li>a{padding:6px;}
	.sns .snsMat>ul>li>a>fieldset{padding:11px 20px;min-height:62px;}
	.sns .snsMat>ul>li>a:hover{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px);
	}
	.sns .snsMat>ul>li:nth-of-type(1)>a>fieldset>h2{font-size:16px;}
	.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>hgroup>i{max-width:19px;}
	.sns .snsMat>ul>li:nth-of-type(2)>a>fieldset>h3{font-size:12px;}
	.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>hgroup>i{max-width:19px;}
	.sns .snsMat>ul>li:nth-of-type(3)>a>fieldset>h3{font-size:12px;}	
}
@media (max-width:980px){
	.sns{padding:25px 20px;}
	.sns .snsMat>ul{margin-top:-10px;margin-left:-10px;}
	.sns .snsMat>ul>li{margin-top:10px;padding-left:10px;width:50%;}
}
@media (max-width:540px){
	.sns .snsMat>ul>li{width:100%;}
	.sns .snsMat>ul>li>a{margin:0 auto;width:100%;max-width:245px;}
	.sns .snsMat>ul>li>a>fieldset{min-height:auto;}
} 

/*concept*/
.concept{position:relative;padding:240px 40px;}
.concept .conceptBg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:bottom center;}
.concept .conceptBg:after{padding-top:0;width:100%;height:100%;}
.concept .conceptMat{position:relative;z-index:5;display:flex;max-width:1120px;}
.concept .conceptMat>dd{width:60%;}
.concept .conceptMat>dd>.common_tit{color:#fff;}
.concept .conceptMat>dd>fieldset{margin-top:50px;font-family:"Shippori Mincho",serif;color:#fff;}
.concept .conceptMat>dd>fieldset>h3{line-height:1;font-size:32px;}
.concept .conceptMat>dd>fieldset>figcaption{margin-top:40px;font-weight:bold;}
.concept .conceptMat>dd>fieldset>figcaption>*:not(:first-child){margin-top:20px;}
@media (max-width:1380px){
	.concept{padding:200px 30px;}
	.concept .conceptMat>dd{width:70%;}
	.concept .conceptMat>dd>fieldset{margin-top:45px;}
	.concept .conceptMat>dd>fieldset>h3{font-size:28px;}
	.concept .conceptMat>dd>fieldset>figcaption{margin-top:30px;}
	.concept .conceptMat>dd>fieldset>figcaption>*:not(:first-child){margin-top:15px;}
}
@media (max-width:1180px){
	.concept{padding:160px 20px;}
	.concept .conceptMat>dd{width:80%;}
	.concept .conceptMat>dd>fieldset{margin-top:40px;}
	.concept .conceptMat>dd>fieldset>h3{font-size:24px;}
	.concept .conceptMat>dd>fieldset>figcaption{margin-top:20px;}
	.concept .conceptMat>dd>fieldset>figcaption>*:not(:first-child){margin-top:10px;}
}
@media (max-width:980px){
	.concept{padding:120px 20px;}
	.concept .conceptMat>dd{width:90%;}
	.concept .conceptMat>dd>fieldset>h3{font-size:20px;}
}
@media (max-width:780px){
	.concept{padding:80px 20px;}
	.concept .conceptMat>dd{width:100%;}
	.concept .conceptMat>dd>.common_tit{align-items:center;}
	.concept .conceptMat>dd>fieldset{text-align:center;}
}

/*features*/
.features{padding:80px 40px;background:#f1f1e7;}
.features .featuresMat{max-width:1120px;}
.features .featuresList{margin-top:50px;}
.features .featuresList>ul{display:flex;flex-wrap:wrap;margin-top:-40px;margin-left:-40px;}
.features .featuresList>ul>li{margin-top:40px;padding-left:40px;width:50%;}
.features .featuresList>ul>li>dl{position:relative;}
.features .featuresList>ul>li>dl>dt{background-position:bottom center;}
.features .featuresList>ul>li>dl>dt:after{padding-top:0;height:350px;}
.features .featuresList>ul>li>dl>dd{position:absolute;bottom:20px;left:0;display:flex;align-items:center;padding:0 20px;width:100%;}
.features .featuresList>ul>li>dl>dd>i{display:block;width:100%;max-width:167px;}
.features .featuresList>ul>li>dl>dd>h3{margin-left:-60px;width:calc(100% - 107px);font-family:"Shippori Mincho",serif;font-size:18px;color:#fff;}
@media (max-width:1380px){
	.features{padding:70px 30px;}
	.features .featuresList{margin-top:40px;}
	.features .featuresList>ul{margin-top:-30px;margin-left:-30px;}
	.features .featuresList>ul>li{margin-top:30px;padding-left:30px;}
	.features .featuresList>ul>li>dl>dt:after{height:300px;}
	.features .featuresList>ul>li>dl>dd>i{max-width:137px;}
	.features .featuresList>ul>li>dl>dd>h3{margin-left:-50px;width:calc(100% - 87px);font-size:16px;}
}
@media (max-width:1180px){
	.features{padding:60px 20px;}
	.features .featuresList{margin-top:30px;}
	.features .featuresList>ul{margin-top:-20px;margin-left:-20px;}
	.features .featuresList>ul>li{margin-top:20px;padding-left:20px;}
	.features .featuresList>ul>li>dl>dt:after{height:250px;}
	.features .featuresList>ul>li>dl>dd>i{max-width:107px;}
	.features .featuresList>ul>li>dl>dd>h3{margin-left:-40px;width:calc(100% - 67px);font-size:14px;}
}
@media (max-width:980px){
	.features{padding:50px 20px;}
	.features .featuresList>ul>li>dl>dt:after{height:200px;}
}
@media (max-width:780px){
	.features .common_tit{align-items:center;}
	.features .featuresList>ul>li{width:100%;}
}

/*service*/
.service{padding:80px 40px;
	background-image:url(img/serviceBg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.service .serviceMat{padding:100px;background:#fff;}
.service .serviceSep{margin-top:50px;}
.service .serviceSep>dl{display:flex;justify-content:space-between;align-items:center;}
.service .serviceSep>dl:not(:first-child){margin-top:60px;}
.service .serviceSep>dl>dd{width:calc(45% - 30px);}
.service .serviceSep>dl>dd>fieldset{display:flex;align-items:center;line-height:1;}
.service .serviceSep>dl>dd>fieldset>h2{font-family:"Outfit",sans-serif;font-size:7vw;color:#524736;}
.service .serviceSep>dl>dd>fieldset>hgroup{margin-left:30px;}
.service .serviceSep>dl>dd>fieldset>hgroup>h3{line-height:1.2;font-family:"Outfit",sans-serif;font-size:32px;color:#315803;text-transform:uppercase;}
.service .serviceSep>dl>dd>fieldset>hgroup>h4{margin-top:25px;font-size:16px;}
.service .serviceSep>dl>dd>figcaption{margin-top:40px;font-weight:bold;}
.service .serviceSep>dl>dd>figcaption>*:not(:first-child){margin-top:20px;}
.service .serviceSep>dl>dd>.more{flex-direction:column;align-items:flex-start;}
.service .serviceSep>dl>dd>.more>a:nth-of-type(2){margin-top:20px;}
.service .serviceSep>dl>dt{width:calc(55% - 30px);
	-webkit-transform:skew(5deg);
	transform:skew(5deg);
}
.service .serviceSep>dl>dt:after{padding-top:70%;}
.service .serviceSep>dl:nth-child(2n){
	-webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.service .serviceSep>dl:nth-child(2n)>dt{
	-webkit-transform:skew(-5deg);
	transform:skew(-5deg);
}
@media (max-width:1380px){
	.service{padding:70px 30px;}
	.service .serviceMat{padding:80px;}
	.service .serviceSep{margin-top:40px;}
	.service .serviceSep>dl:not(:first-child){margin-top:50px;}
	.service .serviceSep>dl>dd{width:calc(45% - 20px);}
	.service .serviceSep>dl>dd>fieldset>hgroup{margin-left:20px;}
	.service .serviceSep>dl>dd>fieldset>hgroup>h3{font-size:28px;}
	.service .serviceSep>dl>dd>fieldset>hgroup>h4{margin-top:20px;font-size:14px;}
	.service .serviceSep>dl>dd>figcaption{margin-top:30px;}
	.service .serviceSep>dl>dd>figcaption>*:not(:first-child){margin-top:15px;}
	.service .serviceSep>dl>dd>.more>a:nth-of-type(2){margin-top:15px;}
	.service .serviceSep>dl>dt{width:calc(55% - 20px);}
}
@media (max-width:1180px){
	.service{padding:60px 20px;}
	.service .serviceMat{padding:60px;}
	.service .serviceSep{margin-top:30px;}
	.service .serviceSep>dl:not(:first-child){margin-top:40px;}
	.service .serviceSep>dl>dd{width:calc(45% - 10px);}
	.service .serviceSep>dl>dd>fieldset>hgroup{margin-left:10px;}
	.service .serviceSep>dl>dd>fieldset>hgroup>h3{font-size:24px;}
	.service .serviceSep>dl>dd>fieldset>hgroup>h4{margin-top:15px;font-size:12px;}
	.service .serviceSep>dl>dd>figcaption{margin-top:20px;}
	.service .serviceSep>dl>dd>figcaption>*:not(:first-child){margin-top:10px;}
	.service .serviceSep>dl>dd>.more>a:nth-of-type(2){margin-top:10px;}
	.service .serviceSep>dl>dt{width:calc(55% - 10px);}
}
@media (max-width:980px){
	.service{padding:50px 20px;}
	.service .serviceMat{padding:40px;}
}
@media (max-width:780px){
	.service .common_tit{align-items:center;}
	.service .serviceMat{padding:40px 30px;}
	.service .serviceSep>dl{display:block;}
	.service .serviceSep>dl>dd{width:100%;}
	.service .serviceSep>dl>dd>fieldset{justify-content:center;}
	.service .serviceSep>dl>dd>figcaption{text-align:center;}
	.service .serviceSep>dl>dd>.more{align-items:center;}
	.service .serviceSep>dl>dt{margin:30px auto 0;width:100%;max-width:420px;
		-webkit-transform:skew(0);
		transform:skew(0);
	}
	.service .serviceSep>dl:nth-child(2n)>dt{
		-webkit-transform:skew(0);
		transform:skew(0);
	}
}

/*instagram*/
.instagram{padding:80px 40px;}
.instagram .instagramMat{max-width:1120px;}
.instagram #sbi_images{padding:0 !important;}
.instagram .instagramList{margin-top:50px;}
.instagram .instagramList>ul{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px;}
.instagram .instagramList>ul>li{margin-top:30px;padding-left:30px;width:25%;}
.instagram .instagramList>ul>li>figure:after{padding-top:100%;}
@media (max-width:1380px){
	.instagram{padding:70px 30px;}
	.instagram .instagramList{margin-top:40px;}
	.instagram .instagramList>ul{margin-top:-20px;margin-left:-20px;}
	.instagram .instagramList>ul>li{margin-top:20px;padding-left:20px;}
	.instagram .instagramList>ul>li>figure:after{padding-top:90%;}
}
@media (max-width:1180px){
	.instagram{padding:60px 20px;}
	.instagram .instagramList{margin-top:30px;}
	.instagram .instagramList>ul{margin-top:-10px;margin-left:-10px;}
	.instagram .instagramList>ul>li{margin-top:10px;padding-left:10px;}
	.instagram .instagramList>ul>li>figure:after{padding-top:80%;}
}
@media (max-width:980px){
	.instagram{padding:50px 20px;}
}
@media (max-width:780px){
	.instagram .common_tit{align-items:center;}
	.instagram .instagramList>ul>li{width:50%;}
}

/*instructor*/
.instructor{padding:80px 40px;background:#f9f9f6;}
.instructor .instructorMat{position:relative;}
.instructor .instructorVer{position:absolute;bottom:0;left:50%;z-index:5;display:flex;justify-content:space-between;max-width:1120px;height:calc(100% - 14%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.instructor .instructorVer>dt{width:50%;}
.instructor .instructorVer>dd{display:flex;flex-direction:column;justify-content:center;width:50%;}
.instructor .instructorVer>dd>.common_tit{color:#fff;}
.instructor .instructorVer>dd>.more{justify-content:flex-start;}
.instructor .instructorVer>dd>.more>a{background:#fff;}
.instructor .instructorVer>dd>.more>a>hgroup{border-color:#282828;color:#282828;}
@media (max-width:1380px){
	.instructor{padding:70px 30px;}
}
@media (max-width:1180px){
	.instructor{padding:60px 20px;}
}
@media (max-width:980px){
	.instructor{padding:50px 20px;}
}
@media (max-width:780px){
	.instructor .instructorVer{position:static;display:block;margin-top:30px;
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
	.instructor .instructorVer>dd{width:100%;}
	.instructor .instructorVer>dd>.common_tit{align-items:center;color:#322e2b;}
	.instructor .instructorVer>dd>.more>a{background:#181818;}
	.instructor .instructorVer>dd>.more>a>hgroup{border-color:#c4b49b;color:#c4b49b;}
	.instructor .instructorVer>dd>.more{justify-content:center;}
}

/*access*/
.accessVer{padding:80px 40px;background:#3f3d36;}
.accessVer .accessVerMat{display:flex;max-width:1120px;}
.accessVer .accessVerMat>dt{width:50%;}
.accessVer .accessVerMat>dt>dl{display:flex;align-items:center;color:#c0b59a;}
.accessVer .accessVerMat>dt>dl:not(:first-child){margin-top:20px;}
.accessVer .accessVerMat>dt>dl>dt{width:100px;}
.accessVer .accessVerMat>dt>dl>dd{width:calc(100% - 100px);}
.accessVer .accessVerMat>dt:nth-of-type(1){padding:40px 40px 40px 0;}
.accessVer .accessVerMat>dt:nth-of-type(2){padding:40px 0 40px 40px;border-left:2px solid #595959;}
@media (max-width:1380px){
	.accessVer{padding:70px 30px;}
	.accessVer .accessVerMat>dt>dl:not(:first-child){margin-top:15px;}
	.accessVer .accessVerMat>dt>dl>dt{width:90px;}
	.accessVer .accessVerMat>dt>dl>dd{width:calc(100% - 90px);}
	.accessVer .accessVerMat>dt:nth-of-type(1){padding:30px 30px 30px 0;}
	.accessVer .accessVerMat>dt:nth-of-type(2){padding:30px 0 30px 30px;}
}
@media (max-width:1180px){
	.accessVer{padding:60px 20px;}
	.accessVer .accessVerMat>dt>dl>dt{width:80px;}
	.accessVer .accessVerMat>dt>dl>dd{width:calc(100% - 80px);}
	.accessVer .accessVerMat>dt:nth-of-type(1){padding:20px 20px 20px 0;}
	.accessVer .accessVerMat>dt:nth-of-type(2){padding:20px 0 20px 20px;}
}
@media (max-width:980px){
	.accessVer{padding:50px 20px;}
}
@media (max-width:780px){
	.accessVer .accessVerMat{display:block;}
	.accessVer .accessVerMat>dt{width:100%;}	
	.accessVer .accessVerMat>dt:nth-of-type(1){padding:0;}
	.accessVer .accessVerMat>dt:nth-of-type(2){margin-top:15px;padding:0;border-left:none;}
	
}

.accessMap>.googlemap{height:550px;}
@media (max-width:1380px){
	.accessMap>.googlemap{height:500px;}
}
@media (max-width:1180px){
	.accessMap>.googlemap{height:450px;}
}
@media (max-width:980px){
	.accessMap>.googlemap{height:400px;}
}
@media (max-width:780px){
	.accessMap>.googlemap{height:350px;}
}

/*connection*/
.connection{padding:80px 40px;background:#3f3d36;border-top:2px solid #fff;}
.connection .connectionMat{display:flex;justify-content:space-between;}
.connection .connectionMat>a{width:calc(50% - 20px);line-height:1;}
.connection .connectionMat>a:hover{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
.connection .connectionMat>a:nth-of-type(1){display:block;padding:15px;background:#bca566;color:#3f3d36;}
.connection .connectionMat>a:nth-of-type(1)>hgroup{display:flex;justify-content:center;align-items:center;padding:35px 20px;border:2px solid #e4d6ad;}
.connection .connectionMat>a:nth-of-type(1)>hgroup>i{display:block;margin-top:3px;font-size:40px;}
.connection .connectionMat>a:nth-of-type(1)>hgroup>h3{margin-left:30px;font-family:"Shippori Mincho",serif;font-size:30px;letter-spacing:16px;}
.connection .connectionMat>a:nth-of-type(1)>hgroup>span{display:block;margin-top:3px;margin-left:14px;width:100%;max-width:40px;}
.connection .connectionMat>a:nth-of-type(2){display:flex;justify-content:center;align-items:center;background:#fff;}
.connection .connectionMat>a:nth-of-type(2)>img{width:100%;max-width:439px;}
@media (max-width:1380px){
	.connection{padding:70px 30px;}
	.connection .connectionMat>a{width:calc(50% - 15px);}
	.connection .connectionMat>a:hover{
		-webkit-transform:translateY(-8px);
		transform:translateY(-8px);
	}
	.connection .connectionMat>a:nth-of-type(1){padding:13px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup{padding:30px 20px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>i{margin-top:2px;font-size:35px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>h3{margin-left:20px;font-size:26px;letter-spacing:12px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>span{margin-top:2px;margin-left:8px;max-width:35px;}
	.connection .connectionMat>a:nth-of-type(2)>img{max-width:389px;}
}
@media (max-width:1180px){
	.connection{padding:60px 20px;}
	.connection .connectionMat>a{width:calc(50% - 10px);}
	.connection .connectionMat>a:hover{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px);
	}
	.connection .connectionMat>a:nth-of-type(1){padding:11px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup{padding:25px 20px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>i{margin-top:3px;font-size:30px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>h3{margin-left:10px;font-size:22px;letter-spacing:8px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>span{margin-top:3px;max-width:30px;}
	.connection .connectionMat>a:nth-of-type(2)>img{max-width:339px;}
}
@media (max-width:980px){
	.connection{padding:50px 20px;}
	.connection .connectionMat>a:hover{
		-webkit-transform:translateY(-4px);
		transform:translateY(-4px);
	}
	.connection .connectionMat>a:nth-of-type(1){padding:9px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup{padding:20px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>i{font-size:25px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>h3{font-size:18px;letter-spacing:4px;}
	.connection .connectionMat>a:nth-of-type(1)>hgroup>span{max-width:25px;}
	.connection .connectionMat>a:nth-of-type(2)>img{max-width:289px;}
}
@media (max-width:780px){
	.connection .connectionMat{display:block;}
	.connection .connectionMat>a{width:100%;}
	.connection .connectionMat>a:nth-of-type(2){margin-top:20px;padding:15px;}
}

/*footer*/
.footer .footerNav{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;background:#181818;}
.footer .footerNav>dt>a{display:block;width:100%;max-width:321px;}
.footer .footerNav>dt>a:hover{opacity:0.6;}
.footer .footerNav>dd{display:flex;align-items:center;margin-top:40px;}
.footer .footerNav>dd>ul{display:flex;line-height:1;}
.footer .footerNav>dd>ul>li:not(:first-child){margin-left:60px;}
.footer .footerNav>dd>ul>li>a{color:#fff;}
.footer .footerNav>dd>ul>li>a:after{display:block;content:"";width:100%;height:2px;background:#fff;opacity:0;
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.footer .footerNav>dd>ul>li:hover>a:after{opacity:1;
	-webkit-transform:translateY(4px);
	transform:translateY(4px);
}
.footer .footerNav>dd>ol{display:flex;margin-left:60px;}
.footer .footerNav>dd>ol>li:not(:first-child){margin-left:30px;}
.footer .footerNav>dd>ol>li>a{display:block;width:100%;max-width:40px;}
.footer .footerNav>dd>ol>li>a:hover{
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px);
}

.footer .footerCopy{padding:20px 40px;text-align:center;background:#2a4011;font-family:"Outfit",sans-serif;font-size:15px;color:#fff;}
@media (max-width:1380px){
	.footer .footerNav{padding:50px 30px;}
	.footer .footerNav>dt>a{max-width:281px;}
	.footer .footerNav>dd{margin-top:30px;}
	.footer .footerNav>dd>ul>li:not(:first-child){margin-left:40px;}
	.footer .footerNav>dd>ol{margin-left:40px;}
	.footer .footerNav>dd>ol>li:not(:first-child){margin-left:20px;}
	.footer .footerNav>dd>ol>li>a{max-width:35px;}
	
	.footer .footerCopy{padding:17px 30px;font-size:14px;}
}
@media (max-width:1180px){
	.footer .footerNav{padding:40px 20px;}
	.footer .footerNav>dt>a{max-width:241px;}
	.footer .footerNav>dd{margin-top:20px;}
	.footer .footerNav>dd>ul>li:not(:first-child){margin-left:20px;}
	.footer .footerNav>dd>ol{margin-left:20px;}
	.footer .footerNav>dd>ol>li:not(:first-child){margin-left:10px;}
	.footer .footerNav>dd>ol>li>a{max-width:30px;}
	
	.footer .footerCopy{padding:14px 20px;font-size:13px;}
}
@media (max-width:720px){
	.footer .footerNav>dd{display:block;}
	.footer .footerNav>dd>ul{flex-wrap:wrap;justify-content:center;margin-top:-15px;}
	.footer .footerNav>dd>ul>li{margin:15px 10px 0 !important;}

	.footer .footerNav>dd>ol{justify-content:center;margin-top:20px;margin-left:0;}
}






