@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
/*==================================================================================================
	トップページ
==================================================================================================*/
.sec-top-mv {
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
  background: linear-gradient(90deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
}
@media screen and (max-width: 860px) {
  .sec-top-mv {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
    background: linear-gradient(180deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
  }
}
.sec-top-mv .mv-img {
  position: relative;
  line-height: 0;
  z-index: 1;
  background-image: url(../img/top/mv_bg.png);
  background-position: center;
  background-size: cover;
}
.sec-top-mv .mv-img .txt {
  width: 100%;
  height: auto;
  z-index: -1;
}
.sec-top-mv .mv-img .picture,
.sec-top-mv .mv-img .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.sec-top-mv .mv-img .picture > *,
.sec-top-mv .mv-img .item > * {
  width: 33.3333333333%;
}
.sec-top-mv .mv-img .picture {
  z-index: 1;
}
.sec-top-mv .mv-img .item {
  z-index: 2;
}
.sec-top-mv .mv-txt {
  position: relative;
  background: #e6e6e6;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
  background: linear-gradient(90deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
}
@media screen and (max-width: 860px) {
  .sec-top-mv .mv-txt {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
    background: linear-gradient(180deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
  }
}
.sec-top-mv .mv-txt::before {
  content: "";
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/top/mv_bg02.jpg") repeat center;
}
.sec-top-mv .mv-txt .link {
  position: relative;
  z-index: 1;
  padding: 1em;
  gap: 0;
  font-weight: bold;
}
.sec-top-mv .mv-txt .link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 860px) {
  .sec-top-mv .mv-txt .link__item {
    width: 100%;
  }
}
.sec-top-mv .mv-txt .link__item .imgWrap {
  position: relative;
  width: 50%;
  padding: 0.5em;
}
@media screen and (max-width: 860px) {
  .sec-top-mv .mv-txt .link__item .imgWrap {
    width: 40%;
    padding: 0;
  }
}
.sec-top-mv .mv-txt .link__item .imgWrap img {
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.sec-top-mv .mv-txt .link__item .txtWrap {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5em 1em;
  width: 50%;
}
@media screen and (max-width: 860px) {
  .sec-top-mv .mv-txt .link__item .txtWrap {
    width: 60%;
  }
}
.sec-top-mv .mv-txt .link__item .txtWrap .en {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 0.5em;
  line-height: 1;
}
.sec-top-mv .mv-txt .link__item .txtWrap .ttl {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  display: block;
  text-align: center;
  line-height: 1.2;
  border-bottom: 1px solid;
  white-space: nowrap;
}
.sec-top-mv .mv-txt .link__item .txtWrap ul {
  width: auto;
  font-size: 0.8em;
}

.sec-top-event {
  background-image: url(../img/top/event_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-top-event {
    background-position: 20% center;
  }
}
.sec-top-event .inner {
  position: relative;
}
.sec-top-event .inner::before, .sec-top-event .inner::after {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
  width: 30%;
  height: 100%;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
}
.sec-top-event .inner::before {
  right: 90%;
  background-image: url(../img/top/event_left.png);
}
@media screen and (max-width: 860px) {
  .sec-top-event .inner::before {
    right: 75%;
  }
}
.sec-top-event .inner::after {
  left: 95%;
  background-image: url(../img/top/event_right.png);
}
@media screen and (max-width: 860px) {
  .sec-top-event .inner::after {
    left: 80%;
  }
}
.sec-top-event .event__list {
  position: relative;
  z-index: 1;
}

.sec-top-sns .topLabel {
  position: relative;
}
.sec-top-sns .topLabel::before, .sec-top-sns .topLabel::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 30%;
  height: 180%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
.sec-top-sns .topLabel::before {
  left: -1em;
  background-image: url(../img/top/sns_left.png);
  background-position: left top;
}
.sec-top-sns .topLabel::after {
  right: -1em;
  background-image: url(../img/top/sns_right.png);
  background-position: right top;
}
@media screen and (max-width: 860px) {
  .sec-top-sns .flexWrap.-col3 > * {
    width: 100%;
  }
}
.sec-top-sns .flexWrap.-col3 > div.illustration {
  position: relative;
}
.sec-top-sns .flexWrap.-col3 > div.illustration > a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
.sec-top-sns .ttl {
  text-align: center;
  padding: 0.5em 0;
  border-bottom: 1px solid;
  font-weight: bold;
  white-space: nowrap;
}
.sec-top-sns .ttl.illustration {
  color: #00c0e6;
}
.sec-top-sns .ttl.beauty {
  color: #5d2db3;
}
.sec-top-sns .ttl.hair {
  color: #e64395;
}
.sec-top-sns .area_sns_load {
  margin: 1em auto;
}
.sec-top-sns .area_sns_load ul li {
  width: calc(50% - 1em);
}
@media screen and (max-width: 860px) {
  .sec-top-sns .area_sns_load ul li {
    width: calc(50% - 1em);
  }
}
.sec-top-sns #sb_instagram #sbi_images .sbi_item {
  width: calc(50% - 10px) !important;
  margin: 5px !important;
}

.sec-top-point {
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
  background: linear-gradient(90deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
}
@media screen and (max-width: 860px) {
  .sec-top-point {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
    background: linear-gradient(180deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
  }
}
@media screen and (min-width: 860px) {
  .sec-top-point .innerL {
    max-width: 90%;
  }
}
.sec-top-point .flexWrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 860px) {
  .sec-top-point .flexWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 860px) {
  .sec-top-point .label {
    width: 70%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: auto;
  }
}
@media screen and (max-width: 860px) {
  .sec-top-point .label > * {
    width: 100%;
  }
}
.sec-top-point .txt {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5em;
  font-size: clamp(1rem, 1.4vw, 1.4em);
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-top-point .txt {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.sec-top-point .txt > * {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0;
}
.sec-top-point .txt > *:not(:last-child) {
  border-bottom: 1px solid;
}
.sec-top-point .txt .en {
  position: relative;
  display: inline-block;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 0.3em;
  font-size: clamp(1.2rem, 2vw, 1.1em);
  background-color: #000;
  padding: 0.5em 0.1em 0.5em 0.5em;
  margin-right: 1.2em;
}
.sec-top-point .txt .en::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border: 1em solid;
  border-color: transparent transparent transparent #000;
}
.sec-top-point .txt p {
  display: inline-block;
  font-size: clamp(1.4rem, 3vw, 1.1em);
}

.sec-top-news {
  background-image: url(../img/top/news_bg.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
}
@media screen and (max-width: 860px) {
  .sec-top-news {
    background-position: center top 15vw;
  }
}
.sec-top-news .simpleLabel {
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 860px) {
  .sec-top-news .news__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 0 2em;
  }
}
.sec-top-news .news__item .txtWrap .date {
  display: none !important;
}
.sec-top-news .news__item .txtWrap .ttl {
  font-size: 1em;
  font-weight: bold;
}
.sec-top-news .news__item:nth-child(1) a {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sec-top-news .news__item:nth-child(1) .imgWrap {
  width: 100%;
}
.sec-top-news .news__item:nth-child(1) .txtWrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3em;
  width: 100%;
}
@media screen and (min-width: 860px) {
  .sec-top-news .news__item:nth-child(1) {
    grid-area: 1/1/5/2;
  }
  .sec-top-news .news__item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .sec-top-news .news__item:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .sec-top-news .news__item:nth-child(4) {
    grid-area: 3/2/4/3;
  }
  .sec-top-news .news__item:nth-child(5) {
    grid-area: 4/2/5/3;
  }
}
.sec-top-news .btnWrap {
  text-align: center;
}
.sec-top-news .flexWrap.-col4 {
  margin-top: 4em;
}
.sec-top-news .flexWrap.-col4 a {
  text-align: center;
  padding: 1.5em 0.5em;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sec-top-news .flexWrap.-col4 a:hover {
  -webkit-filter: brightness(1.75);
          filter: brightness(1.75);
}
.sec-top-news .flexWrap.-col4 a:nth-child(1) {
  background-image: url(../img/top/news_bnr_01.png);
}
.sec-top-news .flexWrap.-col4 a:nth-child(2) {
  background-image: url(../img/top/news_bnr_02.png);
}
.sec-top-news .flexWrap.-col4 a:nth-child(3) {
  background-image: url(../img/top/news_bnr_03.png);
}
.sec-top-news .flexWrap.-col4 a:nth-child(4) {
  background-image: url(../img/top/news_bnr_04.png);
}

.sec-top-information .mContainer {
  padding-bottom: 0;
}
.sec-top-information .slider-information {
  padding: 0 1.5em;
}
@media screen and (max-width: 860px) {
  .sec-top-information .slider-information {
    padding: 0;
  }
}
.sec-top-information .slider-information .slick-slide {
  padding: 0.5em;
}
.sec-top-information .slider-information .slide-arrow.next-arrow {
  right: -0.7em;
}
.sec-top-information .slider-information .slide-arrow.prev-arrow {
  left: -0.7em;
}
.sec-top-information .flexWrap {
  margin-top: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1em 4%;
}
@media screen and (max-width: 860px) {
  .sec-top-information .flexWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-top-information .flexWrap .txtWrap {
  width: 53%;
  margin-top: 1em;
}
@media screen and (max-width: 860px) {
  .sec-top-information .flexWrap .txtWrap {
    width: 100%;
    text-align: center;
  }
}
.sec-top-information .flexWrap .txtWrap .logo {
  max-width: 80%;
  margin: 1.5em 0 1em 0;
}
@media screen and (max-width: 860px) {
  .sec-top-information .flexWrap .txtWrap .logo {
    margin: 1.5em auto 1em auto;
  }
}
.sec-top-information .flexWrap .txtWrap .address {
  line-height: 1.5;
}
.sec-top-information .flexWrap .txtWrap .btnWtap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 860px) {
  .sec-top-information .flexWrap .txtWrap .btnWtap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.sec-top-information .flexWrap .txtWrap .btnWtap a {
  margin-top: 1em;
  min-width: 300px;
}
.sec-top-information .flexWrap .bnrWrap {
  width: 43%;
}
@media screen and (max-width: 860px) {
  .sec-top-information .flexWrap .bnrWrap {
    width: 100%;
  }
}

.sec-top-footer {
  z-index: 100;
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(242, 242, 242)), color-stop(40%, rgb(242, 242, 242)), color-stop(41%, rgba(242, 242, 242, 0)));
  background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 40%, rgba(242, 242, 242, 0) 41%);
}
@media screen and (max-width: 860px) {
  .sec-top-footer {
    padding: 6em 0 3em 0;
  }
}
.sec-top-footer .footerBtn {
  text-align: center;
  padding-top: 10vw;
  background-image: url(../img/common/footer_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (max-width: 860px) {
  .sec-top-footer .footerBtn {
    background-size: auto calc(100% - 4em);
  }
}
.sec-top-footer .footerBtn .btn {
  position: relative;
  margin: auto;
  width: 1000px;
  max-width: 90%;
  font-size: 1.5em;
  padding: 1em;
  line-height: 1.2;
  overflow: hidden;
}
.sec-top-footer .footerBtn .btn span {
  display: block;
}
.sec-top-footer .footerBtn .btn .en {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 860px) {
  .sec-top-footer .footerBtn .btn .en {
    font-size: 0.7em;
  }
}
.sec-top-footer .footerBtn .btn .jp {
  font-style: italic;
}

/*==================================================================================================
	共通
==================================================================================================*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

/*==================================================================================================
	ページタイトル
==================================================================================================*/
.btn_oc {
  position: absolute;
  right: 0.5vw;
  bottom: 0.5vw;
  width: max(120px, 10vw);
}
@media screen and (max-width: 860px) {
  .btn_oc {
    width: 120px;
    bottom: -24px;
  }
}
@media screen and (max-width: 767px) {
  .btn_oc {
    width: 90px;
    bottom: -20px;
  }
}

/*==================================================================================================
	メインコンテンツ（サードバーあり）
==================================================================================================*/
.main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 860px) {
  .main-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.main-container_main {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 861px) {
  .main-container_main {
    max-width: 1040px;
  }
}
.main-container_main .w1100 {
  width: auto !important;
}

.main-container_side {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-right: max(20px, 3vw);
  padding-left: max(20px, 3vw);
}
@media screen and (min-width: 861px) {
  .main-container_side {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding-top: max(30px, 3vw);
    max-width: clamp(140px, 20vw, 260px);
  }
}
.main-container_side .js-fix-area {
  position: relative;
}

.side-nav {
  position: sticky;
  top: 0;
  border: 1px solid;
}
.side-nav.is-fixed {
  position: fixed;
  top: 120px;
  width: 100%;
  max-width: clamp(140px, 20vw, 260px);
}
.side-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 17px;
  line-height: 1.4;
  gap: 10px;
}
.side-nav .parent-link a {
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.side-nav .child-link li + li {
  border-top: 1px dashed #e3e3e3;
}
.side-nav .child-link li a {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.88em;
  letter-spacing: 0;
}
.side-nav .child-link li a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}

/*==================================================================================================
	メインコンテンツ　－　インデックス
==================================================================================================*/
.link_list {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: max(30px, 3vw);
  padding-right: max(20px, 3vw);
  padding-left: max(20px, 3vw);
}
@media screen and (min-width: 861px) {
  .link_list {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: clamp(100px, 66vw, 1000px);
  }
}
.link_list .area_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: max(10px, 1vw) max(20px, 3vw);
}
@media screen and (max-width: 860px) {
  .link_list .area_list {
    grid-template-columns: 1fr;
  }
}
.link_list .area_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5em;
  padding: 0.75em 0;
  border-width: 0 0 1px;
  border-style: solid;
  font-size: clamp(1.25em, 3vw, 1.5em);
  font-weight: bold;
  line-height: 1.2;
}
.link_list .area_list a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}

/*==================================================================================================
	メインコンテンツ
==================================================================================================*/
.contentsLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em max(20px, 1.5vw);
  margin-bottom: 2.1em;
}
@media screen and (max-width: 860px) {
  .contentsLinks {
    gap: 0.5em 10px;
  }
}
.contentsLinks a {
  background-color: #000;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 100%;
  width: 15.7em;
  padding: 1.25em 3em 1.25em 2em;
  font-size: 1.125em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3em;
  text-decoration: none !important;
}
@media screen and (max-width: 1280px) {
  .contentsLinks a {
    width: auto;
    padding-right: 4em;
    font-size: 1em;
  }
}
@media screen and (max-width: 860px) {
  .contentsLinks a {
    font-size: 0.8em;
  }
}
.contentsLinks a::after {
  position: absolute;
  right: 1.25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f107";
  color: #fff;
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}

.contents,
.teacher {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: max(30px, 3vw);
  padding-right: max(20px, 3vw);
  padding-left: max(20px, 3vw);
  font-size: 0.88em;
}
@media screen and (min-width: 861px) {
  .contents,
  .teacher {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: clamp(100px, 66vw, 1000px);
  }
}
.contents .block_title:first-child h2,
.contents .block_teacher:first-child h2,
.teacher .block_title:first-child h2,
.teacher .block_teacher:first-child h2 {
  margin-top: 0;
}
.contents .block_title h2,
.contents .block_teacher h2,
.teacher .block_title h2,
.teacher .block_teacher h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin-top: 3em;
  margin-bottom: 1.4em;
  padding: 0.75em 0;
  border-width: 1px 0;
  border-style: solid;
  font-size: clamp(1.75em, 3vw, 2.5em);
  font-weight: bold;
  line-height: 1.2;
}
.contents .block_title h2::before,
.contents .block_teacher h2::before,
.teacher .block_title h2::before,
.teacher .block_teacher h2::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents .block_title h3,
.contents .block_teacher h3,
.teacher .block_title h3,
.teacher .block_teacher h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  margin-top: 2em;
  margin-bottom: 1.6em;
  font-size: clamp(1.5em, 2.5vw, 1.875em);
  font-weight: bold;
  line-height: 1.3;
}
.contents .block_title h3::after,
.contents .block_teacher h3::after,
.teacher .block_title h3::after,
.teacher .block_teacher h3::after {
  content: "";
  display: block;
  width: 75px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to right, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
@media screen and (max-width: 860px) {
  .contents .block_title h3::after,
  .contents .block_teacher h3::after,
  .teacher .block_title h3::after,
  .teacher .block_teacher h3::after {
    height: 2px;
  }
}
.contents .block_title h4,
.contents .block_title p.sub_title,
.contents .block_teacher h4,
.contents .block_teacher p.sub_title,
.teacher .block_title h4,
.teacher .block_title p.sub_title,
.teacher .block_teacher h4,
.teacher .block_teacher p.sub_title {
  margin-top: 2em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.4;
}
.contents .sp_scroll,
.teacher .sp_scroll {
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .contents .sp_scroll table,
  .teacher .sp_scroll table {
    min-width: 800px;
  }
}
.contents table,
.teacher table {
  width: 100%;
}
.contents table thead th,
.teacher table thead th {
  background-color: #000;
  color: #fff;
  padding: 0.75em 1em;
}
.contents table thead th + th,
.teacher table thead th + th {
  border-left: 1px solid #fff;
}
.contents table thead tr:not(:first-child) th,
.teacher table thead tr:not(:first-child) th {
  border-left: 1px solid #fff;
}
.contents table tbody th,
.contents table tbody td,
.teacher table tbody th,
.teacher table tbody td {
  padding: 1em;
  border: 1px solid #e3e3e3;
}
.contents table tbody th,
.teacher table tbody th {
  width: 230px;
  white-space: wrap;
}
@media screen and (max-width: 767px) {
  .contents table tbody th,
  .teacher table tbody th {
    width: 160px;
  }
}
@media screen and (max-width: 480px) {
  .contents table tbody th,
  .teacher table tbody th {
    width: 120px;
  }
}
.contents table tbody:not(:only-child) tr:nth-child(even) th,
.contents table tbody:not(:only-child) tr:nth-child(even) td,
.teacher table tbody:not(:only-child) tr:nth-child(even) th,
.teacher table tbody:not(:only-child) tr:nth-child(even) td {
  background-color: #fafafa;
}
.contents table tbody:only-child th,
.teacher table tbody:only-child th {
  background-color: #000;
  color: #fff;
}
.contents table a,
.teacher table a {
  color: inherit;
}
.contents table a.a_link,
.teacher table a.a_link {
  color: #eb673e;
}
.contents .step,
.teacher .step {
  background-color: #fafafa;
  margin-top: 1.5em;
  padding: 2em 2em;
}
.contents .step h3,
.teacher .step h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
.contents .step h3::after,
.teacher .step h3::after {
  display: none;
}
.contents dl,
.teacher dl {
  background-color: #fafafa;
  margin-top: 1.5em;
  padding: 2em 2em;
}
.contents dl dt,
.teacher dl dt {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
}
.contents dl dt::after,
.teacher dl dt::after {
  display: none;
}
.contents dl dt:nth-child(n+2),
.teacher dl dt:nth-child(n+2) {
  margin-top: 1em;
}
.contents .flex_c,
.teacher .flex_c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}
.contents .flex_c li,
.teacher .flex_c li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  padding: 0.4em 1em;
  border: 1px solid;
}
.contents .flex_c li .point,
.teacher .flex_c li .point {
  width: 1.5em;
  color: #ccc;
  font-size: 2em;
  text-align: center;
  font-family: "Oswald", sans-serif;
}
.contents .flex_c li .bold,
.teacher .flex_c li .bold {
  font-size: 1.12em;
  font-weight: bold;
  line-height: 1.4;
}
.contents .flex_c li .bold .txt_s,
.teacher .flex_c li .bold .txt_s {
  vertical-align: super;
  font-size: 0.75em;
}
.contents .flex_c li br,
.teacher .flex_c li br {
  display: none;
}
.contents .box_img,
.teacher .box_img {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.contents .box_img img,
.teacher .box_img img {
  max-width: 880px;
}
.contents .caption,
.teacher .caption {
  font-size: 0.8em;
}
.contents .list_ol,
.teacher .list_ol {
  list-style: decimal;
  list-style-position: inside;
  margin-top: 2em;
  margin-bottom: 2em;
}
.contents .list_ol li,
.teacher .list_ol li {
  padding-top: 1em;
  padding-bottom: 1em;
}
.contents .list_ol li + li,
.teacher .list_ol li + li {
  border-top: 1px dashed #e3e3e3;
}
.contents .list_ol li::marker,
.teacher .list_ol li::marker {
  margin-left: 1em;
}
.contents .list_ol li b,
.teacher .list_ol li b {
  font-weight: normal;
}
.contents .list_ol li p,
.teacher .list_ol li p {
  padding-left: 1.4em;
}
.contents .click_btn,
.teacher .click_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em max(10px, 1.5vw);
  margin-top: 2em;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contents .click_btn a,
.teacher .click_btn a {
  background-color: #000;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 1em 6em;
  font-size: 1.125em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3em;
}
@media screen and (max-width: 860px) {
  .contents .click_btn a,
  .teacher .click_btn a {
    padding: 1em 3em 1em 2em;
  }
}
.contents .click_btn a::after,
.teacher .click_btn a::after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f105";
  color: #fff;
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents a,
.teacher a {
  color: #eb673e;
  text-decoration: underline;
}
.contents a:hover,
.teacher a:hover {
  text-decoration: none;
}
.contents ol:not([class]),
.teacher ol:not([class]) {
  list-style: decimal;
  margin-left: 1.5em;
}
.contents .arrow,
.teacher .arrow {
  font-size: 2em;
  text-align: center;
}
.contents .voice > p,
.teacher .voice > p {
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  .contents .voice > p,
  .teacher .voice > p {
    font-size: 1.5em;
  }
}
.contents .voice > div,
.teacher .voice > div {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: max(20px, 2.5vw);
  margin-top: 2.5em;
}
.contents .voice > div p:first-child > span,
.teacher .voice > div p:first-child > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1em;
  text-align: center;
}
.contents .voice > div > div *:first-child,
.teacher .voice > div > div *:first-child {
  margin-top: 0 !important;
}
.contents .voice p.img,
.teacher .voice p.img {
  margin-top: 2em;
}
.contents .voice p.sub_title,
.teacher .voice p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .voice p.sub_title::before,
.teacher .voice p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .voice dl,
.teacher .voice dl {
  background: transparent;
  padding: 0;
  margin-top: 0;
}
.contents .bukken > div,
.teacher .bukken > div {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: max(20px, 1.5vw);
}
.contents .bukken > div > div *:first-child,
.teacher .bukken > div > div *:first-child {
  margin-top: 0 !important;
}
@media screen and (max-width: 860px) {
  .contents .bukken table tbody th,
  .teacher .bukken table tbody th {
    width: auto;
  }
}
.contents .aisatsu > div,
.teacher .aisatsu > div {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: max(30px, 1.5vw);
}
.contents .aisatsu > div:nth-child(n+2),
.teacher .aisatsu > div:nth-child(n+2) {
  margin-top: 3em;
}
.contents .aisatsu > div > div *:first-child,
.teacher .aisatsu > div > div *:first-child {
  margin-top: 0 !important;
}
@media screen and (max-width: 860px) {
  .contents .aisatsu table tbody th,
  .teacher .aisatsu table tbody th {
    width: auto;
  }
}
.contents .aisatsu p.sub_title,
.teacher .aisatsu p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .aisatsu p.sub_title::before,
.teacher .aisatsu p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .aisatsu p.name,
.teacher .aisatsu p.name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2em;
}
.contents .aisatsu p.name strong,
.teacher .aisatsu p.name strong {
  font-size: 1.25em;
  line-height: 1.4;
}
.contents .kyoiku,
.teacher .kyoiku {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: max(30px, 1.5vw);
}
.contents .kyoiku > div *:first-child,
.teacher .kyoiku > div *:first-child {
  margin-top: 0 !important;
}
.contents .kyoiku p.sub_title,
.teacher .kyoiku p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .kyoiku p.sub_title::before,
.teacher .kyoiku p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .support,
.teacher .support {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(20px, 1.5vw);
}
.contents .support > div *:first-child,
.teacher .support > div *:first-child {
  margin-top: 0 !important;
}
.contents .support p.sub_title,
.teacher .support p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .support p.sub_title::before,
.teacher .support p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .yusyu > div,
.teacher .yusyu > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(20px, 1.5vw);
  margin-top: 3em;
}
.contents .yusyu > div > div *:first-child,
.teacher .yusyu > div > div *:first-child {
  margin-top: 0 !important;
}
.contents .yusyu > div p.sub_title,
.teacher .yusyu > div p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .yusyu > div p.sub_title::before,
.teacher .yusyu > div p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .recommended,
.teacher .recommended {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: max(20px, 1.5vw);
}
@media screen and (max-width: 860px) {
  .contents .recommended,
  .teacher .recommended {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contents .recommended > div p img,
.teacher .recommended > div p img {
  margin-bottom: 0.75em;
}
.contents .add,
.teacher .add {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: max(20px, 5vw);
}
.contents .add .img_shizuoka,
.teacher .add .img_shizuoka {
  margin-bottom: 2em;
}
.contents .access_title,
.teacher .access_title {
  font-weight: bold;
  text-align: center;
  font-size: 1.25em;
  padding: 1em 0 2em;
}
.contents .access_title + .block_title h2,
.teacher .access_title + .block_title h2 {
  margin-top: 0;
}
.contents .faq dl,
.teacher .faq dl {
  background-color: transparent;
  margin-top: 1.5em;
  padding: 0;
}
.contents .faq dl dt,
.teacher .faq dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75em;
  background-color: #eee;
  position: relative;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0.75em 2.5em 0.75em 1em;
  font-size: 1.25em;
  font-weight: bold;
  cursor: pointer;
  line-height: 1.6;
}
.contents .faq dl dt::before,
.teacher .faq dl dt::before {
  content: "Q.";
}
.contents .faq dl dt::after,
.teacher .faq dl dt::after {
  display: block;
  position: absolute;
  right: 1.25em;
  top: 50%;
  content: "\f107";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents .faq dl dt.accOn,
.teacher .faq dl dt.accOn {
  background-color: #000;
  color: #fff;
}
.contents .faq dl dt.accOn::after,
.teacher .faq dl dt.accOn::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.contents .faq dl dt:nth-child(n+2),
.teacher .faq dl dt:nth-child(n+2) {
  margin-top: 1em;
}
.contents .faq dl dd,
.teacher .faq dl dd {
  display: none;
  padding: 0.5em 1em;
}

/*==================================================================================================
	メインコンテンツ - 詳細
==================================================================================================*/
.contents.detail h2 {
  margin-bottom: 0.5em;
}
.contents.detail .area_news_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2em;
  margin-bottom: 3em;
  font-weight: bold;
  font-size: 1.25em;
}
@media all and (max-width: 668px) {
  .contents.detail .area_news_header {
    gap: 1em;
    font-size: 1em;
  }
}
.contents.detail .category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: 0.2em 1em;
  font-size: clamp(1.2rem, 1.5vw, 2rem);
}
@media all and (max-width: 668px) {
  .contents.detail .category {
    font-size: 1rem;
  }
}
.contents.detail .entry {
  background-color: #ff006e;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  max-width: 380px;
  padding: 1em 2em;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.125em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3em;
}
@media screen and (max-width: 860px) {
  .contents.detail .entry {
    max-width: 240px;
    padding: 1em 3em 1em 2em;
  }
}
.contents.detail .entry::after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f105";
  color: #fff;
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents.detail .click_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*==================================================================================================
	講師陣
