@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
/*
Theme Name: solution
Theme URI: http://www.solution-sy.com/
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;}
html{font-size:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body {
	max-width:2000px;
	margin:0 auto;
	position: relative;
	width: 100%;
	font-size: 16px;
    color: #000;
	/*background: #fff;*/
	/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif; */
     /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
    /*font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
       font-family: "Yu Gothic Medium","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width:1200px){
	body{font-size:14px;}
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}
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 !important;}
a:hover,a:active{text-decoration:none !important;}
em,i{font-style: unset;display:block;}
ul{list-style:none;}
img{display:block;height:auto;max-width:100%;}
:-moz-placeholder{color:#999;opacity:1;}
::-moz-placeholder{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;}
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}
/* Start Reset Css */

/*wrapper*/
.wrapper{position:relative;left:0;z-index:20;-webkit-transition:all 600ms cubic-bezier(0.86,0,0.07,1);transition:all 600ms cubic-bezier(0.86,0,0.07,1);}
/* .wrapper:after{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:40vh;background:#048e99;} */
.wrapper.wrapperBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,0.5);}
.wrapper.wrapper-move{left:-200px;overflow:hidden;}
.wrapper.index{background:#fff;}
.hasBr{display:none;}
.noBr{display:block;}
.mainWidth{max-width: 1320px;margin: 0 auto;padding: 0 40px;}
@media screen and (max-width:1600px){
	.mainWidth{padding:0 20px;}
}
/*mobile-btn*/
.mobile-btn{display:none;margin-top:16px;}
.mobile-btn div{position:relative;/* right: 20px; */top: 0;display:block;width:30px;height:20px;background:none;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{position:absolute;left:50%;top:9px; z-index:5; display:block; margin:0 0 0 -15px; width: 23px; height:2px;background:#fff; -webkit-transform-origin:center; -moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.mobile-btn div span:nth-child(1){
    -webkit-transform:translateY(-9px);
    -moz-transform:translateY(-9px);
    -ms-transform:translateY(-9px);
    -o-transform:translateY(-9px);
    transform:translateY(-9px);
    width: 16px;
}
.mobile-btn div span:nth-child(3){
    -webkit-transform:translateY(9px);
    -moz-transform:translateY(9px);
    -ms-transform:translateY(9px);
    -o-transform:translateY(9px);
    transform:translateY(9px);
    width: 30px;
}
.mobile-btn .active{transform:translateX(0) rotate(180deg);}
.mobile-btn .active span:nth-child(1){width:20px !important;transform-origin:0.71429px center !important;transform:rotate3d(0,0,1,-40deg) !important;}
.mobile-btn .active span:nth-child(3){width:20px !important;transform:rotate3d(0,0,1,40deg) !important;transform-origin:0.71429px center !important;}

/*sp-wrapper*/
.sp-wrapper{display:none;position:fixed;top:0;right:0;z-index:60;display:block;padding:0 10px 0 10px;width:200px;height:100vh;background: #000;-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{transform:translateX(0px) !important;}
/*.sp-wrapper*/
/*body.logged-in .sp-wrapper{top:auto;bottom:0;height:calc(100vh - 32px);}*/
.sp-wrapper h2{width:100%;text-align:center;font-size:24px;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:normal;}
.sp-nav li{border-top: 1px solid #5d5d5d;}
.sp-nav li:last-of-type{border-bottom: 1px solid #5d5d5d;}
.sp-nav li a{color: #fff;display: block;text-align: center;text-decoration: none;padding: 12px 0;text-transform: uppercase;transition: .3s;font-size: 14px;}
.sp-nav li a:hover{background-color: white;color: black;}
.sp-nav li a span{display:none;}
.sp-heading{width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;font-size: 24px;text-transform: uppercase;color: #fff;}
.sp-heading img{width: 500px;margin:auto;}
@media screen and (max-width:1020px){.sp-wrapper{display:block;}}
@media screen and (max-width:782px){body.logged-in .mobile-btn{top:65px;}}
@media screen and (max-width:600px){.sp-wrapper.wordpress-logged-in{height:100vh;}}

/*bkt*/
.bkt{position:fixed;right:40px;bottom:40px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;background:#000;border-radius:50%;cursor:pointer;transition:.3s;}
.bkt:hover{opacity:0.8;}
.bkt svg{width:15px;height:15px;fill:#ffffff;}
@media screen and (max-width:980px){
	.bkt{right:20px;}
}

/*header*/
@-webkit-keyframes headermove{0%{top:-80px;}	100%{top:0px;}}
.header{width: 100%;/* background-color: white; */transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);position: fixed;top: 40px;}
.headerFixed{
	/* box-shadow: 0 0 8px rgba(0,0,0,0.5); */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	/* box-shadow: 0 0 8px rgba(0,0,0,0.5); */
	-webkit-animation:headermove .5s linear 1 0s;
	-moz-animation:headermove .5s linear 1 0s;
	-ms-animation:headermove .5s linear 1 0s;
	-o-animation:headermove .5s linear 1 0s;
	animation:headermove .5s linear 1 0s;
}

/* ul.main-navigation li a:hover {
	background-color: #b9e76991;
-webkit-box-shadow: 10px 10px 10px 6px rgba(185, 231, 105, 1);
-moz-box-shadow: 10px 10px 10px 6px rgba(185, 231, 105, 1);
box-shadow: 10px 10px 80px 6px rgba(185, 231, 105, 1);


} */
a.contactus:hover {cursor: pointer;background-color: #f7539a;}
a.contactemail:hover { cursor: pointer; background-color: #f7e57b;}
.headBox.mainWidth{max-width:1800px;}
.headBox{display:flex;justify-content:space-between;z-index: 1;position: relative;}
.headLogo{display:block;padding:5px 0;width: 170px;color: #00afcc;}
.headNav{display:flex;align-items: center;justify-content: center;max-width: 1520px;margin: 0 auto;/* background-color: transparent; *//* height: 0px; */}
.headNav>ul{display:flex;}
.headNav>ul>li{overflow: hidden;margin-left: 80px;}
.headNav>ul>li a{color: white;height: 100%;position: relative;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.headNav>ul>li a span{display:block;font-size: 12px;text-transform: uppercase;}
.headlogo {color: #00afcc;text-align: center;background-color: #fff;padding: 17px 0;border-radius: 10px;display: flex;/* margin-top: 95px; */padding: 2px;align-items: center;}
.headlogo p:nth-child(1) { font-weight: bolder; font-size: 24px;}
.headermain{display:flex;align-items:center;}
.number {display: flex;justify-content: center;align-items: center;background-color: #08c87a;}
.number p {font-size: 20px;  color: #fff000; font-weight: bolder; letter-spacing: 3px;text-shadow: 2px 2px #362e2e;}
.number span { color: #fff; letter-spacing: 5px; font-size: 20px;font-weight: bolder; text-shadow: 2px 2px #5a5050;}
ul.main-navigation {display: flex;align-items: center;justify-content: space-evenly;background-color: #00afcc;padding: 13px 5px;font-weight: bolder;/* line-height: 1; */}
ul.main-navigation li a {color: #f6ff00;text-align: center;}
ul.main-navigation li  {border-right: 1px dashed #dedec7;padding: 0px 30px;}
.contactus {display: flex;align-items: center;padding: 7px   18px;border-top-right-radius: 5px;background-color: #cc1467;}
.contactemail {display: flex;background-color: #ffd900;align-items: center;padding: 7px 18px;border-bottom-right-radius: 5px;}
.contactus p {color: #fff;font-weight: bolder;letter-spacing: 2px;padding-left: 6px;}
.contactemail p {color: #0b4dd9;font-weight: bolder;letter-spacing: 2px;padding-left: 6px;}
.title {
    text-align: center;
    font-size: 70px;
    font-weight: bolder;
    color: #01abc7;
    text-shadow: -1px 3px 0 #fff, 2px 1px 0 #fff, 2px -1px 0 #fff, -1px -1px 0 #fff;
    letter-spacing: 15px;
    /* margin-top: 0px; */
    transform: translateY(-27vh);
    }
.featuresbgc {margin-top: -277px;}
/* nav hover */
@keyframes hoverHead{0%{width:0px;height:0px;opacity:1;}100%{width:80px;height:80px;opacity: 0;}}
.headNav>ul>li a:hover{color:#09edff;}
.headNav>ul>li a:after{display:block;content:"";width: 0px;height: 0px;border-radius:50%;background: #ffffffba;transition:0.7s;transform: translate(-50%,-50%);position: absolute;left: 50%;top: 50%;z-index: 0;}
.headNav>ul>li a:hover:after{
	-webkit-animation:hoverHead 0.5s linear;
  	-moz-animation:hoverHead 0.5s linear;
  	-ms-animation:hoverHead 0.5s linear;
  	-o-animation:hoverHead 0.5s linear;
  	animation:hoverHead 0.5s linear;
}

@media screen and (max-width:1200px){
ul.main-navigation li  {border-right: 1px dashed #dedec7;padding: 0px 10px;}
.headLogo{width:80px;}.headNav>ul>li{margin-left:50px;}
.headLogo{padding:5px 0;width: 150px;color: #00afcc;}}
@media screen and (max-width:960px){.title { font-size: 55px; }
ul.main-navigation li  {padding: 0px 5px;}
.contactus p {display:none}.contactemail p {display:none}
.contactus {padding:5px 5px;}.contactemail {padding:7px 5px;}
}
@media screen and (max-width:820px){.headNav>ul>li{margin-left:20px;} .title { font-size: 40px;} 
}
@media screen and (max-width:714px){
ul.main-navigation li  {padding: 0px 0px;}
ul.main-navigation li  {border-right:0;padding:0px;}
.headLogo{width: 150px;color: #00afcc;}
	
}
@media screen and (max-width:660px){
	.header{top:10px;}
	.mobile-btn{display:block;}
	.main-navigation{display:none !important;}
	.headLogo{width:200px;padding:5px 0;}
	.number span { letter-spacing: 2px; font-size: 16px;}
	.number {display:block;padding:5px 15px}
	.headlogo p:nth-child(1) {font-size: 20px;}
	.mobile-btn{/* margin-top: 95px; */padding-left:15px;}
      .headlogo{ }
	.headlogolink{width:120px;}
	.headermain{flex-wrap:wrap;}
	.headLogo{}
	.contactnumber{width:100%;}
	.contacthlist{display:flex;width:100%;}
	.contacthlist a{width:50%;display:flex;justify-content:center;}
	}
@media screen and (max-width:489px){.headLogo{width:140px;padding:5px 0;}.number span {font-size: 14px;}.number {display:block;padding:10px 5px}.headlogo p:nth-child(1) {font-size: 20px;}.contactus {padding: 3px 5px;}.contactemail {padding: 3px 5px;}.title {  font-size:20px; }}
@-webkit-keyframes bannermove{
	0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	50% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(s1, 1);}
}
@keyframes bannermove{
	0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	50% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
}
.indexBanner{background: url("assets/img/adobe.jpg");background-position: center top;background-repeat: no-repeat;height: 70vh;position:relative;width: 100%;margin: auto;/* margin-top: -63px; */z-index: -1;display: flex;align-items: flex-end;justify-content: center;}
.indexBanner .hasbg{height:100%;position:absolute;width:100%;top:0;left:0;
	-webkit-animation:bannermove 30s linear infinite 0s;
	-moz-animation:bannermove 30s linear infinite 0s;
	-ms-animation:bannermove 30s linear infinite 0s;
	-o-animation:bannermove 30s linear infinite 0s;
	animation:bannermove 30s linear infinite 0s;
}
.banner{height:100%;overflow:hidden;}
@media screen and (max-width:1225px){
.indexBanner{height: 150vh;}

}
/*footer start*/
footer{background-color: #008ca3;color: #fff;background-repeat:no-repeat;}
.footBox{background-color: #008ca3;}
.footLogo{display:flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #006c7e;}
.footContact{background: #ffffffad;color: #000;padding: 6px 40px;border-radius: 50px;}
.footContact:hover{background:#048e99;color:#fff;}
.footNav{display:flex;justify-content:center;flex-wrap:wrap;max-width: 1140px;width: 50%;padding: 40px 0;}
.footNav>li{margin-top:10px;width: 50%;}
.footNav>li>a{color:#fff;display: inline-block;}
.footNav>li>a:after{display: block;content:"";/* width:100%; */height:2px;opacity:0;background:#fff;-webkit-transition:0.7s;transition:0.7s;transform:translateY(-15px);}
.footNav>li>a:hover:after{opacity:1;transform:translateY(2px);}
.copyRight{text-align:right;font-size:14px;background-color: #005765;padding: 5px 0;}


@media screen and (max-width:1200px){
	.copyRight{margin-top:10px;}
	.footLogo>a{width:400px;}
	.footNav{/* padding-top:20px; */}.footNav>li>a{}.footContact{padding:5px 20px;}
}
@media screen and (max-width:870px){
	.footBox{padding-top:40px;padding-bottom:20px}
	.footLogo{display:block;}
	.footLogo>a{margin:0 auto}
	.footNav{width:100%;padding: 20px 0;}
	.copyRight{padding-right: 0px}
}

@media screen and (max-width:450px){
	.copyRight{padding-right:0px;font-size:12px}
	.footLogo{display:block;padding: 0px;}
	.footLogo>a{width:300px;}
}

.footbgc{/* background-image: url("assets/img/foot.jpg"); */background-size:100% 100%;padding: 100px 0 80px;background-color: #00afcc;position: relative;}
.footbgc:before{content:'';width:100%;height: 33px;display:block;background: url("assets/img/bluebo.png") repeat-x;position: absolute;top: 2px;left: 0;transform: translateY(-100%);}
.foot {display: flex;justify-content: space-between;}
.foot>a{padding: 30px 0px;display: flex;align-items: center;border-radius: 10px;width: calc(50% - 40px);justify-content: center;}
.foot>a:first-of-type{color: #fff;background-color: #0bd985;}
.foot>a:first-of-type:hover{background-color: #067548;}
.foot>a:last-of-type{color: #009ab4;background-color: #ffd900;}
.foot>a:last-of-type:hover{background-color: #d6b604;}
.foot>a>p{font-size: 30px;font-weight: bolder;padding-left: 20px;}
@media screen and (max-width:1200px){
	.foot>a>p{font-size: 26px;}
}
@media screen and (max-width:870px){
	.footbgc{padding: 30px 0 40px;}
	.foot>a{width: calc(50% - 20px);padding: 20px 0px;}
	.foot>a>p{font-size: 20px;padding-left:10px;}
	.foot>a>img{width:30px;}
}
@media screen and (max-width:660px){
	.foot{display:block;}
	.foot>a{width: 100%;padding: 20px 10px;max-width:300px;margin:20px auto 0;}
	.foot>a>p{font-size: 18px;}
}


.footaddress {display: flex;margin: 0 auto;padding: 30px 0px;justify-content: space-between;border-top: 1px solid #00a6c1;}
.footaddress>div{display: flex;width:50%;}
.footaddress>div>h5{padding: 30px;border-right: 1px solid #00a6c1;display: flex;align-items: center;}
.footaddress>div>p{padding: 30px;border-left: 1px solid #006c7e;}
@media screen and (max-width:1000px){
	.footaddress{display:block;padding: 0;}
	.footaddress>div{width:100%;margin-top: 20px;}
	.footaddress>div>h5{padding: 0 20px 0 0;white-space: nowrap;}
	.footaddress>div>p{padding:0 0 0 20px;}
}

/*footer end*/


/*index start*/
.features img {  margin: 0 auto;}
.featurescontents {display: flex;max-width: 1520px;margin: 60px auto;padding: 0 20px;}
.featurescontent {border: 3px solid #ffe400;border-radius: 17px;margin: 0 20px;margin-top: -248px;width:100%;overflow:hidden;}
.featurescontent img { -webkit-border-radius:10px;}
.featuresbgc {background-image: url("assets/img/blue.png");margin-top: -20vh;background-repeat:no-repeat;background-size:100% 100%;height:50vh;}
.pic img { width: 450px;  height: 250px;}
.clue img {  margin-top: -15px;}
.featurescontent p {  padding: 20px 40px;}
.featuresbgc img {padding-top: 50px;}
@media screen and (max-width: 1206px){	
.indexBanner{height: 90vh;}	
.featuresbgc {margin-top: -124px;}	
.clue img {  margin-top: -10px;}}
@media screen and (max-width:990px){
.featurescontents {width:500px;flex-wrap:wrap;margin:0 auto;display:block;text-align:center;}
.featurescontent {/* margin: 0 20px; */margin-top:20px;}
.featurescontent:first-child{margin-top: -132px;}
.pic img {width: 1000px;height: 400px;}
.featuresbgc img {padding-top: 48px;width:450px;}
.featurescontent:nth-child(1){margin-top:-200px}
}
@media screen and (max-width:660px){
	.title {font-size: 30px;}
	.featuresbgc img {padding-top: 54px;width:400px;}
	.indexBanner:after{height:30vh;}
	.featuresbgc {margin-top: -125px;}}
@media screen and (max-width:540px){
.featuresbgc img{width:350px}
.featurescontents {width:450px;}
.pic img {  width: 450px;  height: 250px;}
.title {font-size: 24px;}
.featurescontents {display:block;margin:0 auto;}
.featurescontent {margin:20px 0px 0;}


}
@media screen and (max-width:440px){
.featuresbgc img{width:300px}
 .featurescontents {width:400px;}.pic img {width: 400px;  height: 200px;}
	.featuresbgc img {padding-top: 100px;}
	.title { font-size: 20px;letter-spacing:10px;transform: translateX(5px) translateY(-27vh)}
	.featuresbgc {margin-top: -123px;}	
	}
@media screen and (max-width:400px){
.featurescontents {margin-top: 0px;width: 100%;}
.featuresbgc {margin-top:-110px;height: 430px;}
.indexBanner{height: 800px;}

	
}
/* three */

.bigtitle img {margin: 0 auto;padding-top: 60px;}
.course {  margin-top: 60px;}
.courseclassification {display: flex;max-width: 1520px;margin: 60px auto;padding: 0 40px;justify-content: space-between;}
.english {border: 3px solid #00afcc;color: #fff;border-radius: 10px;background-color: #00afcc;width: calc(33.33% - 40px);}
.circle {display: block;z-index: 2;margin-top: -22px;width: 404px;}
.english p {background-color: #00afcc;text-align: left;/*center*/padding: 12px ;width: 90%;margin: 0 auto;}
.coursereduce {font-size: 21px;font-weight: bolder;border-bottom: 2px solid #ffd900;width: 90%/*188px*/;margin: 0 auto;}
.english img {-webkit-border-radius:7px;}
@media screen and (max-width:1390px){
	.courseclassification {margin: 40px auto;flex-wrap:wrap;}
	.circle {margin-top: -18px;width: 100%;}
	.english p{padding:10px 5px;}
	.coursereduce{font-size:18px;}
/* 	.coursereduce {width: 180px;} */
	}
@media screen and (max-width:1186px){
	.english {width: calc(50% - 20px);margin-top: 20px;}
	.english img {width:100%}
    .circle {margin-top: -20px;}
/*     .coursereduce {width: 180px;} */

}
@media screen and (max-width:950px){.circle {margin-top: -15px;}}
@media screen and (max-width:809px){.circle {margin-top: -11px;}iframe{width:500px}}
@media screen and (max-width:660px){
.courseclassification {padding: 0 20px;}
.english {width: 100%;}.bigtitle img {width:400px}iframe{width:400px;height:400px}	
}
@media screen and (max-width:516px){
	.english {width:500px;}
	.circle {margin-top: -10px;width: 380px;}
	.circle img{padding-right:20px}iframe{width:280px;height:280px}}
@media screen and (max-width:450px){
.bigtitle img {width:300px}	
.english {width: 100%;margin:10px auto;}
.courseclassification {padding: 0 20px;}
.circle {width: 300px;}
}
@media screen and (max-width:420px){
.bigtitle img {width:200px;}
}


/*  four*/
.googlemap{
	position:relative;
	width:100%;
	height: 380px;
	overflow:hidden;
	background:#cccccc url(assets/img/lgm.png) no-repeat center center;
	background-size:40% auto;
	}
.googlemap iframe,.googlemap embed-container,.content-container{position:absolute;
	top:0;left:0;width:100%;height:100%;}
@media screen and (max-width:550px){	.googlemap{min-height:400px;}	}
@media screen and (max-width:400px){		.googlemap{min-height:300px;}	}
.classroombgc{background-image: url("assets/img/four.jpg");background-repeat: no-repeat;margin-top:-200px;height: auto;background-attachment: fixed;}
.allclassroom {display: flex;max-width: 1520px;margin: 60px auto;padding: 0 40px;justify-content: space-between;}
.classroom {/* margin: 20px; *//*width: calc(50% - 20px);*/width:80%;margin:0 auto 20px;}
.classroom p:nth-child(1) {font-size: 24px; font-weight: bolder; border-left: 3px solid black;  padding-left: 31px;}
.classroom p:nth-child(2) { font-size: 18px; font-weight: bolder;}
.classroom p{margin:10px 0;}
.bigtitle1 img {margin: 0 auto;padding-top: 300px;}
.classroom p:last-child {font-size: 18px;font-weight: bolder;}
a.shop.aos-init.aos-animate:hover {  background-color: #b604b9;}
a.phone.aos-init.aos-animate:hover {   background-color: orange;}
@media screen and (max-width:1313px){.classroom p:last-child{font-size:16px;}}
@media screen and (max-width:800px){.classroom {width:100%;}.classroom p:last-child {font-size: 16px;padding: 15px 0;}.allclassroom {display:block;padding: 0 20px;}	}
@media screen and (max-width:390px){.bigtitle1 img {width:300px}}

/*  five*/
.bigtitle2 img {margin: 0 auto;padding: 60px 0;}
.allbox {max-width: 1520px;margin: -60px auto 0;display: flex;padding: 0 40px;flex-wrap: wrap;}
.allbox img{width:calc(25% - 20px);margin-left:20px;margin-top: 20px;z-index:1;/* margin-left: -10px; */}
.box {   margin-top: -60px;}
.box img {  padding: 10px;}
.shop {  display: flex;  align-items: center;  background-color: #cc1467;}
.phone {  display: flex;  align-items: center;  background-color: #ffd900;}
.way div { padding: 5px 100px;}
.shop {display: flex;align-items: center;background-color: #cc1467;}
.way {display: flex;align-items: center;justify-content: space-between;max-width: 1520px;margin: 20px auto;text-align: center;padding: 0 40px;}
.phone { display: flex;align-items: center;background-color: #ffd900;}
.way div {   padding: 7px 187px;}
.shop p {color: #fff;font-weight: bolder;font-size: 18px;letter-spacing: 5px;padding-left: 15px;}
.phone p {font-weight: bolder;letter-spacing: 5px;color: black;padding-left: 15px;}
.way a {padding: 5px 150px;}
.thetlcbox img {  margin: 0 auto; display: block;position:relative}
.bigtitle2 img {margin: 0 auto;padding-top: 113px;padding-bottom: 40px;}

.way a:nth-child(1) {
    margin-left: 23px;
}


@media screen and (max-width:1255px){.way a {padding: 5px 80px;}}
@media screen and (max-width:1180px){
	.allbox{padding:0 20px;}

}
@media screen and (max-width:955px){.allbox img{width:calc(33.33% - 20px);}.way a {padding: 5px 60px;}	.shop p {font-size: 16px;letter-spacing: 2px;padding-left: 10px;}.phone p {font-size: 16px;letter-spacing: 2px;padding-left: 10px;}}
@media screen and (max-width:820px){.way a {padding: 5px 20px;}	}
@media screen and (max-width:660px){
	.allbox img{width:calc(50% - 10px);margin-left:10px;}
	.bigtitle2 img {width:400px}
	.way  {display:block;width:380px;}.way a  {margin:10px 0}	
	.way a:nth-child(1) {margin-left: 0px}
}



.bigtitle2 p { position: absolute;  margin-top: 503px;  margin-left: 337px;  z-index: 1;  font-size: 98px;  font-weight: bolder;   color: #fff;}
@media screen and (max-width:1350px){
   .bigtitle2 p {  margin-top: 430px; margin-left: 120px;  font-size: 80px;} 
}
@media screen and (max-width:1140px){
   .bigtitle2 p { margin-top: 420px; margin-left: 80px; font-size: 70px;}}
@media screen and (max-width:950px){
   .bigtitle2 p { margin-top: 380px; margin-left: 60px;   font-size: 60px;} 
}
@media screen and (max-width:800px){
   .bigtitle2 p {margin-top: 360px; margin-left: 35px; font-size: 50px;} 
}
@media screen and (max-width:660px){
	  .bigtitle2  p { margin-top: 300px; margin-left: 30px; font-size: 40px;} 
}
@media screen and (max-width:530px){
   .bigtitle2  p { margin-top: 260px; margin-left: 30px; font-size: 30px;} 
}

@media screen and (max-width:375px){
   .bigtitle2  p {  margin-top: 260px;margin-left: 25px;font-size: 25px;} 
}

/* page start */
.pagebanner{height: 500px;background: url(assets/img/banner.jpg) no-repeat right/cover;padding-top: 136px;position: relative;overflow: hidden;}
.pagebanner:after{content:'';width: 60%;height: 400px;background: #ffe401;position: absolute;left: 50%;bottom: -24%;transform: translate(-50%, 50%);border-radius: 100%;}
.pagebanner>div{height:100%;display: flex;align-items: center;color: #00afcc;text-shadow: -2px 0 #fff, 0 -2px #fff, 2px 0 #fff, 0 2px #fff;}
.pagebanner>div hgroup{position:relative;padding-left: 65px;}
.pagebanner>div hgroup:before{content:'';width:20px;height:100%;display: block;background: url(assets/img/left.png) no-repeat;position: absolute;left: 0;top: 0;}
.pagebanner>div h1{font-size: 48px;}
.pagebanner>div h2{font-size: 40px;text-transform: capitalize;letter-spacing: 6px;margin-top: 15px;}

.pagebanner.white_theme>div{color: #fff;text-shadow: -3px 0 #00afcc, 0 -3px #00afcc, 3px 0 #00afcc, 0 3px #00afcc;}
.pagebanner.white_theme:after{background-image:url(assets/img/point2.png)}
.pagebanner.white_theme>div hgroup:before{background: url(assets/img/left2.png) no-repeat;}
@media screen and (max-width:1200px){
	.pagebanner{height: 400px;}
	.pagebanner:after{height: 300px;}
	.pagebanner>div hgroup{padding-left: 46px;}
	.pagebanner>div h1{font-size: 40px;}
	.pagebanner>div h2{font-size: 30px;}
}
@media screen and (max-width:600px){
	.pagebanner{height: 300px;padding-top: 90px;}
	.pagebanner:after{height: 200px;width:90%;bottom: -24%;}
	.pagebanner>div hgroup{padding-left: 26px;}
	.pagebanner>div h1{font-size: 32px;}
	.pagebanner>div h2{font-size: 22px;}
	.pagebanner>div hgroup:before{width:10px;}
}
.ft_sp{font-family: 'Kosugi Maru', sans-serif;}
.comTit{padding-top:60px;}
.comTit img{margin:auto;}
.com_padding{padding:60px 0;}
.com_lastpart{padding-bottom: 120px;}
@media screen and (max-width:1200px){
	.comTit{padding-top:40px;}
	.comTit img{}
}
/* page end */



/* concept start */
.page_features{background-color:#ffe401;position: relative;}
.page_features:after{content:'';width:100%;height: 33px;background: url(assets/img/whitebo.png) repeat-x;display:block;margin-top: 60px;}
.page_features dl{display:flex;justify-content:space-between;margin-top:80px;}
.page_features dl>dt{width:500px;}
.page_features dl>dd{width: calc(100% - 580px);line-height: 1.6;}
.page_features dl>dd>figure{display:flex;align-items:center;margin-top: 40px;position: relative;padding-bottom: 40px;}
.page_features dl>dd>figure:after{content:'';width: 100%;height: 10px;display:block;background:url(assets/img/point.png) repeat-x;position: absolute;bottom: 0;left: 0;}
.page_features dl>dd>figure:last-of-type:after{display:none;}
.page_features dl>dd>figure:first-of-type{margin-top:0;}
.page_features dl>dd>figure figcaption{margin-left:20px;font-size:30px;font-weight:bold;}
.page_features_text{margin-top:60px;line-height: 1.8;}
@media screen and (max-width:1200px){
	.page_features dl{margin-top:50px;}
	.page_features dl>dt{width:400px;}
	.page_features dl>dd{width: calc(100% - 440px);}
	.page_features dl>dd>figure img{width:60px;}
	.page_features dl>dd>figure figcaption{font-size:26px;}
}
@media screen and (max-width:950px){
	.page_features dl{margin-top:50px;}
	.page_features dl>dt{width:300px;}
	.page_features dl>dd{width: calc(100% - 320px);}
	.page_features dl>dd>figure img{width:50px;}
	.page_features dl>dd>figure figcaption{font-size:22px;}
	.page_features:after{margin-top:40px;}
}
@media screen and (max-width:700px){
	.page_features dl{display:block;}
	.page_features dl>dt{width:100%;max-width:300px;margin:auto;}
	.page_features dl>dd{width:100%;margin-top:40px;}
	.page_features dl>dd>figure{padding-bottom:20px;margin-top:20px;}
	.page_features dl>dd>figure figcaption{font-size:16px;margin-left:10px;}
}
/* concept end */

/* classroom start */
.page_classroom{background-color:#ffe401;position: relative;}
.page_classroom:after{ content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(assets/img/point2.png); }
.page_classroom>article{position:relative;z-index:1;}
.page_classroom>article>div{background:#fff;margin-top: 200px;border: 4px solid #000;border-radius: 5px;position: relative;}
.page_classroom>article>div:first-of-type{margin-top: 80px;}
.page_classroom>article>div>span{position:absolute;top: -30px;left:50%;transform: translate(-50%,-50%);background: url(assets/img/classtit.png) no-repeat center/contain;width: 148px;height: 162px;display: flex;align-items: center;justify-content: center;font-size: 46px;font-weight: bold;padding-top: 48px;}
.page_classroom dl{display:flex;justify-content:space-between;padding: 90px 50px 50px;border: 2px dashed;    border-right: none;border-bottom: none;}
.page_classroom dl>dt{width: 500px;border: 3px dashed #3d0403;border-radius: 10px;}
.page_classroom dl>dd{width: calc(100% - 540px);}
.page_classroom dl>dd h4{font-size:30px;line-height: 1.6;}
.page_classroom dl>dd h5{font-size: 22px;margin-top: 30px;}
.page_classroom dl>dd p{margin-top: 10px;font-weight:bold;font-size:18px;padding-left: 24px;}
@media screen and (max-width:1200px){
	.page_classroom dl{padding:60px 30px 30px;}
	.page_classroom dl>dd{width:calc(100% - 420px);}
	.page_classroom dl>dd h4{font-size:26px;}
	.page_classroom dl>dd h5{font-size: 18px;}
	.page_classroom dl>dd p{font-size:16px;}
	.page_classroom dl>dt{width:400px;}
	.page_classroom>article>div>span{width: 90px;height: 100px;font-size: 30px;padding-top: 33px;}
}
@media screen and (max-width:970px){
	.page_classroom>article>div{margin-top:120px;}
	.page_classroom dl{display:block;padding:40px 10px 20px;}
	.page_classroom dl>dd{width:100%;}
	.page_classroom dl>dd h4{font-size:22px;}
	.page_classroom dl>dd h5{margin-top:20px;}
	.page_classroom dl>dt.googlemap{width:100%;margin-top:20px;min-height: 200px;}
}
/* classroom end */

/* contact start */
.red{color:#d20000;}
.contact .pagebanner>div{color:#fff;text-shadow: 0px 0px 10px #000;}
.contact .pagebanner>div hgroup:before{background: url(assets/img/left2.png) no-repeat;}
.contact .pagebanner:after{display:none;}
.formlist{margin-top:40px;}
.formlist dl{display: flex;}
.formlist dl>dt{border:1px solid #848484;width: 300px;background:#ffd900;font-weight:bold;text-align:center;border-bottom: none;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.formlist dl>dt>span{font-size:14px;}
.formlist dl:last-of-type>dt{border-bottom:1px solid #848484;}
.formlist dl>dd{width:calc(100% - 300px);border:1px solid #848484;padding: 10px;border-left: none;border-bottom: none;min-height:50px;}
.formlist dl:last-of-type>dd{border-bottom:1px solid #848484;}
.formlist dl>dd input,.formlist dl>dd textarea{background:#f3f3f3;padding: 10px;width: 100%;}
.formlist dl>dd textarea{height:150px;}
.formlist dl>dd input[type=checkbox]{width:auto;}
.formlist dl>dd select,.formlist dl>dd.datebox input[type=text]{max-width: 200px; width: 100%; background: #f3f3f3; padding: 10px;}
.btns input[type=submit]{cursor:pointer;background:#ffd900;padding: 15px 40px;margin:60px auto 0;display:block;border: 2px dashed #000;font-weight: bold;}
.btns input[type=submit]:hover{background:#08bd73;}
.trial .formlist dl>dt{background:#00afcc;color:#fff;}
.trial .btns input[type=submit]{background:#00afcc;color:#fff;}
.trial .btns input[type=submit]:hover{background:#08bd73;}
@media screen and (max-width:900px){
	.formlist{margin-top:0px;}
	.formlist dl>dt{width: 180px;}
	.formlist dl>dd{width:calc(100% - 180px);}
}
@media screen and (max-width:500px){
	.formlist dl{display:block;}
	.formlist dl>dt{width: 100%;padding: 10px;}
	.formlist dl>dd{width: 100%;border-left:1px solid #848484;}
	.formlist dl:last-of-type>dt{border-bottom:none;}
}
/* contact end */

/* overseas start */

.overseas .pagebanner>div{color:#08c378;}
.overseas .pagebanner>div hgroup:before{background: url(assets/img/left2.png) no-repeat;}
.overseas .pagebanner:after{background:#08c87a;}
.page_program{background-color: #00d29a;color:#fff;}
.page_program>article{position:relative;}
.page_program h2{font-size: 32px;text-align: center;position: relative;z-index: 1;padding-top: 40px;}
.page_program dl{display: flex;justify-content: space-between;padding: 60px 0 100px;}
.page_program dl:before{content: '';display: block;width: 2000px;height: 100%;background-color: #08c87a;position: absolute;left: 18%;top: 0;transform: skewX(10deg);}
.page_program dl>dt{width: 500px;border: 2px dashed #000;border-radius: 20px;position: relative;z-index: 1;overflow: hidden;}
.page_program dl>dd{width: calc(100% - 550px);line-height: 1.8;position: relative;z-index: 1;font-size: 18px;}
.page_program dl>dd p:not(:first-of-type){margin-top: 30px;}
@media screen and (max-width:1200px){
	.page_program h2{font-size: 28px;}
	.page_program dl>dt{width: 400px;}
	.page_program dl>dd{width: calc(100% - 440px);font-size:16px;}
	.page_program dl>dd p:not(:first-of-type){margin-top: 20px;}
}
@media screen and (max-width:820px){
	.page_program h2{font-size: 24px;}
	.page_program dl{display:block;padding: 40px 0 70px;}
	.page_program dl>dt{max-width: 400px;width:100%;margin:auto;}
	.page_program dl>dd{width:100%;margin-top:30px;}
	.page_program dl>dd p:not(:first-of-type){margin-top: 10px;}
}

.page_short{position:relative;padding-bottom: 0;}
.page_short .comTit{}
.page_short:before{content:'';display:block;width:100%;height: 31px;background:url(assets/img/whitebo.png) repeat-x;position: absolute;left: 0;top: 0px;transform: translateY(-100%);}
.page_short dl{display: flex;margin-top: 60px;justify-content: space-between;}
.page_short dl>dt{width: 200px;}
.page_short dl>dd{width: calc(100% - 260px);margin-bottom:40px;}
.page_short dl>dd>div{display: flex;align-items: center;justify-content: space-between;}
.page_short dl>dd>div>hgroup{width: 66px;height: 52px;background: url(assets/img/seastit2.png) no-repeat;display: flex;align-items: center;justify-content: center;background-size: contain;}
.page_short dl>dd>div>hgroup>h5{transform: rotate(-15deg);padding: 0px 0 1px 8px;}
.page_short dl>dd>div p{border-bottom: 1px dotted;padding: 20px 0;font-size: 20px;width: calc(100% - 100px);line-height: 1.8;}
.page_short dl>dd>div:last-of-type p{border:none;}
@media screen and (max-width:1200px){
	.page_short dl>dd>div p{font-size:18px;}
}
@media screen and (max-width:830px){
	.page_short dl{margin-top:40px;}
	.page_short dl>dt{width: 100px;}
	.page_short dl>dd{width: calc(100% - 120px);}
	.page_short dl>dd>div>hgroup{width:50px;height:50px;}
	.page_short dl>dd>div>hgroup>h5{padding: 0 0 11px 8px;font-size: 12px;}
	.page_short dl>dd>div p{width: calc(100% - 68px);font-size: 16px;padding: 10px 0;line-height: 1.6;}
	.page_short .comTit{padding-top:20px;}
}
@media screen and (max-width:500px){
	.page_short dl{display:block;}
	.page_short dl>dt{width: 80px;}
	.page_short dl>dd{width: 100%;margin-top:20px;}
}


.page_flow{background-color: #ffe500;}
.page_flow .start{background-color: #fff;font-size: 30px;border: 2px dashed;border-radius: 10px;padding: 8px 30px;margin: 60px auto 0;display: block;width: 200px;text-align: center;font-weight:bold;letter-spacing: 2px;}
.page_flowstep{position: relative;display:flex;justify-content:space-between;}
.page_flowstep>div{width:calc(50% - 40px);}
.page_flowmsg{margin-top: 100px;}
.page_flowmsg>dt{position:relative;}
.page_flowmsg>dt:after{content: '';width: 100%;height: 10px;display: block;background-color: #0cafbe;position: absolute;left: 40px;top: 50%;transform: translateY(-50%);z-index: 0;}
.page_flowmsg>dt>span{background-color: #0cafbe;color: #fff600;border-radius: 10px 10px 0 0;display: inline-block;padding: 6px 30px;font-size: 34px;position: relative;z-index: 1;margin-left: 15px;font-weight: bold;}
.page_flowmsg>dd{border: 2px dashed;padding: 20px;border-radius: 10px;background-color: #fff;}
.page_flowmsg>dd>figure{border-radius: 10px;margin-bottom: 20px;}
.page_flowmsg>dd>figure:after{padding-top: 45%;}
.page_flowmsg>dd>p{font-size: 18px;font-weight: bold;text-indent: -20px;padding-left: 20px;}
.partleft .page_flowmsg:nth-child(2){display:none;}
.partright:before{content:"";width:10px;height: 62%;background-color: #0cafbe;display: block;position: absolute;left: -41px;top: -3px;}
.partright{position:relative;}
.partright img{margin:auto;}
.partright .page_flowmsg>dt{text-align:right;}
.partright .page_flowmsg>dt:after{right: 40px;left: auto;}
.partright .page_flowmsg{margin:-50px 0 80px 0;}
@media screen and (max-width:1200px){
	.page_flowmsg{margin-top:60px;}
	.page_flowmsg>dd>p{font-size:16px;}
	.page_flowmsg>dt>span{font-size: 28px;}
	
}
@media screen and (max-width:700px){
	.page_flowstep{display:block;}
	.page_flowstep>div{width:100%;}
	.page_flowmsg>dt{overflow:hidden;}
	.page_flowmsg>dt>span{font-size: 24px;}
	.partright figure{margin-top:20px;}
	.page_flow .comTit{padding:0;}
	.page_flow .start{font-size:26px;margin: 40px auto 0;}
	.partright .page_flowmsg{display:none;}
	.partleft .page_flowmsg:nth-child(2){display:block;}
}

.page_australia{background:#ffe500;}
.page_australia h2{font-size: 32px;text-align: center;position: relative;z-index: 1;padding-top: 40px;}
.page_australia dl{display: flex;justify-content: space-between;padding: 60px 0 100px;}
.page_australia dl>dt{width: 500px;border: 2px dashed #000;border-radius: 20px;position: relative;z-index: 1;overflow: hidden;}
.page_australia dl>dt:after{padding-top: 56%;}
.page_australia dl>dd{width: calc(100% - 550px);line-height: 1.8;position: relative;z-index: 1;font-size: 18px;}
.page_australia dl>dd p:not(:first-of-type){margin-top: 10px;}
@media screen and (max-width:1200px){
	.page_australia h2{font-size: 26px;}
	.page_australia dl>dt{width: 400px;}
	.page_australia dl>dd{width: calc(100% - 440px);font-size:16px;}
	.page_australia dl>dd p:not(:first-of-type){margin-top: 20px;}
}
@media screen and (max-width:820px){
	.page_australia h2{font-size: 20px;}
	.page_australia dl{display:block;padding: 40px 0 70px;}
	.page_australia dl>dt{max-width: 400px;width:100%;margin:auto;}
	.page_australia dl>dd{width:100%;margin-top:30px;}
	.page_australia dl>dd p:not(:first-of-type){margin-top: 10px;}
}

/* overseas end */

/* english start */
.englishbox .pagebanner>div{color:#3c0303;}
.englishbox .pagebanner>div hgroup:before{background: url(assets/img/yellow.png) no-repeat;}
.englishbox .pagebanner:after{background:#fff;}
.page_english hgroup{display:flex;align-items:center;}
.page_english hgroup>span{display:flex;align-items:center;justify-content: center;width: 80px;height: 80px;background: url(assets/img/lesson.png) no-repeat center/contain;font-size: 30px;font-weight: bold;color: #ffd900;padding: 21px 0 0 6px;}
.page_english hgroup>h2{font-size: 28px;margin-left: 20px;}
.page_english hgroup>h2 span{font-size: 20px;}
.page_english dl{display:flex;justify-content:space-between;margin-top: 40px;}
.page_english dl>dt{width:calc(50% - 60px);}
.page_english dl>dt figure{border:2px dashed;border-radius:10px;}
.page_english dl>dt figure:after{padding-top: 65%;}
.page_english dl>dd{width:50%;}
.page_english dl>dd li{display: flex;position: relative;border-bottom: 1px dotted;padding: 10px 0 10px 40px;align-items: center;justify-content: space-between;}
.page_english dl>dd li:before{content:'';display:block;position:absolute;width: 23px;height: 29px;background:url(assets/img/lessonicon.png) no-repeat center/contain;left: 0;top: 50%;transform: translateY(-50%);}
.page_english dl>dd li>h5{width: 170px;font-size: 22px;font-family: 'Kosugi Maru', sans-serif;}
.page_english dl>dd li>p{width:calc(100% - 220px);font-weight: bold;font-size: 18px;}
.page_english dl>dd>div{line-height:1.8;margin-top:30px;}
.page_english dl>dd>p{font-weight:bold;margin:20px 0 0 30px;}
.page_english>ul>li{padding:60px 0;}
.page_english>ul>li:nth-child(even) dl>dt{order:2;}
.page_english>ul>li:nth-child(even) dl>dd{order:1;}
.page_english>ul>li:nth-child(even){background:url(assets/img/dot.png);}
@media screen and (max-width:940px){
	.page_english>ul>li{padding:40px 0;}
	.page_english hgroup>h2{font-size:24px;}
	.page_english hgroup>span{width:60px;height:60px;font-size: 22px;}
	.page_english dl>dt{width:calc(50% - 20px);}
	.page_english dl>dd li>h5{font-size:18px;width: 100px;}
	.page_english dl>dd li>p{font-size:16px;width: calc(100% - 100px);}
}
@media screen and (max-width:700px){
	.page_english dl{display:block;}
	.page_english dl>dt{width:100%;}
	.page_english dl>dd{width:100%;margin-top:20px;}
	.page_english hgroup>h2{font-size:22px;}
}
/* english end */



.tlc-cultural-section {
  padding: 70px 20px;
  background: #f4f9ff;
}

.tlc-cultural-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 45px;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 12px 35px rgba(0, 84, 160, 0.12);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 45px;
  align-items: center;
}

.tlc-cultural-photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.tlc-cultural-card {
  overflow: hidden;
  border-radius: 18px;
  background: #005bac;
  box-shadow: 0 6px 15px rgba(0, 91, 172, 0.18);
}

.tlc-cultural-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

.tlc-cultural-card p {
  margin: 0;
  padding: 16px 8px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 15px;
}

.tlc-cultural-label {
  display: inline-block;
  color: #005bac;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 16px;
}

.tlc-cultural-text h2 {
  color: #005bac;
  font-size: 46px;
  line-height: 1.35;
  margin: 0 0 18px;
  font-weight: bold;
}

.tlc-cultural-text h3 {
  display: inline-block;
  background: #005bac;
  color: #fff;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 18px;
  margin: 0 0 25px;
}

.tlc-cultural-text p {
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin-bottom: 16px;
}

.tlc-cultural-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 18px 42px;
  background: #ff8a1c;
  color: #fff;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
  box-shadow: 0 8px 18px rgba(255, 138, 28, 0.3);
  
}

.tlc-cultural-btn:hover {
  opacity: 0.85;
  color: #fff;
}

@media screen and (max-width: 900px) {
  .tlc-cultural-inner {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .tlc-cultural-photos {
    grid-template-columns: 1fr;
  }

  .tlc-cultural-card img {
    height: 220px;
  }

  .tlc-cultural-text h2 {
    font-size: 34px;
  }
	.tlc-cultural-text h3 {
  padding: 10px 20px;
  font-size: 16px;
}
}

@media screen and (max-width: 660px) {
	.tlc-cultural-btn{display:block; margin:18px auto 0;}
}

.line{position:fixed;right:0;top:50%;z-index:80;width:100px;height:100%;}
.line a{display:block;width:100%;/*border:2px solid #08c87a;*/}
/* .line figure img{filter: sepia(0%) saturate(100%) grayscale(0%) hue-rotate(250deg) brightness(0.8) contrast(100%);} */
@media screen and (max-width: 900px) {
	.line{width:60px;height:60px;}
}