@charset "shift-jis";
/* --------------------------------------------------------------------
  Financial Academy

  Style Info: /school/kyouyouschool.html setting
-------------------------------------------------------------------- */
* {
  box-sizing: border-box;
}
body {
  counter-reset: process 0;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
.fill {
  fill: #7e678d;
}
.stroke {
  stroke: #7e678d;
}

.sp {
  display: none;
}
.tab {
  display: none;
}
.pc {
  display: inherit;
}
@media screen and (max-width: 999px) {
  .pc {
    display: none;
  }
  .sp {
    display: none;
  }
  .tab {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
  .tab {
    display: none;
  }
  .sp {
    display: inherit;
  }
  .br_sp::before {
    content: "\A";
    white-space: pre;
  }
}

/* margin */
.mb70 {
  margin-bottom: 70px;
}

/* text align */
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}

/* text */
.txt_orange {
  color: #ea5413;
}
.txt_red {
  color: #ff0000;
}
.txt_blue {
  color: #2c4198;
}
.txt_lblue {
  color: #0091d7;
}
.txt_purple {
  color: #7e678d;
}
.txt_s {
  font-size: .85em;
}
.txt_bold {
  font-weight: bold;
}

/* backgraund */
.bg_school {
  background-color: #E4E1E8;
}
.bg_beige {
  background-color: #f3f3f2;
}
.bg_arrow {
  position: relative;
  height: 8.59vw;
}
.bg_arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 8.59vw solid #fff;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  content: '';
}
@media screen and (min-width: 1280px) {
  .bg_arrow {
    height: 110px;
  }
  .bg_arrow::before {
    border-top: 110px solid #fff;
  }
}