==================================================================================================*/
.block_teacher h3 {
  gap: 0.25em !important;
}
.block_teacher h3 span {
  font-size: 0.75em;
}
.block_teacher h3 br {
  display: none;
}
.block_teacher ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: max(20px, 2.5vw);
}
@media screen and (max-width: 860px) {
  .block_teacher ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.block_teacher ul li {
  line-height: 1.4;
}
.block_teacher ul li .senkou {
  margin-top: 0.5em;
  font-size: 0.85em;
  border-left: 3px solid;
  padding-left: 0.5em;
}
.block_teacher ul li .senkou::before {
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
}
.block_teacher ul li .senkou.il {
  border-color: #e71f19;
}
.block_teacher ul li .senkou.il::before {
  color: #e71f19;
  content: "イラストレーション科";
}
.block_teacher ul li .senkou.hd {
  border-color: #0cace6;
}
.block_teacher ul li .senkou.hd::before {
  /*
              color: #0cace6;
              content: '美容師科';*/
}
.block_teacher ul li .senkou.bt {
  border-color: #e189a4;
}
.block_teacher ul li .senkou.bt::before {
  color: #e189a4;
  content: "ブライダル・トータルビューティー科";
}
.block_teacher ul .name {
  margin-top: 0.75em;
  font-size: 1.25em;
  font-weight: bold;
}
.block_teacher ul .profile {
  margin-top: 0.75em;
  font-size: 0.85em;
}
.block_teacher ul .js-coverImg img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  border: 1px solid #ccc;
}

/*==================================================================================================
	デザイングランプリ
==================================================================================================*/
.contents-design-gp {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: max(30px, 3vw);
  padding-right: max(20px, 3vw);
  padding-left: max(20px, 3vw);
  font-size: 0.88em;
}
@media screen and (min-width: 861px) {
  .contents-design-gp {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: clamp(100px, 66vw, 1000px);
  }
}
.contents-design-gp h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin-top: 3em;
  margin-bottom: 1.4em;
  padding: 0.75em 0;
  border-width: 1px 0;
  border-style: solid;
  font-size: clamp(1.75em, 3vw, 2.5em);
  font-weight: bold;
  line-height: 1.2;
}
.contents-design-gp h2::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents-design-gp .design-gp-copy {
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  padding: 1.5em 0;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  .contents-design-gp .design-gp-copy {
    font-size: 1.5em;
  }
}
.contents-design-gp .oubo01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 5vw);
}
.contents-design-gp .oubo01 + .oubo01 {
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .contents-design-gp .oubo01 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contents-design-gp .oubo01 dl dt {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents-design-gp .oubo01 dl dt::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents-design-gp .oubo01 p {
  margin-top: 1em;
}
.contents-design-gp .txt_red {
  font-size: 1.25em;
  font-weight: bold;
}
.contents-design-gp .bosyu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 2.5vw);
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .contents-design-gp .bosyu {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contents-design-gp .bosyu > div {
  padding: 1.5em;
  border: 1px solid;
}
.contents-design-gp .bosyu h3 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
  text-align: center;
}
.contents-design-gp .bosyu h3 + .border {
  font-weight: bold;
  text-align: center;
}
.contents-design-gp .bosyu h4 {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents-design-gp .bosyu h4::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents-design-gp .bosyu h6,
.contents-design-gp .bosyu p {
  margin-bottom: 1em;
}
.contents-design-gp .bosyu p {
  font-weight: bold;
  text-align: center;
}
.contents-design-gp .bosyu dt {
  font-weight: bold;
}
.contents-design-gp .shinsa {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 2.5vw);
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .contents-design-gp .shinsa {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contents-design-gp .shinsa > div {
  padding: 1.5em;
  border: 1px solid;
}
.contents-design-gp .shinsa h3 {
  margin-bottom: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
  text-align: center;
}
.contents-design-gp .shinsa p {
  margin-bottom: 1em;
  line-height: 1.6;
}
.contents-design-gp .shinsa p:last-child {
  font-weight: bold;
  text-align: center;
}
.contents-design-gp .yugu h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  margin-top: 2em;
  margin-bottom: 1.6em;
  font-size: clamp(1.5em, 2.5vw, 1.875em);
  font-weight: bold;
  line-height: 1.3;
}
.contents-design-gp .yugu h3::after {
  content: "";
  display: block;
  width: 75px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to right, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
@media screen and (max-width: 860px) {
  .contents-design-gp .yugu h3::after {
    height: 2px;
  }
}
.contents-design-gp .yugu h4,
.contents-design-gp .yugu p.sub_title {
  margin-top: 2em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.4;
}
.contents-design-gp table {
  width: 100%;
}
.contents-design-gp table thead th {
  background-color: #000;
  color: #fff;
  padding: 0.75em 1em;
}
.contents-design-gp table thead th + th {
  border-left: 1px solid #fff;
}
.contents-design-gp table thead tr:not(:first-child) th {
  border-left: 1px solid #fff;
}
.contents-design-gp table tbody th,
.contents-design-gp table tbody td {
  padding: 1em;
  border: 1px solid #e3e3e3;
}
.contents-design-gp table tbody th {
  width: 230px;
  white-space: wrap;
}
@media screen and (max-width: 767px) {
  .contents-design-gp table tbody th {
    width: 160px;
  }
}
@media screen and (max-width: 480px) {
  .contents-design-gp table tbody th {
    width: 120px;
  }
}
.contents-design-gp table tbody:not(:only-child) tr:nth-child(even) th,
.contents-design-gp table tbody:not(:only-child) tr:nth-child(even) td {
  background-color: #fafafa;
}
.contents-design-gp table tbody:only-child th {
  background-color: #000;
  color: #fff;
}
.contents-design-gp table a {
  color: inherit;
}
.contents-design-gp table a.a_link {
  color: #eb673e;
  text-decoration: underline;
}
.contents-design-gp table a.a_link:hover {
  text-decoration: none;
}
.contents-design-gp .click_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em max(10px, 1.5vw);
  margin-top: 2em;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contents-design-gp .click_btn a {
  background-color: #000;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 1em 6em;
  font-size: 1.125em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3em;
}
@media screen and (max-width: 860px) {
  .contents-design-gp .click_btn a {
    padding: 1em 3em 1em 2em;
  }
}
.contents-design-gp .click_btn a::after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f105";
  color: #fff;
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents-design-gp .grandprix {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: max(20px, 2.5vw);
}
@media screen and (max-width: 860px) {
  .contents-design-gp .grandprix {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contents-design-gp .grandprix figure {
  text-align: center;
  font-weight: bold;
}
.contents-design-gp .grandprix figure img {
  aspect-ratio: 226/321;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  margin-bottom: 0.5em;
}

/*==================================================================================================
	サイトマップ
==================================================================================================*/
.area_sitemap a {
  color: inherit;
}
.area_sitemap .list_first .title {
  padding-bottom: 1em;
}
.area_sitemap .list_first .title > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #666;
  font-weight: 600;
  padding-bottom: 0.5em;
  line-height: 1.2;
  font-size: 1.25em;
  text-decoration: none;
}
.area_sitemap .list_first .title > a:not(.a_none)::before {
  content: "\f138";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 1em;
  margin-right: 0.4em;
}
.area_sitemap .list_second {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5em 2em;
  margin-top: 1em;
  padding-bottom: 2em;
}
@media screen and (max-width: 860px) {
  .area_sitemap .list_second {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .area_sitemap .list_second {
    grid-template-columns: repeat(1, 1fr);
  }
}
.area_sitemap .list_second a {
  position: relative;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
  padding-left: 1em;
}
.area_sitemap .list_second a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 0.9em;
}
.area_sitemap .list_second a::after {
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 0.9em;
  margin-left: 0.5em;
}
.area_sitemap .list_second a.link::after {
  content: "\f35d";
}
.area_sitemap .list_second a.pdf::after {
  content: "\f1c1";
}
.area_sitemap .list_second ul {
  margin-top: 0.5em;
}

/*==================================================================================================
	企業・教育関係者の方へ
==================================================================================================*/
.contents .jinzai,
.contents .schoolguide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 2.5vw);
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .contents .jinzai,
  .contents .schoolguide {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contents .jinzai > div *:first-child,
.contents .schoolguide > div *:first-child {
  margin-top: 0 !important;
}
.contents .jinzai p.sub_title,
.contents .schoolguide p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 0em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0;
  line-height: 1.4;
}
.contents .jinzai p.sub_title::before,
.contents .schoolguide p.sub_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b3f0), color-stop(50%, #ff006e), to(#fb8d3b));
  background: linear-gradient(to bottom, #00b3f0 0%, #ff006e 50%, #fb8d3b 100%);
}
.contents .contact {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 2em;
}
@media screen and (max-width: 1080px) {
  .contents .contact {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .contents .contact {
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.contents .contact dl {
  margin-top: 0;
}
.contents .contact .c_form {
  margin-top: 0.5em;
}
.contents .contact .c_form a {
  background-color: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.75em 3em 0.75em 2em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3em;
}
.contents .contact .c_form a::after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f105";
  color: #fff;
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
}
.contents .contact .c_tel {
  margin-top: 0.5em;
}
.contents .contact .c_tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5em;
  color: inherit;
}
.contents .contact .c_tel a::before {
  content: "\f879";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  margin-right: 0.2em;
}
.contents .contact .c_free {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5em;
}
.contents .contact .c_free a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5em;
  color: inherit;
}
.contents .contact .c_free img {
  width: 50px !important;
}
.contents .contact .c_mail {
  margin-top: 0.5em;
}
.contents .contact .c_mail a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5em;
  color: inherit;
}
.contents .contact .c_mail a::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  margin-right: 0.2em;
}

/*==================================================================================================
	保護者及び高校教員の方へ
==================================================================================================*/
.contents .flow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 2.5vw);
  margin-top: 2em;
}
.contents .flow > div {
  padding: 2em 1.5em 1.5em;
  border: 1px solid;
}
.contents .flow > div .sub_title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.contents .flow > div .sub_txt {
  margin-bottom: 2em;
  text-align: center;
}
.contents .shikaku {
  background-color: #fafafa;
  margin-top: 1.5em;
  padding: 2em 2em;
}
.contents .shikaku h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
}
.contents .shikaku h3::after {
  display: none;
}
.contents .shikaku h3:nth-child(n+2) {
  margin-top: 1em;
}
.contents .shikaku > div {
  margin-top: 2em;
}
.contents .shikaku h4 {
  font-weight: bold;
}
.contents .shikaku ul {
  margin-top: 0.5em;
  margin-left: 1em;
  list-style: disc;
}
.contents .shikaku .c2 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 max(20px, 2.5vw);
}
.contents .shikaku .il h4 {
  color: #e71f19;
}
.contents .shikaku .il ul li::marker {
  color: #e71f19;
}
.contents .shikaku .bt h4 {
  color: #e189a4;
}
.contents .shikaku .bt ul li::marker {
  color: #e189a4;
}
.contents .shikaku .hd h4 {
  color: #46bbd1;
}
.contents .shikaku .hd ul li::marker {
  color: #46bbd1;
}

/*==================================================================================================
	社会人・大学生の方へ
==================================================================================================*/
.challenge > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.challenge > .sub_title {
  margin-bottom: 0.25em !important;
  padding-bottom: 0;
  border-bottom: 0 !important;
  text-align: center;
}
.challenge > .sub_txt {
  margin-top: 0;
  margin-bottom: 3em;
  text-align: center;
}
.challenge > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(20px, 2.5vw);
}
@media screen and (max-width: 767px) {
  .challenge > div {
    grid-template-columns: repeat(1, 1fr);
  }
}
.challenge > div p.sub_title {
  position: relative;
  gap: 0.5em;
  margin-top: 0 !important;
  margin-bottom: 0.5em;
  padding-bottom: 0em !important;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0 !important;
  line-height: 1.4;
}

div.syokai ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 0;
}
div.syokai li {
  width: calc(33.33% - 1px);
  background-color: #eee;
}
div.syokai li:nth-child(1) a {
  background-image: url("../img/top/mv_link_01.png");
}
div.syokai li:nth-child(1) a:hover span {
  background-color: #e71f19;
}
div.syokai li:nth-child(2) a {
  background-image: url("../img/top/mv_link_02.png");
}
div.syokai li:nth-child(2) a:hover span {
  background-color: #e189a4;
}
div.syokai li:nth-child(3) a {
  background-image: url("../img/top/mv_link_03.png");
}
div.syokai li:nth-child(3) a:hover span {
  background-color: #46bbd1;
}
div.syokai li a {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  padding-top: 90%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
div.syokai li a:hover {
  opacity: 1;
  background-size: 103% auto;
}
div.syokai li a span {
  background-color: #000;
  color: #fff;
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: min(1.5vw, 15px);
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 120%;
}

/*==================================================================================================
	News & Information
==================================================================================================*/
.info-outer {
  background-color: #f2f2f2;
}
.info-outer .contents {
  font-size: 1em;
}
.info-outer a {
  color: inherit;
  text-decoration: none;
}
.info-outer .wp-pagenavi {
  padding-bottom: 4em;
}
.info-outer .wp-pagenavi a:hover,
.info-outer .wp-pagenavi span.current {
  background: #ff006e;
  border-color: #ff006e;
}

.info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 3em;
  font-weight: bold;
  font-size: 1.25em;
}
@media all and (max-width: 668px) {
  .info-header {
    gap: 1em;
    font-size: 1em;
  }
}

/*==================================================================================================
	Wordpress用 scss
==================================================================================================*/
.main {
  padding: 0;
  position: relative;
  overflow: hidden;
  /*共通ページタイトル*/
}
.main .area_main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: initial;
  text-align: center;
  color: #000;
  padding: 4vw 1em 5vw 1em;
  background-image: url(../img/common/pagettl.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .main .area_main {
    padding: 8vw 1em 10vw 1em;
  }
}
.main .area_main h1 {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: clamp(2rem, 3.5vw, 6.8rem);
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.18);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.main .area_main .sub_title {
  font-family: "Oswald", sans-serif;
  display: inline-block;
  text-align: center;
  background-color: #000;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: 0.2em;
  font-size: clamp(1.2rem, 1.5vw, 3rem);
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.18);
}

