@charset "UTF-8";

/* --------------------------------------
  common
-------------------------------------- */
p,dd,dl {
  margin: 0;
}

/* 背景ワンカラーのsectionのみ適応 */
.customize_category .category_width {
  width: 100%;
  margin: 0 auto;
}

.customize_category .category_inner {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 0;
  display: block;
}
.intoro .category_inner {
  padding: 5rem 0 3rem;
}
.customize_category h2 {
  font-size: 1.1rem !important;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}
.customize_category .info.box h2 {
  padding-bottom: 0.5rem;
}
.customize_category h2.category_page_heading {
  border-bottom: none;
  font-size: min(calc(8.79592vw + 2rem),2rem) !important;
  text-align: center;
  position: relative;
  margin-bottom: 4rem;
  line-height: 1.2;
}
.customize_category h3 {
  margin-top: 0;
}
.customize_category .category_page_heading .en {
  color: #F7F7F7;
  font-family: "Dancing Script", cursive;
  font-size: min(calc(8.79592vw + 5rem),5rem) !important;
  font-weight: 700;
  left: 50%;
  line-height: 1.2;
  position: absolute;
  rotate: -7deg;
  top: 50%;
  translate: -50% -56%;
  white-space: nowrap;
  z-index: -1;
  letter-spacing: -0.1rem;
}
.customize_category .intoro {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
}
.customize_category dl {
  display: grid;
  grid-template-columns: auto 1fr;
}
.customize_category dl dt,
.customize_category dl dd {
  border-bottom: 1px dotted #543336;
  padding: 1rem;
}
.customize_category .about h2 {
  border-color: #d3eeff;
}
.customize_category .category_inner_bg h2,
.customize_category .school h2,
.customize_category .archive_school_info .school-list .school-item {
  border-bottom: none !important;
}
.customize_category .image {
  width: 100%;
}
.customize_category .desc_area {
  text-align: justify;
  line-height: 2;
}
.customize_category .school h2.ttl {
  position: relative;
  text-align: center;
}
.customize_category .school h2.ttl::before {
  content: '';
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 512 512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23111111%3B%7D%3C/style%3E%3Cg%3E%3Cpath class%3D%22st0%22 d%3D%22M463.29%2C305.295v-84.777h-9.38c-39.71%2C0-75.128%2C6.873-104.271%2C15.713c-3.467-7.023-7.264-14.182-10.956-20.92c1.59-1.441%2C3.166-2.919%2C4.682-4.435c22.331-22.316%2C36.183-53.253%2C36.168-87.343c0.016-34.089-13.837-65.026-36.168-87.336C321.035%2C13.837%2C290.089%2C0%2C256.007%2C0c-34.082%2C0-65.027%2C13.837-87.343%2C36.198c-22.331%2C22.309-36.182%2C53.246-36.182%2C87.336c0%2C34.09%2C13.851%2C65.027%2C36.182%2C87.343c1.516%2C1.516%2C3.076%2C3.017%2C4.682%2C4.435c-3.706%2C6.738-7.503%2C13.897-10.97%2C20.92c-29.159-8.84-64.547-15.713-104.257-15.713h-9.38v84.777c-28.318%2C0.526-39.154%2C23.877-39.154%2C52.631c0%2C28.754%2C10.836%2C52.106%2C39.154%2C52.631v67.481l9.035%2C0.315h0.255c2.836%2C0.098%2C28.634%2C1.208%2C63.586%2C5.89c34.938%2C4.667%2C79.044%2C12.958%2C118.244%2C27.193l1.545%2C0.563h29.22l1.545-0.563c40.445-14.692%2C86.158-23.044%2C121.59-27.629c17.739-2.288%2C32.896-3.661%2C43.611-4.456c5.358-0.398%2C9.604-0.646%2C12.501-0.811c1.441-0.068%2C2.536-0.128%2C3.286-0.15c0.36-0.023%2C0.646-0.038%2C0.811-0.038h0.27l9.049-0.315v-67.481c28.319-0.548%2C39.124-23.877%2C39.124-52.631C502.414%2C329.172%2C491.609%2C305.836%2C463.29%2C305.295z M49.746%2C391.821c-0.315%2C0-0.646%2C0-1.006-0.015c-6.438-0.068-20.395-1.756-20.395-33.879c0-32.131%2C13.957-33.819%2C20.395-33.88c0.36-0.022%2C0.691-0.022%2C1.006-0.022c6.498%2C0%2C12.576%2C1.861%2C17.739%2C5.043c9.694%2C5.958%2C16.147%2C16.673%2C16.147%2C28.859c0%2C12.186-6.453%2C22.894-16.147%2C28.852C62.322%2C389.967%2C56.244%2C391.821%2C49.746%2C391.821z M230.63%2C286.259v202.262c-38.089-12.126-78.069-19.15-109.974-23.314c-23.502-3.046-42.576-4.48-53.171-5.125V407.51c20.365-7.293%2C34.906-26.728%2C34.906-49.584c0-22.856-14.542-42.299-34.906-49.584v-68.921c48.863%2C1.395%2C90.494%2C13.536%2C120.389%2C25.73c15.893%2C6.453%2C28.469%2C12.914%2C36.978%2C17.731c2.192%2C1.246%2C4.127%2C2.371%2C5.778%2C3.37V286.259z M268.884%2C492.708c-0.495%2C0.165-1.006%2C0.353-1.501%2C0.541h-22.736c-0.495-0.188-0.99-0.376-1.516-0.541V292.396h25.753V492.708z M256.007%2C228.682c-28.574%2C0-54.402-11.353-73.341-29.812c-0.33-0.33-0.66-0.646-1.006-0.975c-10.28-10.296-18.414-22.669-23.742-36.46c18.459-3.482%2C35.418-10.445%2C50.545-19.03c25.498-14.452%2C45.923-33.459%2C60.09-48.849c6.123-6.649%2C11.061-12.629%2C14.723-17.296c5.898%2C7.602%2C14.797%2C18.752%2C24.942%2C30.315c9.11%2C10.378%2C19.21%2C21.086%2C29.235%2C29.978c4.997%2C4.458%2C9.995%2C8.464%2C14.947%2C11.773c1.681%2C1.103%2C3.347%2C2.108%2C5.013%2C3.061c-4.878%2C17.836-14.317%2C33.774-27.043%2C46.508c-0.346%2C0.33-0.675%2C0.668-1.021%2C0.998C310.379%2C217.352%2C284.552%2C228.682%2C256.007%2C228.682z M444.545%2C460.082c-10.595%2C0.645-29.67%2C2.079-53.201%2C5.125c-31.875%2C4.142-71.856%2C11.188-109.944%2C23.314c0%2C0%2C0%2C0-0.014%2C0V286.236c0.014%2C0%2C0.014%2C0%2C0.014%2C0c8.164-4.899%2C23.157-13.168%2C43.492-21.4c29.834-12.066%2C71.18-24.042%2C119.654-25.415v68.921c-20.365%2C7.286-34.922%2C26.728-34.922%2C49.584c0%2C22.856%2C14.557%2C42.291%2C34.922%2C49.584V460.082z M463.29%2C391.806c-0.375%2C0.015-0.705%2C0.015-1.02%2C0.015c-6.498%2C0-12.562-1.831-17.724-5.02c-9.695-5.98-16.178-16.688-16.178-28.874c0-12.186%2C6.483-22.901%2C16.178-28.882c5.162-3.181%2C11.226-5.02%2C17.724-5.02c0.315%2C0%2C0.646%2C0%2C1.02%2C0.022c6.453%2C0.083%2C20.38%2C1.794%2C20.38%2C33.88C483.669%2C390.012%2C469.743%2C391.723%2C463.29%2C391.806z%22/%3E%3Ccircle class%3D%22st0%22 cx%3D%22215.383%22 cy%3D%22161.037%22 r%3D%2212.502%22/%3E%3Ccircle class%3D%22st0%22 cx%3D%22296.632%22 cy%3D%22161.037%22 r%3D%2212.502%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


/* school include */
.school .custom_page.inc .ark-block-heading__sub {
  display: none;
}
.school .customize_category .btns {
  width: 100%;
}
.customize_category a {
  text-decoration: none;
}
.customize_category .school-item #school_name_output h2 {
  font-size: 14px !important;
}
.customize_category .archive_school_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.customize_category .archive_school_name::after {
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z%22 fill%3D%22%23543336%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* .customize_category .school .school-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-flow: row wrap;
  flex-wrap: wrap;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
} */
.customize_category .school .school-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1rem;
  width: 100%;
}
.customize_category .school .school-list .school-item {
  /* width: 47%; */
  margin-bottom: 0;
}
.customize_category .icon_point {
  background-color: #F7AC3F;
  width: 74px;
  text-align: center;
}

