@charset "UTF-8";
/* =============================================

2025年11月
横幅改修用css

============================================= */
/*---------- TOP ----------*/
.underline {
  display: inline;
  font-weight: bold;
  color: #4d3200;
  text-decoration: none;
}
.underline.yellow {
  background: linear-gradient(transparent 50%, #ffff24 50%);
  color: #4c4d00;
}
.underline.green {
  background: linear-gradient(transparent 50%, #a5f97a 50%);
  color: #0a420a;
}
.underline.pink {
  background: linear-gradient(transparent 50%, #ff87c1 50%);
}
.underline.orange {
  background: linear-gradient(transparent 50%, #fdbd81 50%);
}
.underline.red {
  background: linear-gradient(transparent 50%, #fe8787 50%);
}

#news iframe {
  width: 100%;
  height: 90%;
  font-size: 16px;
}

#navbanner .side_banner0 {
  height: auto;
}
@media screen and (max-width: 1000px) {
  #navbanner .side_banner00 {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  header {
    width: 100%;
  }
  header #header_box {
    width: 91.1458333333%;
  }
  #main {
    width: 91.1458333333%;
    font-size: 3.90625vw !important;
  }
  .sphone {
    width: 100%;
  }
  #msgtitle1 {
    width: 100%;
    height: 0;
    aspect-ratio: 350/46;
    padding-top: 13.1428571429%;
    background: url("../img/msg_m1.jpg?ver=2") left top/cover no-repeat;
  }
  #msgtitle3 {
    width: 100%;
    height: auto;
  }
  #msgtitle3 .sphone {
    width: 100%;
    height: 0;
    aspect-ratio: 350/46;
    padding-top: 13.1428571429%;
    background: url("../img/msg_m3.jpg?ver=2") left top/cover no-repeat;
  }
  #msgtitle4 {
    width: 100%;
    height: 0;
    aspect-ratio: 350/46;
    padding-top: 13.1428571429%;
    background: url("../img/msg_m4.jpg?ver=2") left top/cover no-repeat;
  }
  #msgtitle5 {
    width: 100%;
    height: 0;
    aspect-ratio: 350/46;
    padding-top: 13.1428571429%;
    background: url("../img/msg_m5.jpg?ver=2") left top/cover no-repeat;
  }
  #msgtitle6 {
    width: 100%;
    height: 0;
    aspect-ratio: 350/46;
    padding-top: 13.1428571429%;
    background: url("../img/msg_m6.jpg?ver=2") left top/cover no-repeat;
  }
  .msgimg1 {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .msgimg1 img {
    width: 48.5714285714%;
  }
  #news {
    width: 100%;
  }
  #news iframe {
    width: 100%;
    height: 90%;
  }
  .feature-item img {
    width: 100% !important;
  }
  .fstxt {
    margin: 2.8571428571%;
  }
  #topmsg {
    margin-top: -2.8571428571%;
  }
  #navbanner {
    width: 100%;
  }
  #navbanner li {
    width: 50%;
    height: auto;
  }
  #navbanner li img {
    width: 100%;
  }
  #navbanner li.side_banner0 {
    width: 100%;
    padding: 18.5714285714% 0 0 0;
    position: relative;
    margin: 0 0 1.4285714286% 0;
  }
  #navbanner li.side_banner00 {
    width: 100%;
    padding: 18.5714285714% 0 0 0;
    position: relative;
    margin: 0 0 1.4285714286% 0;
  }
  #navbanner li #side_count1, #navbanner li #side_count2, #navbanner li #side_count3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 68.5714285714%;
    height: 100%;
    background-size: contain;
    aspect-ratio: 130/480;
    padding: 2.0833333333% 12.5% 0 0;
    box-sizing: border-box;
    font-size: 10.4166666667vw !important;
  }
  /*---------- よくある質問 ----------*/
  #qa_midashi {
    margin: 0 0 5.7142857143% 0;
  }
  #contents_wrap {
    font-size: 3.90625vw !important;
    width: 97.1428571429%;
    padding: 0 1.4285714286%;
    margin: 0 auto;
  }
  #contents_wrap img {
    width: 100%;
  }
  #contents_wrap .clearfix > div {
    width: 95.5882352941%;
    height: auto;
    aspect-ratio: 680/45;
    display: flex;
    padding: 0 0 1.4705882353% 4.4117647059%;
  }
  #contents_wrap .clearfix > div p {
    width: 47.0588235294%;
    height: 100%;
    margin: 0 0 1.4705882353% 0;
  }
  #contents_wrap .clearfix > div p:last-child {
    width: 52.9411764706%;
  }
  #contents_wrap .clearfix > div a[href="#title1"] {
    display: block;
    width: 86.625%;
    aspect-ratio: 154/30;
  }
  #contents_wrap .clearfix > div a[href="#title4"] {
    display: block;
    width: 77%;
    aspect-ratio: 154/30;
  }
  #contents_wrap .clearfix > div a[href="#title2"] {
    display: block;
    width: 76.5%;
    aspect-ratio: 136/30;
  }
  #contents_wrap .clearfix > div a[href="#title5"] {
    display: block;
    width: 87.5%;
    aspect-ratio: 175/30;
  }
  #contents_wrap .clearfix > div a[href="#title3"] {
    display: block;
    width: 75.9375%;
    aspect-ratio: 135/30;
  }
  #contents_wrap .clearfix > div a[href="#title6"] {
    display: block;
    width: 78%;
    aspect-ratio: 156/30;
  }
  #contents_wrap .clearfix > div.qa_btn4 {
    margin: 0 0 5.8823529412% 0;
  }
  #contents_wrap .clearfix > div.qa_btn {
    margin: 5.8823529412% 0 0 0;
  }
  #contents_wrap .clearfix > div.qa_top {
    margin: 5.8823529412% 0 8.8235294118% 0;
  }
  #contents_wrap .qa_wrap {
    width: 100%;
  }
  #contents_wrap .qa_wrap .qa_q, #contents_wrap .qa_wrap .qa_a {
    width: 100%;
    display: flex;
  }
  #contents_wrap .qa_wrap .qa_q img, #contents_wrap .qa_wrap .qa_a img {
    display: none;
  }
  #contents_wrap .qa_wrap .qa_q .float_left {
    width: 8.8235294118%;
    height: 0;
    padding: 5.2941176471% 0 0 0;
    background: url(../img/shitumon/images/shitumon_q_sp.jpg) center top/contain no-repeat;
  }
  #contents_wrap .qa_wrap .qa_a .float_left {
    width: 8.8235294118%;
    height: 0;
    padding: 5.2941176471% 0 0 0;
    background: url(../img/shitumon/images/shitumon_a_sp.jpg) center top/contain no-repeat;
  }
  #contents_wrap .qa_q2_text, #contents_wrap .qa_ataxt {
    width: 88.2352941176%;
    margin: 0;
  }
  #contents_wrap .yohaku {
    height: 0;
  }
  #contents_wrap .qa_title {
    width: 100%;
  }
  #contents_wrap .qa_btn {
    width: 100%;
    height: auto;
    aspect-ratio: 680/38;
    margin: 0;
    display: flex;
    justify-content: center;
  }
  #contents_wrap .qa_btn p {
    width: 50%;
  }
  #contents_wrap .qa_top {
    width: 100%;
    height: auto;
    margin: 0;
    display: flex;
    justify-content: flex-end;
  }
}
/*---------- 授業システム ----------*/
.system_text1, .system_text2, .system_text3, .system_text4 {
  height: auto;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
  .content_title {
    margin: 0;
  }
  .content_title.sphone {
    margin: 0 0 2.8571428571% 0;
  }
  .content_title .sphone {
    margin: 0 0 2.8571428571% 0;
  }
  .system_wrap {
    font-size: 3.90625vw !important;
    width: 97.1428571429%;
    padding: 0 1.4285714286%;
    margin: 0 auto;
  }
  .system_wrap .system_text1 {
    width: 100%;
    margin: 0;
  }
  .system_wrap .sysfloat_left {
    width: 52.0588235294%;
    margin: 2.9411764706% auto;
  }
}
/*---------- 講師紹介 ----------*/
@media screen and (max-width: 768px) {
  .koushi-wrap {
    font-size: 3.90625vw !important;
  }
  .koushi-item-name, .koushi-item-heading {
    font-size: 5.2083333333vw !important;
  }
}
/*---------- 新着情報 ----------*/
@media screen and (max-width: 768px) {
  #pagemain h3 {
    padding: 0 1.4285714286%;
  }
  #pagemain .comment {
    margin: 2.8571428571%;
  }
}
/*---------- フォーム関係 ----------*/
#apply_top {
  display: none;
}

