@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet');

body {
	font-family: "Noto Sans JP","游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight: 400;
  line-height: 1;
  overflow-x: hidden;
}
.font_roboto {
	font-family: "Roboto";
}

:root {
  --bg_gr: #f7f7f4;
  --bg_red: #df0011;
  --bg_blue: #004294;
  --bg_wh: #fff;
}
.bg_gr {
  background: var(--bg_gr);
}
.bg_red {
  background: var(--bg_red);
}
.bg_blue {
  background: var(--bg_blue);
}
.bg_wh {
  background: var(--bg_wh);
}

.inner_wrap {
  margin-right: auto;
  margin-left: auto;
}
a {
  text-decoration: none;
  color: #000;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
picture {
  display: block;
}
ul,ol {
  list-style: none;
}

#vantan-main {
  overflow: hidden;
}

.acc_btn {
  margin-right: auto;
  margin-left: auto;
}
.acc_btn button {
  border: 0;
  background: #000;
  color: #fff;
  cursor: pointer;
  text-align: center;
  position: relative;
  width: 100%;
}
.acc_btn button:after {
  aspect-ratio: 1/1.125;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18"><polygon class="st0" points="8,17.6 0.1,9.7 1.5,8.3 8,14.8 14.5,8.3 15.9,9.7" fill="%23ffffff"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: calc(50% - .5em);
  right: 1em;
  width: auto;
  height: 1em;
}
.acc_btn.open button span {
  display: none;
}
.acc_btn.open button:before {
  content: "CLOSE";
	font-family: "Roboto";
  text-align: center;
}
.acc_btn.open button:after {
  transform: rotate(180deg);
}

.cv_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.cv_wrap a {
  width: 48.63%;
  border-radius: 4px;
  color: #fff;
  position: relative;
  text-align: center;
  display: block;
}
.cv_wrap a:after {
  aspect-ratio: 1/1.25;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="10" viewBox="0 0 8 10"><polygon points="3,10 8,5 3,0 0,0 5,5 0,10 " fill="%23ffffff"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - .39em);
  right: 1em;
  width: auto;
  height: .78em;
}
.floating_cv {
  position: fixed;
  z-index: 2;
}

.att_list_wrap {
  text-align: right;
}
.att_list li {
  text-indent: -1em;
  padding-left: 1em;
}
.att_list {
  display: inline-block;
  text-align: left;
}


