@charset "UTF-8";

/* school
----------------------------------------------- */
/* event */
.event{width: 90%;margin: 0 auto 12vw;}
.event ul {margin: 0 auto 4vw;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.event ul li {width: 48%;position: relative;}
.event li a:after {content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("../../images/access/zoom.jpg"); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}
.event ul li img {width:100%;}

.mb30{margin-bottom: 6vw;}
.mb50{margin-bottom: 10vw;}
.mb90{margin-bottom: 15vw;}

.intro{position: relative;margin-bottom: 12vw;}
.intro img.img01{z-index: 1;position: relative;width: 86%;margin-left: 3vw;}
.intro img.img02{margin: 6vw 0 8vw auto;width: 80%;}
.intro .text{margin: 0 auto;width: 90%;}
.intro .text dl{padding: 5vw 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 4vw;}
.intro .text dt{display: inline-block;margin-right: 3vw;}
.intro .sub{font-family: var(--font_marcellus);font-size: 8vw;letter-spacing: .07em;margin-bottom: 2vw;color: #136c3c;line-height: 1.2;}
.intro .read{font-size: 4.6vw;margin-bottom: 3vw;font-family: var(--font_mincho);}
.intro p{margin-bottom: 0;}

/* instructor */
.instructor_box{padding: 8vw;margin: 6vw auto 0;box-shadow: 0px 0px 10px #e5e5e5;}
.instructor_box img{margin: 0 auto 8vw;}
.instructor_box dt{padding-bottom: 2vw;font-family: var(--font_mincho);font-size: 6.5vw;}
.instructor_box dt span{display: block;font-size: 3.5vw;line-height: 1.2;}
.instructor_box dd:before {content:"";width: 100px;position:absolute;background:#136c3c;height: 1px;top: -1px;}
.instructor_box dd{padding-top: 6vw;text-align: justify;border-top: 1px solid #eee;position: relative;font-size: 3.5vw;}
.instructor_box dd.profile{margin-top: 4vw;padding: 4vw 0;}
.instructor_box dd.profile span{display: block;color: #136c3c;font-weight: 600;font-size: 120%;}
.instructor_box dd.profile:before{content: none;}
.instructor_box dd.schedule{padding-top: 4vw;}
.instructor_box dd.schedule:before{content: none;}
.instructor_box dd.schedule span {display: block;color: #136c3c;font-weight: 600;font-size: 120%;}

/* price */
.price table{ border: 1px solid #136c3c;}
.price table tr{ border-bottom: solid 1px #e6e6e6;}
.price table tr:last-child{border-bottom: none;}
.price table thead td{background: #136c3c;color: #fff;padding: 2%;vertical-align: middle;text-align: center;font-weight: bold;font-size: 3.5vw;line-height: 1.3;border-left: solid 1px #fff;}
.price table thead td:first-child{  border-left:none}
.price table tbody th{background: #f6f9f3;color: #136c3c;padding: 2%;vertical-align: middle;font-size: 3.5vw;line-height: 1.4;width: 25%;font-weight: 600;}
.price table tbody th span{font-size:78%;}
.price table tbody td{padding: 2%;vertical-align: middle;font-size: 3.5vw;width: 22%;text-align: center;border-left: solid 1px #e6e6e6;}
.price table td span{font-size: 80%;}

/* schedule */
.schedule { text-align: center; }
.schedule-inner{height: 180vw;overflow: scroll;}

.iframe-wrap {position: relative;width: 100%;padding-top: 200vw;overflow: scroll;-webkit-overflow-scrolling:touch;}
.iframe-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}

/* 切り替え */
.tab-wrap {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.tab-label {position: relative;width: 100%; margin-bottom: 2vw;border: 1px solid #136c3c;padding: 4vw;text-align: center;display: inline-block;text-decoration: none;color: #136c3c;outline: none;transition: all .2s;font-weight: 600;font-size: 3.8vw;order: -1;}
.tab-label:after {content: "\f105";font-family:icon;display: inline-block;position: absolute;top: 4vw;right: 6px;}
.tab-label:hover{background: #136c3c;color:#fff;}
.tab-content {width: 100%;display: none;}
.tab-switch:checked+.tab-label+.tab-content {display: block;padding: 4vw 0 0;}
.tab-switch { display: none; }
.tab-switch:checked+.tab-label {background: #136c3c;color: #fff;}

.w100 table{width: 100%;}

.more01{padding: 4vw 10vw 4vw 0;background: #136c3c;color: #fff;border-radius: 50px;width: 70vw;font-size: 4vw;}
.more01:after{background: #fff;right: 6.5vw;}
.more01:before{background: #fff;right: 2vw;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
/* event */
.event{width: 900px;margin: 0 auto 80px;}
.event ul{margin-bottom: 20px;}
.event ul li {width: 48%;margin: 0 auto;}

.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb90{margin-bottom: 90px;}

.intro{margin: 0 auto 100px;width: 900px;}
.intro .img-flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.intro img.img01{position: initial;width: auto;margin-left: 0;}
.intro img.img02{margin: 0;position: relative;right: -40px;width: auto;top: 110px;}
.intro .text{width: 900px;margin: -20px auto 0;}
.intro .text dl{padding: 20px 0;margin-bottom: 20px;width: 500px;}
.intro .text dt{margin-right: 20px;}
.intro .sub{font-size: 36px;margin-bottom: 6px;}
.intro .read{font-size: 26px;margin-bottom: 24px;line-height: 1.7;}
.intro p{margin-bottom: 24px;}

/* instructor */
.instructor_box{padding: 40px;margin: 20px auto 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.instructor_box img{margin:0;}
.instructor_box dl{padding-left: 40px;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.instructor_box dt{padding-bottom: 10px;font-size: 30px;}
.instructor_box dt span{font-size: 16px;}
.instructor_box dd{padding-top: 15px;font-size: 16px;}
.instructor_box dd.profile{margin-top: 30px;padding: 20px 0;}
.instructor_box dd.schedule{text-align: left;padding-top: 20px;}

/* price */
.price table{width: 100%;}
.price table thead td{font-size: 16px;padding: 12px;}
.price table tbody th{font-size: 16px;padding: 12px;}
.price table tbody td{font-size: 16px;padding: 12px;}

/* schedule */
.schedule-inner{height: 1000px;overflow: hidden;}

.iframe-wrap {overflow:auto;-webkit-overflow-scrolling:touch;padding-top: 1200px;}
.iframe-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}

  /* 切り替え */
.tab-label {margin-bottom: 10px;padding: 20px;font-size: 18px;width: 32%;}
.tab-label:after {top: 20px;right: 12px;}
.tab-switch:checked+.tab-label+.tab-content {padding: 40px 0 0;}
.font-size { font-size: 18px; }

.more01{padding: 30px 44px 30px 0;width: 400px;font-size: 20px;}
.more01:after{right: 53px;}
.more01:before{right: 30px;}
}