@charset "UTF-8";
:root {--mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;--gothic: 'Noto Sans Japanese', 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;}

/* basic
------------------------------------------------------------------*/
#bread { margin: 0 auto 60px; }
#main-contents { width: 100%; }
.strong{font-weight: bold;}

.basic p{text-align: justify;}
.basic .adjust{text-indent: -3em;padding-left: 3em;}
.basic .midashi02 {margin-bottom: 20px; text-align: center;}
.basic .seminer { width: 960px; margin: auto; }
.basic .gallery { margin-bottom: 90px; }
.basic .intro { width: 900px; margin: auto; }
.basic .intro .intro-title { margin-bottom: 30px; color: #bc3500; font-size: 20px; font-family: var(--mincho); font-weight: 600; text-align: center; }
.basic .intro .flex { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0 20px; }
.basic .intro .flex img { width: 40%; margin: 0; }
.basic .intro p.pt20 { text-align: center; }
.basic .flow{padding: 60px 120px;margin: 50px auto;}
.basic .flow h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;text-align: center;font-size: 20px;border-bottom: 1px solid #000;padding-bottom: 30px;margin-bottom: 40px;}
.basic .flow .basic-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flow .basic-box .item{width: 300px;margin-bottom: 40px;}
.basic-box .item:nth-child(1),.basic-box .item:nth-child(3){position: relative;}
.basic-box .item:nth-child(1)::after,.basic-box .item:nth-child(3)::after{content: '';width: 25px;height: 62px;background: url("../images/basic/arrow-to-right.png") no-repeat center;position: absolute;top: 65px;right: -73px;}
.basic .flow .btn-link{display: block;color: #fff; background: #000;padding: 20px;text-align: center;position: relative;text-decoration: none;}
.basic .flow .btn-link::after{content: "\f101";font-size: 2rem;font-family: FontAwesome;display: inline-block;color: #FFF;position: absolute;right: 5%;top: 25%;}
.basic table.curriculum_tbl tr th{width: calc(100% / 3);}
.basic table.curriculum_tbl tr td{vertical-align: baseline;}
.basic table.curriculum_tbl tr td p{text-indent: -1em;padding-left: 1em;padding-bottom: 5px;}
.basic table.curriculum_tbl .school_item{margin-bottom: 5px;}
.basic table.curriculum_tbl .single{display: block; text-align: center;}
.curriculum_box .in .info dl.price dd { font-size: 140%; font-weight: bold;  color: #bc3500; }
.curriculum_box .in .info dl.price dd small { font-size: 60%; font-weight: normal; }

/* basic-250612
------------------------------------------------------------------*/
.basic .special-campaign-title { margin-bottom: 40px; padding: 20px 0 30px; background: #000; }
.basic .special-campaign-title span { display: block; text-align: center; }
.basic .special-campaign-title .en { color: #fff; font-size: 50px; }
.basic .special-campaign-title .jp { color: #fff; font-size: 16px; }
.basic .special-campaign-head-text { margin-bottom: 20px; font-size: 20px; font-weight: 600; font-family: var(--mincho); text-align: center; }
.basic .special-campaign-head-text b { font-size: 120%; }
.basic.news img.special-campaign-image { width: 760px; margin: 0 auto 100px; }
.basic .curriculum_box .in .info .price dd small.special-price { display: inline-block; font-size: 18px; text-decoration: line-through; }
.basic .curriculum_box .in p.info-text { margin: 10px 0; }

.basic .price .mincho { font-size: 18px; font-weight: 600; text-decoration: underline; }

@media screen and (max-width: 768px) {
/* basic
------------------------------------------------------------------*/
#bread { margin: 0 auto 2vw; }
.basic .midashi02 {margin-bottom: 0;}
.basic .seminer { width: 96%; }
.basic .gallery { margin-bottom: 80px; }
.basic .intro { width: 96%; }
.basic .intro p{padding: 3% 5%;}
.basic .intro .adjust{padding: 3% 5% 3% 15%;}
.basic .intro .intro-title { font-size: 4vw; margin-bottom: 4vw;  }
.basic .intro .flex { width: 90%; margin: 0 auto 4vw; -webkit-justify-content: space-between; justify-content: space-between; gap: 0; }
.basic .intro .flex img { width: 48%; }
.basic .flow{width: 90%;padding: 6%;margin: 10% auto;}
.basic .flow h4{font-size: 4vw;padding-bottom: 4%;margin-bottom: 8%;}
.basic .flow .basic-box{display:block;}
.flow .basic-box .item{width: 100%;margin-bottom: 10%;}
.basic-box .item:nth-child(1),.basic-box .item:nth-child(3){position: static;}
.basic-box .item:nth-child(1)::after,.basic-box .item:nth-child(3)::after{position: static;}
.basic-box .item::after{content: '';width: 25px;height: 62px;background: url("../images/basic/arrow-to-right.png") no-repeat center;transform:rotate(90deg);margin: auto;}
.basic-box .item:last-child::after{display: none;}
.basic-box .item p{padding: 3% 0;}
.basic .contact { margin-bottom: 30px; }

/* basic-250612
------------------------------------------------------------------*/
.basic .special-campaign-title { margin-bottom: 4vw; }
.basic .special-campaign-title .en { font-size: 8vw; }
.basic .special-campaign-title .jp { font-size: 3.5vw; }
.basic .special-campaign-text { margin-bottom: 4vw; font-size: 4vw; }
.basic img.special-campaign-image { width: 100%; margin: 0 auto 20vw; }
.basic .special-campaign-head-text { margin-bottom: 4vw; font-size: 4vw; }
.basic.news img.special-campaign-image { width: 760px; margin: 0 auto 20vw; }
.basic .curriculum_box .in .info .price dd small.special-price { font-size: 3.6vw; }
.basic .curriculum_box .in p.info-text { margin: 10px 0; }

.basic .price .mincho { font-size: 4vw; }

}