/* 学校サムネイルホバーアニメーション */
.customize_category .archive_school_info_inner .school-list .school-item #school_date_image {
  overflow: hidden;
  position: relative;
}
.customize_category .archive_school_info_inner .school-list .school-item #school_date_image img {
  transition: transform 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  display: block;
  max-width: 100%;
  height: auto;
}
.customize_category .archive_school_info_inner .school-list .school-item #school_date_image img:hover {
  transform: scale(1.1);
}

/* flex */
.customize_category .about .box {
  padding: 1rem 0;
}
.customize_category .about .info.box {
  padding-top: 0;
}


/* --------------------------------------
  背景色
-------------------------------------- */
.customize_category .about,
.customize_category .traveling_flow {
  /* background: #ffeb0b; */
  background: #F7F7F7;
}


/* --------------------------------------
  背景写真のsection style
-------------------------------------- */
.customize_category .desc_area {
  background-color: rgba(0,0,0,.7);
  color: #fff;
}
.customize_category .ttl_area_inner,
.customize_category .desc_area .desc_area_inner {
  width: 90%;
  margin: 0 auto;
}
.customize_category .ttl_area_inner h2 {
  color: #fff;
  font-size: min(calc(6.79592vw + .95408rem),5rem) !important;
  line-height: 1;
  letter-spacing: -0.08rem;
  text-align: center;
}
.customize_category .ttl_area_inner h2 .sub_ttl {
  font-size: 1.1rem;
  margin-top: 1rem;
}
.customize_category .btns {
  width: 100%;
  margin: 2rem auto 0;
}
.customize_category .category_inner_bg .box {
  padding: 3rem 0;
}
.customize_category .category_inner_bg .box.en_ttl {
  padding: 6rem 0;
}

