@charset "utf-8";
#section1{height:100vh;max-height:340px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
#page_title_block{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
h1#page_title{position:absolute;top:160px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:40px;font-size:4rem;font-weight:400;text-transform:uppercase;margin-bottom:20px}
h1#page_title .jp_title{display:block;font-size:13px;font-size:1.3rem}
h1#page_title::before{position:absolute;top:50px;left:0;width:70px;height:2px;background:#ad8958;content:""}
#section2{position:relative;padding-top:0;padding-bottom:60px}
article#content_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;padding-left:0}
h2#main_title{font-size:13px;font-size:1.3rem;font-weight:400;letter-spacing:2px;color:#ad8958;margin-top:0;margin-bottom:30px}
h2#main_title::after{display:block;font-family:'Cormorant SC',serif;font-size:24px;font-size:2.4rem;color:#FFF;text-transform:uppercase;letter-spacing:3px;margin-top:5px;content:attr(data-title)}
h2#main_title:before{position:absolute;left:10px;top:55px;width:70px;height:2px;background:#ad8958;content:""}
#payment_block{margin-bottom:30px}
#payment_inblock{background:rgba(37,37,37,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.2);padding:10px}
ul#payment_list{font-size:14px;font-size:1.4rem}
ul#payment_list li a{color:#989fe0}
ul#payment_list li{position:relative;margin-bottom:10px;padding-left:20px}
ul#payment_list li:last-child{margin-bottom:0}
ul#payment_list li:before{position:absolute;left:0;top:0;font-size:12px;font-size:1.2rem;color:#ad8958;content:"◆"}
#tabs{padding-left:0;padding-right:0}
#tab_box{margin-bottom:15px}
.tab_contents{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#tab_button{display:none}
#tab_select{display:block;width:100%;font-size:16px;font-size:1.6rem;background-image:-webkit-linear-gradient(left,#1d1d1d,#2c2c2c);background-image:-o-linear-gradient(left,#1d1d1d,#2c2c2c);background-image:linear-gradient(to right,#1d1d1d,#2c2c2c);vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:60px;line-height:60px;border:0;color:#FFF;border-radius:0;padding-left:15px}
#tab_box{position:relative}
#tab_select select option{background:#FFF;color:#333}
#tab_select select::-ms-expand{display:none}
#tab_select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #828c9a}
#pyment_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;padding-right:0}
#pyment_content{padding-left:0;padding-right:0}
.credit_box{padding-left:10px;padding-right:10px}
.credit_box_in{background:rgba(37,37,37,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-bottom:20px;overflow:hidden}
.credit_img_box{position:relative;overflow:hidden;padding-left:0;padding-right:0}
.credit_img{display:block;margin:0;padding:0}
.credit_img:before{display:block;padding-top:60%;content:""}
.credit_img:after{left:0;height:100%;background:rgba(25,42,73,.7);opacity:0;transition:.5s;content:""}
.credit_img img,.credit_img:after{display:block;position:absolute;top:0;width:100%}
.credit_img img{height:auto}
.text_content{color:#525263;padding:15px 10px}
ul.course_list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:10px;padding:0}
ul.course_list li{}
ul.course_list li span.basic{font-size:12px;font-size:1.2rem;color:#FFF;background:#b1a08e;margin-right:8px;padding:5px 7px}
ul.course_list li.course_name{font-size:14px;font-size:1.4rem;color:#EEE}
p.price{font-size:16px;font-size:1.6rem;letter-spacing:1px;color:#EEE;margin-bottom:5px}
p.price span.small{font-size:12px;font-size:1.2rem}
p.note{font-size:11px;font-size:1.1rem;color:#B80003;margin-bottom:15px}
.more{display:inline-block;position:absolute;left:50%;top:50%;font-size:12px;font-size:1.2rem;color:#fff;width:75pt;border:1px solid #fff;transition:.5s;transform:translate(-50%,-50%);padding:6px 15px;opacity:0;z-index:1}
.credit_box_in:hover .more,.credit_box_in:hover .credit_img:after{opacity:1}
.payment_btn{display:inline-block;position:relative;font-size:13px;font-size:1.3rem;text-align:center;text-decoration:none;color:#FFF;background:#b1a08e;width:100%;height:34px;line-height:34px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;overflow:hidden;border-radius:20px;z-index:0}
.payment_btn:hover{color:#fff}
.payment_btn::before{position:absolute;top:0;left:0;width:120%;height:100%;background:#9b8b7b;transform-origin:left top;transform:skewX(-30deg) scale(0,1);transition:transform .3s;content:'';z-index:-1}
.payment_btn:hover::before{transform-origin:left top;transform:skewX(-30deg) scale(1,1)}
@media only screen and (min-width: 768px) {
#section1{height:100vh;max-height:580px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
h1#page_title{position:absolute;top:260px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:70px;font-size:7rem;font-weight:400;text-transform:uppercase;margin-bottom:30px}
h1#page_title .jp_title{display:block;font-size:17px;font-size:1.7rem;letter-spacing:2px}
h1#page_title::before{position:absolute;top:90px;left:0;width:70px;height:2px;background:#ad8958;content:""}
}
@media only screen and (max-width: 991px) {
#tab_box:after{position:absolute;top:25px;right:30px;content:"";display:inline-block;width:0;height:0;margin-right:0;margin-left:0;border:transparent solid 10px;border-top-color:#FFF;vertical-align:middle;z-index:1}
}
@media only screen and (min-width: 992px) {
#tab_box{}
#tab_button{display:block}
#tab_select{display:none}
ul#tab_button{background:rgba(37,37,37,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-bottom:0;margin-left:0;margin-right:0;padding:0}
ul#tab_button li{position:relative;float:left;font-size:15px;font-size:1.5rem;text-align:left;width:100%;border-bottom:1px solid #262626}
ul#tab_button li a{display:block;font-weight:400;color:#AAA;padding:18px 10px 18px 20px}
ul#tab_button:after,ul#tab_button:before{content:"";display:table}
ul#tab_button:after{clear:both}
ul#tab_button li a:hover,ul#tab_button li.active a{background:rgba(190,190,190,0.2);color:#FFF;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
ul#tab_button li:before{position:absolute;top:24px;left:10px;content:"";display:inline-block;width:0;height:0;margin-right:0;margin-left:0;border:transparent solid 5px;border-left-color:#ad8958;vertical-align:middle}
ul#tab_button li a:hover:before,ul#tab_button li.active:before{position:absolute;top:24px;left:10px;content:"";display:inline-block;width:0;height:0;margin-right:0;margin-left:0;border:transparent solid 5px;border-left-color:#FFF;vertical-align:middle}
p.price{font-size:17px;font-size:1.7rem;letter-spacing:2px;color:#EEE;margin-bottom:5px}
p.price span.small{font-size:12px;font-size:1.2rem}
}