.content_title.adjustment {
  margin: 0 0 25px 0;
}

.content_setumei2 {
  font-size: 16px;
}

.buton_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.buton_wrap input[type=submit], .buton_wrap input[type=reset] {
  margin: 0;
}
.buton_wrap input[type=reset] {
  margin: 0 0 0 40px;
}

.postcode {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.postcode input[type=text] {
  width: 200px;
  margin: 10px 0 20px 0;
}

.checkbox_wrap label {
  display: block;
  width: 100%;
}

.in_label {
  display: block;
  margin: 0 0 10px 0;
}

dl dt p {
  line-height: 1.3333333333;
}
dl dt.dt5_1 {
  height: 84px;
  line-height: 20px;
}
dl dd {
  line-height: 1.3333333333;
}

@media screen and (max-width: 768px) {
  .content_setumei, .content_setumei2, .caution_box3 {
    font-size: 3.90625vw !important;
    width: 97.1428571429%;
    padding: 0 1.4285714286%;
    margin: 0 auto;
  }
  .red {
    font-size: 3.90625vw !important;
  }
  form {
    font-size: 3.90625vw !important;
  }
  form dl {
    width: 97.1428571429%;
    padding: 0;
  }
  form dl.dltbl dt {
    display: flex;
    align-items: center;
    width: 94.1176470588%;
    padding: 1.4705882353% 2.9411764706%;
    height: auto;
  }
  form dl.dltbl dd {
    width: 94.1176470588%;
    padding: 1.4705882353% 2.9411764706%;
    border-top: 1px solid #999;
    line-height: 1.3333333333;
  }
  form .dt1, form .dt2-2, form .dt3, form .dt4, form .dt5, form .dt6, form .dt7-2, form .dt8, form .dt9, form dd {
    border-top: 1px solid #999 !important;
    width: 94.1176470588%;
    padding: 1.4705882353% 2.9411764706%;
    height: auto;
  }
  form .dt5_1 {
    border: none !important;
  }
  form dd {
    padding: 2.9411764706%;
  }
  form input[type=text], form input[type=tel], form textarea {
    width: 95.3125%;
    height: auto;
    padding: 1.5625%;
  }
  form .postcode input[type=text] {
    width: 31.25%;
    margin: 3.125% 0 6.25% 0;
  }
  form .checkbox_wrap label {
    margin: 0 0 1.5625% 0;
  }
  form .checkbox_wrap label:last-of-type {
    margin: 0 0 3.125% 0;
  }
  form .in_label {
    margin: 0 0 1.5625% 0;
  }
  form .absence_date select {
    font-size: 3.90625vw !important;
    margin: 0 0 3.125% 0;
  }
  form input[type=button], form input[type=submit], form input[type=reset] {
    font-size: 3.90625vw !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0;
  }
  .buton_wrap {
    justify-content: space-around;
  }
  .buton_wrap input[type=submit], .buton_wrap input[type=reset] {
    margin: 0;
  }
  .buton_wrap.recruit {
    flex-direction: column;
  }
}
/*---------- 講師募集 ----------*/
@media screen and (max-width: 768px) {
  .req_midashi, .req_table {
    font-size: 3.90625vw !important;
    width: 97.1428571429%;
    padding: 0 1.4285714286%;
    margin: 0 auto;
  }
  .req_midashi table, .req_table table {
    width: 100%;
  }
  .req_midashi table .m14-140, .req_table table .m14-140 {
    width: 20.5882352941%;
  }
  .input_birthday input[type=text], .input_interview input[type=text] {
    width: 31.25%;
    margin: 0 0 3.125% 0;
  }
  .input_school input[type=text], .input_school input[type=radio] {
    margin: 1.5625% 0 3.125% 0;
  }
  .shidoukanou_table {
    width: 100%;
  }
  .oubo, .oubo_reset {
    width: 88.2352941176%;
    margin: 0 auto 1.4705882353% auto !important;
  }
}
/*---------- ご家庭からの喜びの声 ----------*/
h2 {
  padding: 0.25em 0.5em; /*上下 左右の余白*/
  color: #494949; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 5px #7db4e6; /*左線*/
}

.box_01 {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #00BCD4;
  background: #e4fcff; /*背景色*/
  border-top: solid 6px #1dc1d6;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
}
.box_01 p {
  margin: 0;
  padding: 0;
}