/* 背景写真 */
.customize_category .primary {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative;
}

/* カナダってどんな国？ */
.customize_category #about_canada .safety {
  background-image: url(../img/about_canada/safety_bg.jpg);
  background-position: center center;
}
.customize_category #about_canada .culture {
  background-image: url(../img/about_canada/culture_bg.jpg);
  background-position: center center;
}
.customize_category #about_canada .living {
  background-image: url(../img/about_canada/living_bg.jpg);
  background-position: center center;
}
.customize_category #about_canada .holiday {
  background-image: url(../img/about_canada/holiday_bg.jpg);
  background-position: center center;
}

/* 語学学校 */
.customize_category #about_language_school .language_school {
  background-image: url(../img/about_language_school/language_school_bg.jpg);
  background-position: center center;
}
.customize_category #about_language_school .about_co_op {
  background-image: url(../img/about_language_school/about_co_op_bg.jpg);
  background-position: center center;
}
.customize_category #about_language_school .facility {
  background-image: url(../img/about_language_school/facility_bg.jpg);
  background-position: center center;
}
.customize_category #about_language_school .school_select {
  background-image: url(../img/about_language_school/school_select_bg.jpg);
  background-position: center center;
}
.customize_category #about_language_school .co_op_select {
  background-image: url(../img/about_language_school/co_op_select_bg.jpg);
  background-position: center center;
}

/* 留学手続き */
.customize_category #study_abroad_process .entry {
  background-image: url(../img/study_abroad_process/entry_bg.jpg);
  background-position: center center;
}
.customize_category #study_abroad_process .price {
  background-image: url(../img/study_abroad_process/price_bg.jpg);
  background-position: center center;
}
.customize_category #study_abroad_process .preparat {
  background-image: url(../img/study_abroad_process/preparant_bg.jpg);
  background-position: center center;
}
.customize_category .traveling_flow .category_inner {
  margin: 0rem auto 4rem;
  padding: 3rem 0 4rem;
}
.customize_category .traveling_flow h2 {
  margin-bottom: 1rem;
}
.customize_category .traveling_flow .traveling_flow_list {
  border-top: 1px dotted #103f99;
  margin-top: 2rem;
}
.customize_category .traveling_flow dl {
  display: block;
}