/*各学科のページタイトル*/
.page-id-680 .main .area_main,
.parent-pageid-680 .main .area_main,
.page-id-657 .main .area_main,
.parent-pageid-657 .main .area_main,
.page-id-689 .main .area_main,
.parent-pageid-689 .main .area_main,
.parent-pageid-706 .main .area_main {
  overflow: initial;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 10vw 1em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  padding-left: 3%;
  color: #fff;
  text-align: left;
  line-height: 1.2;
}
@media screen and (max-width: 860px) {
  .page-id-680 .main .area_main,
  .parent-pageid-680 .main .area_main,
  .page-id-657 .main .area_main,
  .parent-pageid-657 .main .area_main,
  .page-id-689 .main .area_main,
  .parent-pageid-689 .main .area_main,
  .parent-pageid-706 .main .area_main {
    padding: 21vw 1em;
  }
}
.page-id-680 .main .area_main h1,
.parent-pageid-680 .main .area_main h1,
.page-id-657 .main .area_main h1,
.parent-pageid-657 .main .area_main h1,
.page-id-689 .main .area_main h1,
.parent-pageid-689 .main .area_main h1,
.parent-pageid-706 .main .area_main h1 {
  text-align: left;
  display: block;
  font-size: clamp(2rem, 2vw, 4.8rem);
  letter-spacing: 3px;
}
.page-id-680 .main .area_main .sub_title,
.parent-pageid-680 .main .area_main .sub_title,
.page-id-657 .main .area_main .sub_title,
.parent-pageid-657 .main .area_main .sub_title,
.page-id-689 .main .area_main .sub_title,
.parent-pageid-689 .main .area_main .sub_title,
.parent-pageid-706 .main .area_main .sub_title {
  display: block;
  text-align: left;
  font-size: clamp(0.8em, 1vw, 2.2rem);
  font-weight: bold;
  background-color: initial;
}
.page-id-680 .kaiyu_link,
.parent-pageid-680 .kaiyu_link,
.page-id-657 .kaiyu_link,
.parent-pageid-657 .kaiyu_link,
.page-id-689 .kaiyu_link,
.parent-pageid-689 .kaiyu_link,
.parent-pageid-706 .kaiyu_link {
  font-size: 0.6em;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
@media screen and (max-width: 860px) {
  .page-id-680 .kaiyu_link,
  .parent-pageid-680 .kaiyu_link,
  .page-id-657 .kaiyu_link,
  .parent-pageid-657 .kaiyu_link,
  .page-id-689 .kaiyu_link,
  .parent-pageid-689 .kaiyu_link,
  .parent-pageid-706 .kaiyu_link {
    font-size: 1em;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 96%;
  }
}
.page-id-680 .kaiyu_link.bt a,
.parent-pageid-680 .kaiyu_link.bt a,
.page-id-657 .kaiyu_link.bt a,
.parent-pageid-657 .kaiyu_link.bt a,
.page-id-689 .kaiyu_link.bt a,
.parent-pageid-689 .kaiyu_link.bt a,
.parent-pageid-706 .kaiyu_link.bt a {
  background-color: #46bbd1;
}
.page-id-680 .kaiyu_link a,
.parent-pageid-680 .kaiyu_link a,
.page-id-657 .kaiyu_link a,
.parent-pageid-657 .kaiyu_link a,
.page-id-689 .kaiyu_link a,
.parent-pageid-689 .kaiyu_link a,
.parent-pageid-706 .kaiyu_link a {
  width: 230px;
  text-align: center;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px solid #fff;
  line-height: 1.3em;
}
@media screen and (max-width: 860px) {
  .page-id-680 .kaiyu_link a,
  .parent-pageid-680 .kaiyu_link a,
  .page-id-657 .kaiyu_link a,
  .parent-pageid-657 .kaiyu_link a,
  .page-id-689 .kaiyu_link a,
  .parent-pageid-689 .kaiyu_link a,
  .parent-pageid-706 .kaiyu_link a {
    width: 100%;
    height: auto;
  }
}
.page-id-680 .btn_oc,
.parent-pageid-680 .btn_oc,
.page-id-657 .btn_oc,
.parent-pageid-657 .btn_oc,
.page-id-689 .btn_oc,
.parent-pageid-689 .btn_oc,
.parent-pageid-706 .btn_oc {
  position: absolute;
  width: 7em;
  height: 7em;
  right: 10px;
  bottom: 0px;
  z-index: 101;
}
.page-id-680 .menu_sub,
.parent-pageid-680 .menu_sub,
.page-id-657 .menu_sub,
.parent-pageid-657 .menu_sub,
.page-id-689 .menu_sub,
.parent-pageid-689 .menu_sub,
.parent-pageid-706 .menu_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px 0;
  background: #000;
}
@media screen and (max-width: 860px) {
  .page-id-680 .menu_sub,
  .parent-pageid-680 .menu_sub,
  .page-id-657 .menu_sub,
  .parent-pageid-657 .menu_sub,
  .page-id-689 .menu_sub,
  .parent-pageid-689 .menu_sub,
  .parent-pageid-706 .menu_sub {
    display: none;
  }
}
.page-id-680 .menu_sub li,
.parent-pageid-680 .menu_sub li,
.page-id-657 .menu_sub li,
.parent-pageid-657 .menu_sub li,
.page-id-689 .menu_sub li,
.parent-pageid-689 .menu_sub li,
.parent-pageid-706 .menu_sub li {
  white-space: nowrap;
}
.page-id-680 .menu_sub li a,
.parent-pageid-680 .menu_sub li a,
.page-id-657 .menu_sub li a,
.parent-pageid-657 .menu_sub li a,
.page-id-689 .menu_sub li a,
.parent-pageid-689 .menu_sub li a,
.parent-pageid-706 .menu_sub li a {
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-680 .menu_sub li a:hover,
.parent-pageid-680 .menu_sub li a:hover,
.page-id-657 .menu_sub li a:hover,
.parent-pageid-657 .menu_sub li a:hover,
.page-id-689 .menu_sub li a:hover,
.parent-pageid-689 .menu_sub li a:hover,
.parent-pageid-706 .menu_sub li a:hover {
  text-decoration: underline;
  opacity: 1;
}
.page-id-680 .menu_sub li a::before,
.parent-pageid-680 .menu_sub li a::before,
.page-id-657 .menu_sub li a::before,
.parent-pageid-657 .menu_sub li a::before,
.page-id-689 .menu_sub li a::before,
.parent-pageid-689 .menu_sub li a::before,
.parent-pageid-706 .menu_sub li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 0.9em;
  margin-right: 0.2em;
}

/*---------------- パンくずリスト ----------------*/
.breadCrumb {
  width: 100%;
  text-align: left;
  font-size: 0.7em;
  padding: 1em 2em;
  margin-top: auto;
  background-color: #f2f2f2;
  color: #000;
}
@media screen and (max-width: 767px) {
  .breadCrumb {
    display: none;
  }
}
.breadCrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.breadCrumb ul li:not(:last-child):after {
  display: inline-block;
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 1em;
  margin-left: 0.5em;
}
.breadCrumb a {
  color: #000;
  text-decoration: underline;
}

/*---------------- 下層ページ導線 ----------------*/
.sec-page-link .bnr {
  padding: 2em 0;
  gap: 2em;
}
@media screen and (max-width: 860px) {
  .sec-page-link .bnr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.sec-page-link .bnr .flexWrap > * {
  width: calc(50% - 1em);
  padding: 0 0 0 1em;
}
@media screen and (max-width: 860px) {
  .sec-page-link .bnr .flexWrap > * {
    width: 100%;
    padding: 1em 1em 1em 2em;
  }
}
.sec-page-link .link {
  background-color: #f2f2f2;
  padding: 2em 0;
}
.sec-page-link .link .flexWrap > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border-radius: 1em;
  padding: 1em;
  color: #1a9291;
  line-height: 1.5;
  background-color: #fff;
  border: 0.15em solid;
}
.sec-page-link .link .flexWrap > *::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 0.9em;
  margin-right: 0.5em;
}

/*---------------------------------------------------------------------
投稿・アーカイブ関連
---------------------------------------------------------------------*/
.news__list {
  margin: 2em auto;
}
.news__item a {
  width: 100%;
  margin: 0 0 1.5em 0;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.5em;
  line-height: 1.5;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .news__item a {
    margin: 0 0 1em 0;
  }
}
.news__item a::after {
  content: "";
  opacity: 0;
}
.news__item a:hover::after {
  background: rgb(0, 179, 240);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
  background: linear-gradient(90deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.4;
}
.news__item a .imgWrap {
  position: relative;
  width: 20%;
}
@media screen and (max-width: 860px) {
  .news__item a .imgWrap {
    width: 30%;
  }
}
.news__item a .imgWrap img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__item a .txtWrap {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .news__item a .txtWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.2em;
    width: 70%;
  }
}
.news__item a .txtWrap .date {
  border-right: 1px solid #ccc;
  padding: 0 1.5em 0 0;
  margin-right: 0.5em;
  font-size: 0.8em;
}
@media screen and (max-width: 860px) {
  .news__item a .txtWrap .date {
    padding: 0;
    margin: 0;
    border: none;
  }
}
.news__item a .txtWrap .ttl {
  width: 100%;
  display: block;
  font-weight: bold;
  text-align: left;
}

.event__list {
  margin: 5em auto 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3em 4%;
}
.event__item {
  position: relative;
  width: 30.3333333333%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .event__item {
    width: 47%;
  }
}
.event__item a {
  line-height: 1.5;
  font-weight: bold;
}
.event__item a::after {
  content: "";
  opacity: 0;
}
.event__item a:hover::after {
  background: rgb(0, 179, 240);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 179, 240)), color-stop(50%, rgb(255, 0, 110)), to(rgb(251, 141, 59)));
  background: linear-gradient(90deg, rgb(0, 179, 240) 0%, rgb(255, 0, 110) 50%, rgb(251, 141, 59) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  opacity: 0.4;
}
.event__item a .imgWrap img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .event__item a .imgWrap img {
    aspect-ratio: 1/1;
  }
}
.event__item a .dateWrap {
  position: absolute;
  top: -3em;
  left: 1em;
}
@media screen and (max-width: 767px) {
  .event__item a .dateWrap {
    top: -1.5em;
  }
}
.event__item a .txtWrap {
  padding: 1.5em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .event__item a .txtWrap {
    padding: 1em;
  }
}
.event__item a .txtWrap > * {
  display: block;
  text-align: left;
}
.event__item a .date {
  font-size: clamp(2em, 4vw, 3.5em);
}
.event__item a .week {
  font-size: clamp(1.2em, 2vw, 2em);
  /*
  &.sat {
    color: var.$sat;
  }
  &.sun {
    color: var.$sun;
  }*/
}
.event__item a .time {
  font-family: "Oswald", sans-serif;
}
.event__item a .txt {
  font-size: 0.8em;
}

/*---------------- ページナビゲーション ----------------*/
.pagenavi {
  text-align: center;
  color: #000;
  margin: 2em auto;
  font-size: 1.4rem;
  margin: 4em auto;
}
.pagenavi a,
.pagenavi span {
  border-radius: 0.25em;
  color: #000;
  border: 1px solid #ccc;
  display: inline-block;
  line-height: 1;
  padding: 1em 2em;
  margin: 0.25em;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .pagenavi a,
  .pagenavi span {
    padding: 1em;
  }
}
.pagenavi span[aria-current~=page],
.pagenavi .current,
.pagenavi a:hover,
.pagenavi span:hover {
  color: #fff;
  background-color: #ccc;
}