@media screen and (max-width: 767px) { /*  sp  */

  html {
    font-size: 62.5%;
  }
  .inner_wrap {
    width: 84%;
  }

  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
  div.acc_btn {
    margin-top: 47px;
  }
  .acc_btn button {
    line-height: 40px;
    font-size: 1.2rem;
    transition: all .3s;
  }
  figure img,
  picture img {
    width: 100%;
  }
  h3.head_red span {
    background: var(--bg_red);
    color: #fff;
  }

  h3.head_blue span {
    background: var(--bg_blue);
    color: #fff;
  }

  .cv_wrap {
    width: 100%;
  }
  .cv_wrap a {
    font-size: 12px;
    line-height: 38px;
  }
  .floating_cv {
    width: 100%;
    bottom: 0;
  }
  .floating_cv .cv_wrap {
    width: 84%;
    margin: 0 auto;
  }
  .att_list li {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media screen and (min-width: 768px) { /*  pc  */

  .inner_wrap {
    max-width: 1140px;
    padding: 0 20px;
  }
  .sp_only {
    display: none;
  }
  .pc_only {
    display: block;
  }
  div.acc_btn {
    margin-top: 70px;
  }
  .acc_btn button {
    line-height: 60px;
    font-size: 18px;
    transition: all .3s;
  }
  .acc_btn button:hover {
    opacity: .8;
  }
  h3.head_red {
    background: var(--bg_red);
    color: #fff;
  }
  h3.head_blue {
    background: var(--bg_blue);
    color: #fff;
  }
  .cv_wrap {
    max-width: 440px;
  }
  .cv_wrap a {
    font-size: min(1.3vw,14px);
    max-width: 214px;
    line-height: 3.71em;
    transition: all .3s;
  }
  .cv_wrap a:hover {
    opacity: .8;
  }
  .floating_cv {
    width: 440px;
    bottom: 20px;
    right: 30px;
    transition: bottom .5s;
  }
  .att_list li {
    font-size: 12px;
    line-height: 1.6;
  }

}


/* -----------------------------------------------
kv/occupation
----------------------------------------------- */
.kv_wrap {
  position: relative;
}
.kv_wrap h2 img {
  width: 100%;
}
.kv_fx p {
  font-weight: bold;  
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}
.kv_fx p a {
  font-weight: normal;  
  text-decoration: underline;
}
.occupation_wrap {
  background: #000;
  color: #fff;
}
.occ_icon_list li img {
  aspect-ratio: 1/1;
  width: 2.44em;
  height: auto;
}

@media screen and (max-width: 767px) { /*  sp  */

  .kv_wrap {
    aspect-ratio: 1/1.797;
    background: url(../img/kv_sp.jpg) 50% 0 / contain no-repeat;
  }
  .kv_wrap h2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .kv_wrap .kv_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: absolute;
    bottom: .8%;
    width: 84%;
  }
  .kv_fx p {
    color: #fff;
    font-size: 1rem;
    /* margin-bottom: 8.9vw; */
    margin-bottom: 1.9vw;
  }
  .occupation_wrap {
    padding: 36px 0 50px;
  }
  .occ_head h3 {
    font-size: 1.8rem;
    line-height: 1.48;
    margin-bottom: 10px;
  }
  .occ_head span {
    font-size: 1.2rem;
  }
  .occ_cont {
    margin-top: 53px;
  }
  .occ_icon_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .occ_icon_list li {
    margin-bottom: 30px;
    width: 50%;
    text-align: center;
  }
  .occ_icon_list li img {
    margin: 0 auto 11px;
    width: 36px;
  }
  .occ_icon_list li p {
    font-size: 1.3rem;
  }
  .occ_cont .occ_txt_list {
    margin-top: 14px;
  }
  .occ_txt_list li {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.88;
    margin-right: 1em;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .kv_wrap {
    aspect-ratio: 1/0.449;
    background: url(../img/kv_pc.jpg) 50% 0 / cover no-repeat;
  }
  .kv_wrap h2 {
    width: min(44.3vw,640px);
    padding-top: min(7.2vw,103px);
  }
  .kv_wrap .kv_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    align-items: stretch;
    /* margin-top: 1.8vw; */
    margin-top: -5.6%;
    padding-bottom: 2vw;
  }
  .kv_fx p {
    font-size: 12px;
    /* margin-top: 4.2vw; */
    margin-top: 3.4%;
  }
  .kv_fx .cv_wrap {
    /* width: 38.59%; */
    width: min(31.3vw,440px);
  }
  .occupation_wrap {
    padding: 6.64% 0 6.96%;
  }
  .occupation_wrap .occ_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .occ_fx .occ_head {
    width: min(29.9%,320px);
  }
  .occ_head h3 {
    font-size: min(2.28vw,26px);
    line-height: 1.52;
  }
  .occ_head span {
    font-size: 14px;
  }
  .occ_cont {
    width: 64%;
    max-width: 704px;
  }
  .occ_icon_list {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 40% 38% 22%; 
    grid-template-rows: auto auto auto; 
    gap: 0px 0px; 
    grid-template-areas: 
      "a d g"
      "b e h"
      "c f ."; 
    justify-content: space-between; 
    align-items: start; 
  }
  .occ_icon_list li:nth-child(1) { grid-area: a; }
  .occ_icon_list li:nth-child(2) { grid-area: b; }
  .occ_icon_list li:nth-child(3) { grid-area: c; }
  .occ_icon_list li:nth-child(4) { grid-area: d; }
  .occ_icon_list li:nth-child(5) { grid-area: e; }
  .occ_icon_list li:nth-child(6) { grid-area: f; }
  .occ_icon_list li:nth-child(7) { grid-area: g; }
  .occ_icon_list li:nth-child(8) { grid-area: h; }
  .occ_icon_list li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    font-size: min(1.57vw,18px);
    margin-bottom: 1.46em;
  }
  .occ_icon_list li img {
    margin-right: 0.8em;
  }
  .occ_cont .occ_txt_list {
    max-width: 500px;
    margin-top: 2.8%;
  }
  .occ_txt_list li {
    display: inline-block;
    font-size: min(1.22vw,14px);
    margin-right: 1em;
    line-height: 2;
  }


  .kv_wrap .inner_wrap {
    max-width: 1440px;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .kv_wrap h2 {
    padding-top: unset;
  }
  .kv_wrap .kv_fx {
    margin-top: unset;
  }


}



/* icon_head */
.icon_head {
  margin-right: auto;
  margin-left: auto;
}
.icon_head h2 {
  position: relative;
}
.icon_head h2:before {
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  height: auto;
}
.icon_head.v_txt {
  position: relative;
}
.icon_head.v_txt span {
  position: absolute;
  right: 0;
}
.icon_head.icon_01 h2:before {
  aspect-ratio: 1/0.946;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="70" viewBox="0 0 74 70"><g><ellipse transform="matrix(0.8714 -0.4906 0.4906 0.8714 -26.7784 13.4195)" cx="12.2" cy="57.8" rx="12.2" ry="12.2"/><path d="M45.6,28.5c0-3.6-2.9-6.5-6.5-6.5c-3.6,0-6.5,2.9-6.5,6.5c0,0.4,0,0.7,0.1,1c-1.2-0.7-2.7-1-4.2-1c-3,0-5.7,1.5-7.4,3.9c-0.9-2.3-3.1-3.9-5.7-3.9c-3.4,0-6.1,2.7-6.1,6.1s2.7,6.1,6.1,6.1c1.6,0,3.1-0.6,4.2-1.7c0.7,4.2,4.4,7.4,8.8,7.4c4.9,0,9-4,9-9c0-1-0.2-1.9-0.4-2.8c0.7,0.2,1.3,0.3,2.1,0.3C42.7,35,45.6,32.1,45.6,28.5z"/><path d="M32.5,49.6c-2.2,0-4.1,1.8-4.1,4.1c0,2.2,1.8,4.1,4.1,4.1c2.2,0,4.1-1.8,4.1-4.1C36.6,51.5,34.8,49.6,32.5,49.6z"/><path d="M7.7,24.8c1.6,0,2.8-1.3,2.8-2.8s-1.3-2.8-2.8-2.8S4.9,20.4,4.9,22S6.2,24.8,7.7,24.8z"/><path d="M70,48.8c-1.8,0-3.3,1.5-3.3,3.3c0,1.8,1.5,3.3,3.3,3.3c1.8,0,3.3-1.5,3.3-3.3C73.2,50.3,71.8,48.8,70,48.8z"/><path d="M61,31.5c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1s3.1-1.4,3.1-3.1C64.1,32.9,62.7,31.5,61,31.5z"/><path d="M45.6,37.6c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1s3.1-1.4,3.1-3.1C48.6,39,47.3,37.6,45.6,37.6z"/><path d="M15.5,15.5c4.3,0,7.7-3.5,7.7-7.7c0-4.3-3.5-7.7-7.7-7.7c-4.3,0-7.7,3.5-7.7,7.7C7.7,12,11.2,15.5,15.5,15.5z"/><path d="M42.5,61.5c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3c1.3,0,2.3-1,2.3-2.3S43.8,61.5,42.5,61.5z"/></g></svg>');
  top: -1.5em;
  left: -2em;
  width: 3.08em;
}
.icon_head.icon_02 h2:before {
  aspect-ratio: 1/1.148;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="70" viewBox="0 0 61 70"><g><ellipse transform="matrix(0.8216 -0.5701 0.5701 0.8216 -30.4704 18.2173)" cx="13.9" cy="57.8" rx="12.2" ry="12.2"/><path d="M41.2,22.8c-0.7-3.5-4.1-5.9-7.6-5.2c-3.5,0.7-5.9,4.1-5.2,7.6c0.1,0.3,0.2,0.7,0.3,1c-1.3-0.4-2.8-0.5-4.3-0.2 c-3,0.6-5.4,2.6-6.5,5.1c-1.3-2-3.8-3.2-6.3-2.7c-3.3,0.6-5.5,3.8-4.9,7.1c0.6,3.3,3.8,5.5,7.1,4.9c1.6-0.3,2.9-1.2,3.8-2.4 c1.5,4,5.7,6.4,10,5.6c4.9-0.9,8.1-5.6,7.1-10.5c-0.2-1-0.5-1.8-1-2.7c0.7,0.1,1.4,0.1,2.1,0C39.6,29.8,41.9,26.4,41.2,22.8z"/><path d="M32.4,46c-2.2,0.4-3.7,2.5-3.2,4.8c0.4,2.2,2.5,3.7,4.8,3.2c2.2-0.4,3.7-2.5,3.2-4.8C36.7,47.1,34.6,45.6,32.4,46z"/><path d="M3.4,26.2c1.5-0.3,2.6-1.8,2.3-3.3c-0.3-1.5-1.8-2.6-3.3-2.3C0.8,20.9-0.2,22.4,0,24C0.3,25.5,1.8,26.5,3.4,26.2z"/><path d="M60.6,25.4c-0.3-1.7-1.9-2.7-3.6-2.4c-1.7,0.3-2.7,1.9-2.4,3.6s1.9,2.7,3.6,2.4C59.8,28.7,60.9,27.1,60.6,25.4z"/><ellipse transform="matrix(0.9687 -0.2483 0.2483 0.9687 -7.2862 11.8925)" cx="43.5" cy="34.8" rx="3.1" ry="3.1"/><path d="M9.2,15.6c4.2-0.8,7-4.8,6.2-9c-0.8-4.2-4.8-7-9-6.2c-4.2,0.8-7,4.8-6.2,9C1,13.6,5,16.4,9.2,15.6z"/><path d="M44.4,55.9c-1.3,0.2-2.1,1.5-1.9,2.7c0.2,1.3,1.5,2.1,2.7,1.9c1.3-0.2,2.1-1.5,1.9-2.7C46.8,56.5,45.6,55.6,44.4,55.9z"/></g></svg>');
  top: -1.4em;
  left: -1.8em;
  width: 2.54em;
}

@media screen and (max-width: 767px) { /*  sp  */

  .icon_head {
    padding: 0 0 0 2.5em;
  }
  .icon_head h2 {
    font-size: 1.8rem;
    line-height: 1.625;
  }
  .icon_head.v_txt span {
    top: -35px;
  }


}

@media screen and (min-width: 768px) { /*  pc  */

  .icon_head {
    max-width: 1140px;
    padding: 0 20px;
  }
  .icon_head h2 {
    font-size: 24px;
    line-height: 1.625;
  }
  .icon_head.v_txt span {
    top: -.7em;
  }

}



/* -----------------------------------------------
course_wrap
----------------------------------------------- */
.course_wrap {
  position: relative;
}
.course_wrap .acc_btn {
  max-width: 1040px;
}
.course_wrap .course_mv_wrap {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.course_mv_wrap h3 {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
}
.course_mv_wrap h3 span,
.course_mv_wrap h3 span img {
  display: block;
}
.course_mv_wrap h3 strong {
  display: inline-block;
  background: #fff;
}
.course_about_cap dl dt {
  background: #000;
  color: #fff;
}

.aim_list_wrap {
  position: relative;
}
.aim_list_wrap:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  background: #000;
}
.aim_list_wrap dl dt {
  font-weight: bold;
}
.aim_list_wrap dl dt:before {
  content: "●";
  color: #df0011;
  position: absolute;
  left: calc(0em - 0.5em);
}
.aim_list_wrap dd ul.aim_list_fx {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.aim_list_wrap .aim_list_fx li:nth-child(odd) {
  width: 14.5em;
}
.aim_list_wrap .aim_list_fx li:nth-child(even) {
  padding-left: 1.4em;
}
.curriculum_list_wrap .curriculum_list {
  margin-right: auto;
  margin-left: auto;
}
.curriculum_list figure {
  position: relative;
  overflow: hidden;
}
.curriculum_list figure span {
  font-weight: bold;
  position: absolute;
  top: -0.15em;
  left: -0.07em;
  letter-spacing: -.04em;
}
.curriculum_list_wrap .modal_btn {
  margin-right: auto;
  margin-left: auto;
}
.modal_btn a {
  border: 1px solid #000;
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
}
.modal_btn a:after {
  aspect-ratio: 1/1;
  content: "";
  position: absolute;
  top: calc(50% - .44em);
  right: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M16,8.7H8.7V16H7.3V8.7H0V7.3h7.3V0h1.4v7.3H16V8.7z" fill="%23000000"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.modaal-close:after, .modaal-close:before {
  background: #000;
}
.video-movie_wrap .curriculum_list figure span {
  color: #fff;
}

@media screen and (max-width: 767px) { /*  sp  */

  .course_wrap {
    padding: 62px 0 86px;
  }
  .course_mv_wrap h3 {
    margin-left: 8%;
    bottom: 9%;
  }
  .course_mv_wrap picture img {
    width: 100%;
  }
  .course_mv_wrap h3 strong {
    font-size: 1.6rem;
    line-height: 1.32;
    margin-top: 4.4%;
    padding: 0 0.2em;
  }
  .course_about_fx {
    margin-top: 30px;
  }
  .course_about_cap dl {
    font-size: 16px;
  }
  .course_about_cap dl dt {
    display: inline-block;
    font-size: 1.4rem;
    margin-bottom: 12px;
    padding: 0.3em 0.5em 0.45em;
  }
  .course_about_cap dl dd {
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 19px;
  }
  .aim_list_wrap {
    padding-top: 1em;
    padding-left: 2em;
  }
  .aim_list_wrap:before {
    top: 0;
    height: calc(100%);
  }
  .aim_list_wrap dl dt {
    font-size: 1.6rem;
    margin-bottom: 14px;
  }
  .aim_list_wrap dl dd {
    font-size: 1.2rem;
  }
  .aim_list_wrap dd li {
    line-height: 2.08;
  }
  .curriculum_list_wrap {
    padding-top: 48px;
  }
  .curriculum_list li {
    margin-bottom: 51px;
  }
  .curriculum_list figure span {
    font-size: 4.6rem;
  }
  .curriculum_list .curriculum_cap {
    margin-top: 17px;
  }
  .curriculum_cap p {
    font-size: 1.2rem;
    line-height: 2;
  }
  .curriculum_list_wrap .modal_btn {
    max-width: 214px;
    margin: 24px auto 0;
  }
  .modal_btn a {
    font-size: 1.2rem;
    line-height: 40px;
  }
  .modal_btn a:after {
    width: .88em;
  }

  /* graphic_wrap / video-movie_wrap */
  .graphic_wrap .course_mv_wrap {
    margin-top: 38px;
  }
  .graphic_wrap .course_mv_wrap h3 span {
    width: 75.73%;
  }
  .video-movie_wrap .course_mv_wrap {
    margin-top: 80px;
  }
  .video-movie_wrap .course_mv_wrap h3 span {
    width: 75.73%;
  }
  .aim_list_wrap .aim_list_fx li:nth-child(even) {
    padding-left: 1em;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .course_wrap {
    padding: 143px 0 200px;
  }
  .course_wrap .course_mv_wrap {
    max-width: 1140px;
    padding: 0 20px;
  }
  .course_mv_wrap h3 {
    margin-left: 4.3%;
    bottom: 13.6%;
  }
  .course_mv_wrap h3 strong {
    font-size: 20px;
    line-height: 28px;
    margin-top: 2.4%;
    padding: 0 0.4em;
  }
  .course_about_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding-top: 50px;
  }
  .course_about_cap {
    width: 59.1%;
    max-width: 650px;
    margin-right: 4.56%;
  }
  .course_about_cap dl {
    font-size: 16px;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .course_about_cap dl dt {
    width: 28%;
    margin-top: 0.2em;
    padding: 0.3em 0 0.45em .5em;
  }
  .course_about_cap dl dd {
    line-height: 2;
    margin-bottom: 1em;
    width: 66.16%;
  }
  .aim_list_wrap {
    width: 36.34%;
    max-width: 400px;    
    padding-top: 0.5em;
    padding-left: 2.8%;
  }
  .aim_list_wrap:before {
    bottom: 0;
    height: calc(100% + 6em);
  }
  .aim_list_wrap dl {}
  .aim_list_wrap dl dt {
    font-size: 16px;
    margin-bottom: 1.44em;
  }
  .aim_list_wrap dl dd {
    font-size: 14px;
  }
  .aim_list_wrap dd li {
    line-height: 2.35;
  }
  .curriculum_list_wrap {
    padding-top: 94px;
  }
  .curriculum_list_wrap .curriculum_list {
    max-width: 1040px;
  }
  .curriculum_list li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 80px;
  }
  .curriculum_list li:nth-child(even) {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .curriculum_list li > * {
    width: 47.12%;
    max-width: 490px;
  }
  .curriculum_list figure span {
    font-size: 71px;
  }
  .curriculum_list .curriculum_cap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .curriculum_cap p {
    font-size: 14px;
    line-height: 2;
    max-width: 354px;
    text-align: left;
  }
  .curriculum_list_wrap .modal_btn {
    max-width: 502px;
    margin: 94px auto 90px;
  }
  .modal_btn a {
    font-size: 18px;
    line-height: 60px;
  }
  .modal_btn a:after {
    width: .88em;
  }

  /* graphic_wrap / video-movie_wrap */
  .course_wrap .graphic_wrap {
    margin-top: 118px;
  }
  .course_wrap .video-movie_wrap {
    margin-top: 166px;
  }
  .graphic_wrap .course_mv_wrap h3 span {
    width: 41.64%;
    max-width: 458px;
  }
  .video-movie_wrap .course_mv_wrap h3 span {
    width: 41.81%;
    max-width: 460px;
  }

}



.item_sub_head {
  text-align: center;
}
.item_sub_head h4 {
  font-weight: 500;
}
.item_head_txt.en * {
  font-weight: 500;
}
.item_head_txt h3 {
  display: inline-block;
  font-weight: normal;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) { /*  sp  */

  .item_head_txt h3 {
    letter-spacing: .06em;
    font-size: 1.9rem;
    line-height: 1.64;
  }
  .item_head_txt h3 span {
    display: inline-block;
    line-height: 26px;
    padding: 0 1em 0 .5em;
  }
  .item_head_txt p {
    font-size: 1.2rem;
    line-height: 2;
    margin-top: 14px;
  }

  .item_sub_head h4 {
    font-size: 1.8rem;
    margin-bottom: 14px;
    line-height: 1.6;
  }
  .item_sub_head p {
    font-size: 1.2rem;
    line-height: 1.833;
    display: inline-block;
    text-align: left;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .item_head_txt.en h3 {
    font-size: 34px;
  }
  .item_head_txt h3 {
    font-size: 29px;
    line-height: 38px;
    padding: 0 3.7em 0.1em 0.4em;
  }
  .item_head_txt p {
    font-size: 16px;
    line-height: 2;
    margin-top: 34px;
  }
  .item_head.head_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .item_sub_head h4 {
    font-size: 24px;
    margin-bottom: 26px;
  }
  .item_sub_head p {
    font-size: 16px;
    line-height: 2;
  }

}



/* -----------------------------------------------
features_wrap
----------------------------------------------- */
.features_wrap {}

@media screen and (max-width: 767px) { /*  sp  */

  .features_wrap {
    margin-top: 98px;
  }
  .features_wrap .icon_head.v_txt {
    margin-bottom: 40px;
  }
  .icon_head.v_txt span {
    width: 23.86%;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .features_wrap {
    padding: 172px 0 0;
  }
  .features_wrap .icon_head.v_txt {
    margin-bottom: 183px;
  }

}



/* lesson_atcl */
  .lesson_atcl {
    position: relative;
  }
  .lesson_atcl:before {
    content: "";
    position: absolute;
    background: var(--bg_gr);
    z-index: -1;
  }
  .project_list_wrap .project_item,
  .session_list_wrap .session_item {
    text-align: center;
  }
  .project_item p,
  .session_item p {
    display: inline-block;
    text-align: left;
  }
  .project_item figure figcaption {
    font-weight: bold;
  }
  .session_item figure figcaption {
    font-weight: 400;
  }

@media screen and (max-width: 767px) { /*  sp  */

  .lesson_atcl {
    margin-bottom: 88px;
    padding: 53px 0 4px;
  }
  .lesson_atcl:before {
    top: 0;
    left: 13%;
    width: 100vw;
    height: calc(100% + 32px);
  }
  .lesson_atcl .item_head {
    margin-bottom: 90px;
  }
  .project_list_wrap {
    margin-top: 36px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    /* margin-bottom: 102px !important; */
    margin-bottom: 82px !important;
  }
  .project_list_wrap .project_item {
    padding: 0 20px;
    border-right: 1px solid #000;
  }
  .project_item figure figcaption {
    font-size: 2.2rem;
    margin-top: 18px;
  }
  .project_item p {
    font-size: 1.2rem;
    line-height: 1.85;
    margin-top: 11px;
  }
  .session_list_wrap {
    margin-top: 36px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-bottom: 110px !important;
  }
  .session_list_wrap .session_item {
    padding: 0 20px;
    border-right: 1px solid #000;
    min-height: 326px;
  }
  .session_item figure figcaption {
    font-size: 2.2rem;
    margin-top: 18px;
  }
  .session_item p {
    font-size: 1.2rem;
    line-height: 1.85;
    margin-top: 11px;
  }
  .slick-track {
    display: flex;
  }
  .slick-slide {
    height: auto !important;
  }
  .slick-dots {
    bottom: -27px;
  }
  .slick-dots li button:before{
    font-size:10px!important;
  }
  .slick-dots li{
    width:6px!important;
  }
  .slick-dots li button:before {
    color: #000;
    opacity: 1;
  }
  .slick-dots li.slick-active button:before {
    color: #df0011;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .lesson_atcl {
    margin-bottom: 264px;
  }
  .lesson_atcl:before {
    top: -106px;
    left: 13%;
    width: 100vw;
    height: calc(100% + 165px);
  }
  .lesson_atcl .item_head {
    margin-bottom: 143px;
  }
  .project_list_wrap {
    margin-top: 90px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .project_list_wrap .project_item {
    width: 30.92%;
    max-width: 340px;
    margin-bottom: 80px;
  }
  .project_list_wrap .project_item:not(:nth-child(3n)) {
    margin-right: 3.62%;
  }
  .project_item figure figcaption {
    font-size: 26px;
    margin-top: 25px;
  }
  .project_item p {
    font-size: 14px;
    line-height: 1.85;
    margin-top: 18px;
  }
  .lesson_atcl .lesson_inner:last-child {
    margin-top: 58px;
  }
  .session_list_wrap {
    margin-top: 56px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .session_list_wrap .session_item {
    width: 30.92%;
    max-width: 340px;
    margin-bottom: 80px;
  }
  .session_list_wrap .session_item:not(:nth-child(3n)) {
    margin-right: 3.62%;
  }
  .session_item figure figcaption {
    font-size: 22px;
    margin-top: 28px;
  }
  .session_item p {
    font-size: 14px;
    line-height: 1.85;
    margin-top: 20px;
  }

}



/* qualification_atcl */
.qualification_atcl {}
.qualification_atcl .qfc_heaad_cont {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.qfc_heaad_cont dl {
  background: var(--bg_gr);
  position: relative;
  text-align: center;
  position: relative;
}
.qfc_heaad_cont dl dt {
  position: absolute;
  top: -.6em;
}
.qfc_heaad_cont dl:first-child:after {
  aspect-ratio: 1/1;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><polygon points="80,0.7 79.3,0 40,39.3 0.7,0 0,0.7 39.3,40 0,79.3 0.7,80 40,40.7 79.3,80 80,79.3 40.7,40 "/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: auto;
  z-index: 1;
}
.compare_fx .compare_item:nth-child(1) {
  background: var(--bg_gr);
}
.compare_fx .compare_item:nth-child(2) {
  background: #eff8fa;
}
.compare_item h3 {
  text-align: center;
  font-weight: 400;
}
.compare_item dl {
  margin-right: auto;
  margin-left: auto;
}
.compare_item dl > * {
  position: relative;
  text-align: center;
}
.compare_item dl > *:after {
  content: "";
  width: 100%;
  background: #000;
  position: absolute;
  left: 0;
}
.compare_item dl dt:after {
  height: 3px;
  bottom: -1px;
}
.compare_item dl dd:after {
  height: 1px;
  bottom: 0;
}

.widely_fx .widely_item {
  background: var(--bg_gr);
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.widely_item:after {
  aspect-ratio: 1/1;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"><g><circle cx="17" cy="17" r="17"/><polygon class="st0" points="11.6,15.5 22.4,15.5 17,20.9" fill="%23ffffff"/></g></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: auto;
  z-index: 1;
}

@media screen and (max-width: 767px) { /*  sp  */

  .qualification_atcl {}
  .qualification_atcl .qualification_inner {
    margin-bottom: 61px;
  }
  .qualification_atcl .item_head {
    margin-bottom: 55px;
  }
  .qfc_heaad_cont {
    padding-top: 60px;
  }
  .qfc_heaad_cont dl {
    width: 45.71%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 140px;
  }
  .qfc_heaad_cont dl:first-child:after {
    width: 50px;
    left: calc(100% - 12px);
  }
  .qfc_heaad_cont dl dt {
    font-size: 1.5rem;
  }
  .qfc_heaad_cont dl dd {
    font-size: 1.2rem;
    line-height: 1.66;
  }
  .compare_fx {
    margin-top: 40px;
  }
  .compare_fx .compare_item {
    margin-bottom: 20px;
    padding: 32px 0 42px;
  }
  .compare_item h3 {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
  .compare_item dl {
    text-align: center;
    width: 84.62%;
  }
  .compare_item dl dt {
    font-size: 1.4rem;
    display: inline-block;
    min-width: 6em;
    margin-top: 11px;
    padding: 0.5em;
  }
  .compare_item dl dd {
    font-size: 1.2rem;
    line-height: 1.66;
    padding: 0.5em 0 1.2em;
  }
  .widely_fx {
    margin-top: 38px;
  }
  .widely_fx .widely_item {
    padding: 30px 0 32px;
    margin-bottom: 30px;
  }
  .widely_item:after {
    width: 30px;
    top: -15px;
    left: calc(50% - 15px);
  }
  .widely_item p {
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .widely_item ul {
    margin-top: 1em;
  }
  .widely_item ul li {
    font-size: 1.2rem;
    line-height: 1.95;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .qualification_atcl {
    margin-bottom: 264px;
  }
  .qualification_atcl .qualification_inner {
    margin-bottom: 124px;
  }
  .qualification_atcl .item_head {
    margin-bottom: 113px;
  }
  .qualification_atcl .head_fx .item_head_txt {
    width: 50%;
  }
  .qualification_atcl .head_fx .item_head_cont {
    width: 45.45%;
  }
  .qfc_heaad_cont {
    padding-top: 82px;
  }
  .qfc_heaad_cont dl {
    width: 46%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 220px;
  }
  .qfc_heaad_cont dl:first-child:after {
    width: 80px;
    left: calc(100% - 20px);
  }
  .qfc_heaad_cont dl dt {
    font-size: 24px;
  }
  .qfc_heaad_cont dl dd {
    font-size: 16px;
    line-height: 2;
  }
  .compare_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 60px;
  }
  .compare_fx .compare_item {
    width: 47.27%;
    padding: 60px 0 76px;
  }
  .compare_item h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .compare_item dl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 84.62%;
    max-width: 440px;
  }
  .compare_item dl > * {
    padding: 0.5em 0;
    margin-top: 32px;
  }
  .compare_item dl dt {
    width: 28.4%;
    font-size: 16px;
  }
  .compare_item dl dd {
    width: 71.6%;
    font-size: 14px;
  }
  .widely_fx {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 88px;
  }
  .widely_fx .widely_item {
    width: 30.91%;
    max-width: 320px;
    padding: 42px 0;
  }
  .widely_item:after {
    width: 34px;
    top: -17px;
    left: calc(50% - 17px);
  }
  .widely_item p {
    font-size: 18px;
    line-height: 2;
  }
  .widely_item ul {
    margin-top: 0.8em;
  }
  .widely_item ul li {
    font-size: 14px;
    line-height: 1.78;
  }

}



/* support_atcl */
.support_atcl {
  position: relative;
}
.support_atcl:before {
  content: "";
  position: absolute;
  background: var(--bg_gr);
  z-index: -1;
}
.support_list_wrap .support_item {
  text-align: center;
}
.support_item figure h4 {
  font-weight: 500;
}
.support_item p {
  display: inline-block;
  text-align: left;
}
.support_add_wrap {
  border: 1px solid #000;
}
.add_txt h4,
.add_txt strong {
  font-weight: 500;
}

@media screen and (max-width: 767px) { /*  sp  */

  .support_atcl {
    margin-bottom: 74px;
    padding: 54px 0 90px;
  }
  .support_atcl:before {
    top: 0;
    left: 13%;
    width: 100vw;
    height: 100%;
  }
  .support_inner {
    margin-top: 42px;
  }
  .support_list_wrap .support_item {
    margin-bottom: 54px;
  }
  .support_item figure h4 {
    font-size: 1.6rem;
    margin: 32px auto 14px;
  }
  .support_item p {
    font-size: 1.2rem;
    line-height: 2;
  }
  .support_add_wrap {
    padding: 32px 6% 34px;
  }
  .add_txt h4 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
  }
  .add_txt strong {
    display: block;
    font-size: 1.4rem;
    line-height: 1.714;
    margin: 31px auto -13px;
  }
  .add_txt p {
    font-size: 1.2rem;
    line-height: 2;
    margin-top: 20px;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .support_atcl {
    padding-bottom: 160px;
    margin-bottom: 174px;
  }
  .support_atcl:before {
    top: -156px;
    left: 10%;
    width: 100vw;
    height: calc(100% + 165px);
  }
  .support_atcl .item_head {
    max-width: 745px;
  }
  .support_inner {
    margin-top: 112px;
  }
  .support_list_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .support_list_wrap .support_item {
    width: 46.37%;
    max-width: 510px;
    margin-bottom: 79px;
  }
  .support_item figure h4 {
    font-size: 22px;
    margin: 33px auto 28px;
  }
  .support_item p {
    font-size: 14px;
    line-height: 1.86;
  }
  .support_add_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 26px;
    padding: 50px 4% 56px;
  }
  .support_add_wrap picture {
    width: 39.68%;
  }
  .support_add_wrap .add_txt {
    width: 55.15%;
  }
  .add_txt h4 {
    font-size: 22px;
    margin-bottom: 4.4%;
  }
  .add_txt strong {
    font-size: 17px;
    line-height: 1.647;
  }
  .add_txt p {
    font-size: 14px;
    line-height: 1.86;
    margin-top: 20px;
  }
  .add_txt .acc_btn {
    margin-top: 40px;
  }
  .add_txt .acc_btn button {
    line-height: 50px;
  }

}



/* teacher_atcl */
.teacher_atcl {}
.teacher_item figure {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.teacher_item figure figcaption {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  -webkit-text-orientation: sideways;
  font-weight: 500;
}
.teacher_item .teacher_cap {
  position: relative;
}
.teacher_cap:before {
  background: var(--bg_gr);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.teacher_cap span {
  font-weight: bold;
}
.teacher_cap h4 {
  font-weight: 500;
}
.teacher_cap p a {
  text-decoration: underline;
}
.teacher_cap strong {
  border-top: 1px solid #000;
  display: block;
  font-weight: 500;
}

@media screen and (max-width: 767px) { /*  sp  */

  .teacher_atcl {
    padding-bottom: 46px;
  }
  .teacher_inner {
    margin-top: 60px;
  }
  .teacher_list_wrap .teacher_item {
    margin-bottom: 50px;
  }
  .teacher_item figure {
    width: 92.06%;
    margin-left: calc(50% - 50vw);
    position: relative;
    z-index: 1;
  }
  .teacher_item figure picture {
    width: 89.66%;
  }
  .teacher_item figure figcaption {
    font-size: 1.8rem;
  }
  .teacher_item .teacher_cap {
    background: var(--bg_gr);
    left: 50%;
    margin: -36px auto 0;
    padding: 62px 8.7% 40px;
    transform: translateX(-50%);
    width: 106.35%;
  }
  .teacher_cap:before {
    content: none;
  }
  .teacher_cap span {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .teacher_cap h4 {
    font-size: 2rem;
    line-height: 1.6;
    margin: 8px 0 15px;
  }
  .teacher_cap strong {
    font-size: 1.4rem;
    line-height: 1.85;
    padding-top: 17px;
  }
  .teacher_cap .acc_cont {}
  .teacher_cap .acc_cont p {
    font-size: 1.2rem;
    line-height: 1.86;
    margin-top: 30px;
  }
  .teacher_cap .acc_btn {
    margin-top: 26px;
    max-width: 596px;
  }
  .teacher_cap .acc_btn button {
    line-height: 40px;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .teacher_atcl {
    padding-bottom: 106px;
  }
  .teacher_atcl .item_head {
    max-width: 745px;
  }
  .teacher_inner {
    margin-top: 100px;
  }
  .teacher_list_wrap .teacher_item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 102px;
  }
  .teacher_item figure {
    max-width: 405px;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 36.82%;
  }
  .teacher_item figure figcaption {
    font-size: 18px;
  }
  .teacher_item .teacher_cap {
    width: 60.19%;
    max-width: 662px;
    margin-top: 86px;
  }
  .teacher_cap:before {
    width: calc(100% + 72px);
    height: calc(100% + 120px);
    top: -56px;
  }
  .teacher_cap span {
    font-size: 14px;
  }
  .teacher_cap h4 {
    font-size: 20px;
    margin: 15px 0 24px;
  }
  .teacher_cap strong {
    font-size: 20px;
    line-height: 1.65;
    padding-top: 17px;
  }
  .teacher_cap .acc_cont {
    max-width: 596px;
    width: 90.04%;
  }
  .teacher_cap .acc_cont p {
    font-size: 14px;
    line-height: 1.86;
    margin-top: 30px;
  }
  .teacher_cap p a:hover {
    text-decoration: none;
  }
  .teacher_cap .acc_btn {
    margin-top: 32px;
    max-width: 596px;
    width: 90.04%;
    margin-left: 0;
  }
  .teacher_cap .acc_btn button {
    line-height: 50px;
  }

}



/* -----------------------------------------------
schoollife_wrap
----------------------------------------------- */
.schoollife_wrap {}
.schoollife_wrap .icon_head {
  position: relative;
  z-index: 1;
}
.event_atcl {
  position: relative;
}
.event_atcl > * {
  position: relative;
}
.event_atcl:before {
  background: var(--bg_wh);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.event_item .event_month * {
  display: block;
}
.event_item .event_month span {
  font-weight: 500;
}
.event_item .event_item_img {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.event_item .event_item_img figure {
  position: relative;
}
.event_item_img figure:first-child {
  width: 100%;
  margin-bottom: 1.04%;
}
.event_item_img figure:nth-child(n+2) {
 width: 49.48%;
}
.event_item_img figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  background: #000;
  color: #fff;
  padding-right: .8em;
  padding-left: .8em;
}

@media screen and (max-width: 767px) { /*  sp  */

  .schoollife_wrap {
    padding-top: 98px;
  }
  .schoollife_wrap .icon_head {
    margin-bottom: 48px;
  }
  .event_atcl {
    padding: 64px 0 8px;
    margin-bottom: 150px;
  }
  .event_atcl:before {
    top: 0;
    left: 13%;
    width: 100vw;
    height: calc(100% + 32px);
  }
  .schoollife_inner {
    margin-top: 42px;
  }
  .event_list_wrap {
    width: 100vw;
    margin-bottom: 80px !important;    
    margin-left: calc(50% - 50vw);
  }
  .event_item {
    padding: 0 15px;
    min-height: 378px;
    position: relative;
  }
  .event_item .event_month {
    margin-bottom: 12px;
    overflow: hidden;
  }
  .event_item .event_month strong {
    font-size: 6.9rem;
    position: relative;
  }
  .event_item .event_month span {
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
  }
  .event_item .event_month span:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% + 1em);
    width: 100vw;
    height: 2px;
    background: #000;
  }
  .event_item_img figure figcaption {
    font-size: 1.2rem;
    line-height: 22px;
  }
  .event_item_img figure img {
    width: 100%;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .schoollife_wrap {
    padding-top: 162px;
  }
  .schoollife_wrap .icon_head {
    margin-bottom: 128px;
  }
  .event_atcl {
    padding-top: 104px;
    margin-bottom: 248px;
  }
  .event_atcl:before {
    top: 0;
    left: 13%;
    width: 100vw;
    height: calc(100% + 72px);
  }
  .schoollife_inner {
    margin-top: 112px;
  }
  .event_list_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .event_item {
    width: 43.18%;
    max-width: 475px;
    margin-bottom: 74px;
    position: relative;
  }
  .event_item .event_month {
    position: absolute;
    text-align: center;
    width: 31.64%;
    padding: 0 0 10px;
    background: #fff;
  }
  .event_item:not(:last-child) .event_month:after {
    content: "";
    position: absolute;
    top: 117%;
    left: calc(50% - 1px);
    width: 2px;
    height: 116%;
    background: #000;
  }
  .event_item .event_month strong {
    font-size: min(7vw, 81px);
    letter-spacing: -.12em;
    position: relative;
    text-indent: -.12em;
  }
  .event_item .event_month span {
    font-size: 16px;
    margin-top: -2px;
  }
  .event_item:nth-child(odd) .event_month {
    left: 100%;
    top: 0;
    margin-top: 10.5%;
  }
  .event_item:nth-child(even) .event_month {
    right: 100%;
    bottom: 0;
    margin-bottom: 7.8%;
  }
  .event_item:nth-child(odd) .event_month strong:before,
  .event_item:nth-child(even) .event_month strong:before {
    aspect-ratio: 1/1.16;
    content: "";
    position: absolute;
    width: min(4vw, 50px);
    height: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    top: calc(50% - 29px);
    z-index: 1;
  }
  .event_item:nth-child(odd) .event_month strong:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="58" viewBox="0 0 50 58"><polygon points="0.6,29 49.4,57.2 49.4,0.8 "/></svg>');
    left: -0.4em;
  }
  .event_item:nth-child(even) .event_month strong:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="58" viewBox="0 0 50 58"><polygon points="49.4,29 0.6,0.8 0.6,57.2 "/></svg>');
    right: -0.4em;
  }
  .event_item .event_item_img {
    /* max-width: 475px; */
  }

  .event_item_img figure figcaption {
    font-size: 18px;
    line-height: 40px;
  }

}



/* pickup_atcl */
.pickup_atcl {}
.pickup_list_wrap .pickup_item {
  text-align: center;
}
.pickup_item figure h4 {
  font-weight: 500;
}
.pickup_item p {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 767px) { /*  sp  */

  .pickup_atcl {
    padding-bottom: 98px;
  }
  .pickup_inner {
    margin: 70px auto 88px;
  }
  .pickup_inner .pickup_list_wrap {}
  .pickup_item {
    margin-bottom: 58px;
  }
  .pickup_item figure h4 {
    font-size: 1.6rem;
    margin: 32px auto 16px;
  }
  .pickup_item p {
    font-size: 1.2rem;
    line-height: 1.86;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .pickup_atcl {
    padding-bottom: 170px;
  }
  .pickup_atcl .item_head {
    margin-bottom: 77px;
  }
  .pickup_inner .pickup_list_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 52px;
  }
  .pickup_item {
   width: 46.37%;
   max-width: 510px;
  }
  .pickup_item:not(:last-child) {
     margin-bottom: 3.63%;
  }
  .pickup_item figure h4 {
    font-size: 22px;
    margin: 34px auto 26px;
  }
  .pickup_item p {
    font-size: 14px;
    line-height: 1.86;
  }

}



/* training_atcl */
/* .training_atcl {} */

@media screen and (max-width: 767px) { /*  sp  */

  /* .training_atcl {
    margin-top: 86px;
    padding-bottom: 98px;
  }
  .training_atcl .item_head_cont picture {
    margin: 20px auto 24px;
  }
  .training_atcl .item_head_cont {
    text-align: right;
  }
  .training_atcl .item_head_cont p {
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 2em;
    display: inline-block;
    text-align: left;
  }
  .training_atcl .item_head_cont ul {
    display: inline-block;
    text-align: left;
  }
  .training_atcl .item_head_cont ul li {
    font-size: 1.2rem;
    line-height: 1.6;
  } */

}

@media screen and (min-width: 768px) { /*  pc  */

  /* .training_atcl {
    margin-top: 156px;
    padding-bottom: 170px;
  }
  .training_atcl .head_fx > * {
    width: 46.37%;
    max-width: 510px;
  }
  .training_atcl .item_head {
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .training_atcl .item_head_txt,
  .training_atcl .item_head_txt div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }    
  .training_atcl .item_head_txt {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .training_atcl .item_head_txt div {
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .training_atcl .item_head_txt div ul {
    margin: 0 0 0 auto;
  }
  .training_atcl .item_head_txt div ul li {
    font-size: 12px;
    line-height: 1.6;
  } */

}



/* -----------------------------------------------
faq_wrap
----------------------------------------------- */
.faq_wrap {
  background: #000;
  color: #fff;
}
.faq_wrap .fx_head h2 > * {
  display: block;
  text-align: center;
}
.faq_acc > * {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.faq_acc dt {
  cursor: pointer;
}
.faq_list span {
  font-weight: 500;
  border-radius: 50%;
  aspect-ratio: 1/1;
  text-align: center;
}
dt.question span {
  background: var(--bg_red);
}
dd.answer {
  background: #1a1a1a;
}
.answer span {
  background: var(--bg_blue);
}
.faq_acc p {
  max-width: 700px;
}

@media screen and (max-width: 767px) { /*  sp  */

  .faq_wrap {
    padding-top: 56px;
    padding-bottom: 86px;
  }
  .faq_wrap .fx_head {
    margin-bottom: 57px;
  }
  .faq_wrap h2 span {
    font-size: 4.4rem;
    margin-bottom: 13px;
  }
  .faq_wrap h2 strong {
    font-size: 1.2rem;
  }
  .faq_wrap .faq_list_wrap {
    border-top: 1px solid #fff;
  }
  .faq_list_wrap .faq_list .faq_acc {
    border-bottom: 1px solid #fff;
  }
  .faq_acc span {
    font-size: 1.9rem;
    width: 32px;
    height: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 2;
    margin-right: 14px;
  }
  .faq_acc dt {
    padding: 13px 12px 12px 12px;
    -webkit-align-items: center;
    align-items: center;
  }
  .faq_acc dd {
    padding: 20px 12px 25px;
  }
  .faq_acc p {
    line-height: 2;
  }
  .faq_acc dt p {
    font-size: 1.4rem;
    line-height: 1.571;
  }
  .faq_acc dd p {
    font-size: 1.4rem;
    line-height: 1.714;
  }
  .faq_acc.open dd {
    margin: 5px auto 25px;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .faq_wrap {
    padding-top: 96px;
    padding-bottom: 134px;
  }
  .faq_wrap .inner_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .faq_wrap h2 span {
    font-size: 72px;
    margin-bottom: 15px;
  }
  .faq_wrap h2 strong {
    font-size: 16px;
  }
  .faq_wrap .faq_list_wrap {
    max-width: 830px;
    width: 75.45%;
    border-top: 1px solid #fff;
  }
  .faq_list_wrap .faq_list .faq_acc {
    border-bottom: 1px solid #fff;
  }
  .faq_acc span {
    font-size: 25px;
    width: 42px;
    height: 42px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 2;
    margin-right: 32px;
  }
  .faq_acc dt {
    padding: 24px 20px;
  }
  .faq_acc dd {
    padding: 30px 20px 35px;
  }
  .faq_acc p {
    line-height: 2;
  }
  .faq_acc dt p {
    font-size: 18px;
    padding-top: 3px;
  }
  .faq_acc dd p {
    font-size: 16px;
  }
  .faq_acc.open dd {
    margin: 5px auto 25px;
  }

}



/* -----------------------------------------------
campus_wrap
----------------------------------------------- */
.campus_wrap {
  background: var(--bg_gr);
}
.campus_wrap .fx_head h2 > * {
  display: block;
  text-align: center;
}
.campus_item figure {
  position: relative;
}
.campus_item figcaption {
  position: absolute;
  top: -9px;
  left: -9px;
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 0 0 0 .5em;
  font-weight: 600;
}
.campus_item dl dt {
  text-align: center;
  font-weight: 600;
}
.campus_item dl dd {
  text-align: left;
}
.campus_about {
  border-top: 1px solid #000;
}

@media screen and (max-width: 767px) { /*  sp  */

  .campus_wrap {
    padding-top: 86px;
    padding-bottom: 34px;
  }
  .campus_wrap .fx_head {
    margin-bottom: 98px;
  }
  .campus_wrap h2 span {
    font-size: 4.4rem;
    margin-bottom: 13px;
  }
  .campus_wrap h2 strong {
    font-size: 1.2rem;
  }
  .campus_list_wrap .campus_item {
    margin-bottom: 100px;
  }
  .campus_item figcaption {
    font-size: 2.2rem;
    min-width: 5.91em;
    line-height: 30px;
    top: -1em;
  }
  .campus_item dl {
    margin: 29px auto 22px;
  }
  .campus_item dl dt {
    font-size: 1.7rem;
    line-height: 1.529;
    margin-bottom: 21px;
  }
  .campus_item dl dd {
    font-size: 1.2rem;
    line-height: 2;
  }
  .campus_about {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 22px;
  }
  .campus_about h3 {
    font-size: 2.2rem;
  }
  .campus_about p {
    font-size: 1.3rem;
    line-height: 2;
    margin: 14px auto 7px;
  }
  .campus_about ul li {
    font-size: 1.2rem;
    line-height: 1.714;
  }

}

@media screen and (min-width: 768px) { /*  pc  */

  .campus_wrap {
    padding-top: 145px;
    padding-bottom: 184px;
  }
  .campus_wrap h2 span {
    font-size: 72px;
    margin-bottom: 15px;
  }
  .campus_wrap h2 strong {
    font-size: 16px;
  }
  .campus_wrap .campus_list_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 172px;
  }
  .campus_list_wrap .campus_item {
    width: 46.37%;
    max-width: 510px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .campus_item figcaption {
    font-size: 28px;
    min-width: 164px;
    line-height: 38px;
  }
  .campus_item dl {
    margin: 36px auto 25px;
  }
  .campus_item dl dt {
    font-size: 20px;
    margin-bottom: 27px;
  }
  .campus_item dl dd {
    font-size: 14px;
    line-height: 1.86;
  }
  .campus_about {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 40px;
  }
  .campus_about h3 {
    font-size: 22px;
  }
  .campus_about p {
    font-size: 16px;    
    line-height: 2;
    margin: 18px auto 8px;
  }
  .campus_about ul li {
    font-size: 14px;
    line-height: 1.714;
  }

}





/* -----------------------------------------------
cont-link MV直下
----------------------------------------------- */
:root {
--cont_color: #DF0011;
}
.cont-link .inner {
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
.cont-link-wrap strong span {
position: relative;
}
.cont-link-wrap strong span:before,
.cont-link-wrap strong span:after {
content: "";
position: absolute;
/* top: calc(50% - 11px); */
top: -.2em;
display: block;
width: 1.2em;
height: 1.2em;
background-size: contain;
background-repeat: no-repeat;
}
.cont-link-wrap strong span:before {
left: 1em;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.715 21.029"><path d="M61.407,951.4l12,20" transform="translate(-60.549 -950.881)" fill="none" stroke="%23000" stroke-width="2" /></svg>');
}
.cont-link-wrap strong span:after {
right: 1em;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.715 21.029"><path d="M73.407,951.4l-12,20" transform="translate(-60.549 -950.881)" fill="none" stroke="%23000" stroke-width="2" /></svg>');
}
.btn-ell_r {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
background: #fff;
border: 1px solid var(--cont_color);
box-shadow: 0 2px 3px 1.5px rgba(0, 0, 0, .2);
width: 31.2%;
height: 80px;
padding: 0 1em;
}
.btn-ell_r .part-j1 {
color: var(--cont_color);
font-size: min(5.4vw,20px);
/* font-size: min(4vw,14px); */
margin-bottom: 0.5em;
position: relative;
font-weight: bold;
}
.btn-ell_r .part-j1:after{
content: "";
position: absolute;
top: calc(50% - 8px);
right: 0;
display: block;
width: 9px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 16"><path d="M8,0l8,9H0Z" transform="translate(9) rotate(90)" fill="%23DF0011" /></svg>');
}
.btn-ell_r .part-j2{
color: #fff;
background: var(--cont_color);
font-size: min(3vw, 14px);
text-align: center;
line-height: 1.4;
}
.cont-link p {
text-align: center;
margin-bottom: 1em;
line-height: 1.4;
font-weight: bold;
}
.cont-link p span em {
font-style: normal;
}
.cont-link-wrap {
/* border: 1px solid #000; */
padding: 45px 0 42px;
text-align: center;
position: relative;
}
.cont-link-wrap strong {
display: inline-block;
background: #fff;
padding: 0 2em;
position: absolute;
top: -1.2em;
left: 50%;
transform: translateX(-50%);
font-weight: bold;
line-height: 1;
}
.cont-link-wrap strong span {
font-weight: normal;
font-size: .82em;
margin-bottom: .5em;
display: block;
line-height: 1;
}

@media (max-width:768px){

.cont-link {
padding: 5% 0;
}
.cont-link p {
font-size: 4vw;
margin-bottom: 8%;
}
.cont-link p span em {
display: inline-block;
background: linear-gradient(transparent 50%, #FDFF9D 50%);
padding: 0.1em 0;
}
.cont-link-wrap {
padding: 40px 0 20px;
}
.cont-link-wrap strong {
font-size: 3.7vw;
width: 82%;
}
.cont-link-wrap strong span {
font-size: .9em;
}
.btn-ell_r{
/* border-radius: 50vw; */
width: 100%;
max-width: 90%;
margin: 0 auto 5%;
font-size: 1.8rem;
}
}

@media (min-width:769px){

.cont-link {
padding: 35px 0 52px;
}
.cont-link .inner {
max-width: 1080px;
}
.cont-link p {
margin-bottom: 47px;
font-size: 14px;
}
.cont-link p br.sp {
display: none;
}
.cont-link-wrap strong {
font-size: 17px;
}
.cont-link p span {
display: inline-block;
background: linear-gradient(transparent 50%, #FDFF9D 50%);
padding: 0.1em 0 0.1em 0.5em;
}
.cont-link .box.part-2 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
margin: auto;
}
.cont-link .box.part-2:has(> :nth-child(-n+2):last-child) {
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
}
.btn-ell_r:hover{
opacity: .8;
}

}



/* -----------------------------------------------
週1日通学コース
----------------------------------------------- */
.oaw_section {
	text-align: center;
}
.oaw_section .inner {
	background: #F2F5FA;
	margin-right: auto;
	margin-left: auto;
	max-width: 1080px;
}

.oaw_head {}
.oaw_head p {
	font-weight: bold;
	position: relative;
	display: inline;
}
.oaw_head p:before,
.oaw_head p:after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 1.2em;
	height: 1.2em;
	background-size: contain;
	background-repeat: no-repeat;
}
.oaw_head p:before {
  left: -1.5em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.715 21.029"><path d="M61.407,951.4l12,20" transform="translate(-60.549 -950.881)" fill="none" stroke="%23000" stroke-width="2"/></svg>');
}
.oaw_head p:after {
  right: -1.5em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.715 21.029"><path d="M73.407,951.4l-12,20" transform="translate(-60.549 -950.881)" fill="none" stroke="%23000" stroke-width="2"/></svg>');
}
.oaw_head strong {
	font-weight: bold;
}
.oaw_head strong em {
  font-style: normal;
}

.oaw_fx dl {
	background: #fff;
	font-weight: bold;
}
.oaw_fx dl dt {
	background: #EEEEEE;
}
.oaw_fx dd ul {
	display: inline-block;
	text-align: left;
}
.oaw_fx ul li {
	position: relative;
}
.oaw_fx ul li:before {
	content: "";
	display: inline-block;
	margin-right: .5em;
	transform: translateY(.2em);
	width: 1.125em;
	height: 1.125em;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.775 14.217"><path d="M-13463.1,1233.156l5.622,5.416,10.378-10" transform="translate(13464.487 -1227.131)" fill="none" stroke="%23004294" stroke-width="4"/></svg>');
}
a.oaw_btn {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  background: #DF0011;
  box-shadow: 0 2px 3px 1.5px rgba(0, 0, 0, .2);
	margin: auto;
  color: #fff;
}
.oaw_btn:after{
	content: "";
	position: absolute;
	top: calc(50% - 7px);
  right: 1.5em;
  display: block;
  width: 10px;
  height: 16px;
	background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path d="M-13182.969,1616.018l7,7.181-7,6.819" transform="translate(13183.685 -1615.32)" fill="none" stroke="%23fff" stroke-width="2"/></svg>');
}
.oaw_btn .oaw_btn_j1{
	line-height: 1;
	margin-bottom: 1em;
  font-weight: bold;
	/* color: #fff; */
}
.oaw_btn .oaw_btn_j2{
	text-align: center;
  line-height: 1;
	letter-spacing: 0;
  font-weight: bold;
	/* color: #fff; */
}

@media (max-width:768px){

	.oaw_section {
		padding: 60px 0 0;
	}
	.oaw_section .inner {
		padding: 36px 4vw;
	}
  .oaw_head {
    margin-bottom: 10px;
	}
  .oaw_head p {
		font-size: 1.6rem;
	}
	.oaw_head strong {
		display: inline-block;
		line-height: 2.2;
		margin: 13px auto 0;
	}
	.oaw_head strong em {
		font-size: 2rem;
    display: inline-block;
    background: linear-gradient(transparent 70%, #FDFF9D 70%);
		line-height: 1;
  }
	.oaw_head + p.pc {
		display: none;
	}
	.oaw_fx picture {
		margin-bottom: 15px;
    display: block;
	}
	.oaw_fx picture figure img {
		margin-bottom: 13px;
	}
	.oaw_fx picture figure figcaption p {
		font-size: 1.4rem;
		line-height: 1.86;
		text-align: left;
		display: inline-block;
	}
	.oaw_fx dl  {
		padding: 12px 12px 10px;
		margin-bottom: 24px;
	}
	.oaw_fx dl dt {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 8px;
	}
	.oaw_fx ul li {
		font-size: 14px;
		margin-bottom: 1px;
	}
	a.oaw_btn {
		height: 70px;
		width: 96%;
		max-width: 450px;
	}
	.oaw_btn .oaw_btn_j1{
		font-size: min(4vw,12px);
	}
	.oaw_btn .oaw_btn_j2{
		font-size: 18px;
	}
	.oaw_btn:after {
    right: 1em;
    width: 7px;
    height: 16px;
	}

}

@media (min-width:769px){

	.oaw_section {
		padding: 150px 0 0;
	}
	.oaw_section .inner {
		padding: 56px 0 60px;
	}
  .oaw_head p {
		font-size: 18px;
	}
  .oaw_head strong {
		font-size: 26px;
    display: inline-block;
    background: linear-gradient(transparent 70%, #FDFF9D 70%);
		line-height: 1;
		margin-top: 9px;
    padding: 0.1em 0.2em 0.1em;
		margin: 9px auto 41px;
  }
	.oaw_head br.sp {
		display: none;
	}
  .oaw_head + p {
		font-size: 14px;
		line-height: 1.86;
		margin-bottom: 44px;
	}
	.oaw_fx {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		max-width: 840px;
		margin-inline: auto;
		margin-bottom: 50px;
	}
	.oaw_fx picture {
		width: 49.40%;
	}
	.oaw_fx picture figure figcaption.sp {
		display: none;
	}
	.oaw_fx dl  {
		width: 47.02%;
		padding: 15px 15px 13px;
	}
	.oaw_fx dl dt {
		font-size: 20px;
		line-height: 36px;
		margin-bottom: 16px;
	}
	.oaw_fx ul li {
		font-size: 16px;
		margin-bottom: 1px;
	}
	a.oaw_btn {
		height: 100px;
		width: 96%;
		max-width: 450px;
		transition: all .3s;
	}
	.oaw_btn .oaw_btn_j1{
		font-size: min(4vw,14px);
	}
	.oaw_btn .oaw_btn_j2{
		font-size: 22px;
	}
	.oaw_btn:hover {
		opacity: .8;
	}

}