/* ワーホリ */
.customize_category  #working_holiday .about_working_holiday {
  background-image: url(../img/working_holiday/workingholiday_bg.jpg);
  background-position: center center;
}
.customize_category  #working_holiday .works_life {
  background-image: url(../img/working_holiday/work_and_life_bg.jpg);
  background-position: center center;
}
.page-id-3311 #page_header {
  background-position: bottom center !important;
}
.customize_category #working_holiday .en {
  font-size: min(14vw, 92px) !important;
}

/* 体験談 */
.experiences .page_header {
  background-image: url(../img/study_abroad_process/entry_bg.jpg);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


@media screen and (min-width: 1280px) {
  .customize_category .category_width {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
  }
  .customize_category h2 {
    font-size: 1.3rem !important;
  }
  .customize_category h2.category_page_heading {
    font-size: min(calc(8.79592vw + 3rem),3rem) !important;
    position: relative;
  }
  .customize_category .category_page_heading .en {
    font-size: min(calc(8.79592vw + 8rem),8rem) !important;
  }
  .customize_category .ttl_area_inner h2,
  .customize_category h3 {
    text-align: left;
  }
  .customize_category .intoro h3 {
    text-align: center;
  }
  .customize_category .school h2.ttl {
    margin-bottom: 2rem;
  }
  .customize_category .school h2.ttl::before {
    width: 4rem;
    height: 4rem;
  }

  /* style */
  .customize_category .category_inner {
    width: 84%;
    margin: 6rem auto;
    padding: 0;
  }
  .customize_category .desc_area {
    background-color: rgba(0,0,0,.6);
  }
  .customize_category .category_inner_bg .box,
  .customize_category .category_inner_bg .box.en_ttl {
    padding: 4rem 0;
  }
  .customize_category .school-item #school_name_output h2 {
    font-size: 1.1rem !important;
  }
  .customize_category .school .school-list .school-item {
    margin-bottom: 2rem;
  }
  .customize_category .ttl_area_inner,
  .customize_category .desc_area .desc_area_inner {
    width: 60%;
    max-width: 600px;
  }
  .customize_category #study_abroad_process .desc_area .desc_area_inner {
    width: 82%;
  }
  .customize_category .study_abroad_process .desc_area_inner {
    width: 80%;
  }
  .customize_category .btns {
    max-width: 48%;
    margin: 3rem auto 0;
  }
  .customize_category .study_abroad_process .btn_flex .btns{
    max-width: 200px;
  }
  .customize_category .intoro .category_inner {
    width: 100%;
  }
  .customize_category .intoro .category_inner .text,
  .customize_category .desc_area {
    font-size: 16px;
  }
  .customize_category .safety,
  .customize_category .culture,
  .customize_category .living,
  .customize_category .holiday {
    background-size: 100%;
  }
  .customize_category .school .btns.school {
    max-width: 280px;
    width: 100%;
  }
  .customize_category .traveling_flow .category_inner {
    margin: 0rem auto 6rem;
  }
  .customize_category .traveling_flow dl {
    display: grid;
  }


  /* flex */
  .customize_category .about .category_inner,
  .customize_category .category_inner_bg,
  .customize_category .btn_flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap: wrap;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap:wrap;
  }
  .customize_category .btn_flex .btns {
    margin: 1rem auto 0;
  }
  .customize_category .about .box {
    width: 48%;
    padding: 4rem 0;
  }
  .customize_category .about .info.box{
    padding-top: 4rem;
  }
  .customize_category .box {
    width: 50%;
  }
  .customize_category .about .category_inner,
  .customize_category .category_inner_bg {
    justify-content: space-between;
  }
  .customize_category .school .school-list,
  .custom_page .archive_school_info .school-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  

}