*{box-sizing:border-box;font-family:Lato,YuGothic,sans-serif}html{scroll-behavior:smooth}body{width:100%;margin:0;color:#333;font-size:14px}.header{width:100%;margin:0 auto;display:flex;justify-content:space-between}.header_wrapper{position:fixed;top:0;z-index:999;width:100%;height:100px;margin:0 auto;background-color:#fff}.header_wrapper img{position:absolute;top:10px;left:5%;width:130px}.leftp{position:absolute;top:20px;left:20%}.contactpc{width:25%;height:45px;text-align:center;border-radius:25px;color:#fff;background-color:#da6b64;opacity:.7;position:absolute;top:10px;right:10px}.contactpc hover{opacity:1}.contactpc p{padding-top:10px;font-size:12px}.contactsp{display:none}#opening{scroll-margin-top:100px}.topsc{background:url("../img/main.jpg") center center no-repeat;background-size:cover;text-align:center;padding-top:50px;padding-bottom:50px}.topsc img{width:300px}.topsc p{font-weight:bolder}.lowsc{text-align:center;background-color:#ebb94d;color:#fff;padding-top:50px;padding-bottom:50px}.lowsc p{margin-bottom:20px;font-size:16px}.specp{background-color:#f9f2f4;color:#c7254e;width:40%;margin:0 auto;margin-top:20px}.contactButton{width:60%;height:40px;margin-left:20%;padding:5px;text-align:center;border-radius:25px;color:#fff;background-color:#da6b64;margin-top:30px;margin-bottom:30px;font-size:18px;opacity:.7}.contactButton hover{opacity:1}.sentence{width:100%;height:700px;background:url("../img/introbottom.jpg") no-repeat;background-size:cover;text-align:center;padding-top:100px;padding-bottom:100px}.sentence p{padding-top:10px;padding-bottom:10px;font-size:16px}.line1{display:flex;width:30%;margin-left:40%}.power{border-bottom:5px solid #ebb94d;font-weight:bolder;width:80px}.circle{position:relative;top:0;width:100px;height:100px;border-radius:50px;text-align:center;line-height:100px;background-color:#ebb94d;margin:0 auto;margin-top:-50px;z-index:1;color:#fff}#skillsec{margin-top:-50px;background-color:#fef5e0;text-align:center;padding-top:100px;padding-bottom:50px;z-index:2}h3{font-size:16px;font-weight:bolder;margin-top:30px;margin-bottom:30px}.brackets{padding:15px;font-size:24px;font-weight:bolder;position:relative}.brackets::before{position:absolute;top:0;left:100px;content:"";border-top:4px solid #ebb94d;border-left:4px solid #ebb94d;width:50px;height:50px}.brackets::after{position:absolute;bottom:0;right:100px;content:"";border-right:4px solid #ebb94d;border-bottom:4px solid #ebb94d;width:50px;height:50px}.brackets1{padding:15px;font-weight:bolder;position:relative}.brackets1 .titles{font-size:24px}.brackets1::before{position:absolute;top:0;left:100px;content:"";border-top:4px solid #ebb94d;border-left:4px solid #ebb94d;width:50px;height:50px}.brackets1::after{position:absolute;bottom:0;right:100px;content:"";border-right:4px solid #ebb94d;border-bottom:4px solid #ebb94d;width:50px;height:50px}.brackets1 h2{text-align:center}.brackets2{padding:15px;font-size:24px;font-weight:bolder;position:relative;color:#fff}.brackets2::before{position:absolute;top:0;left:100px;content:"";border-top:4px solid #fff;border-left:4px solid #fff;width:50px;height:50px}.brackets2::after{position:absolute;bottom:0;right:100px;content:"";border-right:4px solid #fff;border-bottom:4px solid #fff;width:50px;height:50px}.brackets2 h2{font-size:24px}.titles{font-size:24px}.skills{border:1px solid #ebb94d;background-color:#fff;text-align:center;width:80%;margin:0 auto;margin-top:20px;padding:10px;font-size:16px}.skillRowSP{display:none}.skillRowPC{display:flex;width:80%;height:150px;margin:0 auto}.unitS{width:20%}.unitS img{height:60px}.unitS p{font-size:12px;font-weight:lighter}#bangkok{width:100%;padding-top:50px;text-align:center;background:url("../img/aboutsecondbg.jpg") no-repeat;background-size:cover;color:#fff}#bangkok h3{font-size:24px}h4{font-size:24px;font-weight:bolder;margin-top:10px;margin-bottom:10px}h4 span{color:#ebb94d}.stepnrow{display:flex;width:100%;height:200px;justify-content:center}.unit2{display:inline-block;width:25%;margin:10px;background-color:#fff;color:#333}.stepn{border-radius:5px;width:80%;height:30px;color:#fff;background-color:#ebb94d;margin:auto;margin-top:10px;margin-bottom:20px}.line2{margin-top:20px}.blue{margin-top:50px;width:100%;height:150px;background-color:#016ea9;font-size:16px;font-weight:bolder;padding-top:50px;color:#fff}.blue span{color:#ebb94d}#skillCircle{width:100%;text-align:center;padding-bottom:80px}.isarabold{font-weight:bolder}.circleRow{display:flex;justify-content:center;margin-bottom:50px}.circleRow img{width:15%;margin:10px}#leaFrom{background-color:#fef5e0;padding-top:100px}#leaFrom h2{font-size:24px}#leaFrom h2 span{font-size:16px}.phRow{display:flex;width:100%;justify-content:center}.ph3rd{width:25%;height:400px;margin:15px}.ph3rd img{width:100%}.ph3rd h4{color:#ebb94d;width:90%;margin-left:5%;font-size:16px}.ph3rd p{width:90%;margin-left:5%}.supti{width:90%;margin:0 auto;text-align:center;border:3px solid #ebb94d;font-weight:bolder;background-color:#fff;margin-top:50px;padding-bottom:50px;margin-bottom:50px}.supti h3{font-size:24px;color:#ebb94d}.supti h4{font-size:16px}.supti p{font-size:12px}.notice{text-align:center;font-size:12px;padding-bottom:50px}#members{color:#fff;text-align:center;background:url("../img/teacherbg.jpg") no-repeat;background-size:cover;padding-top:100px;padding-bottom:50px}#members h3{font-size:24px}.memRow{width:100%;display:flex;padding-bottom:200px;justify-content:center;padding-top:50px}.unitM{width:30%}.memCircle{margin:0 auto}.memCircle img{width:200px;height:200px;border-radius:100px}.memSq{height:350px;color:#fff;border:3px solid #fff;margin:10px;margin-top:-20px;padding:20px}.memSq p{padding-top:10px;padding-bottom:10px}#the3rd{text-align:center}#the3rd h3{font-size:24px}.quest{background-color:#ebb94d;padding-top:20px;padding-bottom:50px;margin-top:-100px}.qCircle{width:100px;height:100px;border-radius:50px;background-color:#fff;color:#ebb94d;line-height:100px;text-align:center;margin:0 auto}.triangle{width:10%;height:50px;border-top:50px solid #ebb94d;border-right:50px solid rgba(0,0,0,0);border-left:50px solid rgba(0,0,0,0);border-top-width:50px;border-left-width:80px;border-right-width:80px;margin:0 auto;margin-top:-30px}.unit3rd{display:flex;width:90%;margin-top:20px;margin:0 auto;margin-bottom:0;margin-top:20px}.ph{width:30%}.ph img{width:100%;border:2px solid #ebb94d}.ital{text-decoration:underline;font-style:italic;font-size:85%}.unitSent{width:70%;text-align:left;padding-left:15px;font-size:18px;line-height:1.5;color:#777}.mini{font-size:12px;padding-top:30px}#classes{background:url("../img/classbg.jpg") no-repeat;background-size:cover;text-align:center;padding-top:50px}#classes h3{color:#fff}#classes p{color:#fff}.toko_wrapper{display:flex;width:90%;margin:0 auto}.jizen{width:45%;margin-right:5%;margin-top:10px;margin-bottom:10px}.jizen h4{color:#fff;background-color:#016ea9;margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:10px;font-size:16px}.jizen ul{border:1px solid #016ea9;color:#333;background-color:#fff}.jizen ul li{line-height:40px;color:#333;border-bottom:1px solid #e5e5e5}.chuu{width:45%;margin-left:5%;margin-top:10px}.chuu h4{color:#fff;background-color:#016ea9;margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:10px;font-size:16px}.chuu ul{border:1px solid #016ea9;color:#333;background-color:#fff}.chuu ul li{line-height:40px;color:#333;border-bottom:1px solid #e5e5e5}.risk0{width:100%;color:#fff;background-color:#016ea9;text-align:center;padding-top:30px;padding-bottom:30px;font-size:16px}#jukou{width:100%;padding-bottom:100px;color:#333}#jukou h3{text-align:center;font-size:24px}#jukou img{width:70%;margin-left:15%}.beigeRow{display:flex;background-color:#fef5e0;color:#333;width:80%;margin:0 auto}.left1{width:30%;padding-left:100px;padding-right:10px;padding-top:20px;padding-bottom:20px}.left1 img{max-width:100%}.left1 p{text-align:center;font-weight:bolder;font-size:18px}.right1{width:70%;padding-left:10px;padding-right:100px;padding-top:20px}.right1 p{font-weight:bolder;padding-bottom:10px}.small{font-size:12px;color:#777}.spacer{height:30px}#bkk{background:url("../img/bangkokbg.jpeg") center center no-repeat;background-size:cover;color:#fff;font-size:24px}.bkk_wrapper{width:65%;padding-top:50px;margin-left:50px;padding-bottom:100px;font-size:12px}.bkk_wrapper h3{font-size:24px}.bkk_wrapper ul{margin-top:20px;margin-bottom:20px}.bkk_wrapper ul li{font-weight:bolder}.bkk_wrapper h4{font-size:16px}#tokuten{background-color:#f7c23c;text-align:center;padding-top:50px;padding-bottom:50px}#tokuten h2{font-size:24px}#tokuten p{margin-top:50px;margin-bottom:50px}#tokuten p span{color:#fff}#tokuten h3{position:relative;width:70%;background-color:#f7c23c;padding:0;margin:0;margin:0 auto;z-index:3;font-size:24px}.tokutenRow{border:2px solid #fff;display:flex;width:90%;margin:0 auto;margin-top:-20px;justify-content:center}.circle1{width:200px;height:200px;border-radius:100px;background-color:#fff;margin:20px 20px;position:relative}.circle1 .orangeT{color:#f7c23c;font-size:24px;position:absolute;top:0px;left:10px}.circle1 p{color:#333;font-size:14px;width:180px;position:absolute;top:30px;left:10px}.case-sp{display:none}#notB{background-color:gray;color:#fff;padding-top:50px;padding-bottom:50px;text-align:center}#notB h3{font-size:24px}#notB p{font-size:16px}#message{text-align:center;padding-top:50px;padding-bottom:50px}#message h2{font-size:24px}#message h3{margin-bottom:16px}.mes_wrapper{width:70%;margin:0 auto;display:flex}.left2{width:40%}.left2 img{width:100%}.right2{margin-left:30px;text-align:left}.right2 p{padding-bottom:30px}.right2 ul{padding-bottom:30px}#form1{background-color:#ebb94d;padding-top:50px;padding-bottom:50px;text-align:center}#form1 h3{font-size:24px}#form1 p{font-size:14px;font-weight:bolder}#form1 input{background-color:#fff;border:none;border-radius:5px;padding-top:15px;padding-bottom:15px;width:60%}#form1 textarea{border:none;border-radius:5px;width:60%}#form1 .button{background-color:#da6b64;color:#fff;width:58%;left:16%;height:50px;line-height:25px;border-radius:25px;font-weight:bolder;font-size:23px;opacity:.7}.spacer1{height:20px}#quests{font-weight:bolder;padding-top:50px;padding-bottom:50px}.qti{text-align:center;font-size:24px}.accordion{margin-top:30px;position:relative;width:80%;margin:0 auto}.accordion-title{color:#000;background-color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;border:1px solid #e5e5e5}.accordion-content{display:none;padding:10px 20px}.accordion-content p{font-size:14px;line-height:1.5}.accordion-title{position:relative}.accordion-title::after{border-right:solid 2px #e5e5e5;border-top:solid 2px #e5e5e5;content:"";display:block;height:8px;position:absolute;right:25px;top:38%;transform:rotate(135deg);transition:transform .3s ease-in-out,top .3s ease-in-out;width:8px}.accordion-title.open::after{top:45%;transform:rotate(-45deg)}.footer{text-align:center;font-size:10px;background-color:#ececec;padding-top:15px;padding-bottom:50px}.footer span{color:#337ab7}#page_top{width:50px;height:50px;position:fixed;right:20px;bottom:20px;background-color:#fff;opacity:.6}#page_top a{position:relative;display:block;width:50px;height:50px;text-decoration:none}#page_top a::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:25px;color:#000;position:absolute;width:25px;height:25px;top:0;bottom:0;right:0;left:0;margin:auto;text-align:center}@media screen and (max-width: 900px){.leftp{left:30%}.brackets1::before{left:50px}.brackets1::after{right:50px}.line1{width:100%;margin-left:0;justify-content:center}.skills{width:95%}.skillRowPC{width:100%}.memRow{padding-bottom:100px}.memSq{height:400px}}@media screen and (max-width: 480px){.header{display:block;justify-content:center}.header_wrapper{position:fixed;height:80px}.header_wrapper img{position:absolute;top:20px;left:0;width:100px}.contactpc{display:none}.contactsp{display:inline-block;color:#fff;background-color:#da6b64;text-align:center;width:80px;height:80px;position:absolute;top:0;right:0;padding-top:30px}.topsc img{width:200px}.contactButton{width:90%;margin:0 auto;height:50px;line-height:50px;border-radius:35px}.leftp{position:absolute;top:0;left:0}.specp{width:60%}.sentence{height:800px;padding-top:20px}.line1{width:100%;margin:0 auto}.skillRowPC{display:none}.skillRowSP{display:block;height:250px}.skill1sp{display:flex;width:100%}.skill2sp{display:flex;width:90%;margin-left:20%;margin-top:20px}.unitS{width:32%}.unitS img{height:40px}.unitS p{font-size:12px;width:100%}.stepnrow{display:block;height:400px}.unit2{display:block;width:80%;margin:0;padding-top:15px;margin-top:10px}#skillCircle p{padding-left:15px;padding-right:15px}.circleRow img{width:20%}.brackets1 .smaller{font-size:9px}.leati{display:block}.phRow{display:block}.ph3rd{width:100%;margin:0;height:auto}.ph3rd img{width:100%;margin-left:0}.ph3rd h4{color:#ebb94d;text-align:center;margin-left:0}.ph3rd p{margin-left:0}.memRow{display:block}.unitM{width:100%}.memSq{margin-top:-50px;padding-top:40px;margin-left:0;margin-right:0}.unit3rd{display:flex;width:100%;padding-bottom:20px}.unitSent{font-style:italic;padding-left:5px}.toko_wrapper{display:block;padding-bottom:20px;width:100%}.jizen{width:100%;margin-right:0}.jizen h4{width:100%;margin:0}.chuu{width:100%;margin-left:0}.chuu h4{width:100%;margin:0}#jukou img{margin-left:0}.bkk_wrapper{padding-top:20px;width:100%;margin-left:0}.beigeRow{display:block}.left1{width:100%;padding-left:0;padding-right:0}.right1{width:100%;padding-left:0;padding-right:0}.case-pc{display:none}.case-sp{display:block}#tokuten p{padding-left:0px;padding-right:0px}#tokuten h2{font-size:24px}.tokutenRow{display:block;justify-content:center;align-items:center;width:90%;margin:0 auto;padding-bottom:20px;margin-top:-20px}.tokuten-sp{width:100%;display:flex}.tokuten-sp p{color:#fff;width:60%;margin-top:40px}.circle-sp{width:100px;height:100px;border-radius:50px;background-color:#fff;margin-top:20px;margin-left:15px;position:relative}.circle-sp .orangeT{color:#f7c23c;position:absolute;top:-10px;left:20px}#message h2{font-size:24px}.mes_wrapper{display:block}.left2{width:100%}#form1 input{width:90%;margin:0}#form1 textarea{width:90%}.footer{height:800px}#jukou>img{display:none}.brackets{font-size:24px;width:50%}.brackets::before{left:5px}.brackets::after{right:5px}.brackets1{font-size:24px;padding:5px;width:50%}.brackets1::before{left:5px}.brackets1::after{right:5px}.brackets1 .smaller{font-size:12px}.brackets2{font-size:16px;width:50%}.brackets2::before{left:5px}.brackets2::after{right:5px}.accordion-title{font-size:16px}}@media screen and (min-width: 480px){.contactpc:hover,.contactsp:hover,.contactButton:hover,#form1 .button:hover{opacity:1}}