/* heading */
.heading_01 {
  position: relative;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  line-height: 1.7;
  letter-spacing: .15em;
}
.heading_01::after {
  display: block;
  width: 115px;
  margin: 20px auto 65px;
  border-bottom: 3px solid #7e678d;
  content: '';
}
.heading_02 {
  margin-bottom: 1.2em;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.heading_02 .strong {
  color: #7e678d;
  font-size: 40px;
}
.heading_03 {
  position: relative;
  color: #7e678d;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 30px;
}
.heading_03::before,
.heading_03::after {
  max-width: 300px;
  content: "";
  width: 30%;
  border-top: 1px solid #7e678d;
  position: absolute;
  top: 50%;
}
.heading_03::before{ left: 0;}
.heading_03::after{ right: 0;}

@media screen and (max-width: 599px) {
  .heading_01 {
    font-size: 24px;
    letter-spacing: 0;
  }
  .heading_01::after {
    width: 80px;
    margin: 15px auto 30px;
  }
  .heading_02 {
    font-size: 24px;
    line-height: 1.5;
  }
  .heading_02 .strong {
    font-size: 28px;
  }
  .heading_03 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .heading_03::before,
  .heading_03::after {
    width: 10%;
  }
}

.lead {
  font-size: 22px;
}
@media screen and (max-width: 599px) {
  .lead {
    font-size: 15px;
  }
}

/* button */
.btn_01 {
  display: block;
  width: 100%;
  max-width: 540px;
  margin: 60px auto;
  padding: 10px 60px;
  background: #c6272d url(/images/common/arrow02.svg) 96% center/18px no-repeat;
  border-radius: 2.8px;
  box-shadow: 0 1.5px 0 #782332;
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  text-align: center;
  letter-spacing: .175em;
}
.btn_01:hover {
  text-decoration: none;
  opacity: .7;
}
.btn_02 {
  display: block;
  position: relative;
  width: 100%;
  max-width: 410px;
  margin:  0 auto;
  padding: 20px;
  background: #e10f40;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}
.btn_02::before {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.btn_02:hover {
  cursor: pointer;
  opacity: .7;
}
.btn_03 {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0.9em 25px 0.9em 1em;
  background: linear-gradient(135deg, #da5a3a 0%,#e24667 100%);
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.btn_03::after {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
}
.btn_03:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn_dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 10px 15px;
  background: #fff;
  border: 2px solid;
  border-radius: 5px;
  color: #7e678d;
  font-size: 16px;
  text-align: center;
}
.btn_dl:hover {
  text-decoration: none;
}
.btn_dl .icn_pdf, .btn_dl .icn_dl {
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .fixed-btn .baloon {
    display: none;
  }
  .btn_01 {
    margin: 30px auto 0;
    padding: 10px 5px;
    background: #ca2828 url(/images/common/arrow02.svg) 97% center/12px no-repeat;
    font-size: 16px;
    letter-spacing: .1em;
  }
  .btn_02::before {
    left: 5px;
  }
  .btn_03 {
    font-size: 16px;
  }
  .btn_dl {
    font-size: 15px;
    max-width: initial;
    padding: 10px;
  }
  .btn_dl .icn_pdf > svg, .btn_dl .icn_dl > svg {
    width: 1.5em;
  }
}

/* marker */
.marker_01 {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(215, 186, 65, 0.2) 30%);
}

/* inner */
section .inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 90px 0;
}
@media screen and (max-width: 599px) {
  section .inner {
    padding: 50px 0;
  }
}

/* snsBtn */
@media screen and (max-width: 599px) {
  .snsBtn {
    margin: 0
  }
}

/* video */
.video_wrap {
  max-width: 760px;
  margin: 90px auto 60px;
}
@media screen and (max-width: 599px) {
  .video_wrap {
      margin-top: 50px;
  }
}
.video {
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------------
mv
------------------------------ */
.mv {
  display: flex;
  max-height: 460px;
}
.mv .mv-txt {
  text-align: center;
  position: relative;
  width: 50%;
  margin: 0 auto;
  background: #7e678d;
  overflow: hidden;
  align-content: center;
}
.mv .mv-txt > .main {
  color: #fff;
  padding: 3.47vw;
  text-align: left;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  position: relative;
}
.mv .mv-txt .detail {
  margin-right: 10px;
  width: 100%;
  max-width: 470px;
}
.mv .mv-txt .in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mv .mv-txt h1 {
  font-size: 3.3em;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: .8em;
  width: 100%;
  text-align: center;
}
.mv .mv-txt h1 .marker {
  display: inline-block;
  background: #fff;
  color: #7e678d;
  margin-top: .3em;
  padding: 2px;
}
.mv .mv-txt .lead {
  order: -1;
  margin-bottom: 35px;
}
.mv .mv-txt p, .mv .mv-txt .lead, .catch p {
  font-size: 22px;
  margin-bottom: 30px;
  letter-spacing: .15em;
}
.mv .mv-txt .lead {
  font-weight: normal;
}
.mv .mv-txt .title {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.mv .mv-txt .title video {
  width: 100%;
}
.mv .mv-img {
  width: 50%;
}
.mv .mv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
ul.type {
  width: 96%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.type li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: #fff;
  color: #7e678d;
  padding: 17px 5px;
  border-radius: 5px;
  position: relative;
  line-height: 1.4;
  text-align: center;
}
ul.type li:nth-child(1) {
  width: 100%;
}
ul.type li:nth-child(2), ul.type li:nth-child(3) {
  width: 48%;
  margin-top: 40px;
}
ul.type li:nth-child(2)::before, ul.type li:nth-child(3)::before {
  content: '+';
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
}
.mv .mv-txt ul.point {
  text-align: left;
  width: 92%;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.mv .mv-txt ul.point > li {
  width: calc(100% / 4);
  max-width: 96px;
  margin: 0 3px;
  text-align: center;
}
.mv .mv-txt ul.point .icn {
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mv .mv-txt ul.point .icn .fill {
  fill: #fff;
}
.mv .mv-txt ul.point p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-top: .5em;
  margin-bottom: 0;
}
.catch .inner {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0 50px;
}
.catch .top_bnr {
  text-align: center;
  margin: 30px auto 0;
}
@media screen and (max-width: 1024px) {
  .mv {
    max-height: unset;
  }
  .mv .mv-txt {
    letter-spacing: 0;
  }
  .mv .mv-txt > .main {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media screen and (max-width: 999px) {
  .mv .mv-txt {
    letter-spacing: 0;
  }
  .mv .mv-txt h1 {
    margin: 0 0 30px;
    font-size: 2.5em;
  }
  .mv .mv-txt p, .mv .mv-txt .lead {
    font-size: 16px;
  }
  .mv .mv-txt .title h1 {
    top: 20%;
  }
  .mv .mv-txt ul.type li {
    font-size: 16px;
  }
  .mv .mv-txt .detail {
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .mv {
    display: block;
  }
  .mv .mv-txt,
  .mv .mv-img {
    width: 100%;
  }
  .mv .mv-txt > .main {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }
  .mv .mv-txt .title {
    height: auto;
    position: absolute;
    top: 0;
    display: block;
    z-index: -1;
  }
  .mv .mv-txt .title p.sp img {
    width: 100%;
  }
  .mv .mv-txt p {
    font-size: 3.5vw;
    margin-bottom: 0;
    text-align: left;
    letter-spacing: 0;
  }
  .mv .mv-txt h1 {
    margin-bottom: 12px;
  }
  .mv .mv-txt .lead {
    color: inherit;
    padding: 0 0 1em;
    font-size: 12px;
    margin-bottom: 0;
    order: 0;
    width: 100%;
    text-align: center;
  }
  .mv .mv-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 0 30%;
  }
  ul.type {
    width: 80%;
  }
  ul.type li {
    padding: 10px;
    border-radius: 5px;
  }
  ul.type li:nth-child(2), ul.type li:nth-child(3) {
    margin-top: 30px;
  }
  ul.type li:nth-child(2)::before, ul.type li:nth-child(3)::before {
    font-size: 20px;
    top: -28px;
  }
  .mv .mv-txt ul.point {
    margin: 10px 0 0;
  }
  .mv .mv-txt ul.point .icn {
    height: 30px;
  }
  .mv .mv-txt ul.point .icn svg {
    max-height: 100%;
  }
  .mv .mv-txt ul.point .online .icn svg {
    width: 26px;
  }
  .mv .mv-txt ul.point p {
    font-size: 10px;
  }
  .catch .inner {
    padding: 30px 0 40px;
  }
  .catch p {
    font-size: 16px;
    margin-bottom: 0;
  }
}
/* news_box */
.mv {
  position: relative;
}
.mv .news_box {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 210px;
  border: 1px solid #cd5e4b;
  border-radius: 8px;
  overflow: hidden;
}
.mv .news_box .news_ttl {
  margin: 0;
  padding: 0.3em;
  background: #cd5e4b;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  letter-spacing: normal;
}
.mv .news_box .news_body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3em 0.5em;
  background: #fff;
}
.mv .news_box .news_body .date {
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  color: #333;
  font-size: 19px;
  text-align: right;
  line-height: 1.4;
  letter-spacing: normal;
}
.mv .news_box .news_body .txt_bold {
  font-weight: bold;
}
.mv .news_box .news_body .strong {
  font-size: 27px;
}
.mv .news_box .news_body .day_of_week {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #cd5e4b;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
}
.mv .news_box .news_body .day_arrow {
  display: block;
  width: 16px;
  height: 8px;
  margin: 0 auto;
  border-top: 8px solid #cd5e4b;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.mv .news_box .news_body .news_note {
  margin-top: 0.3em;
  padding-top: 0.3em;
  border-top: 1px dashed #cd5e4b;
  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}
.mv .news_box .news_body .news_note .day_of_week {
  width: 21px;
  height: 21px;
  margin: 0 0.2em;
  font-size: 16px;
  line-height: 21px;
}
.mv a:hover .news_box {
  opacity: 0.9;
}
@media screen and (max-width: 599px) {
  .catch .inner {
    padding-top: 120px;
  }
  .mv .news_box {
    display: flex;
    left: 50%;
    bottom: -82px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 355px;
    border: none;
  }
  .mv .news_box .news_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 120px; */
    width: 210px;
    font-size: 14px;
  }
  .mv .news_box .news_body {
    width: calc(100% - 120px);
    padding: 0.4em;
  }
  .mv .news_box .news_body .date {
    font-size: 14px;
  }
  .mv .news_box .news_body .strong {
    font-size: 22px;
  }
  .mv .news_box .news_body .day_of_week {
    font-size: 12px;
  }
  .mv .news_box .news_body .day_arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    border-left: 6px solid #cd5e4b;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: none;
  }
  .mv .news_box .news_body .news_note {
    margin-top: 0.2em;
    border-top: 1px dashed #cd5e4b;
    font-size: 12px;
  }
  .mv .news_box .news_body .news_note br {
    display: none;
  }
  .mv .news_box .news_body .news_note .day_of_week {
    width: 17px;
    height: 17px;
    margin: 0 0.1em;
    font-size: 12px;
    line-height: 17px;
  }
}

/* ------------------------------
gaiyou
------------------------------ */
p.gaiyo_txt {
  font-size: 16px;
}

/* ------------------------------
merit
------------------------------ */
.merit .merit_list .merit_num {
  font-family: "din-2014", sans-serif;
  color: #7e678d;
  font-size: 80px;
  text-align: center;
  line-height: 1;
}
.merit .merit_list .body {
  position: relative;
  margin-top: 180px;
  padding: 50px 7% 30px;
  background: #fff;
  border-radius: 10px;
  color: #7e678d;
  font-size: 20px;
  font-weight: bold;
}
.merit .merit_list li:nth-child(4) .body,
.merit .merit_list li:nth-child(5) .body {
  margin-top: 160px;
}
.merit .merit_list .body .merit_img {
  position: absolute;
  top: -162px;
  left: 50%;
  transform: translateX(-50%);
}
.merit .merit_list li:nth-child(1) .merit_img {
  width: 200px;
  top: -131px;
}
.merit .merit_list li:nth-child(2) .merit_img {
  width: 230px;
}
.merit .merit_list li:nth-child(3) .merit_img {
  width: 234.24px;
}
.merit .merit_list li:nth-child(4) .merit_img {
  width: 270.19px;
  top: -146px;
}
.merit .merit_list li:nth-child(5) .merit_img {
  width: 207.2px;
  top: -146px;
}
@media screen and (min-width: 600px) {
  .merit .merit_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .merit .merit_list li {
    width: 32%;
  }
  .merit .merit_list li:nth-child(1),
  .merit .merit_list li:nth-child(2),
  .merit .merit_list li:nth-child(4) {
    margin-right: 2%;
  }
  .merit .merit_list li:nth-child(n + 4) {
    margin-top: 60px;
  }
  .merit .merit_list li .body {
    min-height: 190px;
  }
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  .merit .merit_list .body {
    margin-top: 18vw;
  }
  .merit .merit_list li:nth-child(4) .body,
  .merit .merit_list li:nth-child(5) .body {
    margin-top: 16vw;
  }
  .merit .merit_list .body .merit_img {
    top: -16.2vw;
  }
  .merit .merit_list li:nth-child(1) .merit_img {
    width: 20vw;
    top: -13.1vw;
  }
  .merit .merit_list li:nth-child(2) .merit_img {
    width: 23vw;
  }
  .merit .merit_list li:nth-child(3) .merit_img {
    width: 23.42vw;
  }
  .merit .merit_list li:nth-child(4) .merit_img {
    width: 27.01vw;
    top: -14.6vw;
  }
  .merit .merit_list li:nth-child(5) .merit_img {
    width: 20.72vw;
    top: -14.6vw;
  }
}
@media screen and (max-width: 599px) {
  .merit .merit_list .merit_num {
    font-size: 70px;
  }
  .merit .merit_list li + li {
    margin-top: 30px;
  }
  .merit .merit_list .body {
    margin-top: 160px;
    font-size: 18px;
  }
  .merit .merit_list li:nth-child(1) .body {
    margin-top: 130px;
  }
  .merit .merit_list li:nth-child(4) .body {
    margin-top: 150px;
  }
  .merit .merit_list li:nth-child(5) .body {
    margin-top: 140px;
  }
}

/* ------------------------------
features
------------------------------ */
.features .features_lead {
  margin-bottom: 2.5em;
  color: #7e678d;
  font-size: 20px;
  font-weight: bold;
}
.features .features_txt {
  margin-bottom: 4em;
  font-size: 16px;
}
.features .features_catch {
  color: #7d3a88;
  font-size: 25px;
  text-align: center;
  line-height: 2.5;
}
.features .manaberu {
  background-image: url(/img2015/school/kyoyo/zu_manaberu.png?20211215);
  background-repeat: no-repeat;
  background-position: left top;
  width: 761px;
  height: 336px;
  margin: 0 auto 60px;
}
.features .manaberuCommon {
  position: relative;
  width: 198px;
  text-align: center;
  font-size: 24px;
}
.features .manaberu01 {
  left: 0px;
  top: 70px;
  color: #7e678d;
}
.features .manaberu02 {
  left: 0px;
  top: 214px;
  color: #7e678d;
  line-height: 120%;
}
.features .manaberu03 {
  left: 280px;
  top: 54px;
  color: #FFFFFF;
  line-height: 120%;
}
.features .manaberu04 {
  left: 565px;
  top: 10px;
  color: #FFFFFF;
  line-height: 120%;
}
@media screen and (max-width: 869px) {
  .features .features_txt {
    margin-bottom: 2.5em;
  }
  .features .manaberu {
    background-image: url(/img2015/school/kyoyo/zu_manaberu_s.png?20211215);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    width: 300px;
    height: 280px;
  }
  .features .manaberuCommon {
    position: relative;
    width: 150px;
    text-align: center;
    font-size: 15px;
  }
  .features .manaberu01 {
    left: -10px;
    top: 60px;
    color: #7e678d;
  }
  .features .manaberu02 {
    left: 160px;
    top: 35px;
    color: #7e678d;
    line-height: 120%;
  }
  .features .manaberu03 {
    left: 75px;
    top: 95px;
    color: #FFFFFF;
    line-height: 120%;
  }
  .features .manaberu04 {
    left: 75px;
    top: 155px;
    color: #FFFFFF;
    line-height: 120%;
  }
}
@media screen and (max-width: 599px) {
  .features .features_lead {
    margin-bottom: 2em;
    font-size: 18px;
  }
  .features .features_txt {
    margin-bottom: 2em;
    font-size: 14px;
  }
  .features .features_catch {
    font-size: 20px;
  }
}

/* ------------------------------
weapon
------------------------------ */
.weapon h2 {
  margin-bottom: 3em;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.weapon .box {
  background: #fff;
  border-radius: 10px;
}
.weapon .box h3 {
  margin-bottom: 0.8em;
  padding: 0.25em;
  background: #ff5d6c;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.weapon .box p {
  margin-bottom: 1.2em;
  color: #ff5d6c;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.weapon .box ul {
  margin: 0 7%;
  padding-bottom: 30px;
}
.weapon .box ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
}
.weapon .box ul li + li {
  margin-top: 0.8em;
}
@media screen and (min-width: 600px) {
  .weapon .box_wrap {
    display: flex;
    justify-content: space-between;
  }
  .weapon .box {
    width: 48%;
  }
}
@media screen and (max-width: 599px) {
  .weapon h2 {
    margin-bottom: 2em;
    font-size: 24px;
  }
  .weapon .box + .box {
    margin-top: 30px;
  } 
  .weapon .box h3 {
    font-size: 24px;
  }
  .weapon .box p {
    font-size: 18px;
  }
  .weapon .box ul {
    margin: 0 5%;
    padding-bottom: 25px;
  }
  .weapon .box ul li {
    font-size: 14px;
  }
}

/* ------------------------------
suitable_person
------------------------------ */
.suitable_person {
  text-align: center;
}
.suitable_person .inner {
  padding-bottom: 40px;
}
.suitable_person .suitable_person_list {
  display: inline-block;
  text-align: left;
}
.suitable_person .suitable_person_list li {
  padding-left: 47px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2224.6%22%20viewBox%3D%220%200%2023%2024.6%22%3E%3Cg%20transform%3D%22translate(-266.5%20-3515.9)%22%3E%3Cpath%20d%3D%22M.5%2C4.1h20v20H.5Z%22%20transform%3D%22translate(266.5%203515.9)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%2C3.6H21v21H0Zm20%2C1H1v19H20Z%22%20transform%3D%22translate(266.5%203515.9)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M23%2C9%2C9.5%2C22.5%2C2%2C15V6l7.5%2C7.5L23%2C0Z%22%20transform%3D%22translate(266.5%203515.9)%22%20fill%3D%22%23d7063b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  font-size: 18px;
  line-height: 1.6;
}
.suitable_person .suitable_person_list li + li {
  margin-top: 1.8em;
}
@media screen and (max-width: 599px) {
  .suitable_person .suitable_person_list li {
    padding-left: 40px;
    background-size: 20px auto;
    font-size: 16px;
  }
}

/* ------------------------------
trial_seminar
------------------------------ */
.trial_seminar .trial_seminar_frame {
  padding: 40px 5%;
  background: #fff;
  border: 1px solid #7e678d;
  border-radius: 5px;
}
.trial_seminar .web_seminar_img {
  margin: 0 auto;
}
.trial_seminar .seminar_detail_table {
  width: 100%;
  border-collapse: collapse;
}
.trial_seminar .seminar_detail_table th,
.trial_seminar .seminar_detail_table td {
  padding: 1em;
  border: 1px solid #7e678d;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.6;
  vertical-align: middle;
}
.trial_seminar .seminar_detail_table th {
  width: 8em;
  background: rgb(126, 103, 141, 0.1);
  text-align: center;
}
.trial_seminar .btn_area {
  margin-top: 20px;
  text-align: center;
}
.trial_seminar .entry_btn_txt {
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  padding: 0.5em 2em 0.1em;
  color: #e16f4e;
  font-size: 20px;
  line-height: 1;
}
.trial_seminar .entry_btn_txt::before,
.trial_seminar .entry_btn_txt::after {
  position: absolute;
  bottom: 10px;
  width: 1.8em;
  border-top: 1px dashed #e16f4e;
  content: '';
}
.trial_seminar .entry_btn_txt::before {
  left: 0;
  transform: rotate(60deg);
}
.trial_seminar .entry_btn_txt::after {
  right: 0;
  transform: rotate(-60deg);
}
.trial_seminar .btn_01 {
  max-width: none;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  border-radius: 10px;
  font-size: 18px;
}
@media screen and (min-width: 700px) {
  .trial_seminar .trial_seminar_frame {
    display: grid;
    grid-template-columns: 50% 45%;
    column-gap: 5%;
  }
  .trial_seminar .web_seminar_img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .trial_seminar .seminar_detail_table {
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: center;
  }
  .trial_seminar .btn_area {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: center;
  }
}
@media screen and (max-width: 919px) {
  .trial_seminar .trial_seminar_frame {
    grid-template-columns: 50% 47%;
    column-gap: 3%;
    padding: 40px 3%;
  }
}
@media screen and (max-width: 839px) {
  .trial_seminar .seminar_detail_table th {
    width: 7em;
  }
  .trial_seminar .entry_btn_txt{
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .trial_seminar .trial_seminar_frame {
    padding: 40px 5%;
  }
  .trial_seminar .seminar_detail_table {
    margin-top: 30px;
  }
  .trial_seminar .seminar_detail_table th {
    width: 30%;
  }
}
@media screen and (max-width: 599px) {
  .trial_seminar .trial_seminar_frame {
    padding: 20px 5%;
  }
  .trial_seminar .seminar_detail_table {
    margin-top: 20px;
  }
  .trial_seminar .seminar_detail_table th,
  .trial_seminar .seminar_detail_table td {
    padding: 0.6em;
    font-size: 14px;
  }
  .trial_seminar .entry_btn_txt {
    font-size: 14px;
  }
  .trial_seminar .btn_area {
    margin-top: 30px;
  }
  .trial_seminar .btn_01 {
    font-size: 16px;
  }
}

/* ------------------------------
about_curriculum
------------------------------ */
.about_curriculum .text_l {
  font-size: 18px;
}
.curriculum-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.curriculum-list .item {
  max-width: 460px;
  width: 48%;
  background-color: #efefef;
  border-bottom: 1px solid #7e678d;
  position: relative;
  margin-top: 60px;
  text-align: left;
}
.curriculum-list .item > .ttl {
  color: #7e678d;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  width: 100%;
  background-color: #f3f3f2;
  display: flex;
  align-items: flex-end;
}
.curriculum-list .item > .ttl .vol {
  font-family: 'Josefin Slab', serif;
  font-size: 30px;
  font-weight: normal;
}
.curriculum-list .item > .ttl .num {
  font-family: 'Josefin Slab', serif;
  font-size: 50px;
  display: inline-block;
  padding: 0 10px 0 3px;
  vertical-align: bottom;
  line-height: 1;
  position: relative;
  top: 13px;
  font-weight: normal;
}
.curriculum-list .item > .ttl .main {
  padding-bottom: 3px;
  line-height: 1.2;
}
.curriculum-list .box {
  background-color: #efefef;
  font-size: 14px;
  border-top: 1px solid #7e678d;
  padding: 20px;
}
.curriculum-list .box dl {
  display: flex;
  margin-top: 0;
}
.curriculum-list .box dl:not(:first-child) {
  margin-top: 10px;
}
.curriculum-list .box dl dt {
  font-weight: bold;
  width: 90px;
}
.curriculum-list .box dl dd {
  width: calc(100% - 90px);
}
.curriculum-list .box li {
  padding-left: 1em;
  text-indent: -1em;
}
.list_sample {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 90%;
  margin: 0 auto;
}
.list_sample li {
  width: 48.5%;
}
.list_sample h3 {
  text-align: left;
  border-bottom: 1px solid;
  color: #7e678d;
  font-size: 23px;
}
.list_sample h3 .icn {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.list_sample h3 .txt {
  display: inline-block;
  vertical-align: middle;
}
.list_sample .img_sample {
  max-height: 200px;
  display: block;
  margin: 25px auto;
}
.list_sample h3 .icn {
  line-height: 1;
}
.sample_document h3.line::before, .sample_document h3.line::after {
  width: 30vw;
  max-width: 370px;
}
.sample_document h3.line {
  color: #7e678d;
}
.sample_document .text_l {
  text-align: center;
}
.sample_document h3.line, .sample_document .text_l {
  margin-bottom: 30px;
}
.sample_document .btns {
  display: flex;
  justify-content: center;
}
.sample_document .btns a {
  display: block;
  border: 1px solid #7e678d;
  border-radius: 5px;
  text-align: center;
  max-width: 350px;
  width: 100%;
  background: #fff url(/school/image/arrow07.svg) 95% 50% no-repeat;
  background-size: 25px;
  font-size: 20px;
  color: #333333;
  padding: 15px;
}
.sample_document .btns a:last-child {
  margin-left: 60px;
}
.sample_document .btns a:hover {
  text-decoration: none;
}
.about_curriculum + .about_curriculum .inner {
  padding-top: 0;
}
.about_curriculum .summary-box {
  border-top: 1px solid #7e678d;
  background-color: #fff;
  font-size: 16px;
  padding: 20px;
  margin: 20px 0 80px;
}
.about_curriculum .summary-box dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5px 0;
}
.about_curriculum .summary-box dl dt, .about_curriculum .summary-box dl dd {
  display: flex;
  align-items: flex-end;
}
.about_curriculum .summary-box dl dt {
  width: 5em;
}
.about_curriculum .summary-box .num {
  font-family: 'Josefin Slab', serif;
  font-size: 35px;
  color: #7e678d;
  line-height: 1;
  display: inline-block;
  padding: 0 5px;
}
.about_curriculum .btn_schedule .btn_dl { width: 90%;}
.about_curriculum.area_list .btn_dl {
  width: 100%;
  max-width: 480px;
  font-size: 16px;
}
.bg_beige .wrap-js-more-list .more-list-area:not(.show-all)::after {
  background: rgb(243,243,242);
  background: linear-gradient(0deg, rgba(243,243,242,1) 0%, rgba(255,255,255,0) 100%);
}
.bg_beige .wrap-js-more-list .btn-more {
  background: #f3f3f2;
}
@media screen and (max-width: 599px) {
  .about_curriculum .text_l {
    font-size: 16px;
  }
  .curriculum-list {
    display: block;
  }
  .curriculum-list .item {
    max-width: none;
    width: 100%;
    margin-top: 20px;
  }
  .list_sample li {
    width: 100%;
  }
  .list_sample li + li {
    margin-top: 30px;
  }
  .sample_document .text_l {
    text-align: left;
    font-size: inherit;
  }
  .sample_document h3.line, .sample_document .text_l {
    margin-bottom: 20px;
  }
  .sample_document .btns {
    display: block;
  }
  .sample_document .btns a {
    font-size: 14px;
    padding: 8px;
    margin: 10px auto 0;
    background-size: 20px;
    max-width: none;
  }
  .sample_document .btns a:last-child {
    margin-left: auto;
  }
  .sample_document h3.line::before, .sample_document h3.line::after {
    display: none;
  }
  .about_curriculum .summary-box {
    margin: 0;
  }
}

/* ------------------------------
introduce_teacher
------------------------------ */
@media screen and (min-width: 600px) {
  .introduce_teacher .profile_outer {
    max-width: 740px;
  }
  .introduce_teacher .profile_outer .profile_box {
    width: 30%;
  }
  .introduce_teacher .profile_outer .profile_box:nth-child(n + 4) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  .introduce_teacher .btn_profile span,
  .introduce_teacher .teacher_detail .btn_close {
    border-color: #7e678d;
  }
  .introduce_teacher .btn_profile span::before,
  .introduce_teacher .btn_profile span::after,
  .introduce_teacher .teacher_detail .btn_close span::before,
  .introduce_teacher .teacher_detail .btn_close span::after {
    background: #7e678d;
  }
  .introduce_teacher .modal_teacher_wrap .modal_bg {
    background: rgba(126, 103, 141, 0.5);
  }
}

/* ------------------------------
achievement
------------------------------ */
.achievement .inner {
  max-width: 1225px;
}
.achievement .achievement_ttl {
  margin-bottom: 2.5em;
  padding: 0 1em 0.5em;
  border-bottom: 2px solid #7e678d;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.6;
}
.achievement .graph_box .txt {
  font-size: 24px;
  line-height: 2.2;
}
.achievement .graph_box .strong {
  color: #e16f4e;
  line-height: 1.4;
}
.achievement .graph_box .txt_l {
  font-size: 35px;
}
.achievement .graph_box .txt_ll {
  font-size: 40px;
}
.achievement .graph_box .dot_line {
  display: inline-block;
  position: relative;
  padding: 0.5em 0;
}
.achievement .graph_box .dot_line::before,
.achievement .graph_box .dot_line::after {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%223%22%20viewBox%3D%220%200%209%203%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%229%22%20height%3D%223%22%20transform%3D%22translate(772%20473)%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-772%20-473)%22%20clip-path%3D%22url(%23a)%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20transform%3D%22translate(772%20473)%22%20fill%3D%22%23e16f4e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: repeat-x;
  content: '';
}
.achievement .graph_box .dot_line::before {
  top: 0;
}
.achievement .graph_box .dot_line::after {
  bottom: 0;
}
.achievement .graph {
  display: grid;
}
.achievement figcaption li {
  position: relative;
  min-height: 25px;
  padding-left: 38px;
  font-size: 14px;
}
.achievement figcaption li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  content: '';
}
.achievement figcaption li:nth-child(1)::before {
  background-color: #e16f4e;
}
.achievement figcaption li:nth-child(2)::before {
  background-color: #f78972;
}
.achievement figcaption li:nth-child(3)::before {
  background-color: #f79889;
}
.achievement figcaption li:nth-child(4)::before {
  background-color: #fbaf9d;
}
.achievement figcaption li:nth-child(5)::before {
  background-color: #7e678d;
}
.achievement figcaption li + li {
  margin-top: 12px;
}
.achievement .graph_note {
  margin-top: 3em;
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .achievement .graph_box {
    display: grid;
    grid-template-columns: 60% 40%;
    row-gap: 0.5em;
  }
  .achievement .graph {
    grid-template-columns: 300px auto;
    align-items: center;
    justify-self: center;
  }
  .achievement figcaption ul {
    width: max-content;
  }
  .achievement .txt_01 {
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: flex-end;
  }
  .achievement .graph {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .achievement .txt_02 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media screen and (min-width: 900px) {
  .achievement .graph_box {
    grid-template-columns: 500px 1fr;
    column-gap: 70px;
  }
  .achievement figcaption  {
    position: relative;
  }
  .achievement figcaption::after {
    position: absolute;
    top: 0;
    right: -70px;
    width: 92px;
    height: 138px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291.985%22%20height%3D%22138.242%22%20viewBox%3D%220%200%2091.985%20138.242%22%3E%3Cg%20transform%3D%22translate(701.985%20-1069.245)%22%3E%3Cpath%20d%3D%22M-686.565%2C1207.487h-15.42v-1h14.42V1070.245h-14.42v-1h15.42Z%22%20fill%3D%22%23e16f4e%22%2F%3E%3Cpath%20d%3D%22M-616.2%2C1146.4h-70.868v-1H-616.2Z%22%20transform%3D%22translate(0%20-55.532)%22%20fill%3D%22%23e16f4e%22%2F%3E%3Cpath%20d%3D%22M4%2C0A4%2C4%2C0%2C1%2C1%2C0%2C4%2C4%2C4%2C0%2C0%2C1%2C4%2C0Z%22%20transform%3D%22translate(-618%201086.366)%22%20fill%3D%22%23e16f4e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
  }
}
@media screen and (min-width: 1000px) {
  .achievement .graph_box {
    column-gap: 110px;
  }
  .achievement figcaption::after {
    right: -90px;
  }
}
@media screen and (min-width: 1180px) {
  .achievement .txt_01 .pc_adjus {
    display: none;
  }
}
@media screen and (min-width: 1130px) {
  .achievement .graph_box {
    grid-template-columns: 530px 1fr;
    column-gap: 110px;
  }
  .achievement .graph {
    column-gap: 7%;
  }
}
@media screen and (max-width: 1129px) {
  .achievement .graph {
    column-gap: 3%;
  }
}
@media screen and (max-width: 899px) {
  .achievement .graph {
    display: block;
  }
  .achievement .graph figcaption {
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  .achievement .achievement_ttl {
    margin-bottom: 1.5em;
    font-size: 20px;
    text-align: center;
  }
  .achievement .graph_box {
    text-align: center;
  }
  .achievement .graph_box .txt {
    font-size: 16px;
  }
  .achievement .graph_box .txt_ll {
    font-size: 32px;
  }
  .achievement .graph_box .txt_l,
  .achievement .graph_box .txt_l_sp {
    font-size: 24px;
  }
  .achievement .graph {
    display: inline-grid;
    grid-template-columns: 190px auto;
    column-gap: 5%;
    align-items: flex-end;
    min-width: 330px;
    margin-top: 25px;
    margin-bottom: 40px;
  }
  .achievement .graph svg {
    width: 190px;
    height: 190px;
  }
  .achievement .graph figcaption {
    margin-top: 0;
  }
  .achievement figcaption li {
    min-height: 18px;
    padding-left: 28px;
    font-size: 10px;
    text-align: left;
  }
  .achievement figcaption li::before {
    width: 18px;
    height: 18px;
  }
  .achievement figcaption li + li {
    margin-top: 8px;
  }
  .achievement .graph_box .dot_line {
    padding: 1.1em 2em 0.8em
  }
  .achievement .graph_note {
    font-size: 10px;
  }
}
/* voiceGraph */
.achievement .voiceGraph {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 70px auto;
  padding: 30px 6% 35px;
  border: 2px solid #F9C345;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 16px;
}
.achievement .voiceGraph h3 {
  font-size: 23px;
  text-align: center;
  margin-bottom: 1em;
}
.achievement .voiceGraph li::before {
  content: '\025cf';
  font-size: 11px;
  color: #F9C345;
  margin-right: 1em;
}
.achievement .voiceGraph li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}
.achievement .voiceGraph li + li {
  margin-top: 1em;
}
@media screen and (max-width: 599px) {
  .achievement .voiceGraph {
    width: 100%;
    margin-top: 50px;
    padding: 30px 4%;
    font-size: 14px;
  }
  .achievement .voiceGraph h3 {
    font-size: 18px;
  }
}

/* ------------------------------
about_students
------------------------------ */
.about_students .inner {
  padding-top: 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .about_students .inner {
    padding-bottom: 50px;
  }
}

/* ------------------------------
reason
------------------------------ */
.reason .inner {
  padding-top: 90px;
}
.reason h2 {
  position: relative;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  line-height: 1.7;
  letter-spacing: .15em;
}
.reason h2::after {
  display: block;
  width: 115px;
  margin: 20px auto 65px;
  border-bottom: 3px solid #7e678d;
  content: '';
}
.reason .list_reason .ttl {
  text-align: center;
}
@media screen and (max-width: 599px) {
  .reason .inner {
    padding-top: 0;
  }
  .reason h2 {
    font-size: 24px;
    letter-spacing: 0;
  }
  .reason h2::after {
    width: 80px;
    margin: 15px auto 30px;
  }
}

/* ------------------------------
leaflet
------------------------------ */
.leaflet .inner {
  padding-top: 0;
  padding-bottom: 0;
}
.leaflet .lead {
  text-align: center;
}
.leaflet .txt-dl {
  font-size: 16px;
  text-align: center;
  margin-top: 40px;
}
.leaflet .photo{
  max-width: 670px;
  margin: auto;
  position: relative;
}
.leaflet .photo .txt{
  width: 210px;
  height: 210px;
  background-color: #fff;
  border-radius: 100%;
  color: #1c2569;
  font-size: 24px;
  font-weight: bold;
  outline: 2px dotted #33469B;
  outline-offset: -8px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 25px;
}
@media screen and (max-width: 599px) {
  .leaflet .lead {
    text-align: left;
  }
  .leaflet .txt-dl {
    margin-top: 25px;
    text-align: left;
    font-size: 14px;
  }
  .leaflet .photo{
    padding-bottom: 70px;
  }
  .leaflet .photo .txt{
    width: 136px;
    height: 136px;
    font-size: 16px;
    outline-offset: -5px;
    padding: 5px;
    bottom: 0;
  }
}

/* ------------------------------
flow
------------------------------ */
.flow h2 {
  position: relative;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  line-height: 1.7;
  letter-spacing: .15em;
}
.flow h2::after {
  display: block;
  width: 115px;
  margin: 20px auto 65px;
  border-bottom: 3px solid #7e678d;
  content: '';
}
.flow h3 {
  font-size: 23px;
  text-align: center;
}
.flow .lead {
  font-size: 20px;
  text-align: center;
}
.flow .marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%,rgba(215, 186, 65, 0.2) 30%);
}
@media screen and (max-width: 599px) {
  .flow h2 {
    font-size: 24px;
    letter-spacing: 0;
  }
  .flow h2::after {
    width: 80px;
    margin: 15px auto 35px;
  }
  .flow h3 {
    font-size: 19px;
  }
  .flow .lead {
    font-size: 14px;
  }
  .flow_list .step {
    font-size: 23px;
  }
}

/* ------------------------------
application-method
------------------------------ */
.application-method ul li {
  border-left-color: #7e678d;
}
.application-method ul li:first-child h4::after {
  background-image: url(/school/image/kyouyousc/flow_icn05.svg);
}
.application-method ul li:nth-child(2) h4::after {
  background-image: url(/school/image/kyouyousc/flow_icn06.svg);
}
.application-method ul li:nth-child(3) h4::after {
  background-image: url(/school/image/kyouyousc/flow_icn07.svg);
}
.application-method ul li:nth-child(4) h4::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2269.636%22%20height%3D%2266.127%22%20viewBox%3D%220%200%2069.636%2066.127%22%3E%20%3Cpath%20id%3D%22line%22%20d%3D%22M38.516%2C69.549c-3.456%2C1.9-3.308-.9-3.16-1.759.088-.513.49-2.921.49-2.921a7%2C7%2C0%2C0%2C0-.11-3.085c-.384-.948-1.906-1.442-3.024-1.682-16.493-2.169-28.7-13.636-28.7-27.326%2C0-15.271%2C15.4-27.7%2C34.319-27.7s34.317%2C12.425%2C34.317%2C27.7C72.647%2C49.927%2C54.457%2C60.785%2C38.516%2C69.549ZM27.481%2C39.021a1.667%2C1.667%2C0%2C0%2C0-1.672-1.659H21.14V26.446a1.672%2C1.672%2C0%2C0%2C0-3.344%2C0V39.023a1.668%2C1.668%2C0%2C0%2C0%2C1.672%2C1.661h6.341A1.668%2C1.668%2C0%2C0%2C0%2C27.481%2C39.021Zm4.884-12.575a1.672%2C1.672%2C0%2C0%2C0-3.344%2C0V39.023a1.672%2C1.672%2C0%2C0%2C0%2C3.344%2C0Zm15.267%2C0a1.674%2C1.674%2C0%2C0%2C0-3.348%2C0v7.782l-6.5-8.776a1.687%2C1.687%2C0%2C0%2C0-1.337-.664%2C1.642%2C1.642%2C0%2C0%2C0-.531.085%2C1.66%2C1.66%2C0%2C0%2C0-1.144%2C1.574V39.025a1.676%2C1.676%2C0%2C0%2C0%2C3.351%2C0V31.246l6.5%2C8.776a1.677%2C1.677%2C0%2C0%2C0%2C1.868.577%2C1.651%2C1.651%2C0%2C0%2C0%2C1.144-1.574V26.446Zm10.262%2C4.629H53.226v-2.97h4.668a1.659%2C1.659%2C0%2C1%2C0%2C0-3.318H51.554a1.666%2C1.666%2C0%2C0%2C0-1.672%2C1.659V39.02a1.669%2C1.669%2C0%2C0%2C0%2C1.672%2C1.661h6.341a1.66%2C1.66%2C0%2C1%2C0%2C0-3.32H53.226v-2.97h4.668a1.66%2C1.66%2C0%2C1%2C0%2C0-3.32Z%22%20transform%3D%22translate(-3.511%20-4.582)%22%20fill%3D%22none%22%20stroke%3D%22%237e678d%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E');
}
.application-method ul li .btn a {
  background-color: #7e678d;
}
.application-method ul li .phone {
  color: #7e678d;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.417%22%20height%3D%2219.302%22%20viewBox%3D%220%200%2029.417%2019.302%22%3E%3Cpath%20d%3D%22M0%2C88.032v3.009a17.345%2C17.345%2C0%2C0%2C1%2C6.328%2C1.183q.522.206%2C1.013.443a16.036%2C16.036%2C0%2C0%2C1%2C2.395-.918%2C17.609%2C17.609%2C0%2C0%2C1%2C4.973-.708%2C17.352%2C17.352%2C0%2C0%2C1%2C6.355%2C1.183q.522.206%2C1.013.443a16.049%2C16.049%2C0%2C0%2C1%2C2.4-.918%2C17.617%2C17.617%2C0%2C0%2C1%2C4.946-.708V88.032Z%22%20transform%3D%22translate(0%20-88.032)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M320.59%2C210.6a3.657%2C3.657%2C0%2C0%2C0%2C5.7%2C3.033A3.65%2C3.65%2C0%2C0%2C0%2C327.9%2C210.6a3.12%2C3.12%2C0%2C0%2C0-.235-1.15%2C5.066%2C5.066%2C0%2C0%2C0-.728-1.24%2C9.246%2C9.246%2C0%2C0%2C0-2.695-2.246%2C9.941%2C9.941%2C0%2C0%2C0-2.213%2C1.692%2C5.494%2C5.494%2C0%2C0%2C0-1.259%2C1.928A3.053%2C3.053%2C0%2C0%2C0%2C320.59%2C210.6Z%22%20transform%3D%22translate(-302.17%20-199.19)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M25.656%2C175.657a7.377%2C7.377%2C0%2C0%2C1%2C1.681%2C2.612%2C4.951%2C4.951%2C0%2C0%2C1%2C.293%2C1.647%2C5.553%2C5.553%2C0%2C1%2C1-11.106%2C0%2C5.267%2C5.267%2C0%2C0%2C1%2C.637-2.434%2C8.28%2C8.28%2C0%2C0%2C1%2C1.677-2.162%2C11.548%2C11.548%2C0%2C0%2C1%2C1.2-.984c-.29-.106-.588-.206-.894-.3a15.73%2C15.73%2C0%2C0%2C0-4.437-.63%2C15.513%2C15.513%2C0%2C0%2C0-5.332.926%2C11.123%2C11.123%2C0%2C0%2C1%2C1.544%2C1.321%2C7.382%2C7.382%2C0%2C0%2C1%2C1.68%2C2.612%2C4.945%2C4.945%2C0%2C0%2C1%2C.293%2C1.647%2C5.553%2C5.553%2C0%2C1%2C1-11.106%2C0%2C5.269%2C5.269%2C0%2C0%2C1%2C.636-2.434A8.282%2C8.282%2C0%2C0%2C1%2C4.1%2C175.319a11.516%2C11.516%2C0%2C0%2C1%2C1.2-.984c-.291-.106-.588-.206-.894-.3a15.737%2C15.737%2C0%2C0%2C0-4.41-.63v14.4H29.417v-14.4a15.517%2C15.517%2C0%2C0%2C0-5.3.926A11.118%2C11.118%2C0%2C0%2C1%2C25.656%2C175.657Z%22%20transform%3D%22translate(0%20-168.504)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M64.118%2C210.6a3.657%2C3.657%2C0%2C0%2C0%2C5.7%2C3.033%2C3.651%2C3.651%2C0%2C0%2C0%2C1.613-3.033%2C3.129%2C3.129%2C0%2C0%2C0-.235-1.15%2C5.083%2C5.083%2C0%2C0%2C0-.728-1.24%2C9.254%2C9.254%2C0%2C0%2C0-2.695-2.246%2C9.932%2C9.932%2C0%2C0%2C0-2.212%2C1.692%2C5.494%2C5.494%2C0%2C0%2C0-1.259%2C1.928A3.049%2C3.049%2C0%2C0%2C0%2C64.118%2C210.6Z%22%20transform%3D%22translate(-60.434%20-199.19)%22%20fill%3D%22%237e678d%22%2F%3E%3C%2Fsvg%3E');
}
.application-method ul li .phone a {
  color: #7e678d;
}
@media screen and (max-width: 599px) {
  .application-method ul li:nth-child(3)::before{ background-color: #7e678d;}
}

/* ------------------------------
application
------------------------------ */
.application {
  background-color: #7e678d30;
}
.application .lead {
  font-size: 16px;
  text-align: center;
}
.application .head-wrap {
  width: 80%;
  margin: 25px auto 0;
}
.application .lead-note {
  border: 1px solid #7e678d;
  color: #7e678d;
  text-align: center;
  font-size: 16px;
  padding: 10px;
}
.application .explanation-wrap {
  margin-top: 35px;
}
.application .explanation-wrap .box {
  color: #7e678d;
  border: 1px solid #7e678d;
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 20px 5px;
  position: relative;
}
.application .explanation-wrap .box strong {
  display: block;
  font-weight: normal;
  font-size: 20px;
}
.application .explanation-wrap .col-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.application .explanation-wrap .col-wrap .box {
  width: 48%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.application .explanation-wrap .col-wrap .box::before {
  content: '+';
  color: #7e678d;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35px;
  line-height: 1;
}
.application .txt-choice {
  text-align: center;
  font-size: 16px;
  color: #7e678d;
  margin: 45px 0 35px;
}
.application h4.line {
  position: relative;
  color: #7e678d;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}
.application h4.line::before, .application h4.line::after {
  max-width: 300px;
  content: "";
  width: 30%;
  border-top: 1px solid #7e678d;
  position: absolute;
  top: 50%;
}
.application h4.line::before {
  left: 0;
}
.application h4.line::after {
  right: 0;
}
.application .btn_02 {
  display: block;
  width: 100%;
  max-width: 468px;
  margin: 10px auto 0;
  color: #fff;
  padding: 18px 5px;
  font-size: 16px;
  background-size: 17px;
}
.is-disable {
  pointer-events: none;
  opacity: 0.4;
}
.application .btn_02, .application .note-txt {
  text-align: center;
}
.application .link-to-course {
  display: none;
}
.wrap_form {
  max-width: 760px;
  margin: 0 auto;
}
.tbl_app {
  width: 100%;
  border-top: 1px solid #7e678d;
  border-left: 1px solid #7e678d;
  margin-bottom: 20px;
}
.tbl_app th, .tbl_app td {
  border-right: 1px solid #7e678d;
  border-bottom: 1px solid #7e678d;
  padding: 20px;
}
.tbl_app th {
  background: rgba(126, 103, 141, .05);
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  padding: 20px 10px;
}
.tbl_app td {
  background: #fff;
}
.list_checkbox li {
  background: #e4e1e7;
  padding: 15px;
  border-radius: 5px;
}
.list_checkbox li.checked {
  background: #7e678d;
  color: #fff;
}
.list_checkbox li + li {
  margin-top: 15px;
}
.list_checkbox input {
  display: none;
}
.list_checkbox label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 35px;
  line-height: 1.4;
}
.list_checkbox label .txt_s {
  font-size: 12px;
}
.list_checkbox label .price {
  display: inline-block;
  min-width: 110px;
  padding: 0.5em;
  background: #fff;
  border: 1px solid #7e678d;
  color: #898989;
  font-weight: normal;
  text-align: center;
}
.list_checkbox .checked label .price {
  color: #333;
}
.list_checkbox input[type="checkbox"] + label::before{
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #7e678d;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.list_checkbox input[type="checkbox"]:checked + label::after{
  content: "";
  width: 18px;
  height: 8px;
  border-left: 2px solid #7e678d;
  border-bottom: 2px solid #7e678d;
  transform: rotate(-45deg);
  position: absolute;
  left: 1px;
  top: -5px;
  bottom: 0;
  margin: auto;
}
.list_checkbox input[type="radio"] + label::before{
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #7e678d;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.list_checkbox input[type="radio"]:checked + label::after{
  content: "";
  width: 12px;
  height: 12px;
  background: #7e678d;
  border-radius: 100%;
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tbl_subtotal {
  margin: 0 0 35px auto;
  width: 80%;
  max-width: 350px;
  border-top: 2px solid #7e678d;
  border-left: 2px solid #7e678d;
}
.tbl_subtotal th, .tbl_subtotal td {
  border-right: 2px solid #7e678d;
  border-bottom: 2px solid #7e678d;
  padding: 20px 20px;
}
.tbl_subtotal th {
  background: #f1f0f3;
  font-weight: normal;
  text-align: center;
}
.tbl_subtotal td {
  background: #fff;
  text-align: right;
}
.tbl_subtotal td .price {
  font-size: 1.2em;
  color: #7e678d;
}
#modal-close {
  display: none;
}
.application .ico_required {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-left: 1em;
  background: #c6272e;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}
.application .note_plan {
  margin-top: 0.5em;
}
@media screen and (max-width: 599px) {
  .application .lead {
    font-size: 14px;
    text-align: left;
  }
  .application .head-wrap {
    width: 100%;
  }
  .application .lead-note {
    font-size: 14px;
    text-align: left;
  }
  .application .explanation-wrap {
    font-size: 30px;
  }
  .application .explanation-wrap .box {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .application .explanation-wrap .box strong {
    font-size: 16px;
  }
  .application .explanation-wrap .box:last-child() {
    margin-top: 40px;
  }
  .application .explanation-wrap .box:last-child()::before {
    font-size: 30px;
    top: -40px;
  }
  .application .txt-choice {
    font-size: 14px;
    margin: 25px 0;
  }
  .application .link-to-course {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .application .link-to-course a {
    background-color: #7e678d;
    border-radius: 5px;
  }
  #modal-close {
    display: block;
    position: fixed;
    top: 120px;
    background: #fff;
    z-index: 1;
    padding: 0 4px;
    border: 3px solid #aaa;
    line-height: 1.3;
    right: 13%;
  }
  .application .ico_required {
    padding: 0.2em 0.3em;
    margin-left: 0.3em;
  }
  .application .note_plan {
    font-size: 12px;
  }
  .tbl_app th,
  .tbl_app td,
  .tbl_subtotal th,
  .tbl_subtotal td {
    display: block;
    padding: 20px 5%;
  }
  .tbl_app th,
  .tbl_subtotal th{ padding: 12px 10px;}
  .tbl_app td {
    padding: 20px 3%;
  }
  .list_checkbox li {
    padding: 15px 5%;
  }
  .list_checkbox label{ padding-left: 25px;}
  .list_checkbox label .price {
    min-width: 86px;
    padding: 0.5em 0.3em;
  }
}

/* ------------------------------
contents_app
------------------------------ */
.contents_app {
  margin: 30px auto;
  padding: 12px;
  background: #fff;
}
.contents_app .box {
  display: grid;
  grid-template-rows: 42px auto;
  padding: 0 12px 12px;
  background: #f3f3f2;
}
.contents_app .ttl {
  align-self: center;
  padding: 0.5em;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 1.4;
}
.contents_app .item {
  padding: 10px 5%;
  background: #fff;
}
.contents_app .item > p {
  font-size: 12px;
}
.contents_app .ttl_s {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}
.contents_app .package .ttl_s {
  padding-left: 60px;
  background-image: url(/school/image/contents_app/icn_package.png);
  background-size: 44px auto;
}
.contents_app .room .ttl_s {
  padding-left: 55px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.153%22%20height%3D%2243.14%22%20viewBox%3D%220%200%2043.153%2043.14%22%3E%3Cpath%20d%3D%22M37.007-485.831c-.141.15-.159.46-.159%2C2.429v2.251l-.628.159a4.371%2C4.371%2C0%2C0%2C0-3.235%2C4.8%2C4.934%2C4.934%2C0%2C0%2C0%2C.947%2C2.119%2C1.827%2C1.827%2C0%2C0%2C1%2C.291.394%2C1.211%2C1.211%2C0%2C0%2C1-.5.056A4.937%2C4.937%2C0%2C0%2C0%2C29.683-471c-.61%2C1.163-.619%2C1.266-.619%2C7.756%2C0%2C5.693%2C0%2C5.824-.188%2C5.993a3.613%2C3.613%2C0%2C0%2C0-.8%2C1.5%2C3.775%2C3.775%2C0%2C0%2C0%2C.938%2C3.564l.385.394-.469.244a6.088%2C6.088%2C0%2C0%2C0-2.917%2C3.733%2C18.1%2C18.1%2C0%2C0%2C0%2C.009%2C4.811c.131.131%2C2.2.15%2C21.42.15s21.289-.019%2C21.42-.15.15-.45.15-2.148a21.7%2C21.7%2C0%2C0%2C0-.1-2.5%2C7.631%2C7.631%2C0%2C0%2C0-.478-1.294A4.5%2C4.5%2C0%2C0%2C0%2C67.29-450.5%2C6.531%2C6.531%2C0%2C0%2C0%2C66-451.535l-.525-.272.319-.291a4.124%2C4.124%2C0%2C0%2C0%2C1.069-1.923%2C3.759%2C3.759%2C0%2C0%2C0-2.044-4.145%2C2.587%2C2.587%2C0%2C0%2C0-1.613-.309%2C2.587%2C2.587%2C0%2C0%2C0-1.613.309%2C4.1%2C4.1%2C0%2C0%2C0-1.866%2C1.96%2C3.354%2C3.354%2C0%2C0%2C0-.225%2C1.435%2C2.6%2C2.6%2C0%2C0%2C0%2C.3%2C1.519%2C4.307%2C4.307%2C0%2C0%2C0%2C.7%2C1.041l.413.413-.553.3a6.987%2C6.987%2C0%2C0%2C0-2.082%2C1.969%2C2.027%2C2.027%2C0%2C0%2C1-.328.478%2C2.4%2C2.4%2C0%2C0%2C1-.328-.478%2C6.987%2C6.987%2C0%2C0%2C0-2.082-1.969l-.544-.291.413-.431a4.814%2C4.814%2C0%2C0%2C0%2C.7-1.041%2C2.629%2C2.629%2C0%2C0%2C0%2C.291-1.51%2C3.354%2C3.354%2C0%2C0%2C0-.225-1.435%2C4.1%2C4.1%2C0%2C0%2C0-1.866-1.96%2C2.587%2C2.587%2C0%2C0%2C0-1.613-.309%2C2.587%2C2.587%2C0%2C0%2C0-1.613.309%2C4.1%2C4.1%2C0%2C0%2C0-1.866%2C1.96%2C3.354%2C3.354%2C0%2C0%2C0-.225%2C1.435%2C2.6%2C2.6%2C0%2C0%2C0%2C.3%2C1.519%2C4.307%2C4.307%2C0%2C0%2C0%2C.7%2C1.041l.413.413-.553.3a6.987%2C6.987%2C0%2C0%2C0-2.082%2C1.969%2C2.027%2C2.027%2C0%2C0%2C1-.328.478%2C1.2%2C1.2%2C0%2C0%2C1-.234-.347%2C7.1%2C7.1%2C0%2C0%2C0-2.082-2.044l-.647-.366.4-.4a3.729%2C3.729%2C0%2C0%2C0-1-5.88%2C4.829%2C4.829%2C0%2C0%2C0-1.032-.384l-.375-.066.019-1.651.028-1.66%2C11.516-.047c10.1-.038%2C11.526-.066%2C11.6-.188a9.967%2C9.967%2C0%2C0%2C0%2C.094-1.744c0-1.923%2C0-1.913-.966-1.913h-.628v-9.969c0-9.547-.009-9.988-.169-10.129S62.741-486%2C50.474-486C37.692-486%2C37.148-485.991%2C37.007-485.831Zm25.959%2C10.522v9.519l-10.194.028-10.2.019v-3h2.007c1.96%2C0%2C2.026-.009%2C2.251-.216a56.9%2C56.9%2C0%2C0%2C0%2C4.136-5.5%2C2.438%2C2.438%2C0%2C0%2C0-1.06-2.888%2C1.82%2C1.82%2C0%2C0%2C0-1.238-.263c-1.191%2C0-1.36.131-3.057%2C2.251l-1.388%2C1.735H42.268a17.926%2C17.926%2C0%2C0%2C1-1.951-.056%2C1.827%2C1.827%2C0%2C0%2C1%2C.291-.394%2C4.674%2C4.674%2C0%2C0%2C0%2C.928-2.11%2C4.342%2C4.342%2C0%2C0%2C0-3.067-4.755l-.4-.122v-3.817l12.454.019%2C12.445.028Zm-24.412-4.342a3.156%2C3.156%2C0%2C0%2C1%2C.366%2C5.533%2C3.148%2C3.148%2C0%2C0%2C1-4.745-2.232%2C3.783%2C3.783%2C0%2C0%2C1%2C.347-1.894%2C3.523%2C3.523%2C0%2C0%2C1%2C1.951-1.576A4.33%2C4.33%2C0%2C0%2C1%2C38.555-479.651Zm10.672%2C3.339a1.4%2C1.4%2C0%2C0%2C1%2C.656%2C1.1c0%2C.422-.038.469-2.157%2C3.226l-1.547%2C2.016-2.166.009c-2.044%2C0-2.185.009-2.42.2l-.244.188V-464c0%2C4.6-.019%2C5.571-.122%2C5.571a4.04%2C4.04%2C0%2C0%2C0-1.782%2C1.125%2C3.2%2C3.2%2C0%2C0%2C0-.957%2C2.532%2C2.6%2C2.6%2C0%2C0%2C0%2C.3%2C1.519%2C4.307%2C4.307%2C0%2C0%2C0%2C.7%2C1.041l.413.413-.516.272a6.957%2C6.957%2C0%2C0%2C0-2.119%2C2%2C2.027%2C2.027%2C0%2C0%2C1-.328.478%2C1.2%2C1.2%2C0%2C0%2C1-.234-.347%2C7.1%2C7.1%2C0%2C0%2C0-2.082-2.044l-.647-.366.394-.385a5.154%2C5.154%2C0%2C0%2C0%2C.7-1.041%2C2.458%2C2.458%2C0%2C0%2C0%2C.319-1.538%2C3.22%2C3.22%2C0%2C0%2C0-.853-2.42l-.413-.469v-5.421c0-4.9-.019-5.43-.159-5.589a.638.638%2C0%2C0%2C0-.872.019c-.188.188-.188.309-.188%2C5.242v5.055l-.347-.094a6.655%2C6.655%2C0%2C0%2C0-2.063.066l-.216.066v-5.233c0-5.814.028-6.124.581-7.052a3.9%2C3.9%2C0%2C0%2C1%2C1.651-1.482l.535-.272%2C5.815-.047c3.62-.028%2C5.871-.084%2C5.965-.141a19.01%2C19.01%2C0%2C0%2C0%2C1.35-1.594c1.379-1.735%2C1.707-2.1%2C1.969-2.2A1.577%2C1.577%2C0%2C0%2C1%2C49.227-476.312ZM64.589-463.8l-.028.732-10.991.028-11%2C.019v-1.5H64.617ZM32.7-457.153a2.564%2C2.564%2C0%2C0%2C1%2C.713%2C4.248%2C2.97%2C2.97%2C0%2C0%2C1-1.669.666%2C2.686%2C2.686%2C0%2C0%2C1-2.448-1.829A2.549%2C2.549%2C0%2C0%2C1%2C32.7-457.153Zm10.5.009a3.067%2C3.067%2C0%2C0%2C1%2C1.257%2C1.191%2C2.87%2C2.87%2C0%2C0%2C1%2C.244%2C1.022%2C1.765%2C1.765%2C0%2C0%2C1-.253%2C1.229%2C2.43%2C2.43%2C0%2C0%2C1-2.935%2C1.332%2C2.308%2C2.308%2C0%2C0%2C1-1.566-1.285%2C2.457%2C2.457%2C0%2C0%2C1%2C.544-3.02A2.512%2C2.512%2C0%2C0%2C1%2C43.206-457.143Zm10.616.075a2.485%2C2.485%2C0%2C0%2C1%2C1.116%2C3.414%2C2.308%2C2.308%2C0%2C0%2C1-1.566%2C1.285%2C2.43%2C2.43%2C0%2C0%2C1-2.935-1.332%2C1.766%2C1.766%2C0%2C0%2C1-.253-1.229%2C2.353%2C2.353%2C0%2C0%2C1%2C.825-1.754A2.432%2C2.432%2C0%2C0%2C1%2C53.822-457.068Zm10.41-.028a2.413%2C2.413%2C0%2C0%2C1%2C1.482%2C2.176%2C1.778%2C1.778%2C0%2C0%2C1-.272%2C1.266%2C2.484%2C2.484%2C0%2C0%2C1-3.479%2C1.069%2C2.449%2C2.449%2C0%2C0%2C1-1.285-2.232%2C2.417%2C2.417%2C0%2C0%2C1%2C.825-1.857A2.387%2C2.387%2C0%2C0%2C1%2C64.232-457.1Zm-10.307%2C6.227a4.4%2C4.4%2C0%2C0%2C1%2C2.016%2C1.2c1.088%2C1.088%2C1.35%2C1.894%2C1.35%2C4.108v1.576L52.678-444l-4.623-.028.009-1.594a6.013%2C6.013%2C0%2C0%2C1%2C.216-2.2%2C4.6%2C4.6%2C0%2C0%2C1%2C4.38-3.179A5.017%2C5.017%2C0%2C0%2C1%2C53.926-450.869Zm10.447-.009a4.389%2C4.389%2C0%2C0%2C1%2C2.063%2C1.219c1.1%2C1.088%2C1.36%2C1.9%2C1.36%2C4.145v1.529L63.182-444l-4.623-.028.009-1.594a6.013%2C6.013%2C0%2C0%2C1%2C.216-2.2A4.668%2C4.668%2C0%2C0%2C1%2C64.373-450.879Zm-31.6.094a4.593%2C4.593%2C0%2C0%2C1%2C2.176%2C1.229c1.088%2C1.069%2C1.472%2C2.288%2C1.416%2C4.492l-.028%2C1.032H27.047v-1.454a6.082%2C6.082%2C0%2C0%2C1%2C.216-2.11%2C4.48%2C4.48%2C0%2C0%2C1%2C2.879-3.029A4.311%2C4.311%2C0%2C0%2C1%2C32.768-450.785Zm10.973.15a4.517%2C4.517%2C0%2C0%2C1%2C2.626%2C2.373%2C6.563%2C6.563%2C0%2C0%2C1%2C.5%2C3.2l-.028%2C1.032H37.551l.009-1.5a4.875%2C4.875%2C0%2C0%2C1%2C.656-3.1%2C4.169%2C4.169%2C0%2C0%2C1%2C1.4-1.482%2C6.175%2C6.175%2C0%2C0%2C1%2C1.829-.75A6.066%2C6.066%2C0%2C0%2C1%2C43.741-450.635Z%22%20transform%3D%22translate(-25.862%20486)%22%20fill%3D%22%231c236d%22%2F%3E%3C%2Fsvg%3E');
}
.contents_app .zoom .ttl_s {
  padding-left: 60px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.599%22%20height%3D%2237.802%22%20viewBox%3D%220%200%2050.599%2037.802%22%3E%3Cpath%20d%3D%22M46.61%2C468.446H3.989A3.993%2C3.993%2C0%2C0%2C1%2C0%2C464.457V463.27a.521.521%2C0%2C0%2C1%2C.52-.52H50.079a.521.521%2C0%2C0%2C1%2C.52.52v1.186A3.993%2C3.993%2C0%2C0%2C1%2C46.61%2C468.446ZM1.041%2C463.791v.666a2.952%2C2.952%2C0%2C0%2C0%2C2.949%2C2.949H46.61a2.952%2C2.952%2C0%2C0%2C0%2C2.949-2.949v-.666Z%22%20transform%3D%22translate(0%20-430.645)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M520.911%2C129.992h-5.1a1.91%2C1.91%2C0%2C0%2C1-1.908-1.908V115.748a1.91%2C1.91%2C0%2C0%2C1%2C1.908-1.908h5.1a1.91%2C1.91%2C0%2C0%2C1%2C1.908%2C1.908v12.336A1.91%2C1.91%2C0%2C0%2C1%2C520.911%2C129.992Zm-5.1-15.111a.868.868%2C0%2C0%2C0-.867.867v12.336a.868.868%2C0%2C0%2C0%2C.867.867h5.1a.868.868%2C0%2C0%2C0%2C.867-.867V115.749a.868.868%2C0%2C0%2C0-.867-.867Z%22%20transform%3D%22translate(-478.246%20-105.942)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M519.013%2C369.851H514.43a.52.52%2C0%2C1%2C1%2C0-1.041h4.583a.52.52%2C0%2C0%2C1%2C0%2C1.041Z%22%20transform%3D%22translate(-478.256%20-343.223)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M522.3%2C400.821H514.42a.52.52%2C0%2C0%2C1%2C0-1.041H522.3a.52.52%2C0%2C1%2C1%2C0%2C1.041Z%22%20transform%3D%22translate(-478.246%20-372.044)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M191.157%2C16.97a5.827%2C5.827%2C0%2C0%2C1-4.779-2.673%2C14.986%2C14.986%2C0%2C0%2C1-2.327-6.053%2C6.711%2C6.711%2C0%2C0%2C1%2C1.429-5.593A7.48%2C7.48%2C0%2C0%2C1%2C191.157%2C0a7.37%2C7.37%2C0%2C0%2C1%2C5.6%2C2.593%2C6.856%2C6.856%2C0%2C0%2C1%2C1.51%2C5.643%2C14.286%2C14.286%2C0%2C0%2C1-2.3%2C6.067A5.874%2C5.874%2C0%2C0%2C1%2C191.157%2C16.97Zm0-15.929a6.514%2C6.514%2C0%2C0%2C0-4.878%2C2.278%2C5.6%2C5.6%2C0%2C0%2C0-1.2%2C4.741%2C13.959%2C13.959%2C0%2C0%2C0%2C2.146%2C5.628%2C4.77%2C4.77%2C0%2C0%2C0%2C3.936%2C2.242%2C4.828%2C4.828%2C0%2C0%2C0%2C3.964-2.24%2C13.266%2C13.266%2C0%2C0%2C0%2C2.116-5.622h0a5.741%2C5.741%2C0%2C0%2C0-1.276-4.8%2C6.38%2C6.38%2C0%2C0%2C0-4.805-2.226Z%22%20transform%3D%22translate(-171.171)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M377.437%2C51.672c-2.07%2C0-4.143%2C0-6.429-.012a.52.52%2C0%2C0%2C1%2C0-1.041h0c4.571.016%2C8.288.016%2C12.832%2C0h0a.52.52%2C0%2C0%2C1%2C0%2C1.041c-2.273.008-4.339.012-6.409.012Z%22%20transform%3D%22translate(-344.786%20-47.108)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M81.8%2C80.28H37.33a.521.521%2C0%2C0%2C1-.52-.52V53.4a.556.556%2C0%2C0%2C1%2C.015-.126A3.618%2C3.618%2C0%2C0%2C1%2C39.5%2C50.6a.529.529%2C0%2C0%2C1%2C.119-.014c3.023%2C0%2C5.41%2C0%2C8.445-.015h0a.52.52%2C0%2C0%2C1%2C0%2C1.041c-3.017.015-5.393.015-8.388.015a2.545%2C2.545%2C0%2C0%2C0-1.832%2C1.836V79.239H81.278c-.022-3.386-.006-6.8.009-10.117.024-5.186.05-10.548-.073-15.841a2.229%2C2.229%2C0%2C0%2C0-1.737-1.587h-.012a28.528%2C28.528%2C0%2C0%2C0-2.911-.084c-.407%2C0-.826.006-1.277%2C0a.52.52%2C0%2C1%2C1%2C.011-1.041c.443%2C0%2C.858%2C0%2C1.26%2C0a29.388%2C29.388%2C0%2C0%2C1%2C3.006.087%2C3.224%2C3.224%2C0%2C0%2C1%2C2.672%2C2.367.5.5%2C0%2C0%2C1%2C.026.153c.125%2C5.335.1%2C10.732.075%2C15.952-.017%2C3.48-.033%2C7.079-.006%2C10.628a.521.521%2C0%2C0%2C1-.52.525Z%22%20transform%3D%22translate(-34.256%20-47.058)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M185.56%2C135.627a.52.52%2C0%2C0%2C1%2C0-1.041c6.811-.031%2C12.7-.031%2C19.492-.031.317-.176.51-.37.51-.52v-.012c.139-6.2.139-12.23%2C0-18.431v-.012a.742.742%2C0%2C0%2C0-.631-.66c-1.333-.047-2.7-.028-4.015-.009-.583.008-1.186.017-1.782.019h0a.52.52%2C0%2C0%2C1%2C0-1.041c.591%2C0%2C1.191-.011%2C1.772-.019%2C1.338-.019%2C2.723-.038%2C4.089.01l.039%2C0a1.778%2C1.778%2C0%2C0%2C1%2C1.573%2C1.69c.139%2C6.214.139%2C12.254%2C0%2C18.468%2C0%2C.416-.212%2C1.01-1.19%2C1.5a.52.52%2C0%2C0%2C1-.232.055c-6.849%2C0-12.764%2C0-19.615.031h0Z%22%20transform%3D%22translate(-172.202%20-105.951)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M92.259%2C135.623c-.428%2C0-.864-.007-1.308-.033l-.034%2C0a1.638%2C1.638%2C0%2C0%2C1-1.5-1.551c-.138-6.15-.138-12.388%2C0-18.537a1.762%2C1.762%2C0%2C0%2C1%2C1.642-1.621l.038%2C0c1.3-.048%2C2.394-.031%2C3.556-.012.531.008%2C1.079.017%2C1.666.02a.52.52%2C0%2C0%2C1%2C0%2C1.041h0c-.592%2C0-1.144-.012-1.678-.02-1.142-.019-2.22-.036-3.48.01-.368.048-.7.326-.7.591v.012c-.138%2C6.138-.138%2C12.363%2C0%2C18.5v.012c0%2C.278.287.481.57.522.657.037%2C1.286.032%2C1.953.026.486%2C0%2C.988-.01%2C1.506%2C0a.52.52%2C0%2C1%2C1-.027%2C1.04c-.5-.013-.992-.008-1.469%2C0-.242%2C0-.487%2C0-.735%2C0Z%22%20transform%3D%22translate(-83.121%20-105.946)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M111.788%2C234.146a.521.521%2C0%2C0%2C1-.52-.509%2C17.163%2C17.163%2C0%2C0%2C1%2C1.725-6.9.525.525%2C0%2C0%2C1%2C.062-.108l.121-.162a6.739%2C6.739%2C0%2C0%2C1%2C2.614-2.886%2C12.874%2C12.874%2C0%2C0%2C1%2C2.579-1.3%2C6.112%2C6.112%2C0%2C0%2C0%2C2.246-1.787.52.52%2C0%2C1%2C1%2C.833.624%2C7.225%2C7.225%2C0%2C0%2C1-2.634%2C2.1l-.043.019a12.015%2C12.015%2C0%2C0%2C0-2.4%2C1.2%2C5.682%2C5.682%2C0%2C0%2C0-2.262%2C2.492.511.511%2C0%2C0%2C1-.061.1l-.119.159a16.129%2C16.129%2C0%2C0%2C0-1.619%2C6.417.521.521%2C0%2C0%2C1-.509.532h-.012Z%22%20transform%3D%22translate(-103.546%20-205.001)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M324.656%2C234.438a.52.52%2C0%2C0%2C1-.52-.507%2C13.334%2C13.334%2C0%2C0%2C0-1.043-4.108c-.062-.169-.124-.336-.184-.5a9.207%2C9.207%2C0%2C0%2C0-1.565-2.963%2C14.958%2C14.958%2C0%2C0%2C0-4.307-3.034c-.8-.432-1.63-.879-2.428-1.412a.434.434%2C0%2C0%2C1-.057-.044c-.1-.087-.175-.17-.244-.244a2.13%2C2.13%2C0%2C0%2C0-.152-.153.52.52%2C0%2C1%2C1%2C.687-.781%2C3.156%2C3.156%2C0%2C0%2C1%2C.226.225c.05.054.1.105.15.153.747.5%2C1.542.925%2C2.311%2C1.34a16.009%2C16.009%2C0%2C0%2C1%2C4.584%2C3.251%2C10.164%2C10.164%2C0%2C0%2C1%2C1.772%2C3.308c.059.164.12.329.182.5a14.3%2C14.3%2C0%2C0%2C1%2C1.107%2C4.44.52.52%2C0%2C0%2C1-.506.534h-.014Z%22%20transform%3D%22translate(-292.197%20-205.258)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M230.218%2C241.842a5.916%2C5.916%2C0%2C0%2C1-2.976-.611%2C2.661%2C2.661%2C0%2C0%2C1-1.342-2.472.52.52%2C0%2C0%2C1%2C1.041%2C0c0%2C.951.373%2C2.043%2C3.277%2C2.043%2C1.558%2C0%2C3.416-.379%2C3.416-2.181a.52.52%2C0%2C0%2C1%2C1.041%2C0C234.675%2C240.668%2C233.05%2C241.842%2C230.218%2C241.842Z%22%20transform%3D%22translate(-210.227%20-221.581)%22%20fill%3D%22%231c236d%22%2F%3E%3C%2Fsvg%3E');
}
.contents_app .video .ttl_s {
  padding-left: 55px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.23%22%20height%3D%2238.939%22%20viewBox%3D%220%200%2041.23%2038.939%22%3E%3Cpath%20d%3D%22M2.268-497.927a3.168%2C3.168%2C0%2C0%2C0-1.949%2C1.619l-.217.443L.077-478.752C.053-462.918.061-461.6.19-461.122a2.881%2C2.881%2C0%2C0%2C0%2C1.562%2C1.836l.443.226H39.162l.362-.177a2.909%2C2.909%2C0%2C0%2C0%2C1.611-1.788c.161-.5.161-.765.161-17.485s0-16.985-.161-17.485a2.909%2C2.909%2C0%2C0%2C0-1.611-1.788l-.362-.177-12.145-.024L14.872-498l-.193.193a.525.525%2C0%2C0%2C0%2C0%2C.813l.193.2H26.815c11.452%2C0%2C11.96.008%2C12.266.153a2.026%2C2.026%2C0%2C0%2C1%2C.54.379c.443.475.467.636.467%2C3.052v2.215H1.269v-2.215c0-2.416.024-2.577.467-3.052a2.026%2C2.026%2C0%2C0%2C1%2C.54-.379c.306-.137.628-.153%2C5.46-.153h5.138l.193-.2a.529.529%2C0%2C0%2C0-.008-.838c-.209-.169-.274-.169-5.38-.161C4.845-497.984%2C2.4-497.96%2C2.268-497.927Zm37.82%2C22.236c0%2C12.564-.016%2C14.134-.129%2C14.4a1.759%2C1.759%2C0%2C0%2C1-.878.91c-.314.145-.975.153-18.4.153s-18.089-.008-18.4-.153a1.759%2C1.759%2C0%2C0%2C1-.878-.91c-.113-.266-.129-1.836-.129-14.4v-14.094H40.088Z%22%20transform%3D%22translate(-0.066%20498)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M64.835-361.752a1.351%2C1.351%2C0%2C0%2C0-.685%2C1.168c-.024.274-.04%2C4.124-.024%2C8.553.024%2C7.957.024%2C8.054.193%2C8.336a1.574%2C1.574%2C0%2C0%2C0%2C.435.459c.266.185.282.185%2C3.471.185%2C3.109%2C0%2C3.221-.008%2C3.375-.161a.6.6%2C0%2C0%2C0-.048-.878c-.209-.161-.306-.169-3.181-.169H65.4v-16.43h28.43v16.43H83.648c-10.172%2C0-10.172%2C0-10.389.169a.6.6%2C0%2C0%2C0-.048.878c.161.161.266.161%2C10.583.161H94.207l.266-.185a1.574%2C1.574%2C0%2C0%2C0%2C.435-.459c.169-.282.169-.354.169-8.779%2C0-9.455.04-8.779-.54-9.2l-.266-.185-14.577-.024C65.616-361.9%2C65.109-361.9%2C64.835-361.752Z%22%20transform%3D%22translate(-58.961%20372.85)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M209.886-296.8a1.872%2C1.872%2C0%2C0%2C0-.773.733A16.284%2C16.284%2C0%2C0%2C0%2C209-292.7c0%2C2.98.008%2C3.165.161%2C3.463a1.437%2C1.437%2C0%2C0%2C0%2C1.53.733%2C61.239%2C61.239%2C0%2C0%2C0%2C5.533-3.173%2C1.329%2C1.329%2C0%2C0%2C0%2C.411-1.192c-.064-.677-.217-.805-2.98-2.392-1.385-.8-2.6-1.49-2.7-1.538A1.863%2C1.863%2C0%2C0%2C0%2C209.886-296.8Zm3.068%2C2.529c2%2C1.152%2C2.448%2C1.442%2C2.448%2C1.587s-.459.435-2.481%2C1.6a23.446%2C23.446%2C0%2C0%2C1-2.6%2C1.385c-.1-.032-.113-.523-.113-2.956%2C0-1.611.024-2.948.056-2.972a.215.215%2C0%2C0%2C1%2C.145-.056C210.466-295.677%2C211.609-295.041%2C212.954-294.268Z%22%20transform%3D%22translate(-192.173%20313.073)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M67.835-107.746a2.22%2C2.22%2C0%2C0%2C0-1.079.983l-.1.282h-.62c-.757%2C0-1.039.169-1.039.612%2C0%2C.467.209.6.966.6h.644l.153.314a2.3%2C2.3%2C0%2C0%2C0%2C1.128.974%2C2.716%2C2.716%2C0%2C0%2C0%2C1.321-.008%2C2.193%2C2.193%2C0%2C0%2C0%2C1.111-.975l.153-.306H83c12.419%2C0%2C12.524%2C0%2C12.685-.161a.6.6%2C0%2C0%2C0-.048-.878l-.217-.169H70.428l-.1-.282a2.143%2C2.143%2C0%2C0%2C0-1.128-.991A2.718%2C2.718%2C0%2C0%2C0%2C67.835-107.746Zm1.128%2C1.192a.973.973%2C0%2C0%2C1%2C.338.878.8.8%2C0%2C0%2C1-1.289.379c-.185-.161-.217-.258-.217-.58s.032-.419.217-.58A.918.918%2C0%2C0%2C1%2C68.962-106.554Z%22%20transform%3D%22translate(-59.77%20139.26)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M371.23-453.757a.473.473%2C0%2C0%2C0-.081.628.59.59%2C0%2C0%2C0%2C1.119-.29A.591.591%2C0%2C0%2C0%2C371.23-453.757Z%22%20transform%3D%22translate(-341.187%20457.51)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M411.183-453.8a.53.53%2C0%2C0%2C0%2C.169.886.577.577%2C0%2C0%2C0%2C.685-.918A.567.567%2C0%2C0%2C0%2C411.183-453.8Z%22%20transform%3D%22translate(-377.919%20457.549)%22%20fill%3D%22%231c236d%22%2F%3E%3Cpath%20d%3D%22M451.186-453.875a.553.553%2C0%2C0%2C0%2C.217.934.406.406%2C0%2C0%2C0%2C.427%2C0%2C.549.549%2C0%2C0%2C0%2C.217-.91A.56.56%2C0%2C0%2C0%2C451.186-453.875Z%22%20transform%3D%22translate(-414.692%20457.604)%22%20fill%3D%22%231c236d%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (min-width: 730px) {
  .contents_app {
    display: flex;
    justify-content: space-between;
  }
  .contents_app .curriculum_pack {
    width: 34%;
  }
  .contents_app .class_type {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 12px;
    width: 65%;
  }
  .contents_app .class_type .ttl {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .contents_app .class_type .room {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .contents_app .class_type .zoom {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .contents_app .class_type .video {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 729px) {
  .contents_app .class_type {
    grid-template-rows: 70px auto;
    margin-top: 12px;
  }
  .contents_app .item + .item {
    margin-top: 12px;
  }
}