.wp-pagenavi {
  clear: both;
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  border: 1px solid;
  color: #fff;
  margin: 0.25em;
  width: 2em;
  height: 2em;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-pagenavi .pages {
  width: 4em;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background-color: #fff;
  color: #fff;
}
.wp-pagenavi span.current {
  font-weight: bold;
}

/*---------------- 前へ・次へ・一覧に戻るボタン ----------------*/
.navWrap {
  margin-top: 4em;
  text-align: center;
}
.navWrap a {
  padding: 0.5em 1em;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

/*---------------------------------------------------------------------
固定ページ・記事共通
---------------------------------------------------------------------*/
.subContent {
  font-size: clamp(1.3rem, 1.6vw, 1.6rem);
  margin: auto;
  padding: 0;
}
.subContent .inner h1,
.subContent .inner h2,
.subContent .inner h3,
.subContent .inner h4,
.subContent .inner h5,
.subContent .inner h6 {
  margin: 0 auto 1em auto;
  padding: 0;
  letter-spacing: 0.1em;
}
.subContent .inner h1.right,
.subContent .inner h2.right,
.subContent .inner h3.right,
.subContent .inner h4.right,
.subContent .inner h5.right,
.subContent .inner h6.right {
  text-align: right;
}
.subContent .inner h1.left,
.subContent .inner h2.left,
.subContent .inner h3.left,
.subContent .inner h4.left,
.subContent .inner h5.left,
.subContent .inner h6.left {
  text-align: left;
}
.subContent .inner h1.center,
.subContent .inner h2.center,
.subContent .inner h3.center,
.subContent .inner h4.center,
.subContent .inner h5.center,
.subContent .inner h6.center {
  text-align: center;
}
.subContent .inner p {
  line-height: 2;
  margin-bottom: 2em;
}
.subContent .inner p a {
  color: #ff006e;
  text-decoration: underline;
}
.subContent .inner p.right {
  text-align: right;
}
.subContent .inner p.left {
  text-align: left;
}
.subContent .inner p.center {
  text-align: center;
}
.subContent .inner h1 {
  position: relative;
  font-size: clamp(2rem, 3vw, 200%);
  display: inline-block;
  padding: 0.75em 1em;
}
@media screen and (min-width: 767px) {
  .subContent .inner h1.tate {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    padding: 1em 0.75em;
    letter-spacing: 0.2em;
  }
}
.subContent .inner h1::before, .subContent .inner h1::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url(../img/common/ttl_brackets.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}
.subContent .inner h1::before {
  left: 0;
  top: 0;
}
.subContent .inner h1::after {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.subContent .inner h2 {
  position: relative;
  font-size: clamp(1.8rem, 2.4vw, 180%);
  font-weight: 300;
  background: none;
  padding: 0 0 1em 0;
}
.subContent .inner h2::before {
  content: "";
  width: 15%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.subContent .inner h3 {
  font-size: clamp(1.7rem, 2.3vw, 155%);
  font-weight: 300;
  line-height: 1.6;
  color: #000;
  background: none;
  border: none;
}
.subContent .inner h3:before {
  content: "◆";
  font-size: 0.8em;
  margin-right: 0.3em;
}
.subContent .inner h4 {
  font-size: clamp(1.6rem, 2.2vw, 140%);
}
.subContent > div {
  padding: 4em 0;
}
.subContent > div .inner .imgwide {
  margin-top: 4em;
}
.subContent > div .inner .titleWrap {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .subContent > div .inner.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .subContent > div .inner.flex .titleWrap {
    width: 20%;
  }
  .subContent > div .inner.flex .txtWrap {
    width: 80%;
  }
}

/*---------------------------------------------------------------------
ブロックエディタ上書き
---------------------------------------------------------------------*/
.wp-block-columns {
  --wp-column-gap: 3% !important;
  gap: 3% !important;
  margin-bottom: 5% !important;
}

.is-style-card.wp-block-media-text {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.wp-block-media-text__content {
  padding: 2em;
}
@media (max-width: 600px) {
  .wp-block-media-text__content {
    padding: 2em 0;
  }
}

.lum-lightbox-inner img {
  max-height: 100%;
  max-width: initial;
  height: auto;
  width: auto;
}
@media (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 100% !important;
  }
}

.alignwide {
  width: 100%;
  left: initial;
}

.wp-block-gallery img {
  border-radius: 0;
}

/*---------------------------------------------------------------------
SNSフィード
---------------------------------------------------------------------*/
/*Smash Balloon Instagram Feed*/
#sb_instagram #sbi_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sb_instagram #sbi_images .sbi_item {
  border: 1px solid #ddd;
  background: #fff;
}
#sb_instagram #sbi_images .sbi_item .sbi_info {
  font-size: 1rem;
}

/*イラストレーション科*/
.area_sns_load ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 860px) {
  .area_sns_load ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.area_sns_load ul li {
  border: 1px solid #ddd;
  width: calc(25% - 1em);
  margin: 0.3em;
}
@media screen and (max-width: 860px) {
  .area_sns_load ul li {
    width: calc(50% - 1em);
    margin: 5px;
  }
}
.area_sns_load ul li a {
  display: block;
  height: 200px;
}
@media screen and (max-width: 860px) {
  .area_sns_load ul li a {
    height: 130px;
  }
}
.area_sns_load ul li a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.area_sns_load ul li .block_txt {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  font-size: 10px;
  color: #000;
  text-align: left;
  border-radius: 0 0 10px 10px;
}
.area_sns_load ul li .block_txt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.area_sns_load ul li .block_txt span {
  color: #999;
  display: block;
  margin-bottom: 5px;
}

/*==================================================================================================
	オープンキャンパス
==================================================================================================*/
.page-id-450 .main {
  display: none;
}

.sec-opencampus-main {
  text-align: center;
  background-image: url(../img/open-campus/main_bg_left.png), url(../img/open-campus/main_bg_right.png);
  background-position: bottom left, bottom right;
  background-size: 30%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-main {
    background-size: 45%;
  }
}
.sec-opencampus-main .mContainer {
  padding: 0 0 6em 0;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-main .mContainer {
    padding: 2em 0 5em 0;
  }
}
.sec-opencampus-main .mContainer .ttl {
  line-height: 1.5;
  font-size: clamp(1.6em, 3vw, 4.8rem);
}
.sec-opencampus-main .mContainer .txt {
  margin-top: 1em;
  font-size: clamp(1em, 2vw, 2rem);
}

.sec-opencampus-schedule {
  background-color: #f7f7f7;
  background-image: url(../img/open-campus/schedule_bg.png);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 25vw;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-schedule {
    background-size: 150%;
  }
}

.sec-opencampus-about .flexWrap {
  gap: 3em;
  margin-bottom: 4em;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap {
    gap: 1.5em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-opencampus-about .flexWrap > * {
  width: calc(50% - 1.5em);
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap > * {
    width: 100%;
  }
}
.sec-opencampus-about .flexWrap .imgWrap img {
  border-radius: 0.5em;
}
.sec-opencampus-about .flexWrap .txtWrap .img {
  text-align: left;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap .txtWrap .img {
    margin: -2em 0 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
  }
}
.sec-opencampus-about .flexWrap .txtWrap .img img {
  width: auto;
  margin: 0;
  height: 2em;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap .txtWrap .img img {
    margin: auto;
  }
}
.sec-opencampus-about .flexWrap .txtWrap .ttl {
  margin: 1em auto 0.75em auto;
  font-weight: bold;
  line-height: 1.3;
  font-size: clamp(1.6em, 3vw, 4.8rem);
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap .txtWrap .ttl {
    text-align: center;
  }
}
.sec-opencampus-about .flexWrap .txtWrap .btn {
  width: 350px;
  margin-top: 2em;
  line-height: 1;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap .txtWrap .btn {
    width: 100%;
  }
}
.sec-opencampus-about .flexWrap .imgWrap {
  position: relative;
}
.sec-opencampus-about .flexWrap .imgWrap::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media screen and (min-width: 860px) {
  .sec-opencampus-about .flexWrap:nth-child(odd) .imgWrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.sec-opencampus-about .flexWrap:nth-child(odd) .imgWrap::before {
  background-image: url(../img/open-campus/bg_01.png);
  right: -40%;
  top: -20%;
  width: 75%;
  height: 140%;
  background-position: right top;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap:nth-child(odd) .imgWrap::before {
    right: -35%;
    top: -40%;
    width: 75%;
    height: 170%;
  }
}
@media screen and (min-width: 860px) {
  .sec-opencampus-about .flexWrap:nth-child(odd) .txtWrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.sec-opencampus-about .flexWrap:nth-child(even) .imgWrap::before {
  background-image: url(../img/open-campus/bg_02.png);
  left: -40%;
  top: -20%;
  width: 80%;
  height: 130%;
  background-position: left top;
}
@media screen and (max-width: 860px) {
  .sec-opencampus-about .flexWrap:nth-child(even) .imgWrap::before {
    left: -45%;
    top: -20%;
    width: 80%;
    height: 145%;
  }
}

/*==================================================================================================
	選ばれる理由
==================================================================================================*/
.sec-points-about p {
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}

.sec-points .mContainer {
  position: relative;
}
.sec-points .mContainer::before {
  content: "";
  display: inline-block;
  width: 30%;
  height: 50%;
  position: absolute;
  left: -5%;
  top: 0;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 1367px) {
  .sec-points .mContainer::before {
    content: none;
  }
}
.sec-points .mContainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 120%;
  height: 105%;
  z-index: -2;
  background-position: center;
  background-size: cover;
}
.sec-points .mContainer .inner {
  position: relative;
}
.sec-points .mContainer .inner::before {
  content: "";
  display: inline-block;
  width: 25vw;
  height: 120%;
  position: absolute;
  right: -10vw;
  bottom: -10%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .sec-points .mContainer .inner::before {
    width: 60%;
    background-position: top center !important;
  }
}
.sec-points .mContainer:nth-child(odd)::after {
  background-image: url(../img/points/bg_01.png);
  -webkit-transform: skewY(2deg);
          transform: skewY(2deg);
}
@media screen and (min-width: 767px) {
  .sec-points .mContainer:nth-child(odd) .imgWrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .sec-points .mContainer:nth-child(odd) .txtWrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.sec-points .mContainer:nth-child(even)::after {
  background-image: url(../img/points/bg_02.png);
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
}
.sec-points .mContainer:nth-child(even)::before {
  left: initial;
  right: -5%;
}
.sec-points .mContainer:nth-child(even) .inner::before {
  right: initial;
  left: -10vw;
  z-index: -1;
}
.sec-points .mContainer:nth-child(1)::before {
  background-image: url(../img/points/num_bg_01.svg);
}
.sec-points .mContainer:nth-child(1) .inner::before {
  background-image: url(../img/points/img_bg_01.png);
  background-position: center top 60%;
}
.sec-points .mContainer:nth-child(2)::before {
  background-image: url(../img/points/num_bg_02.svg);
}
.sec-points .mContainer:nth-child(2) .inner::before {
  background-image: url(../img/points/img_bg_02.png);
}
.sec-points .mContainer:nth-child(3)::before {
  background-image: url(../img/points/num_bg_03.svg);
}
.sec-points .mContainer:nth-child(3) .inner::before {
  background-image: url(../img/points/img_bg_03.png);
  background-position: center top;
}
.sec-points .mContainer:nth-child(4)::before {
  background-image: url(../img/points/num_bg_04.svg);
}
.sec-points .mContainer:nth-child(4) .inner::before {
  background-image: url(../img/points/img_bg_04.png);
}
.sec-points .mContainer:nth-child(5)::before {
  background-image: url(../img/points/num_bg_05.svg);
}
.sec-points .mContainer:nth-child(5) .inner::before {
  background-image: url(../img/points/img_bg_05.png);
  background-position: center top;
  bottom: 0;
}
.sec-points .flexWrap.-col2 {
  gap: 3em;
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 {
    gap: 2em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-points .flexWrap.-col2 > * {
  width: calc(50% - 1.5em);
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 > * {
    width: 100%;
  }
}
.sec-points .flexWrap.-col2 .imgWrap {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 .imgWrap {
    padding: 0 1em;
  }
}
.sec-points .flexWrap.-col2 .imgWrap img {
  border-radius: 0.5em;
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 .txtWrap .point {
    text-align: center;
  }
}
.sec-points .flexWrap.-col2 .txtWrap .point img {
  width: auto;
  margin: 0;
  height: 2em;
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 .txtWrap .point img {
    margin: auto;
  }
}
.sec-points .flexWrap.-col2 .txtWrap .ttl {
  margin: 1em 0;
  line-height: 1.4;
  font-weight: bold;
  font-size: clamp(2.2rem, 2.6vw, 4.4rem);
}
@media screen and (max-width: 767px) {
  .sec-points .flexWrap.-col2 .txtWrap .ttl {
    text-align: center;
    margin: 0.5em auto 1em auto;
  }
}
.sec-points .flexWrap.-col2 .txtWrap .btn {
  margin-top: 2em;
}
.sec-points .link {
  margin-top: 4em;
  padding: 4em 4vw 0;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-points .link > * {
    width: 100%;
  }
}
.sec-points .link > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec-points .link > div .imgWrap {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 860px) {
  .sec-points .link > div .imgWrap {
    width: 40%;
  }
}
.sec-points .link > div .imgWrap img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.sec-points .link > div .imgWrap::before {
  content: "\f138";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 1.75em;
  position: absolute;
  left: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #000;
  background-color: #fff;
  line-height: 1;
  border-radius: 100px;
}
.sec-points .link > div .txtWrap {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5em 1em;
}
@media screen and (max-width: 860px) {
  .sec-points .link > div .txtWrap {
    width: 60%;
  }
}
.sec-points .link > div .txtWrap .en {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 0.5em;
  line-height: 1;
}
.sec-points .link > div .txtWrap .ttl {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  display: block;
  text-align: center;
  line-height: 1.2;
  border-bottom: 1px solid;
  white-space: nowrap;
}
.sec-points .link > div .txtWrap ul {
  width: auto;
  font-size: 0.8em;
}
.sec-points .link .illustration {
  background-color: #00c0e6;
}
.sec-points .link .beauty {
  background-color: #5d2db3;
}
.sec-points .link .hair {
  background-color: #e64395;
}

/*==================================================================================================
	高校生の方へ
==================================================================================================*/
.page-id-558 section.main {
  display: none;
}

.sec-forstudents-wrap {
  background-image: url(../img/for-students/pagettl_bg.svg), url(../img/for-students/step01_bg.svg);
  background-position: right top, left bottom;
  background-size: 50%, 40%;
  background-repeat: no-repeat;
}

.sec-forstudents-pagettl {
  padding: 5vw 0;
}

.sec-forstudents-step01 .mContainer {
  padding-top: 0;
}
.sec-forstudents-step01 .main {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 5%;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step01 .main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1em;
  }
}
.sec-forstudents-step01 .main .txtWrap {
  width: 45%;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step01 .main .txtWrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.sec-forstudents-step01 .main .txtWrap .txt {
  font-weight: bold;
  margin: 2em auto 3em auto;
}
.sec-forstudents-step01 .main .imgWrap {
  margin-right: -5%;
  width: 55%;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step01 .main .imgWrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}
.sec-forstudents-step01 .graph {
  margin: 4em auto 0 auto;
  gap: 2em;
}
.sec-forstudents-step01 .graph > * {
  width: calc(33.3333333333% - 3em);
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step01 .graph > * {
    width: 100%;
    padding: 1em 1em 1em 1.5em;
  }
}

.sec-forstudents-step02 {
  text-align: center;
}
.sec-forstudents-step02 .mContainer {
  background-image: url(../img/for-students/step02_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sec-forstudents-step02 .point {
  margin-left: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5em;
  font-size: clamp(1rem, 1.4vw, 1.4em);
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step02 .point {
    gap: 1em;
    max-width: 100%;
  }
}
.sec-forstudents-step02 .point > * {
  width: calc(50% - 1em);
  padding: 1.5em 0.5em;
  text-align: center;
  background-color: #fff;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step02 .point > * {
    width: calc(50% - 0.5em);
  }
}
.sec-forstudents-step02 .point > *:nth-child(1) span {
  color: #00c0e6;
}
.sec-forstudents-step02 .point > *:nth-child(2) span {
  color: #5357be;
}
.sec-forstudents-step02 .point > *:nth-child(3) span {
  color: #b337ab;
}
.sec-forstudents-step02 .point > *:nth-child(4) span {
  color: #ed4a84;
}
.sec-forstudents-step02 .point > *:nth-child(5) span {
  color: #eb673e;
}
.sec-forstudents-step02 .point .en {
  display: block;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 0.3em;
  font-size: clamp(1.2rem, 2vw, 2em);
}
.sec-forstudents-step02 .voice {
  background-color: #fafafa;
  padding-bottom: 4em;
}
.sec-forstudents-step02 .voice .flexWrap {
  margin-top: 2em;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step02 .voice .flexWrap > * {
    width: 100%;
  }
}

.sec-forstudents-step03 {
  text-align: center;
}
.sec-forstudents-step03 .lineLabel {
  display: inline-block;
  position: relative;
  margin: 1em auto;
  text-align: center;
  font-size: clamp(1.5em, 3vw, 4.8rem);
}
.sec-forstudents-step03 .lineLabel img {
  display: inline-block;
  position: absolute;
  top: -60%;
  right: -20%;
  width: 4em;
  z-index: 10;
}
.sec-forstudents-step03 .txt {
  font-weight: bold;
}
.sec-forstudents-step03 .flexWrap.-col3 {
  margin-top: 1em;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step03 .flexWrap.-col3 > * {
    width: 100%;
  }
}
.sec-forstudents-step03 .ttl {
  text-align: center;
  padding: 0.5em 0;
  border-bottom: 1px solid;
  font-weight: bold;
  white-space: nowrap;
}
.sec-forstudents-step03 .ttl.illustration {
  color: #00c0e6;
}
.sec-forstudents-step03 .ttl.beauty {
  color: #5d2db3;
}
.sec-forstudents-step03 .ttl.hair {
  color: #e64395;
}
.sec-forstudents-step03 .area_sns_load {
  margin: 1em auto;
}
.sec-forstudents-step03 .area_sns_load ul li {
  width: calc(50% - 1em);
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step03 .area_sns_load ul li {
    width: calc(50% - 1em);
  }
}
.sec-forstudents-step03 #sb_instagram #sbi_images .sbi_item {
  width: calc(50% - 10px) !important;
  margin: 5px !important;
}

.sec-forstudents-step04 {
  margin-bottom: -4em;
}
@media screen and (max-width: 860px) {
  .sec-forstudents-step04 {
    margin-bottom: -3em;
  }
}
/*==================================================================================================
	全体
==================================================================================================*/
.parent-pageid-657 .w1100 {
  max-width: 1100px !important;
  width: calc(100% - 20px) !important;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  .parent-pageid-657 .pconly {
    display: none;
  }
}
@media screen and (min-width: 1081px) {
  .parent-pageid-657 .sponly {
    display: none;
  }
}
.parent-pageid-657 h3.style {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e189a4), to(#ffb7cc)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e189a4 0%, #ffb7cc 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #8b7d7a;
  border-radius: 10px;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px 12px 10px;
  font-size: 23px;
  position: relative;
  margin: 0 0 20px 0;
}
.parent-pageid-657 h3.style:before {
  content: "●";
  font-size: 10px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 16px;
}
.parent-pageid-657 h3.style:after {
  content: "●";
  font-size: 10px;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 16px;
}
.parent-pageid-657 h3.style small {
  font-size: 0.8em;
}
@media all and (max-width: 668px) {
  .parent-pageid-657 section .block_title h2 {
    font-size: 20px;
  }
}

/*==================================================================================================
	ブライダル・トータルビューティー科
==================================================================================================*/
.page-id-657 .main .area_main,
.parent-pageid-657 .main .area_main {
  background-image: url(../img/beauty/pagettl.png);
}
@media screen and (max-width: 860px) {
  .page-id-657 .main .area_main,
  .parent-pageid-657 .main .area_main {
    background-image: url(../img/beauty/pagettl_sp.png);
    background-position: left;
  }
}
.page-id-657 .kaiyu_link a,
.parent-pageid-657 .kaiyu_link a {
  background-color: #46bbd1;
}
.page-id-657 .sec-page-link .flexWrap > *,
.parent-pageid-657 .sec-page-link .flexWrap > * {
  color: #e089a4;
}
.page-id-657 .menu_sub,
.parent-pageid-657 .menu_sub {
  background-color: #e189a4;
}

.sec-beauty-topics {
  background-image: url(../img/beauty/topics_bg.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-align: center;
}
.sec-beauty-topics .imgWrap {
  width: 2em;
  height: 2em;
  margin: auto;
}
.sec-beauty-topics .ttl {
  margin: 1em auto 2em auto;
  font-weight: bold;
}
.sec-beauty-topics .ttl span {
  display: block;
  font-size: 2em;
  padding-top: 0.1em;
}
.sec-beauty-topics .ttl .en {
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1em;
  letter-spacing: 0.05em;
}
.sec-beauty-topics .area_sns_load {
  max-width: 1100px;
  width: calc(100% - 20px);
  margin: 0 auto;
  text-align: center;
  color: #000;
}

.sec-beauty-irodori {
  background: url(../img/beauty/irodori-bg1.png) 50% 50%/cover no-repeat;
}
.sec-beauty-irodori-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/beauty/irodori-bg2.png) 0 100%/50.5vw auto no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-beauty-irodori-inner {
    background-size: 100% auto;
  }
}
.sec-beauty-irodori-text {
  padding-left: 41vw;
  padding-bottom: 3.1vw;
}
@media screen and (max-width: 860px) {
  .sec-beauty-irodori-text {
    padding-left: 0;
    padding-bottom: 58vw;
  }
}
.sec-beauty-irodori-text img {
  width: 48.4vw;
}
@media screen and (max-width: 860px) {
  .sec-beauty-irodori-text img {
    width: 100%;
  }
}

.sec-beauty-curriculum {
  background: url(../img/beauty/curriculum-bg.png) 50% 50%/cover no-repeat;
  padding: 6.2vw 0 4vw;
}
.sec-beauty-curriculum-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-beauty-curriculum-heading img {
  width: clamp(200px, 20vw, 390px);
}
.sec-beauty-curriculum-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.4vw;
  padding: 3vw 2vw 0;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-lists {
    padding: 3vw 7vw 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-beauty-curriculum-lists li {
  width: max(494px, 25.7vw);
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-lists li {
    width: 100%;
  }
}

.slider-beauty {
  margin-top: 5.2vw;
}
.slider-beauty div {
  padding: 0 1vw;
}

.sec-beauty-points {
  background-color: #fdf1f3;
  padding: 6vw 0 5vw;
}
.sec-beauty-points-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-beauty-points-heading img {
  width: clamp(200px, 20vw, 390px);
}
.sec-beauty-points-lists {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1370px;
  margin-top: min(80px, 4vw);
  margin-right: auto;
  margin-left: auto;
  border-left: 3px dotted #f4b4c9;
}
@media screen and (max-width: 1370px) {
  .sec-beauty-points-lists {
    border-left: 0;
  }
}
@media screen and (max-width: 860px) {
  .sec-beauty-points-lists {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sec-beauty-points-lists li {
  border-right: 3px dotted #f4b4c9;
}
@media screen and (max-width: 1370px) {
  .sec-beauty-points-lists li:last-child {
    border-right: 0;
  }
  .sec-beauty-points-lists li:nth-child(1), .sec-beauty-points-lists li:nth-child(2) {
    padding-bottom: 8vw;
    border-bottom: 3px dotted #f4b4c9;
  }
  .sec-beauty-points-lists li:nth-child(3), .sec-beauty-points-lists li:nth-child(4) {
    padding-top: 5vw;
  }
}
@media screen and (max-width: 860px) {
  .sec-beauty-points-lists li:nth-child(2) {
    border-right: 0;
  }
}

/*==================================================================================================
	納得の就職・未来の職業
==================================================================================================*/
.sec-beauty-employment-about {
  text-align: center;
  background-image: url(../img/hair/employment/about_bg.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-beauty-employment-about {
    background-size: cover;
  }
}
.sec-beauty-employment-about .ttl {
  font-weight: bold;
  color: #1a9291;
  font-size: 1.5em;
  margin: 2em auto 1em auto;
}
.sec-beauty-employment-about .small {
  font-size: 0.7em;
}

.sec-beauty-employment-voice .mContainer .mainTtl {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(2em, 5vw, 6.5rem);
  font-weight: bold;
}
.sec-beauty-employment-voice .mContainer .mainTtl span {
  color: #1a9291;
  font-size: 40%;
  display: block;
}
.sec-beauty-employment-voice .mContainer .voiceList {
  gap: 3em;
}
@media screen and (max-width: 860px) {
  .sec-beauty-employment-voice .mContainer .voiceList {
    gap: 1em;
  }
}
.sec-beauty-employment-voice .mContainer .voiceList > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5em;
  border-radius: 1em;
  overflow: hidden;
  font-weight: bold;
  width: calc(50% - 1.5em);
}
@media screen and (max-width: 860px) {
  .sec-beauty-employment-voice .mContainer .voiceList > * {
    width: 100%;
  }
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(1), .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(4), .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(5) {
  background-color: #fff352;
  color: #109291;
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(1) .company,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(1) .name, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(4) .company,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(4) .name, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(5) .company,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(5) .name {
  color: #000;
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(1) .company span::before,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(1) .name span::before, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(4) .company span::before,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(4) .name span::before, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(5) .company span::before,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(5) .name span::before {
  color: #109291;
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(2), .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(3) {
  background-color: #109291;
  color: #fff352;
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(2) .company,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(2) .name, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(3) .company,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(3) .name {
  color: #fff;
}
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(2) .company span::before,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(2) .name span::before, .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(3) .company span::before,
.sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(3) .name span::before {
  color: #fff352;
}
@media screen and (max-width: 860px) {
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(odd) {
    background-color: #fff352;
    color: #109291;
  }
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(odd) .company,
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(odd) .name {
    color: #000;
  }
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(odd) .company span::before,
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(odd) .name span::before {
    color: #109291;
  }
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(even) {
    background-color: #109291;
    color: #fff352;
  }
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(even) .company,
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(even) .name {
    color: #fff;
  }
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(even) .company span::before,
  .sec-beauty-employment-voice .mContainer .voiceList > *:nth-child(even) .name span::before {
    color: #fff352;
  }
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1em;
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap .job {
  font-size: 1.25em;
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap .company {
  font-size: 0.9em;
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap .name {
  font-size: 1.1em;
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap .name span {
  font-size: 0.8em;
}
.sec-beauty-employment-voice .mContainer .voiceList .ttlWrap .name span::before {
  content: "●";
  display: inline-block;
  margin-left: 1em;
}
.sec-beauty-employment-voice .mContainer .voiceList .flex {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sec-beauty-employment-voice .mContainer .voiceList .flex .imgWrap {
  width: 40%;
  margin-right: 1em;
  margin-left: -1.5em;
  margin-bottom: -1.5em;
}
.sec-beauty-employment-voice .mContainer .voiceList .flex .txtWrap {
  width: 60%;
  line-height: 1.75;
}
.sec-beauty-employment-voice .sContainer {
  padding-top: 4em;
}
.sec-beauty-employment-voice .sContainer .main {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(1.5em, 3vw, 4rem);
  font-weight: bold;
  color: #1a9291;
  line-height: 1.5;
}
.sec-beauty-employment-voice .sContainer .main span {
  display: block;
  font-weight: normal;
  font-size: 0.5em;
}
.sec-beauty-employment-voice .sContainer .flexWrap {
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-beauty-employment-voice .sContainer .flexWrap > * {
    width: 100%;
  }
}
.sec-beauty-employment-voice .sContainer .flexWrap .ttl {
  padding: 1em;
  line-height: 1;
  font-weight: bold;
  color: #1a9291;
  background: #f0f5d2;
  border: 0.1em solid;
  border-radius: 100px;
}
.sec-beauty-employment-voice .sContainer .flexWrap .txt {
  padding: 1em;
}

.sec-beauty-employment-list {
  background-color: #f2f2f2;
}
.sec-beauty-employment-list .ttl {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(1.5em, 3vw, 4rem);
  font-weight: bold;
  color: #1a9291;
}
.sec-beauty-employment-list .ttl span {
  display: block;
  font-weight: normal;
  font-size: 0.5em;
}
.sec-beauty-employment-list .listWrap {
  padding: 1.5em;
  background-color: #fff;
  border-radius: 1em;
}
.sec-beauty-employment-list .listWrap ul li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  display: inline-block;
  margin-right: 0.5em;
}
.sec-beauty-employment-list .listWrap ul li::before {
  content: "●";
  color: #1a9291;
}
.sec-beauty-employment-list .listWrap .right {
  text-align: right;
  color: #1a9291;
}

/*==================================================================================================
	カリキュラム
==================================================================================================*/
.sec-beauty-curriculum-about .bg {
  padding: 3em 0;
  text-align: center;
  background-image: url(../img/hair/curriculum/about_bg.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-about .bg {
    background-size: cover;
  }
}
.sec-beauty-curriculum-about .bg .ttl {
  font-weight: bold;
  color: #6e60a8;
  font-size: clamp(1.1em, 2vw, 2.2rem);
  margin: 2em auto 1em auto;
  border-top: 1px dashed;
  padding-top: 1em;
}
.sec-beauty-curriculum-about .test {
  padding: 3em 0;
}
.sec-beauty-curriculum-about .test .ttl {
  margin: 2em auto 1em auto;
  color: #6e60a8;
  font-weight: bold;
  font-size: clamp(1.4em, 3vw, 4.2rem);
  text-align: center;
}
.sec-beauty-curriculum-about .test .ttl:first-child {
  margin-top: 0;
}
.sec-beauty-curriculum-about .test .ttl span {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 0 0 0.5em 0;
}
.sec-beauty-curriculum-about .test .ttl span::before {
  content: "";
  display: inline-block;
  width: 105%;
  height: 0.2em;
  background-color: #fff200;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-beauty-curriculum-about .test .flexWrap {
  gap: 3em;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-about .test .flexWrap {
    gap: 1em;
  }
}
.sec-beauty-curriculum-about .test .flexWrap > * {
  width: calc(33.3333333333% - 2em);
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-about .test .flexWrap > * {
    width: calc(50% - 0.5em);
  }
}
.sec-beauty-curriculum-about .test .flexWrap span {
  margin-top: 1em;
  font-weight: bold;
  background-color: #6e60a8;
  display: block;
  padding: 0.5em;
  border-radius: 100px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum-about .test .flexWrap span {
    font-size: 0.8em;
  }
}
.sec-beauty-curriculum-about .test .point {
  position: relative;
  margin-top: 5em;
  padding: 2.5em 2em 1.75em 2em;
  text-align: center;
  border: 0.2em solid;
  color: #6e60a8;
  font-weight: bold;
}
.sec-beauty-curriculum-about .test .point span {
  position: absolute;
  top: -2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff200;
  padding: 0.5em 5em;
  border-radius: 100px;
  border: 0.2em solid;
}

.sec-beauty-curriculum {
  /*共通*/
  /*一年生*/
  /*二年生*/
}
.sec-beauty-curriculum .ttlWrap .ttl {
  margin: 0 auto 1.5em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  gap: 1em;
  font-size: clamp(1.2em, 3vw, 4.2rem);
}
.sec-beauty-curriculum .ttlWrap .ttl .img {
  width: 4em;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .ttlWrap .ttl .img {
    width: 5.5em;
  }
}
.sec-beauty-curriculum .ttlWrap .ttl .txt {
  color: #a57eb6;
}
.sec-beauty-curriculum .ttlBg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vw;
}
.sec-beauty-curriculum .ttlBg .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.sec-beauty-curriculum .ttlBg .txt {
  width: 25%;
  max-width: 400px;
  margin-left: auto;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .ttlBg .txt {
    max-width: 100%;
  }
}
.sec-beauty-curriculum .content {
  padding: 0 0.5em 0.5em 0.5em;
  background: rgb(112, 199, 217);
  background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgb(112, 199, 217)), color-stop(70%, rgb(165, 126, 182)));
  background: linear-gradient(-90deg, rgb(112, 199, 217) 25%, rgb(165, 126, 182) 70%);
}
.sec-beauty-curriculum .content .contentInner {
  background-color: #fff;
  padding: 1em 0 2em 0;
}
.sec-beauty-curriculum .content .ttlGra {
  font-weight: bold;
  color: #fff;
  border-radius: 100px;
  padding: 0.5em 1em;
  margin: 2em auto 1em auto;
  line-height: 1.5;
  font-size: clamp(1.1em, 2.2vw, 2.3rem);
  background: rgb(112, 199, 217);
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgb(112, 199, 217)), color-stop(70%, rgb(165, 126, 182)));
  background: linear-gradient(90deg, rgb(112, 199, 217) 25%, rgb(165, 126, 182) 70%);
}
.sec-beauty-curriculum .content .section {
  padding: 0 1em 1em 1em;
}
.sec-beauty-curriculum .content .section .ttl {
  margin: 1em auto 0.5em auto;
  font-weight: bold;
  color: #6e60a8;
  font-size: clamp(1.2em, 2.5vw, 2.7rem);
}
.sec-beauty-curriculum .content .section .imgWrap {
  margin: 1em auto;
}
.sec-beauty-curriculum .content .comment {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-top: 1em;
  padding: 1.5em 1.5em 1.5em 1.5em;
  border-radius: 1em;
  display: flex;
  background-color: #6e60a8;
  color: #fff;
  font-size: clamp(1em, 2.2vw, 2.7rem);
  line-height: 1.5;
}
.sec-beauty-curriculum .content .comment .txtWrap {
  width: 70%;
}
.sec-beauty-curriculum .content .comment .txtWrap span {
  color: #fff200;
  display: block;
  margin-bottom: 0.2em;
}
.sec-beauty-curriculum .content .comment .imgWrap {
  width: 30%;
  margin: -2.5em 0 -1.5em 0;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .content .comment .imgWrap {
    position: absolute;
    right: 0.5em;
    bottom: 0;
    margin: 0;
  }
}
.sec-beauty-curriculum .first .ttlBg {
  background-image: url(../img/hair/curriculum/first_ttl_bg.png);
}
.sec-beauty-curriculum .first .point > * {
  text-align: center;
  padding: 0.5em;
  line-height: 1.5;
  background-color: #6ec8e2;
  color: #fff;
  font-weight: bold;
  border-radius: 100px;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .first .point > * {
    width: 100%;
  }
}
.sec-beauty-curriculum .first .point > * span {
  color: #fff200;
}
.sec-beauty-curriculum .first .point + p.small {
  margin-top: 1em;
  padding-right: 1em;
  text-align: right;
  font-size: 0.7em;
}
.sec-beauty-curriculum .first .cityandGuilds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 1em;
  border: 0.1em solid #6e60a8;
  overflow: hidden;
  margin-top: 1em;
  font-weight: bold;
}
.sec-beauty-curriculum .first .cityandGuilds .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
  gap: 2em;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .first .cityandGuilds .top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.5em;
  }
}
.sec-beauty-curriculum .first .cityandGuilds .top .img {
  width: 20%;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .first .cityandGuilds .top .img {
    width: 60%;
  }
}
.sec-beauty-curriculum .first .cityandGuilds .top .txt {
  width: 80%;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .first .cityandGuilds .top .txt {
    width: 100%;
  }
}
.sec-beauty-curriculum .first .cityandGuilds .bottom {
  line-height: 1.5;
  font-size: clamp(1.2em, 2.5vw, 2.7rem);
  text-align: center;
  padding: 1em;
  width: 100%;
  background-color: #6e60a8;
  color: #fff200;
}
.sec-beauty-curriculum .first .section03 {
  text-align: center;
}
.sec-beauty-curriculum .second {
  padding-bottom: 0;
}
.sec-beauty-curriculum .second .ttlWrap .ttl .txt {
  color: #1a9291;
}
.sec-beauty-curriculum .second .content {
  background: rgb(194, 217, 104);
  background: -webkit-gradient(linear, right top, left top, color-stop(15%, rgb(194, 217, 104)), color-stop(70%, rgb(79, 185, 159)));
  background: linear-gradient(-90deg, rgb(194, 217, 104) 15%, rgb(79, 185, 159) 70%);
}
.sec-beauty-curriculum .second .ttlBg {
  background-image: url(../img/hair/curriculum/second_ttl_bg.png);
  height: 28vw;
}
.sec-beauty-curriculum .second .ttlGra {
  background: rgb(194, 217, 104);
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgb(194, 217, 104)), color-stop(70%, rgb(79, 185, 159)));
  background: linear-gradient(90deg, rgb(194, 217, 104) 15%, rgb(79, 185, 159) 70%);
}
.sec-beauty-curriculum .second .section .ttl {
  color: #1a9291;
}
.sec-beauty-curriculum .second .comment {
  background-color: #1a9291;
}
.sec-beauty-curriculum .second .section01 .custom {
  margin: 2em auto;
  padding: 2em;
  border: 0.15em solid;
  color: #1a9291;
  border-radius: 1em;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .second .section01 .custom {
    padding: 1.5em 1em;
  }
}
.sec-beauty-curriculum .second .section01 .custom .flexWrap {
  gap: 1.5em;
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .second .section01 .custom .flexWrap {
    gap: 1em;
  }
}
.sec-beauty-curriculum .second .section01 .custom .flexWrap > * {
  width: calc(16.6666666667% - 1.25em);
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .second .section01 .custom .flexWrap > * {
    width: calc(33.3333333333% - 0.75em);
  }
}
.sec-beauty-curriculum .second .section01 .example {
  margin-top: 2em;
  text-align: center;
}
.sec-beauty-curriculum .second .section01 .example .flexWrap {
  gap: 2em;
}
.sec-beauty-curriculum .second .section01 .example .flexWrap > * {
  width: calc(50% - 1em);
}
@media screen and (max-width: 860px) {
  .sec-beauty-curriculum .second .section01 .example .flexWrap > * {
    width: 100%;
  }
}
.sec-beauty-curriculum .second .section03 {
  text-align: center;
}

.sec-beauty-curriculum-abroad {
  text-align: center;
}
.sec-beauty-curriculum-abroad .ttl {
  margin: 1em auto 0.7em auto;
  line-height: 1.5;
  font-weight: bold;
  color: #95d0c0;
  font-size: clamp(1.4em, 3vw, 4.2rem);
}
.sec-beauty-curriculum-abroad .small {
  font-size: 0.7em;
}
.sec-beauty-curriculum-abroad .slider-hair-curriculum-abroad {
  margin: 2em auto;
}

/*==================================================================================================
納得の就職・未来の職業
==================================================================================================*/
.page-id-674 section.career .area_career .block_employment {
  margin-top: 50px;
  font-size: 0.85em;
}
.page-id-674 section.career .area_career .block_employment .logo_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}
.page-id-674 section.career .area_career .block_employment .logo_img li {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-674 section.career .area_career .block_employment .logo_img li img {
  height: 40px;
}
.page-id-674 section.career .area_career .block_employment .list_employment {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4vw;
}
.page-id-674 section.career .area_career .block_employment .list_employment > li {
  position: relative;
  background: #fff;
  border: 1px solid #8b7d7a;
  padding: 40px 30px 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 30px 0 0 0;
  width: 49%;
  border-radius: 10px;
}
@media all and (max-width: 668px) {
  .page-id-674 section.career .area_career .block_employment .list_employment > li {
    width: 100%;
    padding: 30px 15px 15px 15px;
  }
}
.page-id-674 section.career .area_career .block_employment .list_employment > li .title_bg_s {
  position: absolute;
  top: -17px;
  right: 0;
  left: 0;
  margin: 0 auto;
  font-size: 16px;
  background: #8b7d7a;
  color: #fff;
  border-radius: 50px;
  padding: 5px 5px 10px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}
@media all and (max-width: 668px) {
  .page-id-674 section.career .area_career .block_employment .list_employment > li .title_bg_s {
    width: 200px;
  }
}
.page-id-674 section.career .area_career .block_employment .list_employment > li ul li {
  margin: 2px 0;
}
.page-id-674 section.career .area_career .block_employment .list_employment > li ul li:before {
  content: "●";
  color: #e189a4;
  margin: 0 3px 0 0;
}
.page-id-674 section.interview .area_interview .block_interview > .title {
  text-align: center;
}
.page-id-674 section.interview .area_interview .block_interview > .title img {
  max-width: 100%;
}
.page-id-674 section.interview .area_interview .block_interview .column {
  position: relative;
  height: 500px;
  padding: 20px 0;
}
@media all and (max-width: 668px) {
  .page-id-674 section.interview .area_interview .block_interview .column {
    height: auto;
  }
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img {
  position: absolute;
  width: 70vw;
  height: 500px;
}
@media all and (max-width: 668px) {
  .page-id-674 section.interview .area_interview .block_interview .column .box_img {
    position: relative;
    width: 100%;
    height: 250px;
  }
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img.left {
  left: 0;
  background: url("../images/img02_1.jpg") no-repeat center center/cover;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img.left .name {
  left: 20px;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img.right {
  right: 0;
  background: url("../images/img02_2.jpg") no-repeat center center/cover;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img.right .name {
  right: 20px;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_img .name {
  background: #e71f19;
  text-align: center;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  border: 3px solid #000;
  position: absolute;
  bottom: 20px;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt {
  position: absolute;
  top: 100px;
  width: 450px;
  height: auto;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #000;
  line-height: 1.7em;
  z-index: 1;
  border-radius: 10px;
}
@media all and (max-width: 668px) {
  .page-id-674 section.interview .area_interview .block_interview .column .box_txt {
    position: relative;
    top: 15px;
    width: 95%;
    margin: 0 auto;
    padding: 30px 20px 20px 20px;
  }
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt.right {
  right: 8vw;
}
@media all and (max-width: 668px) {
  .page-id-674 section.interview .area_interview .block_interview .column .box_txt.right {
    right: 0;
  }
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt.left {
  left: 8vw;
}
@media all and (max-width: 668px) {
  .page-id-674 section.interview .area_interview .block_interview .column .box_txt.left {
    left: 0;
  }
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt .info {
  font-size: 90%;
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #e189a4;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt .info .post {
  color: #e189a4;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt .info .company {
  margin: 0 0 10px 0;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt .info .name span {
  font-size: 25px;
}
.page-id-674 section.interview .area_interview .block_interview .column .box_txt .info .school {
  font-size: 12px;
}
.page-id-674 .beauty-senpai-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(30px, 8vw, 100px) 0 clamp(20px, 4vw, 65px);
}
.page-id-674 .beauty-senpai-heading img {
  width: clamp(240px, 80vw, 497px);
}
.page-id-674 .beauty-senpai-grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 3.8%;
  margin-bottom: clamp(30px, 4vw, 70px);
}
@media screen and (max-width: 860px) {
  .page-id-674 .beauty-senpai-grids {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .page-id-674 .beauty-senpai-grids {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-674 .beauty-senpai-grid-label {
  text-align: center;
  font-family: serif;
  font-weight: bold;
}
.page-id-674 .beauty-senpai-grid-label.bd {
  color: #f5b2b2;
}
.page-id-674 .beauty-senpai-grid-label.es {
  color: #b7c4e5;
}
.page-id-674 .beauty-senpai-grid-label.mn {
  color: #e3b2d1;
}
.page-id-674 .beauty-senpai-list li {
  padding: 10px 0;
}
.page-id-674 .beauty-senpai-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1em;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.6;
}
.page-id-674 .beauty-senpai-list-body .name span {
  font-size: 1.2em;
}
.page-id-674 section.career .fukidashi {
  position: relative;
  border-bottom: 2px solid #e189a4;
  border-top: 2px solid #e189a4;
  text-align: center;
  margin-bottom: 20px;
  color: #e189a4;
  font-size: 1.2em;
  font-family: serif;
  font-weight: bold;
  padding: 15px 0;
  line-height: 1.6;
}
@media all and (max-width: 480px) {
  .page-id-674 section.career .fukidashi {
    font-size: 16px;
  }
}
@media all and (max-width: 480px) {
  .page-id-674 section.career .fukidashi:before,
  .page-id-674 section.career .fukidashi:after {
    display: none;
  }
}
.page-id-674 section.career .fukidashi:before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-top: 13px solid #fff;
  z-index: 2;
}
.page-id-674 section.career .fukidashi:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #e189a4;
  z-index: 1;
}
.page-id-674 .beauty-career-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(20px, 2vw, 70px) 0;
}
.page-id-674 .beauty-career-main img {
  width: clamp(270px, 80vw, 820px);
}
.page-id-674 .beauty-career-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.7vw, 30px);
  margin-top: 2em;
  margin-bottom: 4em;
  list-style: none;
}
@media screen and (max-width: 1080px) {
  .page-id-674 .beauty-career-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-id-674 .beauty-career-list li {
  padding: 1.25em 1em;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.page-id-674 .beauty-career-list-label {
  color: #e189a4;
  font-family: serif;
  text-align: center;
  line-height: 1.4;
}
.page-id-674 .beauty-career-list-body {
  margin-top: 0.75em;
  font-size: 0.75em;
  line-height: 1.6;
}

/*==================================================================================================
	カリキュラム
==================================================================================================*/
.page-id-676 section.main {
  background: url("/html/common/images/main.jpg") no-repeat center center/cover;
}
.page-id-676 section.intro {
  padding: 50px 0 0 0;
}
.page-id-676 section.intro h4 {
  color: #e189a4;
  font-size: 30px;
  font-family: serif !important;
  font-weight: bold;
  border-bottom: #e189a4 2px solid;
  text-align: center;
}
.page-id-676 section.intro .sub_copy {
  text-align: center;
}
.page-id-676 section .box_title {
  text-align: center;
  margin-bottom: 30px;
}
.page-id-676 section .box_title .txt_en {
  text-shadow: 1px 1px 0px #fff;
  margin-bottom: 10px;
}
.page-id-676 section .box_title .txt_en.br {
  color: #f18d82;
}
.page-id-676 section .box_title .txt_en.es {
  color: #b7c4e5;
}
.page-id-676 section .box_title .txt_en.mn {
  color: #c085c4;
}
.page-id-676 section .box_title .title {
  font-size: 180%;
  font-family: serif;
  font-weight: bold;
  text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}
.page-id-676 section .box_title .title span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff));
  background: linear-gradient(transparent 60%, #fff 60%);
}
.page-id-676 section.field {
  padding: 0;
}
.page-id-676 section.field h4 {
  color: #e189a4;
  font-size: 30px;
  font-family: serif !important;
  font-weight: bold;
  border-bottom: #e189a4 2px solid;
  text-align: center;
}
.page-id-676 section.field .area_field .main_copy {
  text-align: center;
  font-size: 20px;
  font-family: serif;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 20px 0;
}
.page-id-676 section.field .area_field .main_copy span {
  border-bottom: 1px solid #ccc;
  padding: 0 0 3px 0;
}
.page-id-676 section.field .area_field .block_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px auto 50px auto;
}
.page-id-676 section.field .area_field .block_point li {
  max-width: 300px;
  width: 100%;
  text-align: center;
  margin: 15px 15px 0 15px;
  padding: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #ccc;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
}
.page-id-676 section.field .area_field .block_point li .point_img {
  color: #e189a4;
  padding: 3px;
  max-width: 150px;
  text-align: center;
  color: #e189a4;
  border-radius: 50px;
  border: 1px solid #e189a4;
  margin: 0 auto 15px auto;
}
.page-id-676 section.field .area_field .block_point li .main_copy {
  font-family: serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5em;
  color: #e189a4;
  border-bottom: 1px dashed #ccc;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  font-weight: bold;
}
.page-id-676 section.field .area_field .block_point li .main_copy span {
  font-size: 80%;
  display: block;
}
.page-id-676 section.field .area_field .block_point li .txt {
  text-align: left;
}
.page-id-676 section.field .area_field .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.page-id-676 section.field .area_field .flex .block_kyoutu {
  background: #fff8e5;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(50% - 10px);
  border: 1px solid #e189a4;
}
.page-id-676 section.field .area_field .flex .block_kyoutu p {
  background: #e189a4;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  max-width: 250px;
  margin: 0 auto 15px auto;
  font-size: 1em;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-676 section.field .area_field .flex .block_kyoutu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.6;
}
.page-id-676 section.field .area_field .flex .block_kyoutu ul li {
  padding: 3px 0;
  width: calc(50% - 30px);
  text-indent: -1.5em;
  margin-left: 1.5em;
  font-size: 1.3rem;
}
.page-id-676 section.field .area_field .flex .block_kyoutu ul li:before {
  content: "● ";
  color: #e189a4;
}
.page-id-676 section.field .area_field .block_curriculum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-676 section.field .area_field .block_curriculum > li {
  width: 25%;
  text-align: center;
  margin-bottom: 30px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: serif;
  font-weight: bold;
}
.page-id-676 section.field .area_field .block_curriculum > li img {
  max-width: 100%;
  margin-bottom: 15px;
  -webkit-box-shadow: 10px 10px 0px #e189a4;
          box-shadow: 10px 10px 0px #e189a4;
}
.page-id-676 section.field .area_field .block_curriculum > li .txt_en {
  color: #e189a4;
  font-size: 12px;
}
.page-id-676 section.field .area_field .block_curriculum > li .txt_jp {
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.page-id-676 section.field .area_field .block_curriculum > li .txt_s {
  font-size: 13px;
  line-height: 1.2em;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.page-id-676 section.curriculum {
  padding: 50px 0 0 0;
}
.page-id-676 section.curriculum .area_curriculum .box_tab {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 90%;
  margin: 0 auto;
}
.page-id-676 section.curriculum .area_curriculum .tab {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  margin: 0 5px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  border-left: 1px solid #707070;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  color: #707070;
  font-weight: bold;
  background: #fff;
  font-family: serif;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  line-height: 1.4;
}
@media screen and (min-width: 861px) {
  .page-id-676 section.curriculum .area_curriculum .tab br {
    display: none;
  }
}
.page-id-676 section.curriculum .area_curriculum .tab span {
  font-size: 0.7em;
}
.page-id-676 section.curriculum .area_curriculum .tab small {
  font-size: 0.7em;
}
.page-id-676 section.curriculum .area_curriculum .tab:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page-id-676 section.curriculum .area_curriculum .panel {
  display: none;
  position: relative;
  font-size: 15px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab {
  padding: 30px 0 50px 0 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab.bg01 {
  background: url("/html/beauty/common/images/bg_dot.png"), #fadcd9;
  border-top: 5px solid #e58ea9;
  border-bottom: 5px solid #e58ea9;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab.bg02 {
  background: url("/html/beauty/common/images/bg_dot.png"), #dce1f2;
  border-top: 5px solid #b7c4e5;
  border-bottom: 5px solid #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab.bg03 {
  background: url("/html/beauty/common/images/bg_dot.png"), #ead9e6;
  border-top: 5px solid #c19ec4;
  border-bottom: 5px solid #c19ec4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .subtitle {
  color: #000;
  font-family: serif;
  font-weight: bold;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .subtitle.subtitle-color1 {
  color: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .subtitle.subtitle-color2 {
  color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .subtitle.subtitle-color3 {
  color: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list {
  position: relative;
  margin: 0 0 30px 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .title_bg_b {
  background: #8b7d7a;
  color: #fff;
  border-radius: 50px;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  border: 1px solid #8b7d7a;
  border-radius: 5px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 40px auto 0 auto;
  max-width: 850px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list li {
  width: 33%;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  padding: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list li:before {
  content: url("/html/common/images/icon_check.png");
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list li.title {
  text-align: center;
  font-size: 20px;
  width: 100%;
  padding: 0 0 15px 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list li.title:before {
  display: none;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  margin: 0 auto;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.br dt {
  background: #f5b9b3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.br dd span {
  color: #f5b9b3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.es dt {
  background: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.es dd span {
  color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.mn dt {
  background: #c0a0c3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex.mn dd span {
  color: #c0a0c3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex dt {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20%;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  color: #fff;
  border-radius: 5px 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex dd {
  width: 80%;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-radius: 0 5px 5px 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku {
  max-width: 850px;
  margin: 0 auto 50px auto;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.br p {
  background-color: #f5b9b3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.br ul li {
  border-color: #f5b9b3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.es p {
  background-color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.es ul li {
  border-color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.mn p {
  background-color: #c0a0c3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku.mn ul li {
  border-color: #c0a0c3;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku > p {
  text-align: center;
  color: #fff;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50px;
  font-size: 120%;
  font-weight: bold;
  max-width: 500px;
  margin: 0 auto -15px auto;
  position: relative;
  z-index: 1;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: rgba(255, 255, 255, 0.5);
  gap: 10px;
  padding: 30px 20px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku ul li {
  padding: 3px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(50% - 5px);
  padding: 8px 10px;
  border-radius: 50px;
  border: 1px solid;
  text-align: center;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point {
  max-width: 100%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point.br .list_point li {
  background: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point.es .list_point li {
  background: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point.mn .list_point li {
  background: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .box_img {
  width: 100%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .box_img img {
  max-width: 100%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  top: -80px;
  margin-bottom: -30px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li {
  position: relative;
  width: 23%;
  margin: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px #ccc;
          box-shadow: 0px 3px 6px #ccc;
  padding: 40px 15px 25px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: serif;
  font-weight: bold;
  line-height: 1.6em;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li.letter {
  font-size: 17px;
  letter-spacing: 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li .point {
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li .point img {
  -webkit-filter: drop-shadow(0px 0px 1px rgb(255, 255, 255));
          filter: drop-shadow(0px 0px 1px rgb(255, 255, 255));
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li .txt_s {
  font-size: 65%;
  line-height: 1.4em;
  display: block;
  letter-spacing: 0;
  margin: 5px 0 0 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li {
  position: relative;
  width: 25%;
  margin-bottom: 30px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li {
    width: 50%;
    padding: 0.5em;
  }
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li img {
  max-width: 100%;
  margin-bottom: -1em;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_en {
  color: #e189a4;
  font-size: 12px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_jp {
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding: 0.5em;
  margin: 0 0 10px 0;
  height: 2em;
  line-height: 1em;
  color: #4c4948;
  background-color: #fff;
}
@media screen and (max-width: 860px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_jp {
    font-size: 0.9em;
  }
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_jp::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  border-top: 1em solid #fff;
  border-bottom: 1em solid #fff;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_jp::after {
  right: -1em;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_lesson ul > li .txt_s {
  font-size: 13px;
  line-height: 1.2em;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend {
  margin-top: -100px;
  padding: 100px 0 50px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend.br {
  background-color: #f7d1cd;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend.es {
  background-color: #d4dcef;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend.mn {
  background-color: #decee0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div {
  max-width: 900px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:first-child {
  width: 40%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:first-child .txt {
  font-family: serif;
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 15px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:first-child p {
  line-height: 1.8;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:last-child {
  width: 60%;
  margin-left: 30px;
  position: relative;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:last-child .pointimg {
  position: absolute;
  bottom: 0;
  right: -30px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:last-child .pointimg img {
  height: 200px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup {
  padding: 50px 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup.br .txt {
  color: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup.es .txt {
  color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup.mn .txt {
  color: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup li {
  width: 350px;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup li .img {
  overflow: hidden;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup li .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup li .txt {
  background: #fff;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: serif;
  font-weight: bold;
  font-size: 120%;
  margin-top: 10px;
  line-height: 1.5em;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_pickup .box_pickup li .txt_body {
  line-height: 1.5;
  text-align: left;
  padding: 8px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice {
  background: rgba(255, 255, 255, 0.5);
  padding: 50px 0;
  margin-bottom: 50px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_title {
  width: 100%;
  margin-bottom: 50px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice {
  width: 48%;
  position: relative;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img.wide {
  width: 40%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .name {
  width: calc(100% - 20px);
  position: relative;
  left: 10px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  border: solid 1px white;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .name span {
  font-size: 130%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .name.br {
  background: #f18d82;
  -webkit-box-shadow: 0px 0px 0px 10px #f18d82;
          box-shadow: 0px 0px 0px 10px #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .name.be {
  background: #b7c4e5;
  -webkit-box-shadow: 0px 0px 0px 10px #b7c4e5;
          box-shadow: 0px 0px 0px 10px #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .name.mn {
  background: #c085c4;
  -webkit-box-shadow: 0px 0px 0px 10px #c085c4;
          box-shadow: 0px 0px 0px 10px #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .box_txt {
  margin-top: 30px;
  width: 70%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .box_txt .img {
  margin-top: 15px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject {
  padding-bottom: 50px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.br dt,
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.br li {
  color: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.es dt,
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.es li {
  color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.mn dt,
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex.mn li {
  color: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex dl {
  width: calc(50% - 10px);
  margin: 5px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex dl dt {
  font-weight: bold;
  font-size: 18px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex dl dt:before {
  content: "●";
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex dl dd {
  margin-top: 5px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex ul li {
  width: 30%;
  font-weight: bold;
  font-size: 16px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex ul li:before {
  content: "●";
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table {
  padding: 0 0 50px 0;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.br thead tr th {
  color: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.br tbody tr th {
  background: #f18d82;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.es thead tr th {
  color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.es tbody tr th {
  background: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.mn thead tr th {
  color: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table.mn tbody tr th {
  background: #c085c4;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table .title {
  border-bottom: 1px solid #fff;
  margin: 0 0 20px 0;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  font-size: 25px;
  padding: 0 0 15px 0;
  text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table table {
  width: 100%;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table table thead tr th {
  background: #fff;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table table tbody tr th {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table table tbody tr td {
  background: #fff;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table .caption {
  text-align: right;
  margin: 3px 0 0 0;
}
.page-id-676 section.curriculum .area_curriculum .tab.select {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
}
.page-id-676 section.curriculum .area_curriculum .tab.select.bg01 {
  background: #e58ea9;
  border-color: #e58ea9;
}
.page-id-676 section.curriculum .area_curriculum .tab.select.bg02 {
  background: #b7c4e5;
  border-color: #b7c4e5;
}
.page-id-676 section.curriculum .area_curriculum .tab.select.bg03 {
  background: #c19ec4;
  border-color: #c19ec4;
}
.page-id-676 section.campuslife {
  text-align: center;
}
.page-id-676 section.campuslife .sec_slide {
  margin-top: 50px;
}
.page-id-676 section.campuslife .sec_slide .item {
  text-align: center;
}
.page-id-676 section.point {
  font-family: serif;
  font-weight: bold;
  background: url(/html/beauty/curriculum/images/training_bg.png) repeat left top, #fff;
  border-bottom: 1px solid #e189a4;
}
.page-id-676 section.point .area_point {
  text-align: center;
}
.page-id-676 section.point .area_point .sec_point {
  padding: 3.6vw 0;
  position: relative;
}
.page-id-676 section.point .area_point .sec_point .main_title {
  text-align: center;
  padding: 20px 0;
}
.page-id-676 section.point .area_point .sec_point .main_title img {
  width: 300px;
}
.page-id-676 section.point .area_point .sec_point .title {
  text-align: center;
  margin-bottom: 20px;
}
.page-id-676 section.point .area_point .sec_point > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-676 section.point .area_point .sec_point > dl dt {
  width: 200px;
}
.page-id-676 section.point .area_point .sec_point > dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-676 section.point .area_point .sec_point > dl dd p {
  text-align: left;
  line-height: 2;
}
.page-id-676 section.point .area_point .sec_point .title_txt {
  font-size: 120%;
  margin-bottom: 50px;
}
.page-id-676 section.point .area_point .sec_point .flex_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.page-id-676 section.point .area_point .sec_point .flex_txt li {
  width: 31%;
  padding: 2em 1em;
  text-align: center;
  border: #000 1px solid;
}
.page-id-676 section.point .area_point .sec_point .stxt {
  margin-bottom: 20px;
  font-size: 14px;
}
.page-id-676 section.point .area_point .sec_point .block_img {
  margin-top: 50px;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl.reverse dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl.reverse dd {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl dt {
  width: 35%;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl dd {
  width: 65%;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-676 section.point .area_point .sec_point .block_img > dl dd p {
  text-align: left;
  line-height: 2;
  color: #ce93b9;
}
.page-id-676 section.point .area_point .sec_point .flex_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-676 section.point .area_point .sec_point .flex_img li {
  width: 25%;
}
.page-id-676 section.point .area_point .sec_point .flex_lesson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-id-676 section.point .area_point .sec_point .flex_lesson li {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  position: relative;
  margin-bottom: 20px;
}
.page-id-676 section.point .area_point .sec_point .flex_lesson li .txt {
  margin-top: 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  text-align: left;
}
.page-id-676 section.point .area_point .sec_point .flex_lesson li .point {
  position: absolute;
  top: -20px;
  right: 0;
}
@media all and (max-width: 480px) {
  .page-id-676 section.intro h4 {
    font-size: 20px;
  }
}
@media all and (max-width: 480px) {
  .page-id-676 section.field h4 {
    font-size: 20px;
  }
}
@media all and (max-width: 480px) {
  .page-id-676 section.field .area_field .main_copy {
    font-size: 16px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.field .area_field .block_point li {
    max-width: 100%;
    margin: 0 0 15px 0;
    padding: 15px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.field .area_field .flex .block_kyoutu {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.field .area_field .flex .block_kyoutu ul li {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.field .area_field .block_curriculum > li {
    width: 50%;
    margin-bottom: 0;
    padding: 10px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .box_tab {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 100%;
    gap: 10px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .tab {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    font-size: 10px;
    line-height: 1.2em;
    margin: 0;
    padding: 5px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .tab span {
    font-size: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab {
    padding: 15px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .subtitle {
    font-size: 18px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .title_bg_b {
    width: 200px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list {
    max-width: 100%;
    padding: 30px 15px 20px 15px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .check_list .box_list li {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex dt {
    width: 100%;
    padding: 5px;
    border-radius: 5px 5px 0 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_curriculum .flex dd {
    width: 100%;
    border-radius: 0 0 5px 5px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .box_shikaku ul li {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point {
    padding: 30px 0 0 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .box_img {
    margin: 0 0 20px 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li {
    width: 100%;
    top: 0;
    margin: 60px 0 0 0;
    padding: 25px 10px 15px 10px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li .point {
    top: -30px;
  }
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_br_point .list_point li .point img {
    width: 50px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:first-child {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:first-child .txt {
    text-align: center;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:last-child {
    width: 100%;
    margin: 15px 40px 0 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_recommend > div .box_recommend > div:last-child .pointimg img {
    height: 150px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice {
    padding: 50px 0 30px 0;
  }
}
@media all and (max-width: 800px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice {
    width: 100%;
    margin: 0 0 50px 0;
  }
}
@media all and (max-width: 800px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img.wide {
    width: 35%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img.wide {
    width: 30%;
  }
}
@media all and (max-width: 800px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img {
    width: 30%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .point_img {
    width: 25%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .box_txt {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_voice .box_voice .box_txt .img {
    width: 80%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex dl {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_subject .flex ul li {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.curriculum .area_curriculum .panel .inner_tab .block_table table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
@media all and (max-width: 896px) {
  .page-id-676 section.point .area_point .sec_point .main_title img {
    width: 200px;
    margin-right: 100px;
  }
}
@media all and (max-width: 896px) {
  .page-id-676 section.point .area_point .sec_point > dl {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point > dl dt {
    width: 100px;
    position: absolute;
    top: -20px;
    right: 20px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point > dl dd p {
    line-height: 1.6;
    margin-top: 10px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .flex_txt li {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .block_img > dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .block_img > dl.reverse dt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .block_img > dl.reverse dd {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .block_img > dl dt {
    width: 100%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .block_img > dl dd {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .flex_img li {
    width: 33.333%;
  }
}
@media all and (max-width: 668px) {
  .page-id-676 section.point .area_point .sec_point .flex_lesson li {
    width: 100%;
  }
}
.page-id-676 .curriculum-point-heading img {
  max-width: clamp(200px, 70vw, 531px);
}
.page-id-676 .curriculum-point-body {
  margin-top: clamp(20px, 5vw, 70px);
}
.page-id-676 .curriculum-point-notes {
  margin-top: clamp(8px, 2vw, 25px);
  font-size: 0.8em;
}
.page-id-676 .curriculum-point-img {
  margin-top: clamp(20px, 6vw, 80px);
}

/*==================================================================================================
	講師陣
==================================================================================================*/
.page-id-662 .teacher {
  margin-bottom: 3em;
}

/*==================================================================================================
	美容師科
==================================================================================================*/
.page-id-680 .main .area_main,
.parent-pageid-680 .main .area_main {
  background-image: url(../img/hair/pagettl.png);
}
@media screen and (max-width: 860px) {
  .page-id-680 .main .area_main,
  .parent-pageid-680 .main .area_main {
    background-position: left;
  }
}
.page-id-680 .sec-topics,
.parent-pageid-680 .sec-topics {
  background-image: url(../img/hair/topics_bg.png);
}
.page-id-680 .sec-topics #sb_instagram #sbi_images,
.parent-pageid-680 .sec-topics #sb_instagram #sbi_images {
  gap: 5px;
}
.page-id-680 .sec-topics #sb_instagram #sbi_images .sbi_item,
.parent-pageid-680 .sec-topics #sb_instagram #sbi_images .sbi_item {
  width: calc(25% - 5px);
}
@media screen and (max-width: 860px) {
  .page-id-680 .sec-topics #sb_instagram #sbi_images .sbi_item,
  .parent-pageid-680 .sec-topics #sb_instagram #sbi_images .sbi_item {
    width: calc(50% - 5px);
  }
}
.page-id-680 .sec-page-link .link .flexWrap > *,
.parent-pageid-680 .sec-page-link .link .flexWrap > * {
  color: #1a9291;
}
.page-id-680 .kaiyu_link a,
.parent-pageid-680 .kaiyu_link a {
  background-color: #e189a4;
}
.page-id-680 .goukaku,
.parent-pageid-680 .goukaku {
  width: 100%;
  background: #1a9291;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 860px) {
  .page-id-680 .goukaku,
  .parent-pageid-680 .goukaku {
    padding-top: 10px;
    margin-top: 7em;
  }
}
.page-id-680 .goukaku > div,
.parent-pageid-680 .goukaku > div {
  width: 100%;
  text-align: center;
}
.page-id-680 .goukaku img,
.parent-pageid-680 .goukaku img {
  max-width: 600px;
  width: 100%;
  margin: -30px auto 0 auto;
}

.sec-hair-about {
  background-image: url(../img/hair/about_bg.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-hair-about {
    padding-bottom: 28vw;
  }
}
.sec-hair-about .inner {
  position: relative;
}
.sec-hair-about .ttlMain {
  width: 70%;
  margin: 0 auto 3em auto;
}
@media screen and (max-width: 860px) {
  .sec-hair-about .ttlMain {
    width: 100%;
    margin: 0 auto 1.5em auto;
  }
}
.sec-hair-about .ttlSub {
  position: absolute;
  top: -6em;
  right: 1em;
  width: 20%;
  z-index: 1;
}
@media screen and (max-width: 860px) {
  .sec-hair-about .ttlSub {
    position: initial;
    width: 60%;
    margin: 1em auto 2em auto;
  }
}
.sec-hair-about .ttlSub img {
  width: 100%;
}
.sec-hair-about .flexWrap {
  position: relative;
  z-index: 2;
  gap: 3em;
}
@media screen and (max-width: 860px) {
  .sec-hair-about .flexWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-hair-about .flexWrap > * {
  border-radius: 1em;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 2em 1.5em;
  width: calc(50% - 1.5em);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 860px) {
  .sec-hair-about .flexWrap > * {
    width: 100%;
    padding: 1.5em 1em;
  }
}
.sec-hair-about .flexWrap .sub {
  text-align: center;
  color: #6e60a8;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.2em;
}
.sec-hair-about .flexWrap .ttl {
  position: relative;
  text-align: center;
  color: #6e60a8;
  font-weight: bold;
  line-height: 1.5;
  font-size: 2em;
  margin: 0.5em auto 1em auto;
  padding-top: 0.5em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.sec-hair-about .flexWrap .ttl::before {
  content: "";
  width: 2em;
  height: 2px;
  background-color: #6e60a8;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-hair-about .point ul li {
  position: relative;
  padding-left: 3.5em;
  margin-bottom: 1em;
}
.sec-hair-about .point ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 3em;
  height: 3em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sec-hair-about .point ul li:nth-child(1)::before {
  background-image: url(../img/hair/num_01.svg);
}
.sec-hair-about .point ul li:nth-child(2)::before {
  background-image: url(../img/hair/num_02.svg);
}
.sec-hair-about .point ul li:nth-child(3)::before {
  background-image: url(../img/hair/num_03.svg);
}
.sec-hair-about .point ul .num {
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  height: 3em;
}
.sec-hair-about .point ul .underline {
  font-weight: bold;
  font-size: 1.5em;
  color: #6e60a8;
  line-height: 1.5;
}
.sec-hair-about .point ul .small {
  width: 100%;
  margin-top: 1em;
  line-height: 1.75;
  font-size: 0.9em;
  display: block;
}
.sec-hair-about .step .first {
  font-weight: bold;
  padding: 1em 1.5em;
  margin: 0 auto 1em auto;
  line-height: 1;
  color: #fff;
  border-radius: 100px;
  background: rgb(165, 134, 188);
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgb(165, 134, 188)), color-stop(85%, rgb(111, 199, 226)));
  background: linear-gradient(90deg, rgb(165, 134, 188) 30%, rgb(111, 199, 226) 85%);
}
.sec-hair-about .step .second {
  font-weight: bold;
  padding: 1em 1.5em;
  margin: 1em auto;
  line-height: 1;
  color: #fff;
  border-radius: 100px;
  background: rgb(79, 185, 159);
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgb(79, 185, 159)), color-stop(85%, rgb(194, 217, 104)));
  background: linear-gradient(90deg, rgb(79, 185, 159) 30%, rgb(194, 217, 104) 85%);
}
.sec-hair-about .step .arrow {
  width: 2em;
  margin: 0.5em auto;
}
.sec-hair-about .step .goal {
  text-align: center;
  font-weight: bold;
  color: #6e60a8;
  font-size: clamp(1.75em, 3vw, 4.8rem);
}

.sec-hair-nintei {
  background-color: #00ab8d;
  color: #fff;
  padding: 2em 0;
  font-size: 0.9em;
}
.sec-hair-nintei .txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3em;
  border-bottom: 1px solid;
  padding-bottom: 1.5em;
  margin-bottom: 2em;
}
@media screen and (max-width: 860px) {
  .sec-hair-nintei .txtWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1em;
  }
}
.sec-hair-nintei .txtWrap .ttl {
  white-space: nowrap;
  font-size: 1.75em;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-hair-nintei .txtWrap .ttl {
    line-height: 1.5;
  }
}
.sec-hair-nintei .txtWrap .ttl .small {
  display: block;
  font-size: 0.7em;
}
.sec-hair-nintei .txtWrap .ttl .txt {
  color: #fff200;
}
.sec-hair-nintei .flexWrap .ttl {
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 100px;
  font-weight: bold;
  background-color: #fff200;
  color: #00ab8d;
}
.sec-hair-nintei .flexWrap .txt {
  padding: 0 1em;
}
.sec-hair-nintei .flexWrap > *:last-child {
  padding: 1em;
  font-size: 0.8em;
  border: 1px dashed;
}
@media screen and (max-width: 860px) {
  .sec-hair-nintei .flexWrap > * {
    width: 100%;
  }
}

.sec-hair-info {
  padding: 3em 0;
}
.sec-hair-info .area_nintei {
  background: #fffcd3;
  margin-top: 50px;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.5;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei {
    font-size: 1em;
  }
}
.sec-hair-info .area_nintei > div {
  padding: 0 5vw 30px 5vw;
}
.sec-hair-info .area_nintei dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sec-hair-info .area_nintei dl dt {
  width: 150px;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei dl dt {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei dl dt img {
    width: 150px;
  }
}
.sec-hair-info .area_nintei dl dd {
  width: calc(100% - 180px);
  margin-top: 20px;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei dl dd {
    width: 100%;
  }
}
.sec-hair-info .area_nintei dl dd h2 {
  line-height: 1.5;
  display: block;
  font-size: 2em;
  font-weight: bold;
  color: #535ca8;
  margin-bottom: 10px;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei dl dd h2 {
    font-size: 2rem;
  }
}
.sec-hair-info .area_nintei dl dd h2 span {
  display: inline-block;
  font-size: 150%;
  margin-left: 10px;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei dl dd h2 span {
    font-size: 110%;
    margin-left: 0;
  }
}
.sec-hair-info .area_nintei ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  margin-top: 20px;
}
.sec-hair-info .area_nintei ul li {
  width: calc(33.333% - 15px);
  padding: 5px 15px 10px 15px;
  border-radius: 20px;
  border: 2px solid #535ca8;
  color: #535ca8;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei ul li {
    width: 100%;
  }
}
.sec-hair-info .area_nintei ul li > div {
  width: 100%;
}
.sec-hair-info .area_nintei ul li h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.sec-hair-info .area_nintei ul li h3::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 25px;
  background: url(../img/hair/icon_hands.svg) no-repeat center center/100% auto;
  margin-right: 10px;
  position: relative;
  bottom: -3px;
}
@media screen and (max-width: 860px) {
  .sec-hair-info .area_nintei ul li p {
    text-align: left;
  }
}
.sec-hair-info .area_nintei .caption {
  font-size: 80%;
  margin-top: 10px;
}
.sec-hair-info .slick-hair {
  margin: 2em auto 3em auto;
}

/*==================================================================================================
	納得の就職・未来の職業
==================================================================================================*/
.sec-hair-employment-about {
  text-align: center;
  background-image: url(../img/hair/employment/about_bg.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-hair-employment-about {
    background-size: cover;
  }
}
.sec-hair-employment-about .ttl {
  font-weight: bold;
  color: #1a9291;
  font-size: 1.5em;
  margin: 2em auto 1em auto;
}
.sec-hair-employment-about .small {
  font-size: 0.7em;
}

.sec-hair-employment-voice .mContainer .mainTtl {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(2em, 5vw, 6.5rem);
  font-weight: bold;
}
.sec-hair-employment-voice .mContainer .mainTtl span {
  color: #1a9291;
  font-size: 40%;
  display: block;
}
.sec-hair-employment-voice .mContainer .voiceList {
  gap: 3em;
}
@media screen and (max-width: 860px) {
  .sec-hair-employment-voice .mContainer .voiceList {
    gap: 1em;
  }
}
.sec-hair-employment-voice .mContainer .voiceList > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5em 1.5em 0.5em 1.5em;
  border-radius: 1em;
  overflow: hidden;
  font-weight: bold;
  width: calc(50% - 1.5em);
}
@media screen and (max-width: 860px) {
  .sec-hair-employment-voice .mContainer .voiceList > * {
    width: 100%;
  }
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(1), .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(4), .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(5) {
  background-color: #fff352;
  color: #109291;
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(1) .company,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(1) .name, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(4) .company,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(4) .name, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(5) .company,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(5) .name {
  color: #000;
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(1) .company span::before,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(1) .name span::before, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(4) .company span::before,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(4) .name span::before, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(5) .company span::before,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(5) .name span::before {
  color: #109291;
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(2), .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(3) {
  background-color: #109291;
  color: #fff352;
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(2) .company,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(2) .name, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(3) .company,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(3) .name {
  color: #fff;
}
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(2) .company span::before,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(2) .name span::before, .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(3) .company span::before,
.sec-hair-employment-voice .mContainer .voiceList > *:nth-child(3) .name span::before {
  color: #fff352;
}
@media screen and (max-width: 860px) {
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(odd) {
    background-color: #fff352;
    color: #109291;
  }
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(odd) .company,
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(odd) .name {
    color: #000;
  }
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(odd) .company span::before,
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(odd) .name span::before {
    color: #109291;
  }
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(even) {
    background-color: #109291;
    color: #fff352;
  }
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(even) .company,
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(even) .name {
    color: #fff;
  }
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(even) .company span::before,
  .sec-hair-employment-voice .mContainer .voiceList > *:nth-child(even) .name span::before {
    color: #fff352;
  }
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1em;
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap .job {
  font-size: 1.25em;
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap .company {
  font-size: 0.9em;
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap .name {
  font-size: 1.1em;
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap .name span {
  font-size: 0.8em;
}
.sec-hair-employment-voice .mContainer .voiceList .ttlWrap .name span::before {
  content: "●";
  display: inline-block;
  margin-left: 1em;
}
.sec-hair-employment-voice .mContainer .voiceList .flex {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-hair-employment-voice .mContainer .voiceList .flex .imgWrap {
  width: 34%;
  margin-right: 1em;
  margin-left: -1.5em;
  margin-bottom: -1.5em;
}
.sec-hair-employment-voice .mContainer .voiceList .flex .txtWrap {
  width: 66%;
  line-height: 1.75;
}
.sec-hair-employment-voice .sContainer {
  padding-top: 4em;
}
.sec-hair-employment-voice .sContainer .main {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(1.5em, 3vw, 4rem);
  font-weight: bold;
  color: #1a9291;
  line-height: 1.5;
}
.sec-hair-employment-voice .sContainer .main span {
  display: block;
  font-weight: normal;
  font-size: 0.5em;
}
.sec-hair-employment-voice .sContainer .flexWrap {
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-hair-employment-voice .sContainer .flexWrap > * {
    width: 100%;
  }
}
.sec-hair-employment-voice .sContainer .flexWrap .ttl {
  padding: 1em;
  line-height: 1;
  font-weight: bold;
  color: #1a9291;
  background: #f0f5d2;
  border: 0.1em solid;
  border-radius: 100px;
}
.sec-hair-employment-voice .sContainer .flexWrap .txt {
  padding: 1em;
}

.sec-hair-employment-list {
  background-color: #f2f2f2;
}
.sec-hair-employment-list .ttl {
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1em auto;
  font-size: clamp(1.5em, 3vw, 4rem);
  font-weight: bold;
  color: #1a9291;
}
.sec-hair-employment-list .ttl span {
  display: block;
  font-weight: normal;
  font-size: 0.5em;
}
.sec-hair-employment-list .listWrap {
  padding: 1.5em;
  background-color: #fff;
  border-radius: 1em;
}
.sec-hair-employment-list .listWrap ul li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  display: inline-block;
  margin-right: 0.5em;
}
.sec-hair-employment-list .listWrap ul li::before {
  content: "●";
  color: #1a9291;
}
.sec-hair-employment-list .listWrap .right {
  text-align: right;
  color: #1a9291;
}

/*==================================================================================================
	カリキュラム
==================================================================================================*/
.sec-hair-curriculum-about .bg {
  padding: 3em 0;
  text-align: center;
  background-image: url(../img/hair/curriculum/about_bg.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum-about .bg {
    background-size: cover;
  }
}
.sec-hair-curriculum-about .bg .ttl {
  font-weight: bold;
  color: #6e60a8;
  font-size: clamp(1.1em, 2vw, 2.2rem);
  margin: 2em auto 1em auto;
  border-top: 1px dashed;
  padding-top: 1em;
}
.sec-hair-curriculum-about .test {
  padding: 3em 0;
}
.sec-hair-curriculum-about .test .ttl {
  margin: 2em auto 1em auto;
  color: #6e60a8;
  font-weight: bold;
  font-size: clamp(1.4em, 3vw, 4.2rem);
  text-align: center;
}
.sec-hair-curriculum-about .test .ttl:first-child {
  margin-top: 0;
}
.sec-hair-curriculum-about .test .ttl span {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 0 0 0.5em 0;
}
.sec-hair-curriculum-about .test .ttl span::before {
  content: "";
  display: inline-block;
  width: 105%;
  height: 0.2em;
  background-color: #fff200;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-hair-curriculum-about .test .flexWrap {
  gap: 3em;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum-about .test .flexWrap {
    gap: 1em;
  }
}
.sec-hair-curriculum-about .test .flexWrap > * {
  width: calc(33.3333333333% - 2em);
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum-about .test .flexWrap > * {
    width: calc(50% - 0.5em);
  }
}
.sec-hair-curriculum-about .test .flexWrap span {
  margin-top: 1em;
  font-weight: bold;
  background-color: #6e60a8;
  display: block;
  padding: 0.5em;
  border-radius: 100px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum-about .test .flexWrap span {
    font-size: 0.8em;
  }
}
.sec-hair-curriculum-about .test .point {
  position: relative;
  margin-top: 5em;
  padding: 2.5em 2em 1.75em 2em;
  text-align: center;
  border: 0.2em solid;
  color: #6e60a8;
  font-weight: bold;
}
.sec-hair-curriculum-about .test .point span {
  position: absolute;
  top: -2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff200;
  padding: 0.5em 5em;
  border-radius: 100px;
  border: 0.2em solid;
}

.sec-hair-curriculum {
  /*共通*/
  /*一年生*/
  /*二年生*/
}
.sec-hair-curriculum .ttlWrap .ttl {
  margin: 0 auto 1.5em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  gap: 1em;
  font-size: clamp(1.2em, 3vw, 4.2rem);
}
.sec-hair-curriculum .ttlWrap .ttl .img {
  width: 4em;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .ttlWrap .ttl .img {
    width: 5.5em;
  }
}
.sec-hair-curriculum .ttlWrap .ttl .txt {
  color: #a57eb6;
}
.sec-hair-curriculum .ttlBg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vw;
}
.sec-hair-curriculum .ttlBg .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.sec-hair-curriculum .ttlBg .txt {
  width: 25%;
  max-width: 400px;
  margin-left: auto;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .ttlBg .txt {
    max-width: 100%;
  }
}
.sec-hair-curriculum .content {
  padding: 0 0.5em 0.5em 0.5em;
  background: rgb(112, 199, 217);
  background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgb(112, 199, 217)), color-stop(70%, rgb(165, 126, 182)));
  background: linear-gradient(-90deg, rgb(112, 199, 217) 25%, rgb(165, 126, 182) 70%);
}
.sec-hair-curriculum .content .contentInner {
  background-color: #fff;
  padding: 1em 0 2em 0;
}
.sec-hair-curriculum .content .ttlGra {
  font-weight: bold;
  color: #fff;
  border-radius: 100px;
  padding: 0.5em 1em;
  margin: 2em auto 1em auto;
  line-height: 1.5;
  font-size: clamp(1.1em, 2.2vw, 2.3rem);
  background: rgb(112, 199, 217);
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgb(112, 199, 217)), color-stop(70%, rgb(165, 126, 182)));
  background: linear-gradient(90deg, rgb(112, 199, 217) 25%, rgb(165, 126, 182) 70%);
}
.sec-hair-curriculum .content .section {
  padding: 0 1em 1em 1em;
}
.sec-hair-curriculum .content .section .ttl {
  margin: 1em auto 0.5em auto;
  font-weight: bold;
  color: #6e60a8;
  font-size: clamp(1.2em, 2.5vw, 2.7rem);
}
.sec-hair-curriculum .content .section .imgWrap {
  margin: 1em auto;
}
.sec-hair-curriculum .content .comment {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-top: 1em;
  padding: 1.5em 1.5em 1.5em 1.5em;
  border-radius: 1em;
  display: flex;
  background-color: #6e60a8;
  color: #fff;
  font-size: clamp(1em, 2.2vw, 2.7rem);
  line-height: 1.5;
}
.sec-hair-curriculum .content .comment .txtWrap {
  width: 70%;
}
.sec-hair-curriculum .content .comment .txtWrap span {
  color: #fff200;
  display: block;
  margin-bottom: 0.2em;
}
.sec-hair-curriculum .content .comment .imgWrap {
  width: 30%;
  margin: -2.5em 0 -1.5em 0;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .content .comment .imgWrap {
    position: absolute;
    right: 0.5em;
    bottom: 0;
    margin: 0;
  }
}
.sec-hair-curriculum .first .ttlBg {
  background-image: url(../img/hair/curriculum/first_ttl_bg.png);
}
.sec-hair-curriculum .first .point > * {
  text-align: center;
  padding: 0.5em;
  line-height: 1.5;
  background-color: #6ec8e2;
  color: #fff;
  font-weight: bold;
  border-radius: 100px;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .first .point > * {
    width: 100%;
  }
}
.sec-hair-curriculum .first .point > * span {
  color: #fff200;
}
.sec-hair-curriculum .first .point + p.small {
  margin-top: 1em;
  padding-right: 1em;
  text-align: right;
  font-size: 0.7em;
}
.sec-hair-curriculum .first .cityandGuilds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 1em;
  border: 0.1em solid #6e60a8;
  overflow: hidden;
  margin-top: 1em;
  font-weight: bold;
}
.sec-hair-curriculum .first .cityandGuilds .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
  gap: 2em;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .first .cityandGuilds .top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.5em;
  }
}
.sec-hair-curriculum .first .cityandGuilds .top .img {
  width: 20%;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .first .cityandGuilds .top .img {
    width: 60%;
  }
}
.sec-hair-curriculum .first .cityandGuilds .top .txt {
  width: 80%;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .first .cityandGuilds .top .txt {
    width: 100%;
  }
}
.sec-hair-curriculum .first .cityandGuilds .bottom {
  line-height: 1.5;
  font-size: clamp(1.2em, 2.5vw, 2.7rem);
  text-align: center;
  padding: 1em;
  width: 100%;
  background-color: #6e60a8;
  color: #fff200;
}
.sec-hair-curriculum .first .section03 {
  text-align: center;
}
.sec-hair-curriculum .second {
  padding-bottom: 0;
}
.sec-hair-curriculum .second .ttlWrap .ttl .txt {
  color: #1a9291;
}
.sec-hair-curriculum .second .content {
  background: rgb(194, 217, 104);
  background: -webkit-gradient(linear, right top, left top, color-stop(15%, rgb(194, 217, 104)), color-stop(70%, rgb(79, 185, 159)));
  background: linear-gradient(-90deg, rgb(194, 217, 104) 15%, rgb(79, 185, 159) 70%);
}
.sec-hair-curriculum .second .ttlBg {
  background-image: url(../img/hair/curriculum/second_ttl_bg.png);
  height: 28vw;
}
.sec-hair-curriculum .second .ttlGra {
  background: rgb(194, 217, 104);
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgb(194, 217, 104)), color-stop(70%, rgb(79, 185, 159)));
  background: linear-gradient(90deg, rgb(194, 217, 104) 15%, rgb(79, 185, 159) 70%);
}
.sec-hair-curriculum .second .section .ttl {
  color: #1a9291;
}
.sec-hair-curriculum .second .comment {
  background-color: #1a9291;
}
.sec-hair-curriculum .second .section01 .custom {
  margin: 2em auto;
  padding: 2em;
  border: 0.15em solid;
  color: #1a9291;
  border-radius: 1em;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .second .section01 .custom {
    padding: 1.5em 1em;
  }
}
.sec-hair-curriculum .second .section01 .custom .flexWrap {
  gap: 1.5em;
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .second .section01 .custom .flexWrap {
    gap: 1em;
  }
}
.sec-hair-curriculum .second .section01 .custom .flexWrap > * {
  width: calc(16.6666666667% - 1.25em);
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .second .section01 .custom .flexWrap > * {
    width: calc(33.3333333333% - 0.75em);
  }
}
.sec-hair-curriculum .second .section01 .example {
  margin-top: 2em;
  text-align: center;
}
.sec-hair-curriculum .second .section01 .example .flexWrap {
  gap: 2em;
}
.sec-hair-curriculum .second .section01 .example .flexWrap > * {
  width: calc(50% - 1em);
}
@media screen and (max-width: 860px) {
  .sec-hair-curriculum .second .section01 .example .flexWrap > * {
    width: 100%;
  }
}
.sec-hair-curriculum .second .section03 {
  text-align: center;
}

.sec-hair-curriculum-abroad {
  text-align: center;
}
.sec-hair-curriculum-abroad .ttl {
  margin: 1em auto 0.7em auto;
  line-height: 1.5;
  font-weight: bold;
  color: #95d0c0;
  font-size: clamp(1.4em, 3vw, 4.2rem);
}
.sec-hair-curriculum-abroad .small {
  font-size: 0.7em;
}
.sec-hair-curriculum-abroad .slider-hair-curriculum-abroad {
  margin: 2em auto;
}

/*==================================================================================================
	イラストレーション科
==================================================================================================*/
.page-id-689,
.parent-pageid-689,
.parent-pageid-706 {
  /*3つのコース*/
}
.page-id-689 .main .area_main,
.parent-pageid-689 .main .area_main,
.parent-pageid-706 .main .area_main {
  background-image: url(../img/illustration/pagettl.png);
}
@media screen and (max-width: 860px) {
  .page-id-689 .main .area_main,
  .parent-pageid-689 .main .area_main,
  .parent-pageid-706 .main .area_main {
    background-image: url(../img/illustration/pagettl_sp.png);
    background-position: left;
  }
}
.page-id-689 .sec-page-link .link .flexWrap > *,
.parent-pageid-689 .sec-page-link .link .flexWrap > *,
.parent-pageid-706 .sec-page-link .link .flexWrap > * {
  color: #fff;
  background: #000;
}
.page-id-689 .courseList,
.parent-pageid-689 .courseList,
.parent-pageid-706 .courseList {
  text-align: center;
}
.page-id-689 .courseList > *,
.parent-pageid-689 .courseList > *,
.parent-pageid-706 .courseList > * {
  border: 0.2em solid;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 860px) {
  .page-id-689 .courseList > *,
  .parent-pageid-689 .courseList > *,
  .parent-pageid-706 .courseList > * {
    width: 100%;
  }
}
.page-id-689 .courseList > *::after,
.parent-pageid-689 .courseList > *::after,
.parent-pageid-706 .courseList > *::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(242, 208, 42, 0.3)), to(rgba(240, 140, 0, 0.3)));
  background: linear-gradient(90deg, rgba(242, 208, 42, 0.3) 0%, rgba(240, 140, 0, 0.3) 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-id-689 .courseList > *:hover,
.parent-pageid-689 .courseList > *:hover,
.parent-pageid-706 .courseList > *:hover {
  opacity: 1;
}
.page-id-689 .courseList > *:hover::after,
.parent-pageid-689 .courseList > *:hover::after,
.parent-pageid-706 .courseList > *:hover::after {
  opacity: 0.5;
}
.page-id-689 .courseList > *::before,
.parent-pageid-689 .courseList > *::before,
.parent-pageid-706 .courseList > *::before {
  content: "";
  display: inline-block;
  height: 2em;
  width: 2em;
  -webkit-clip-path: polygon(2em 0, 2em 2em, 0 2em);
          clip-path: polygon(2em 0, 2em 2em, 0 2em);
  background-color: #000;
  position: absolute;
  right: 0;
  bottom: 0;
}
.page-id-689 .courseList .txtWrap,
.parent-pageid-689 .courseList .txtWrap,
.parent-pageid-706 .courseList .txtWrap {
  padding: 2em;
  background-color: #fff;
}
@media screen and (max-width: 860px) {
  .page-id-689 .courseList .txtWrap,
  .parent-pageid-689 .courseList .txtWrap,
  .parent-pageid-706 .courseList .txtWrap {
    padding: 2em 1em;
  }
}
.page-id-689 .courseList .ttl,
.parent-pageid-689 .courseList .ttl,
.parent-pageid-706 .courseList .ttl {
  font-size: clamp(1.7em, 2vw, 3.6rem);
  font-weight: bold;
  display: block;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.page-id-689 .courseList .ttl span,
.parent-pageid-689 .courseList .ttl span,
.parent-pageid-706 .courseList .ttl span {
  font-size: 0.5em;
  display: block;
  margin-bottom: 0.2em;
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  line-height: 1;
}
.page-id-689 .courseList .txt,
.parent-pageid-689 .courseList .txt,
.parent-pageid-706 .courseList .txt {
  font-weight: bold;
  font-size: clamp(1em, 2vw, 2.4rem);
  background-color: #000;
  color: #fff;
  display: inline;
  line-height: 1.5;
}
.page-id-689 .courseList .small,
.parent-pageid-689 .courseList .small,
.parent-pageid-706 .courseList .small {
  margin-top: 1em;
  font-size: 0.9em;
  text-align: left;
}

.sec-illustration-about {
  background-image: url(../img/illustration/about_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
  text-align: center;
}
.sec-illustration-about .ttlMain {
  font-size: clamp(1.5em, 4vw, 6rem);
  font-weight: bold;
  background-color: #ea5548;
  display: inline;
}
.sec-illustration-about .ttlMain + .txt {
  margin-top: 1em;
  font-weight: bold;
  font-size: clamp(1.1em, 2.6vw, 2.6rem);
}
.sec-illustration-about .slider-illustration {
  margin: 4em auto;
}
.sec-illustration-about .ttlSub {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: clamp(1.5em, 4vw, 6rem);
  line-height: 1.3;
}
.sec-illustration-about .point > * {
  border-radius: 0.5em;
  background-color: #ea5548;
  color: #fff;
  padding: 1em;
}
@media screen and (max-width: 860px) {
  .sec-illustration-about .point > * {
    width: 100%;
  }
}
.sec-illustration-about .point .num {
  display: inline-block;
  font-weight: bold;
  background-color: #000;
  border-radius: 100px;
  text-align: center;
  font-size: 1.5em;
  line-height: 2;
  height: 2em;
  padding: 0 0.5em;
}
.sec-illustration-about .point .ttl {
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  margin: 0.5em 0;
}
.sec-illustration-about .point .txt {
  text-align: left;
  font-size: 0.9em;
}

.sec-illustration-second .ttlMain {
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: clamp(1.5em, 4vw, 6rem);
  line-height: 1.3;
}

.sec-illustration-voice {
  background-image: url(../img/illustration/about_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  background-attachment: fixed;
  color: #fff;
}
.sec-illustration-voice .ttlMain {
  text-align: center;
  color: #fff;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: clamp(1.5em, 4vw, 6rem);
  line-height: 1.3;
}
.sec-illustration-voice .tw_line {
  background: #fff;
  line-height: 1.7;
}
.sec-illustration-voice .tw_line .time {
  background: #3e3a39;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  line-height: 1;
}
.sec-illustration-voice .tw_line .time img {
  width: 50px;
  margin-bottom: 5px;
}
.sec-illustration-voice .tw_line .time p {
  color: #fff;
}
.sec-illustration-voice .tw_line .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 5px solid #ddd;
}
.sec-illustration-voice .tw_line .head img {
  width: 46px;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .tw_line .head img {
    width: 30px;
  }
}
.sec-illustration-voice .tw_line .timeline {
  color: #333;
}
.sec-illustration-voice .tw_line .timeline dl {
  overflow-y: scroll;
  height: 500px;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .tw_line .timeline dl {
    height: 350px;
  }
}
.sec-illustration-voice .tw_line .timeline dl > div {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
}
.sec-illustration-voice .tw_line .timeline dl > div dt {
  width: 80px;
  position: relative;
  z-index: 1;
}
.sec-illustration-voice .tw_line .timeline dl > div dt img {
  width: auto;
}
.sec-illustration-voice .tw_line .timeline dl > div dd {
  width: calc(100% - 80px);
}
.sec-illustration-voice .tw_line .timeline dl > div dd .name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .tw_line .timeline dl > div dd .name {
    font-size: 1.4rem;
  }
}
.sec-illustration-voice .tw_line .timeline dl > div dd .name span {
  color: #999;
  margin-left: 15px;
  font-size: 80%;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .tw_line .timeline dl > div dd .name span {
    margin-left: 5px;
  }
}
.sec-illustration-voice .tw_line .timeline dl > div dd .comment {
  font-weight: 500;
}
.sec-illustration-voice .tw_line .timeline dl > div dd .img {
  margin-top: 10px;
}
.sec-illustration-voice .tw_line .timeline dl > div dd .icon_list {
  margin-top: 10px;
}
.sec-illustration-voice .tw_line .timeline dl > div dd .icon_list img {
  width: 80%;
}
.sec-illustration-voice .tw_line .foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 10px 0;
  border-bottom: 5px solid #ddd;
}
.sec-illustration-voice .tw_line .foot p img {
  width: 25px;
}
.sec-illustration-voice .small {
  margin-top: 1em;
  font-size: 0.8em;
}
.sec-illustration-voice .whats {
  margin: 4em auto;
  color: #000;
  background-color: #c4d70f;
  border-radius: 1em;
  padding: 2em;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .whats {
    padding: 1.5em;
  }
}
.sec-illustration-voice .whats .sub {
  display: block;
  width: 100%;
  font-size: 0.9em;
  margin: 1em auto 0 auto;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.2em;
  line-height: 1;
}
.sec-illustration-voice .whats .ttl {
  font-weight: bold;
  font-size: clamp(1.2em, 2.8vw, 2.8rem);
  line-height: 2;
  margin: 0 auto;
  color: #c4d70f;
  background-color: #000;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 0.3em;
}
.sec-illustration-voice .whats .txt {
  margin-top: 1em;
  text-align: left;
}
.sec-illustration-voice .ai {
  position: relative;
  background-color: #282526;
  /*
  background-color: rgb(242, 208, 42);
  background: rgb(240, 140, 0);
  background: url(../img/illustration/ai_bg.svg), linear-gradient(90deg, rgba(242, 208, 42, 1) 0%, rgba(241, 172, 20, 1) 20%, rgba(240, 140, 0, 1) 100%);
  */
  background-repeat: repeat;
  border-radius: 1em;
  padding: 2em;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .ai {
    padding: 2em 1.5em;
  }
}
.sec-illustration-voice .ai .sub {
  width: 30%;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 860px) {
  .sec-illustration-voice .ai .sub {
    width: 50%;
  }
}
.sec-illustration-voice .ai .ttl {
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.2em, 2.8vw, 2.8rem);
  line-height: 1.5;
  margin: 1em auto;
}

/*==================================================================================================
	納得の就職・未来の職業
==================================================================================================*/
/*==================================================================================================
	カリキュラム
==================================================================================================*/
.ttlIl {
  font-size: clamp(1.7em, 3vw, 4.8rem);
  font-weight: bold;
  padding: 1em;
  text-align: center;
  position: relative;
  color: #e2621f;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-decoration-color: #fff200;
  text-underline-offset: 0.5em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.ttlIl span {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  line-height: 1;
}

.sec-illustration-curriculum-about {
  background-image: url(../img/illustration/topics_bg.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-align: center;
}
.sec-illustration-curriculum-about .ttlIl {
  color: #000;
}
.sec-illustration-curriculum-about .txt {
  font-weight: bold;
  font-size: clamp(1.1em, 2.6vw, 2.6rem);
}
.sec-illustration-curriculum-about .flexWrap {
  margin-top: 3em;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-about .flexWrap > * {
    width: 100%;
  }
}
.sec-illustration-curriculum-about .flexWrap a {
  position: relative;
  padding: 1em;
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  border-radius: 100px;
  font-weight: bold;
  color: #fff;
}
.sec-illustration-curriculum-about .flexWrap a::before {
  content: "\f078";
  font-family: "Font Awesome 5 Free", "Font Awesome 5";
  font-weight: 900;
  font-size: 0.9em;
  margin-right: 0.2em;
  position: absolute;
  right: 1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sec-illustration-curriculum-course {
  background-image: url(../img/illustration/curriculum/course_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-course {
    background-size: 150%;
  }
}

.sec-illustration-curriculum-step {
  background-image: url(../img/illustration/about_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.sec-illustration-curriculum-step .step {
  border-radius: 1em;
  margin: 2em auto;
  overflow: hidden;
  background-color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step {
    margin: 1em 0;
  }
}
.sec-illustration-curriculum-step .step .ttlWrap {
  width: 100%;
  background-color: #000;
  padding: 1em;
  text-align: center;
}
.sec-illustration-curriculum-step .step .ttlWrap .num {
  background: rgb(240, 140, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), color-stop(20%, rgb(241, 172, 20)), to(rgb(240, 140, 0)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(241, 172, 20) 20%, rgb(240, 140, 0) 100%);
  padding: 0.5em 1.5em;
  color: #000;
  border-radius: 100px;
  margin-right: 0.5em;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.sec-illustration-curriculum-step .step .ttlWrap .ttl {
  margin-top: 0.2em;
  font-size: clamp(1.2em, 2vw, 2.8rem);
  display: block;
  color: #fff;
  line-height: 1.5;
  vertical-align: middle;
}
.sec-illustration-curriculum-step .step .ttlSub {
  margin: 1em 0 0 0;
  font-size: clamp(1.2em, 2vw, 2.4rem);
  font-weight: bold;
}
.sec-illustration-curriculum-step .step ul {
  margin: 0.5em 0 0 0;
  padding: 1em 0;
  text-align: left;
  border-top: 1px solid;
  border-bottom: 1px solid;
  line-height: 1.75;
}
.sec-illustration-curriculum-step .step ul li {
  margin-right: 0.5em;
  display: inline-block;
}
.sec-illustration-curriculum-step .step ul li::before {
  content: "●";
  display: inline-block;
  color: #e2621f;
  margin-right: 0.2em;
}
.sec-illustration-curriculum-step .step .caution {
  font-size: 0.75em;
  margin-top: 0.5em;
}
.sec-illustration-curriculum-step .step .txtWrap {
  padding: 2em;
  text-align: center;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step .txtWrap {
    padding: 1.5em 1em;
  }
}
.sec-illustration-curriculum-step .step01 .ttlWrap {
  text-align: left;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step01 .ttlWrap {
    text-align: center;
  }
}
.sec-illustration-curriculum-step .step01 .ttlWrap .ttl {
  display: inline-block;
  margin-top: 0;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step01 .ttlWrap .ttl {
    display: block;
    margin-top: 0.2em;
  }
}
.sec-illustration-curriculum-step .step01 .txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-illustration-curriculum-step .step01 .imgWrap {
  width: 45%;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step01 .imgWrap {
    width: 100%;
  }
}
.sec-illustration-curriculum-step .step01 .wrapInner {
  margin: 0 0 0 2em;
  width: calc(55% - 2em);
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step01 .wrapInner {
    width: 100%;
    margin: 0.5em 0 0 0;
  }
}
.sec-illustration-curriculum-step .step01 .ttlSub {
  margin: 0;
}
.sec-illustration-curriculum-step .step01 ul {
  margin: 0;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step + .flexWrap.-col2 {
    gap: 0;
  }
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .step + .flexWrap.-col2 > * {
    width: 100%;
  }
}
.sec-illustration-curriculum-step .soft {
  border-radius: 1em;
  margin: 2em auto;
  overflow: hidden;
  background-image: url(../img/illustration/ai_bg.svg);
  background-repeat: repeat;
  background-color: #282526;
  overflow: hidden;
  padding: 2em;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .soft {
    padding: 1.5em 1em;
  }
}
.sec-illustration-curriculum-step .soft .ttl .en {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-illustration-curriculum-step .soft .ttl .txt {
  font-size: clamp(1.2em, 2.8vw, 2.8rem);
  font-weight: bold;
  display: block;
}
.sec-illustration-curriculum-step .soft .ttlSub {
  margin: 2em auto 1em auto;
  line-height: 1.5;
  border-radius: 100px;
  padding: 0.5em;
  background-color: #000;
}
.sec-illustration-curriculum-step .soft p {
  font-size: 0.8em;
}
.sec-illustration-curriculum-step .soft .flexWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-illustration-curriculum-step .soft .flexWrap img {
  width: 100%;
  height: auto;
}
.sec-illustration-curriculum-step .soft .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .soft .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sec-illustration-curriculum-step .soft .wrap .left {
  width: 50%;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .soft .wrap .left {
    width: 100%;
  }
}
.sec-illustration-curriculum-step .soft .wrap .right {
  width: 50%;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .soft .wrap .right {
    width: 100%;
  }
}
.sec-illustration-curriculum-step .quallflcation {
  border-radius: 1em;
  margin: 2em auto;
  overflow: hidden;
  background-image: url(../img/illustration/ai_bg.svg);
  background-repeat: repeat;
  background-color: #282526;
  padding: 2em;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .quallflcation {
    padding: 1.5em 1em;
  }
}
.sec-illustration-curriculum-step .quallflcation .ttl .en {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-illustration-curriculum-step .quallflcation .ttl .txt {
  font-size: clamp(1.2em, 2.8vw, 2.8rem);
  font-weight: bold;
  display: block;
}
.sec-illustration-curriculum-step .quallflcation .flexWrap.-col2 {
  margin-top: 2em;
}
.sec-illustration-curriculum-step .quallflcation .flexWrap.-col2 > * {
  border: 0.1em solid;
  padding: 2em;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .quallflcation .flexWrap.-col2 > * {
    padding: 1.5em 1em;
    margin-bottom: 1em;
  }
}
.sec-illustration-curriculum-step .quallflcation .flexWrap.-col2 .ttl {
  font-size: clamp(1.1em, 2vw, 2.4rem);
}
.sec-illustration-curriculum-step .quallflcation .flexWrap.-col2 .txt {
  font-size: 0.8em;
  margin-top: 1em;
  background-color: #000;
  display: inline-block;
  padding: 0.2em 0.5em;
}
.sec-illustration-curriculum-step .abroad .ttlWrap {
  text-align: left;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .abroad .ttlWrap {
    text-align: center;
  }
}
.sec-illustration-curriculum-step .abroad .ttlWrap .ttl {
  display: inline-block;
  margin-top: 0;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-step .abroad .ttlWrap .ttl {
    display: block;
    margin-top: 0.2em;
  }
}
.sec-illustration-curriculum-step .abroad .large {
  font-size: clamp(1.2em, 2.8vw, 2.8rem);
  line-height: 1.5;
  font-weight: bold;
  padding: 1em 0;
}

.sec-illustration-curriculum-collaboration {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-collaboration {
    background-size: 150%;
  }
}
.sec-illustration-curriculum-collaboration .ttlWrap {
  margin: 4em auto 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  background: -webkit-gradient(linear, left top, right top, from(#282828), to(#3f3f3f));
  background: linear-gradient(90deg, #282828 0%, #3f3f3f 100%);
  padding: 1em;
}
.sec-illustration-curriculum-collaboration .ttlWrap .ttl {
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-right: 1px solid;
  font-size: clamp(1.2em, 2vw, 2.8rem);
  letter-spacing: 0.1em;
}
.sec-illustration-curriculum-collaboration .ttlWrap .gra {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(#f2d02a), to(#f08c00));
  background: linear-gradient(90deg, #f2d02a 0%, #f08c00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-illustration-curriculum-collaboration .awardList {
  margin: 2em auto;
  position: relative;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-collaboration .awardList.flexWrap.-col2 > * {
    width: 100%;
  }
}
.sec-illustration-curriculum-collaboration .awardList .awardListItem {
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-align: center;
  padding: 2em;
  background-color: #fff;
  border: 0.1em solid;
  border-radius: 1em;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-collaboration .awardList .awardListItem {
    padding: 1em;
  }
}
.sec-illustration-curriculum-collaboration .awardList .awardListItem::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#f2d02a), to(#f08c00));
  background: linear-gradient(90deg, #f2d02a 0%, #f08c00 100%);
  z-index: -1;
  border-radius: 1em;
  opacity: 0.6;
}
.sec-illustration-curriculum-collaboration .awardList .awardListItem img {
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
}
.sec-illustration-curriculum-collaboration .awardList .awardListItem .ttl {
  margin: 2em auto 1em auto;
  background-image: url(../img/illustration/curriculum/award_ttl.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.5em;
}

/*==================================================================================================
	カリキュラム詳細
==================================================================================================*/
.sec-illustration-curriculum-detail {
  height: 35vw;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-detail {
    background-position: center bottom;
    height: 135vw;
  }
}
.sec-illustration-curriculum-detail.manga {
  background-image: url(../img/illustration/curriculum/manga/info_bg.png);
}
.sec-illustration-curriculum-detail.illust {
  background-image: url(../img/illustration/curriculum/illust/info_bg.png);
}
.sec-illustration-curriculum-detail.design {
  background-image: url(../img/illustration/curriculum/design/info_bg.png);
}
.sec-illustration-curriculum-detail .mContainer {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-detail .mContainer {
    height: auto;
  }
}
.sec-illustration-curriculum-detail .ttlWrap {
  font-weight: bold;
  font-size: clamp(2em, 5vw, 5.6rem);
  line-height: 1.2;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-detail .ttlWrap {
    text-align: center;
  }
}
.sec-illustration-curriculum-detail .ttlWrap .main {
  display: block;
  line-height: 1;
}
.sec-illustration-curriculum-detail .ttlWrap .en {
  line-height: 1;
  font-size: 1.6rem;
  display: inline-block;
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), to(rgb(216, 24, 23)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(216, 24, 23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-illustration-curriculum-detail .txt {
  margin-top: 2em;
  font-weight: bold;
}

.sec-illustration-curriculum-detail-main {
  text-align: center;
  position: relative;
  background: rgb(240, 140, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), color-stop(20%, rgb(241, 172, 20)), to(rgb(240, 140, 0)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(241, 172, 20) 20%, rgb(240, 140, 0) 100%);
  z-index: 1;
}
.sec-illustration-curriculum-detail-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(0, 0, 0, 0.3) 30%, transparent 30%);
  background-size: 10px 10px;
  mix-blend-mode: overlay;
}
.sec-illustration-curriculum-detail-main::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 20vw;
  background-color: #fff;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-detail-main::after {
    height: 40vw;
  }
}
.sec-illustration-curriculum-detail-main .mainTtl {
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.5em, 3vw, 3.6rem);
  display: inline;
  background-color: #ea5548;
  color: #fff;
}
.sec-illustration-curriculum-detail-main .txt {
  font-weight: bold;
  margin: 2em auto;
}
.sec-illustration-curriculum-detail-main .subject .subjectList li {
  display: inline-block;
  font-weight: bold;
  margin-right: 1em;
}
.sec-illustration-curriculum-detail-main .subject .subjectList li span {
  font-size: 80%;
  font-weight: normal;
}
.sec-illustration-curriculum-detail-main .subject .subjectList li::before {
  content: "●";
  display: inline-block;
  color: rgb(216, 24, 23);
}
.sec-illustration-curriculum-detail-main .subTtl {
  font-size: clamp(1.2em, 3vw, 2.8rem);
  text-align: left;
  font-weight: bold;
  padding: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  background: -webkit-gradient(linear, left top, right top, from(#282828), to(#3f3f3f));
  background: linear-gradient(90deg, #282828 0%, #3f3f3f 100%);
  margin: 2em auto 1.5em auto;
  border-radius: 100px;
}
.sec-illustration-curriculum-detail-main .subTtl .small {
  font-size: 0.7em;
}
.sec-illustration-curriculum-detail-main .subTtl .txt {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(#f2d02a), to(#f08c00));
  background: linear-gradient(90deg, #f2d02a 0%, #f08c00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-illustration-curriculum-detail-main .flexWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-illustration-curriculum-detail-main .flexWrap p {
  line-height: 1.3;
  margin: 1em auto;
  text-align: center;
  font-weight: bold;
  font-size: clamp(1em, 2vw, 2.3rem);
}
.sec-illustration-curriculum-detail-main .pointList {
  margin: 2em auto;
}
.sec-illustration-curriculum-detail-main .pointList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding: 1em;
  background-color: #fff;
  margin-bottom: 1.5em;
  border-radius: 100px;
  font-size: clamp(1.1em, 2vw, 2.6rem);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 860px) {
  .sec-illustration-curriculum-detail-main .pointList li p {
    width: 90%;
  }
}
.sec-illustration-curriculum-detail-main .pointList li p span {
  color: #ea5548;
}
.sec-illustration-curriculum-detail-main .pointList li .num {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  color: #fff;
  background: #282526;
  border-radius: 100px;
  margin-right: 0.5em;
}
.sec-illustration-curriculum-detail-main .innerL {
  padding-top: 6em;
}

.subject-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
}
.subject-img img {
  width: 720px;
}

/*==================================================================================================
	納得の就職・未来の職業
==================================================================================================*/
.sec-illustration-employment-interwiew {
  text-align: center;
  position: relative;
  background: rgb(240, 140, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(242, 208, 42)), color-stop(20%, rgb(241, 172, 20)), to(rgb(240, 140, 0)));
  background: linear-gradient(90deg, rgb(242, 208, 42) 0%, rgb(241, 172, 20) 20%, rgb(240, 140, 0) 100%);
  z-index: 1;
}
.sec-illustration-employment-interwiew .studentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3vw;
}
.sec-illustration-employment-interwiew .studentListItem {
  width: calc(50% - 3vw);
}
@media screen and (max-width: 860px) {
  .sec-illustration-employment-interwiew .studentListItem {
    width: 100%;
  }
}
.sec-illustration-employment-interwiew .studentList .ttlWrap {
  background: #ea5548;
  padding: 1em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
}
.sec-illustration-employment-interwiew .studentList .ttlWrap h3 {
  font-size: clamp(1.2em, 3vw, 2.8rem);
  font-weight: bold;
}
.sec-illustration-employment-interwiew .studentList .ttlWrap .comName,
.sec-illustration-employment-interwiew .studentList .ttlWrap .school {
  font-size: 72%;
}
.sec-illustration-employment-interwiew .studentList .cntTxt {
  background: #fff;
  padding: 1em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.sec-illustration-employment-interwiew .studentList .cntTxt p {
  text-align: justify;
  font-size: 85%;
}
.sec-illustration-employment-interwiew .studentList .cntTxt p strong {
  color: #ea5548;
}

.sec-illustration-employment-list {
  background: url("../img/illustration/employment/list-bg.png") no-repeat top center/cover;
  text-align: center;
}
.sec-illustration-employment-list h2 {
  font-size: clamp(2em, 5vw, 5.6rem);
  font-weight: bold;
}
.sec-illustration-employment-list .employmentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3vw;
  margin-top: 3em;
}
.sec-illustration-employment-list .employmentListItem {
  width: calc(50% - 3vw);
}
@media screen and (max-width: 860px) {
  .sec-illustration-employment-list .employmentListItem {
    width: 100%;
  }
}
.sec-illustration-employment-list .employmentList h3 {
  padding: 0 1em;
  font-size: clamp(1.2em, 3vw, 2.8rem);
  color: #fff;
  background: #2a2729;
  border-radius: 100px;
}
.sec-illustration-employment-list .employmentList p {
  margin-top: 1.5em;
  text-align: justify;
  font-size: 85%;
}

.illustration-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em 2%;
}
.illustration-sns-block {
  width: 49%;
}
@media screen and (max-width: 860px) {
  .illustration-sns-block {
    width: 100%;
  }
}
.illustration-sns-block h3 {
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 1em;
  border-bottom: 1px solid;
  font-weight: bold;
  white-space: nowrap;
}
.illustration-sns-block h3.tw {
  color: #00c0e6;
}
.illustration-sns-block h3.in {
  color: #e64395;
}
.illustration-sns .area_sns_load ul li {
  width: calc(50% - 1em);
}

.abroad .ttlChildWrap {
  margin: 2em 2em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  background: -webkit-gradient(linear, left top, right top, from(#282828), to(#3f3f3f));
  background: linear-gradient(90deg, #282828 0%, #3f3f3f 100%);
  padding: 1em;
  width: auto !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.abroad .ttlChildWrap .ttl {
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-right: 1px solid;
  font-size: clamp(1.2em, 2vw, 2.8rem);
  letter-spacing: 0.1em;
}
.abroad .ttlChildWrap .gra {
  background: rgb(242, 208, 42);
  background: -webkit-gradient(linear, left top, right top, from(#f2d02a), to(#f08c00));
  background: linear-gradient(90deg, #f2d02a 0%, #f08c00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.abroad .collaboration {
  padding: 2em;
}
.abroad .collaboration-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  .abroad .collaboration-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 860px) {
  .abroad .collaboration {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.5em;
  }
}
.abroad .collaboration .imgWrap {
  width: 45%;
}
@media screen and (max-width: 860px) {
  .abroad .collaboration .imgWrap {
    width: 100%;
  }
}
.abroad .collaboration .imgWrap span {
  margin-top: 0.5em;
  display: block;
  text-align: center;
  font-size: 0.9em;
}
.abroad .collaboration .txtWrap {
  width: 55%;
  text-align: left;
  padding: 0 !important;
}
@media screen and (max-width: 860px) {
  .abroad .collaboration .txtWrap {
    width: 100%;
  }
}