@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@700;900&display=swap");
:root {
  --yellow: #ffdb4d;
  --black: black;
  --blue: #2853b5;
  --aqua: #b1e4ff;
  --f-black: 900;
  --f-900: 900;
  --f-exbold: 800;
  --f-800: 800;
  --f-bold: 700;
  --f-700: 700;
  --f-semibold: 600;
  --f-600: 600;
  --f-medium: 500;
  --f-500: 500;
  --scale: 0.9;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 56.25%;
  scroll-behavior: smooth;
  scroll-padding-top: 170.2px;
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 26.6666666667vw;
  }
}
html.font-size_normal {
  font-size: 56.25%;
}
html.font-size_large {
  font-size: 61.875%;
}

body {
  position: relative;
  height: 100%;
  font-size: 1.6rem;
  color: #333;
  line-height: 1;
  letter-spacing: 0em;
  color: var(--black);
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  padding-top: 143px;
}
@media (max-width: 768px) {
  body {
    font-size: 4vw;
    line-height: 1;
    letter-spacing: 0em;
    padding-top: 0;
  }
}

body.page-home {
  background-color: #EFF1F8;
}

main {
  position: relative;
  z-index: 1;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.show--sp {
  display: none;
}
@media (max-width: 768px) {
  .show--sp {
    display: block !important;
  }
}
.show--o-sp {
  display: none;
}
@media (min-width: 769px) {
  .show--o-sp {
    display: block !important;
  }
}
.show--menu {
  display: none;
}
@media (max-width: 1000px) {
  .show--menu {
    display: block !important;
  }
}
.show--o-menu {
  display: none;
}
@media (min-width: 1001px) {
  .show--o-menu {
    display: block !important;
  }
}
.show--container {
  display: none;
}
@media (max-width: 1080px) {
  .show--container {
    display: block !important;
  }
}
.show--o-container {
  display: none;
}
@media (min-width: 1081px) {
  .show--o-container {
    display: block !important;
  }
}
.show--pc {
  display: none;
}
@media (max-width: 1366px) {
  .show--pc {
    display: block !important;
  }
}
.show--o-pc {
  display: none;
}
@media (min-width: 1367px) {
  .show--o-pc {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .none--sp {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .none--o-sp {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .none--menu {
    display: none !important;
  }
}
@media (min-width: 1001px) {
  .none--o-menu {
    display: none !important;
  }
}
@media (max-width: 1080px) {
  .none--container {
    display: none !important;
  }
}
@media (min-width: 1081px) {
  .none--o-container {
    display: none !important;
  }
}
@media (max-width: 1366px) {
  .none--pc {
    display: none !important;
  }
}
@media (min-width: 1367px) {
  .none--o-pc {
    display: none !important;
  }
}

.container {
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}

.c-section {
  margin-top: calc(60px * var(--scale));
}

@media (max-width: 768px) {
  .c-section {
    margin-top: 13.3333333333vw;
  }
}
.c-section_inner {
  max-width: calc(1000px * var(--scale));
  width: calc(90% * var(--scale));
  margin: 0 auto;
}

@media (max-width: 768px) {
  .c-section_inner {
    width: 89.3333333333%;
  }
}
.c-section_title {
  font-size: 2.5rem;
  display: flex;
  gap: calc(10px * var(--scale));
  align-items: center;
  font-weight: bold;
  position: relative;
  padding-left: calc(21px * var(--scale));
  line-height: 1.3333333333;
}

@media (max-width: 768px) {
  .c-section_title {
    font-size: 2.2rem;
    padding-left: 5.3333333333vw;
  }
}
.c-section_title:before {
  position: absolute;
  content: "";
  display: block;
  background-image: linear-gradient(#f7e34c, #f7e34c 50%, #2D4B9D 50% 100%);
  width: calc(10px * var(--scale));
  height: 100%;
  left: 0;
  top: 0;
}

@media (max-width: 768px) {
  .c-section_title:before {
    width: 2.6666666667vw;
  }
}
.c-section_title + .c-section_subtitle, .c-section_title + .c-section_intro {
  margin-top: calc(40px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_title + .c-section_subtitle, .c-section_title + .c-section_intro {
    margin-top: 10.6666666667vw;
  }
}
.c-section_subtitle {
  font-size: 2.3rem;
  display: flex;
  gap: calc(8px * var(--scale));
  align-items: flex-start;
  font-weight: bold;
  line-height: 1.25;
}

@media (max-width: 768px) {
  .c-section_subtitle {
    font-size: 1.8rem;
    gap: 2.1333333333vw;
  }
}
.c-section_subtitle:before {
  content: "";
  display: block;
  background-color: #2D4B9D;
  width: calc(15px * var(--scale));
  height: calc(15px * var(--scale));
  border-radius: calc(8px * var(--scale));
  flex-shrink: 0;
  margin-top: calc(8px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_subtitle:before {
    width: 2.4vw;
    height: 2.4vw;
    margin-top: 2.1333333333vw;
  }
}
.c-section_subtitle02 {
  font-size: 1.8rem;
  background-color: #2D4B9D;
  color: #fff;
  padding: calc(17px * var(--scale));
  line-height: 1.4;
  font-weight: bold;
}

@media (max-width: 768px) {
  .c-section_subtitle02 {
    font-size: 1.7rem;
    padding: 3.2vw;
  }
}
.c-section_label {
  font-size: 1.8rem;
  background-color: #EFF1F8;
  padding: calc(17px * var(--scale));
  line-height: 1.4;
  font-weight: bold;
}

@media (max-width: 768px) {
  .c-section_label {
    font-size: 1.7rem;
    padding: 3.2vw;
  }
}
.c-section_label02 {
  font-size: 1.8rem;
  background-color: #2D4B9D;
  color: #fff;
  padding: calc(17px * var(--scale));
  line-height: 1.4;
  font-weight: bold;
}

@media (max-width: 768px) {
  .c-section_label02 {
    font-size: 1.7rem;
    padding: 3.2vw;
  }
}
.c-section_body {
  margin-top: calc(43px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_body {
    margin-top: 5.8666666667vw;
  }
}
.c-section_subbody {
  margin-top: calc(16px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_subbody {
    margin-top: 3.4666666667vw;
  }
}
.c-section_intro {
  background-color: #EFF1F8;
  padding: calc(35px * var(--scale));
  line-height: 2.125;
}

@media (max-width: 768px) {
  .c-section_intro {
    padding: 5.3333333333vw;
    font-size: 1.4rem;
  }
}
.c-section_text {
  margin-top: 1em;
  line-height: 2.125;
}

.c-section_text:first-child {
  margin-top: 0;
}

.c-section_text .item {
  margin-top: 1em;
  line-height: 2.125;
}

.c-section_text .item:first-child {
  margin-top: 0;
}

.c-section_list {
  margin-top: calc(26px * var(--scale));
  display: flex;
  flex-direction: column;
  gap: calc(28px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_list {
    margin-top: 5.3333333333vw;
    gap: 8vw;
  }
}
.c-section_list .item .text {
  margin-top: calc(14px * var(--scale));
  line-height: 2.125;
}

@media (max-width: 768px) {
  .c-section_list .item .text {
    margin-top: 3.2vw;
  }
}
.c-section_dotlist {
  display: flex;
  flex-direction: column;
}

.c-section_dotlist .item {
  line-height: 2.125;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.c-section_dotlist .item:before {
  content: "・";
}

.c-section_dotlist .item .-bold {
  font-weight: bold;
  text-decoration: underline;
}

.c-section_dotlist .item .note {
  font-size: 1.4rem;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.c-section_img {
  margin-top: calc(26px * var(--scale));
}

.c-section_img .img_title {
  background-color: #2D4B9D;
  color: #fff;
  text-align: center;
  padding: calc(15px * var(--scale)) 0;
}

.c-section_table {
  margin-top: calc(26px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_table {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .c-section_table_wrap {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
  }
}
.c-section_table_box {
  width: 100%;
  margin-top: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_table_box {
    width: calc(800px * var(--scale));
  }
}
.c-section_table_box th {
  padding: 18px;
  text-align: center;
}

@media (max-width: 768px) {
  .c-section_table_box th {
    padding: 2.6666666667vw;
    font-size: 1.4rem;
    line-height: 1.4615384615;
    vertical-align: middle;
  }
}
.c-section_table_box tr:not(.header) th {
  border: 1px solid #2D4B9D;
  line-height: 1.4444444444;
}

.c-section_table_box tr.-header th {
  border-right: 1px solid #EFF1F8;
  background-color: #2D4B9D;
  color: #fff;
}

.c-section_table_box tr.-header th:last-child {
  border-right: 1px solid #2D4B9D;
}

.c-section_table_box td {
  text-align: center;
  border: 1px solid #2D4B9D;
  padding: calc(18px * var(--scale));
  line-height: 1.4444444444;
}

@media (max-width: 768px) {
  .c-section_table_box td {
    padding: 2.6666666667vw;
    font-size: 1.4rem;
    line-height: 1.4615384615;
    vertical-align: middle;
  }
}
.c-section_note {
  margin-top: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_note {
    margin-top: 5.3333333333vw;
  }
}
.c-section_note .item {
  line-height: 1.6666666667;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .c-section_note .item {
    font-size: 1.4rem;
  }
}
.c-section_note .item.-ind03 {
  padding: 0 0 0 3em;
  text-indent: -3em;
}

.c-section_link {
  margin-top: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_link {
    margin-top: 4vw;
  }
}
.c-section_link .item {
  color: #2D4B9D;
  text-decoration: underline;
  position: relative;
  padding-left: calc(15px * var(--scale));
  line-height: 2.125;
}

.c-section_link .item:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .c-section_link .item {
    gap: 2.1333333333vw;
  }
}
.c-section_link .item:before {
  content: "";
  display: block;
  width: calc(8px * var(--scale));
  height: calc(8px * var(--scale));
  border-top: #2D4B9D 2px solid;
  border-right: #2D4B9D 2px solid;
  transform: rotate(45deg);
  margin-top: calc(11px * var(--scale));
  position: absolute;
  left: 0;
  top: calc(3px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_link .item:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 0.8vw;
  }
}
.c-section_link .item:after {
  content: "";
  display: inline-block;
  width: calc(16.34px * var(--scale));
  height: calc(12.46px * var(--scale));
  background-image: url(../img/common/ico_blanklink.svg);
  background-size: 100% 100%;
  margin: 0 0 0 calc(5px * var(--scale));
}

@media (max-width: 768px) {
  .c-section_link .item:after {
    width: 4.3573333333vw;
    height: 3.3226666667vw;
  }
}
.c-section_link .item.-notarget:after {
  display: none;
}

.c-search {
  max-width: calc(1000px * var(--scale));
  width: calc(90% * var(--scale));
  margin: 0 auto;
}

@media (max-width: 768px) {
  .c-search {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .c-search.c-section_body {
    margin-top: 13.3333333333vw;
  }
}
.c-search.c-section_body .c-section_inner:nth-child(2) {
  width: 100%;
}

.c-search .note .item {
  text-indent: -1em;
  padding: 0 0 0 1em;
  font-size: calc(13px * var(--scale));
  line-height: 1.4285714286;
}

@media (max-width: 768px) {
  .c-search .note .item {
    font-size: 2.9333333333vw;
    width: 66.6666666667vw;
    margin-left: 5.3333333333vw;
  }
}
.c-search .field.freeword {
  display: flex;
  align-items: center;
  gap: calc(18px * var(--scale));
  position: relative;
  margin-top: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field.freeword {
    flex-direction: column;
    gap: 7.2vw;
    width: 89.3333333333%;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
  }
}
.c-search .field.freeword .label {
  color: #2D4B9D;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .c-search .field.freeword .label {
    font-size: 1.8rem;
  }
}
.c-search .field.freeword .control {
  border: 1px solid #000000;
  padding: 0 0 0 calc(15px * var(--scale));
  background-color: white;
}

@media (max-width: 768px) {
  .c-search .field.freeword .control {
    width: 100%;
    display: flex;
  }
}
.c-search .field.freeword .control input[type=text] {
  width: calc(400px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field.freeword .control input[type=text] {
    width: 100%;
  }
}
.c-search .field.freeword .control input[type=submit] {
  background-color: #2D4B9D;
  width: calc(52px * var(--scale));
  height: calc(52px * var(--scale));
  background-image: url(../img/common/ico_search.svg);
  background-size: calc(22.91px * var(--scale)) calc(22.91px * var(--scale));
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .c-search .field.freeword .control input[type=submit] {
    width: 10.4vw;
    height: 10.4vw;
    background-size: 4.6106666667vw 4.6106666667vw;
  }
}
.c-search .field.freeword .img {
  position: absolute;
  right: calc(74px * var(--scale));
  bottom: 0;
  width: calc(180px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field.freeword .img {
    width: 22.1333333333vw;
    right: 0;
    top: -26.6666666667vw;
  }
}
.c-search .field_group {
  background-color: #F8F8F8;
  padding: calc(54px * var(--scale));
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.c-search .field_group:first-child {
  margin-top: 0;
}

.c-search .field_group_title {
  color: #2D4B9D;
  font-weight: bold;
  font-size: 2.2rem;
}

@media (max-width: 768px) {
  .c-search .field_group_title {
    font-size: 1.8rem;
    text-align: center;
  }
}
.c-search .field_group_button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-search .field_group_button .button {
  background-color: #2D4B9D;
  color: #fff;
  font-size: 2rem;
  width: calc(301px * var(--scale));
  height: calc(73px * var(--scale));
  border-radius: calc(13px * var(--scale));
  text-align: center;
  margin-top: calc(80px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group_button .button {
    width: 70.6666666667vw;
    height: 17.8666666667vw;
    border-radius: 3.4666666667vw;
    font-size: 1.7rem;
    margin-top: 21.3333333333vw;
  }
}
.c-search .field_group .field {
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group .field {
    margin-top: 13.3333333333vw;
  }
}
.c-search .field_group .field .label {
  border-left: calc(6px * var(--scale)) solid #2D4B9D;
  border-bottom: 1px solid #2D4B9D;
  font-size: 2rem;
  padding: 0 0 calc(7px * var(--scale)) calc(13px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group .field .label {
    font-size: 1.7rem;
    border-left: 1.6vw solid #2D4B9D;
    padding: 0 0 1.8666666667vw 3.4666666667vw;
  }
}
.c-search .field_group .field .label .-small {
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .c-search .field_group .field .label .-small {
    font-size: 1.4rem;
  }
}
.c-search .field_group .field .control {
  margin-top: calc(40px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group .field .control {
    margin-top: 8vw;
  }
}
.c-search .field_group .field .checkbox_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(28px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group .field .checkbox_list {
    gap: 5.3333333333vw;
  }
}
.c-search .field_group .field .checkbox_list .item {
  display: flex;
  align-items: flex-start;
  gap: calc(10px * var(--scale));
}

@media (max-width: 768px) {
  .c-search .field_group .field .checkbox_list .item {
    gap: 2.6666666667vw;
    font-size: 1.4rem;
  }
}
.c-search .field_group .field .checkbox_list .item input[type=checkbox] {
  margin-top: calc(6px * var(--scale));
}

.c-search .field_group .field .checkbox_list .item span {
  line-height: 1.4444444444;
}

@media (max-width: 768px) {
  .c-search .form_syugyo_type .item {
    width: 28%;
  }
}
.c-search .form_pref .checkbox_list .item {
  width: 10%;
}

@media (max-width: 768px) {
  .c-search .form_pref .checkbox_list .item {
    width: 28%;
  }
}
.c-search .form_pref .checkbox_list .item.-middle {
  width: 20%;
}

@media (max-width: 768px) {
  .c-search .form_pref .checkbox_list .item.-middle {
    width: 45%;
  }
}
.c-search .form_pref02 .checkbox_list .item {
  width: 10%;
}

@media (max-width: 768px) {
  .c-search .form_pref02 .checkbox_list .item {
    width: 28%;
  }
}
.c-search .form_pref03 .checkbox_list .item {
  width: 10%;
}

@media (max-width: 768px) {
  .c-search .form_pref03 .checkbox_list .item {
    width: 28%;
  }
}
.c-search .form_gakka .checkbox_list .item {
  width: 20%;
}

@media (max-width: 768px) {
  .c-search .form_gakka .checkbox_list .item {
    width: 47%;
  }
}
.c-sub_mv {
  position: relative;
}

@media (max-width: 768px) {
  .c-sub_mv {
    margin-top: 0;
  }
}
.c-sub_mv .title {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  font-size: 3.6rem;
  color: #2D4B9D;
  font-weight: bold;
  line-height: 1.2857142857;
}

@media (max-width: 768px) {
  .c-sub_mv .title {
    font-size: 2rem;
  }
}
#breadcrumb {
  margin-top: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  #breadcrumb {
    margin-top: 4vw;
  }
}
#breadcrumb .c-section_inner {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10px * var(--scale));
}

@media (max-width: 768px) {
  #breadcrumb .c-section_inner {
    margin-top: 4vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid #2D4B9D;
    gap: 1.6vw;
  }
}
@media (max-width: 768px) {
  #breadcrumb .c-section_inner .item {
    font-size: 1.4rem;
  }
}
#breadcrumb .c-section_inner .item a {
  text-decoration: underline;
}

#breadcrumb .c-section_inner .item a:hover {
  text-decoration: none;
}

#breadcrumb .c-section_inner .item:not(.-current) {
  display: flex;
  gap: calc(10px * var(--scale));
}

@media (max-width: 768px) {
  #breadcrumb .c-section_inner .item:not(.-current) {
    gap: 1.6vw;
  }
}
#breadcrumb .c-section_inner .item:not(.-current):after {
  content: "/";
}

.modal_search {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: scroll;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #EFF1F8;
}

.modal_search.-open {
  display: block;
}

.modal_search .close {
  width: calc(80px * var(--scale));
  height: calc(80px * var(--scale));
  margin: calc(20px * var(--scale)) calc(20px * var(--scale)) 0 auto;
}

@media (max-width: 768px) {
  .modal_search .close {
    width: 17.6vw;
    height: 17.6vw;
    margin: 5.3333333333vw 5.3333333333vw 0 auto;
  }
}
.modal_search .field_group {
  background-color: #EFF1F8;
}

.c-tag_shisetsu01 {
  background-color: #DB785F !important;
  color: #fff;
}

.c-tag_shisetsu02 {
  background-color: #4CA090 !important;
  color: #fff;
}

.c-tag_shisetsu03 {
  background-color: #D98600 !important;
  color: #fff;
}

.c-btn_link {
  border: 2px solid #2D4B9D;
  color: #2D4B9D;
  background-color: #fff;
  padding: calc(16px * var(--scale));
  border-radius: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .c-btn_link {
    width: 100%;
    padding: 4vw;
  }
}
.c-btn_link:after {
  content: "";
  display: inline-block;
  width: calc(16.34px * var(--scale));
  height: calc(12.46px * var(--scale));
  background-image: url(../img/common/ico_blanklink.svg);
  background-size: 100% 100%;
  margin: 0 0 0 calc(5px * var(--scale));
}

@media (max-width: 768px) {
  .c-btn_link:after {
    width: 4.3573333333vw;
    height: 3.3226666667vw;
  }
}
.c-btn_link.-disabled {
  border: 2px solid gray;
  color: gray;
  pointer-events: none;
}

.c-btn_area {
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .c-btn_area {
    margin-top: 8vw;
  }
}
.c-btn_area.-center .c-section_inner {
  display: flex;
  justify-content: center;
}

.c-btn_back {
  background-color: #2D4B9D;
  color: #fff;
  width: calc(165px * var(--scale));
  height: calc(42px * var(--scale));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(21px * var(--scale));
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .c-btn_back {
    font-size: 1.3rem;
    width: 40vw;
    height: 9.8666666667vw;
  }
}
.c-support_tag {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10px * var(--scale));
}

.c-support_tag span {
  background-color: #EFF1F8;
  padding: calc(8px * var(--scale)) calc(12px * var(--scale));
  border-radius: calc(5px * var(--scale));
  opacity: 0.5;
}

.c-support_tag span.-active {
  opacity: 1;
}

.c_download_area {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(70px * var(--scale));
  gap: calc(22px * var(--scale));
}

@media (max-width: 768px) {
  .c_download_area {
    flex-direction: column;
    gap: 3.7333333333vw;
  }
}
.c_download_area .c_download_text {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--scale));
}

.c_download_area .c_download_text .icon {
  width: 32.22px;
}

@media (max-width: 768px) {
  .c_download_area .c_download_text .icon {
    width: 6.3386666667vw;
    gap: 2.6666666667vw;
  }
}
.c_download_area .c_download_link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2D4B9D;
  width: calc(250px * var(--scale));
  height: calc(60px * var(--scale));
  color: #fff;
  border-radius: calc(13px * var(--scale));
  gap: calc(28px * var(--scale));
}

@media (max-width: 768px) {
  .c_download_area .c_download_link {
    width: 66.6666666667vw;
    height: 16vw;
  }
}
.c_download_area .c_download_link .icon {
  width: calc(18.93px * var(--scale));
}

@media (max-width: 768px) {
  .c_download_area .c_download_link .icon {
    width: 5.048vw;
  }
}
.c_download_area .c_download_link .icon img {
  width: 100%;
}

@media (max-width: 768px) {
  .menu-button {
    width: 18.1333333333vw;
    height: 18.1333333333vw;
  }
}
.menu-button img {
  content: url("../img/common/header_hamburger.svg");
}

.menu-button.is-opened img {
  content: url("../img/common/header_hamburger_isopen.svg");
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.c_accordion_unit .c_accordion_button {
  cursor: pointer;
  position: relative;
  transition: background-color 0.25s ease;
}

.c_accordion_unit .c_accordion_content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: padding 0.3s ease, max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
  will-change: max-height, opacity, transform;
}

.c_accordion_unit .c_accordion_content.-open {
  max-height: calc(150px * var(--scale));
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 768px) {
  .c_accordion_unit .c_accordion_content.-open {
    max-height: 90vw;
  }
}
#header {
  position: fixed;
  z-index: 20;
  top: 0;
  width: 100%;
  height: 91px;
  transition: all 0.3s ease;
  background-color: white;
}

@media (max-width: 768px) {
  #header {
    background: none;
    position: relative;
    mix-blend-mode: multiply;
  }
}
#header .header_inner {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: calc(20px * var(--scale)) calc(30px * var(--scale));
  gap: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  #header .header_inner {
    width: 89.3333333333%;
    gap: 1.8666666667vw;
    padding: 5.3333333333vw 0;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin: 0 auto;
  }
}
#header .header_inner .logo {
  width: calc(350px * var(--scale));
}

@media (max-width: 768px) {
  #header .header_inner .logo {
    width: 48.0026666667vw;
  }
}
#header .header_inner .mext_logo {
  width: calc(301px * var(--scale));
}

@media (max-width: 768px) {
  #header .header_inner .mext_logo {
    width: 48.5333333333vw;
  }
}
#header .change_font_size {
  display: flex;
  align-items: flex-end;
  gap: calc(12px * var(--scale));
  margin: 0 0 0 auto;
}

@media (max-width: 768px) {
  #header .change_font_size {
    display: none;
  }
}
#header .change_font_size .title {
  font-size: 1.7rem;
}

#header .change_font_size .font-size {
  display: none;
}

#header .change_font_size .font-size:checked + .text-button {
  color: #fff;
  background-color: #2D4B9D;
}

#header .change_font_size .text-button {
  border: #2D4B9D 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2D4B9D;
  border-radius: calc(5px * var(--scale));
  background-color: #d9dff0;
}

#header .change_font_size .text-button.default {
  font-size: calc(16px * var(--scale));
  width: calc(44px * var(--scale));
  height: calc(31px * var(--scale));
}

#header .change_font_size .text-button.large {
  font-size: calc(19px * var(--scale));
  width: calc(56px * var(--scale));
  height: calc(40px * var(--scale));
}

.hamburger {
  position: fixed;
  z-index: 200;
  right: 0;
  top: 5.3333333333vw;
}

@media (max-width: 768px) {
  .hamburger {
    right: 5.3333333333vw;
  }
}
#nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: calc(91px * var(--scale));
  background-color: #2D4B9D;
  height: calc(68px * var(--scale));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

#nav .list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(65px * var(--scale));
}

#nav .list .item {
  font-size: 1.7rem;
  color: #fff;
  text-align: center;
  line-height: 1.25;
  cursor: pointer;
}

#nav .list .item:hover, #nav .list .item.-active {
  text-decoration: underline;
}

#nav .list .item .-small {
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  #nav {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    width: 74.6666666667vw;
    height: auto;
    border-bottom-left-radius: 13.3333333333vw;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  #nav .list {
    flex-direction: column;
    width: 100%;
    margin: 30.4vw auto;
    gap: 5.6vw;
  }
  #nav .list .item {
    font-size: 4vw;
    font-weight: 600;
  }
  #nav.open {
    opacity: 1;
    visibility: visible;
    overflow: scroll;
  }
}
@media (max-width: 768px) {
  .page-home #header {
    position: absolute;
  }
}
.page-home .c-section {
  margin-top: calc(90px * var(--scale));
}

@media (max-width: 768px) {
  .page-home .c-section {
    margin-top: 21.3333333333vw;
  }
}
.page-home #mv {
  position: relative;
}

.page-home #mv .img {
  position: absolute;
  width: 30.9004392387%;
  bottom: -15.1537335286%;
  right: 5.7320644217%;
}

@media (max-width: 768px) {
  .page-home #mv .img {
    width: 60.8vw;
    bottom: -7.4666666667vw;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.page-home #about .list {
  display: flex;
  flex-wrap: wrap;
  --gap: calc(11px * var(--scale));
  gap: var(--gap);
}

@media (max-width: 768px) {
  .page-home #about .list {
    gap: 3.2vw;
  }
}
.page-home #about .list .item {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--scale));
  background-color: white;
  border-radius: calc(5px * var(--scale));
  padding: 0 calc(20px * var(--scale));
  width: calc((100% - var(--gap) * 2) / 3);
  line-height: 1.4285714286;
  height: calc(67px * var(--scale));
}

.page-home #about .list .item:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .page-home #about .list .item {
    gap: 2.1333333333vw;
    font-size: 1.4rem;
    width: 100%;
    height: auto;
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw;
  }
}
.page-home #about .list .item:after {
  content: "";
  display: block;
  width: calc(8px * var(--scale));
  height: calc(8px * var(--scale));
  border-top: #2D4B9D 2px solid;
  border-right: #2D4B9D 2px solid;
  transform: rotate(45deg);
  margin-left: auto;
}

@media (max-width: 768px) {
  .page-home #about .list .item:after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.page-home #search .field_group {
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .page-home #search .field_group {
    margin-top: 5.3333333333vw;
  }
}
.page-about #about_nav .list {
  display: flex;
  flex-wrap: wrap;
  --gap: calc(11px * var(--scale));
  gap: var(--gap);
}

@media (max-width: 768px) {
  .page-about #about_nav .list {
    gap: 3.2vw;
  }
}
.page-about #about_nav .list .item {
  border: 1px solid #2454D8;
  display: flex;
  align-items: center;
  gap: calc(10px * var(--scale));
  background-color: white;
  border-radius: calc(5px * var(--scale));
  padding: 0 calc(20px * var(--scale));
  width: calc((100% - var(--gap) * 2) / 3);
  line-height: 1.4285714286;
  height: calc(67px * var(--scale));
}

.page-about #about_nav .list .item:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .page-about #about_nav .list .item {
    gap: 2.1333333333vw;
    font-size: 1.4rem;
    width: 100%;
    height: auto;
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw;
  }
}
.page-about #about_nav .list .item:after {
  content: "";
  display: block;
  width: calc(8px * var(--scale));
  height: calc(8px * var(--scale));
  border-top: #2D4B9D 2px solid;
  border-right: #2D4B9D 2px solid;
  transform: rotate(45deg);
  margin-left: auto;
}

@media (max-width: 768px) {
  .page-about #about_nav .list .item:after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.page-about #about_diff .c-about_header {
  max-width: calc(830.16px * var(--scale));
}

.page-about #about_case .c-section_table {
  margin-top: calc(45px * var(--scale));
}

@media (max-width: 768px) {
  .page-about #about_case .c-section_table {
    margin-top: 5.3333333333vw;
  }
}
.page-about #about_coop .c-about_list {
  margin-top: calc(37px * var(--scale));
}

.page-about #about_coop .c-section_img {
  margin-top: calc(60px * var(--scale));
}

.page-about #about_widearea .c-section_img {
  max-width: calc(310.15px * var(--scale));
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .page-about #about_widearea .c-section_img {
    width: 51.24vw;
  }
}
.page-about .c-about_header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(737.68px * var(--scale));
  margin: 0 auto;
  gap: calc(10px * var(--scale));
}

.page-about .c-about_header_title {
  color: #2D4B9D;
  display: flex;
  align-items: center;
  font-size: calc(20px * var(--scale));
  gap: calc(16px * var(--scale));
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-about .c-about_header_title {
    justify-content: center;
    font-size: 4.2666666667vw;
  }
}
.page-about .c-section:not(#breadcrumb, #about_nav) {
  margin-top: calc(100px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-section:not(#breadcrumb, #about_nav) {
    margin-top: 23.4666666667vw;
  }
}
.page-about .c-about_answer {
  margin-top: calc(24px * var(--scale));
  display: flex;
  gap: calc(65px * var(--scale));
  align-items: flex-end;
}

@media (max-width: 768px) {
  .page-about .c-about_answer {
    margin-top: 6.6666666667vw;
    position: relative;
    margin-bottom: 27.2vw;
  }
}
.page-about .c-about_answer_text {
  position: relative;
  width: calc(779.88px * var(--scale));
  background-color: #EFF1F8;
  font-size: calc(18px * var(--scale));
  line-height: 1.5555555556;
  border-radius: calc(25px * var(--scale));
  padding: calc(40px * var(--scale));
  display: flex;
  flex-direction: column;
  gap: 1em;
}

@media (max-width: 768px) {
  .page-about .c-about_answer_text {
    width: 100%;
    font-size: 3.7333333333vw;
    padding: 9.0666666667vw 4.5333333333vw;
  }
}
.page-about .c-about_answer_text:after {
  content: "";
  display: block;
  background-image: url(../img/about/img_answer.png);
  width: calc(65px * var(--scale));
  height: calc(53px * var(--scale));
  background-size: 100% 100%;
  position: absolute;
  right: calc(-65px * var(--scale));
  bottom: calc(42px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_answer_text:after {
    width: 18.4vw;
    height: 8.8vw;
    background-image: url(../img/about/img_answer_sp.png);
    right: 28.8vw;
    bottom: -8.8vw;
  }
}
.page-about .c-about_answer_img {
  width: calc(130.81px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_answer_img {
    position: absolute;
    width: 22.408vw;
    right: 6.6666666667vw;
    bottom: -18.6666666667vw;
  }
}
.page-about .c-about_list .balloon {
  text-align: center;
  max-width: calc(555.75px * var(--scale));
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page-about .c-about_list .balloon {
    width: 74.6666666667vw;
    margin-top: 6.1333333333vw;
  }
}
.page-about .c-about_list .balloon .text {
  font-size: calc(22px * var(--scale));
  color: #2D4B9D;
}

@media (max-width: 768px) {
  .page-about .c-about_list .balloon .text {
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}
.page-about .c-about_list .balloon .img {
  margin-top: calc(15px * var(--scale));
}

.page-about .c-about_list .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(10px * var(--scale));
  gap: calc(54px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list {
    gap: 8.5333333333vw;
    margin-top: 6.1333333333vw;
  }
}
.page-about .c-about_list .list .item {
  width: 47.2%;
  background-color: #EFF1F8;
  border: 1px solid #2D4B9D;
  padding: calc(38px * var(--scale));
  border-radius: calc(30px * var(--scale));
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item {
    width: 100%;
    padding: 9.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.page-about .c-about_list .list .item .no {
  background-color: #2D4B9D;
  width: calc(164px * var(--scale));
  height: calc(164px * var(--scale));
  border-radius: 50%;
  font-size: calc(29px * var(--scale));
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: calc(-78px * var(--scale));
  left: calc(-78px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .no {
    width: 23.4666666667vw;
    height: 23.4666666667vw;
    font-size: 5.3333333333vw;
    top: -8.5333333333vw;
    left: -8.5333333333vw;
  }
}
.page-about .c-about_list .list .item .no span {
  position: absolute;
  bottom: calc(35px * var(--scale));
  right: calc(35px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .no span {
    bottom: 5.3333333333vw;
    right: 5.3333333333vw;
  }
}
.page-about .c-about_list .list .item .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .header {
    gap: 4.5333333333vw;
  }
}
.page-about .c-about_list .list .item .header .ico img {
  width: auto;
  height: calc(114.18px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .header .ico img {
    height: 21.5573333333vw;
  }
}
.page-about .c-about_list .list .item .header .name {
  color: #2D4B9D;
  font-size: calc(20px * var(--scale));
  text-align: center;
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .header .name {
    font-size: 3.7333333333vw;
  }
}
.page-about .c-about_list .list .item .header .name .small {
  font-size: calc(16px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .header .name .small {
    font-size: 3.2vw;
  }
}
.page-about .c-about_list .list .item .comment {
  font-size: calc(18px * var(--scale));
  line-height: 1.5555555556;
  margin-top: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  .page-about .c-about_list .list .item .comment {
    margin-top: 5.0666666667vw;
    font-size: 3.4666666667vw;
  }
}
.page-search #search .field_group {
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .page-search #search .field_group {
    margin-top: 5.3333333333vw;
  }
}
.page-faq #faq .faq_nav {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(876px * var(--scale));
  width: 100%;
  margin: 0 auto;
  gap: calc(21px * var(--scale));
  position: relative;
}

@media (max-width: 768px) {
  .page-faq #faq .faq_nav {
    gap: 2.4vw;
  }
}
.page-faq #faq .faq_nav .item {
  width: 31.7351598174%;
  text-align: center;
  border: 1px solid #2D4B9D;
  background-color: #EFF1F8;
  height: calc(88px * var(--scale));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: calc(10px * var(--scale));
  gap: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-faq #faq .faq_nav .item {
    width: 43.4666666667vw;
    font-size: 1.4rem;
    line-height: 1.3333333333;
  }
}
.page-faq #faq .faq_nav .item:after {
  content: "";
  display: block;
  width: calc(10px * var(--scale));
  height: calc(10px * var(--scale));
  border-right: 3px solid #2D4B9D;
  border-bottom: 3px solid #2D4B9D;
  transform: rotate(45deg);
}

.page-faq #faq .faq_nav .img {
  position: absolute;
  right: 0;
  top: calc(-123px * var(--scale) + -16px * var(--scale));
  width: calc(146px * var(--scale));
}

@media (max-width: 768px) {
  .page-faq #faq .faq_nav .img {
    width: 19.4666666667vw;
    top: -19.4666666667vw;
  }
}
.page-faq .faq_list {
  margin-top: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  .page-faq .faq_list {
    margin-top: 4vw;
  }
}
.page-faq .faq_list.-open .q {
  border-radius: calc(10px * var(--scale)) calc(10px * var(--scale)) 0 0;
}

.page-faq .faq_list.-open .q span:after {
  display: none;
}

.page-faq .faq_list.-open .a {
  padding: calc(25px * var(--scale));
}

@media (max-width: 768px) {
  .page-faq .faq_list.-open .a {
    padding: 3.4666666667vw;
  }
}
.page-faq .faq_list .q {
  background-color: #EFF1F8;
  padding: calc(25px * var(--scale)) calc(76px * var(--scale)) calc(25px * var(--scale)) calc(25px * var(--scale));
  border-radius: calc(10px * var(--scale));
  font-size: 2.3rem;
  display: flex;
  align-items: center;
  gap: calc(12px * var(--scale));
  position: relative;
  line-height: 1.4285714286;
}

@media (max-width: 768px) {
  .page-faq .faq_list .q {
    padding: 3.4666666667vw 6.9333333333vw 3.4666666667vw 3.4666666667vw;
    font-size: 1.4rem;
    gap: 2.4vw;
  }
}
.page-faq .faq_list .q:before {
  content: "";
  display: block;
  background-image: url(../img/faq/q.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: calc(41px * var(--scale));
  height: calc(41px * var(--scale));
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-faq .faq_list .q:before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
.page-faq .faq_list .q span {
  width: calc(20px * var(--scale));
  height: calc(20px * var(--scale));
  position: absolute;
  display: block;
  right: calc(36px * var(--scale));
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .page-faq .faq_list .q span {
    width: 3.2vw;
    height: 3.2vw;
    right: 3.2vw;
  }
}
.page-faq .faq_list .q span:before, .page-faq .faq_list .q span:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(4px * var(--scale));
  position: absolute;
  background-color: #2D4B9D;
  top: 50%;
  margin-top: calc(-2px * var(--scale));
}

@media (max-width: 768px) {
  .page-faq .faq_list .q span:before, .page-faq .faq_list .q span:after {
    height: 2px;
  }
}
.page-faq .faq_list .q span:after {
  transform: rotate(90deg);
}

.page-faq .faq_list .a {
  background-color: #F8F8F8;
  padding: 0 calc(25px * var(--scale));
  font-size: 1.7rem;
  line-height: 1.7647058824;
}

@media (max-width: 768px) {
  .page-faq .faq_list .a {
    font-size: 1.3rem;
    padding: 0 3.4666666667vw;
  }
}
.page-faq .faq_list .a .note {
  font-size: 1.4rem;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 768px) {
  .page-faq .faq_list .a .note {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .page-school #result .c-section_inner:nth-child(2) {
    width: 100%;
  }
}
.page-school .search_select .box {
  background-color: #EFF1F8;
  padding: calc(16px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_select .box {
    padding: 5.3333333333vw;
  }
}
.page-school .search_select .label {
  font-size: 1.5rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school .search_select .label {
    font-size: 1.3rem;
  }
}
.page-school .search_select .list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(15px * var(--scale));
  margin-top: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_select .list {
    gap: 1.8666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.page-school .search_select .list span {
  padding: calc(12px * var(--scale)) calc(20px * var(--scale));
  background-color: #fff;
  border-radius: calc(50px * var(--scale));
  position: relative;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .page-school .search_select .list span {
    padding: 2.1333333333vw 4vw;
    font-size: 1.3rem;
  }
}
.page-school .search_select .list span:before, .page-school .search_select .list span:after {
  content: "";
  display: none;
  width: calc(8px * var(--scale));
  height: 1px;
  position: absolute;
  top: 50%;
  right: calc(15px * var(--scale));
  background-color: #000;
}

@media (max-width: 768px) {
  .page-school .search_select .list span:before, .page-school .search_select .list span:after {
    width: 2.1333333333vw;
    right: 4vw;
  }
}
.page-school .search_select .list span:before {
  transform: rotate(45deg);
}

.page-school .search_select .list span:after {
  transform: rotate(-45deg);
}

.page-school .search_select .list span.c-tag_shisetsu01:before, .page-school .search_select .list span.c-tag_shisetsu01:after, .page-school .search_select .list span.c-tag_shisetsu02:before, .page-school .search_select .list span.c-tag_shisetsu02:after, .page-school .search_select .list span.c-tag_shisetsu03:before, .page-school .search_select .list span.c-tag_shisetsu03:after {
  background-color: #fff;
}

.page-school .search_select .action {
  margin-top: calc(24px * var(--scale));
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .page-school .search_select .action {
    margin-top: 4vw;
  }
}
.page-school .search_select .action .btn_search {
  cursor: pointer;
  background-color: #2D4B9D;
  color: #fff;
  width: calc(165px * var(--scale));
  height: calc(42px * var(--scale));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20px * var(--scale));
  border-radius: calc(21px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_select .action .btn_search {
    font-size: 1.3rem;
  }
}
.page-school .search_select .action .btn_search:after {
  content: "";
  display: block;
  width: calc(17.87px * var(--scale));
  height: calc(17.87px * var(--scale));
  background-image: url(../img/common/ico_search.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .page-school .search_select .action .btn_search:after {
    width: 10.4vw;
    height: 10.4vw;
    background-size: 4.6106666667vw 4.6106666667vw;
  }
}
.page-school .search_result {
  margin-top: calc(50px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result {
    margin-top: 10.6666666667vw;
  }
}
@media (max-width: 768px) {
  .page-school .search_result .c-section_inner {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page-school .search_result .total {
    text-align: center;
  }
}
.page-school .search_result .list {
  display: flex;
  flex-direction: column;
  gap: calc(50px * var(--scale));
  margin-top: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list {
    gap: 8.5333333333vw;
    margin-top: 4vw;
  }
}
.page-school .search_result .list .card {
  border-top: #2D4B9D 7px solid;
  background-color: #EFF1F8;
  padding: calc(28px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card {
    padding: 4vw;
  }
}
.page-school .search_result .list .card .header {
  display: flex;
  align-items: center;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .header {
    gap: 2.6666666667vw;
  }
}
.page-school .search_result .list .card .header .name {
  font-size: 3rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .header .name {
    font-size: 1.8rem;
  }
}
.page-school .search_result .list .card .header .name .note {
  font-weight: normal;
  font-size: calc(14px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .header .name .note {
    font-size: 3.2vw;
  }
}
.page-school .search_result .list .card .header .btn_detail {
  background-color: #2D4B9D;
  color: #fff;
  width: calc(165px * var(--scale));
  height: calc(42px * var(--scale));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(21px * var(--scale));
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .header .btn_detail {
    font-size: 1.2rem;
    width: 24.5333333333vw;
    height: 6.6666666667vw;
  }
}
.page-school .search_result .list .card .tags {
  margin-top: calc(23px * var(--scale));
  display: flex;
  flex-wrap: wrap;
  gap: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .tags {
    margin-top: 4vw;
    gap: 2.6666666667vw;
  }
}
.page-school .search_result .list .card .tags span {
  padding: calc(12px * var(--scale)) calc(20px * var(--scale));
  background-color: #fff;
  border-radius: calc(50px * var(--scale));
  position: relative;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .tags span {
    font-size: 1.3rem;
    padding: 2.1333333333vw 4vw;
  }
}
.page-school .search_result .list .card .info_area {
  margin-top: calc(25px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area {
    margin-top: 4.8vw;
  }
}
.page-school .search_result .list .card .info_area .wrap {
  display: flex;
  justify-content: space-between;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.page-school .search_result .list .card .info_area .wrap .img {
  width: calc(250px * var(--scale));
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap .img {
    width: 100%;
  }
}
.page-school .search_result .list .card .info_area .wrap .table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.page-school .search_result .list .card .info_area .wrap .table dl {
  width: 50%;
  display: flex;
  margin-top: calc(18px * var(--scale));
  line-height: 1.5;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap .table dl {
    width: 100%;
    flex-direction: column;
    margin-top: 4.8vw;
  }
}
.page-school .search_result .list .card .info_area .wrap .table dl:first-child {
  margin-top: 0;
}

.page-school .search_result .list .card .info_area .wrap .table dl.-long {
  width: 100%;
}

.page-school .search_result .list .card .info_area .wrap .table dl dt {
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .page-school .search_result .list .card .info_area .wrap .table dl dt {
    border-bottom: 2px solid #000;
    width: calc(150px * var(--scale));
    padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap .table dl dt {
    font-size: 1.4rem;
    width: 100%;
    padding: 1.3333333333vw 0 1.3333333333vw 4vw;
    border-left: 2px solid #000;
  }
}
.page-school .search_result .list .card .info_area .wrap .table dl dd {
  border-bottom: 2px solid #B7B7B7;
  padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap .table dl dd {
    font-size: 1.3rem;
    padding: 1.3333333333vw 1.3333333333vw 2.6666666667vw 4.5333333333vw;
  }
}
.page-school .search_result .list .card .info_area .wrap .table dl dd .note {
  font-weight: normal;
  font-size: calc(12px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .wrap .table dl dd .note {
    font-size: 3.2vw;
  }
}
.page-school .search_result .list .card .info_area .card_note {
  margin-top: calc(15px * var(--scale));
  font-size: calc(12px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .card_note {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.page-school .search_result .list .card .info_area .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: calc(21px * var(--scale));
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .info_area .action {
    flex-direction: column;
    width: 72vw;
    margin: 5.3333333333vw auto 0 auto;
  }
}
.page-school .search_result .list .card .support_area {
  margin-top: calc(25px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area {
    margin-top: 9.6vw;
  }
}
.page-school .search_result .list .card .support_area .subtitle {
  font-size: 2.4rem;
  color: #2D4B9D;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .subtitle {
    font-size: 1.6rem;
  }
}
.page-school .search_result .list .card .support_area .support_list {
  margin-top: calc(20px * var(--scale));
  display: flex;
  flex-direction: column;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .support_list {
    margin-top: 5.3333333333vw;
    gap: 5.3333333333vw;
  }
}
.page-school .search_result .list .card .support_area .support_card {
  background-color: #fff;
  padding: calc(23px * var(--scale));
  border-radius: calc(10px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .support_card {
    padding: 6.1333333333vw;
  }
}
.page-school .search_result .list .card .support_area .support_wrap {
  display: flex;
  justify-content: space-between;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .support_wrap {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.page-school .search_result .list .card .support_area .support_wrap .support_img {
  width: calc(230px * var(--scale));
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .support_wrap .support_img {
    width: 100%;
  }
}
.page-school .search_result .list .card .support_area .table {
  width: 100%;
  margin-top: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .table {
    margin-top: 3.7333333333vw;
  }
}
.page-school .search_result .list .card .support_area .table dl {
  display: flex;
  margin-top: calc(18px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .table dl {
    flex-direction: column;
    margin-top: 4.8vw;
  }
}
.page-school .search_result .list .card .support_area .table dl:first-child {
  margin-top: 0;
}

.page-school .search_result .list .card .support_area .table dl dt {
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .page-school .search_result .list .card .support_area .table dl dt {
    border-bottom: 2px solid #000;
    width: calc(210px * var(--scale));
    padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  }
}
@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .table dl dt {
    font-size: 1.4rem;
    width: 100%;
    padding: 1.3333333333vw 0 1.3333333333vw 4vw;
    border-left: 2px solid #000;
  }
}
.page-school .search_result .list .card .support_area .table dl dd {
  border-bottom: 2px solid #B7B7B7;
  padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  width: 100%;
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .table dl dd {
    font-size: 1.3rem;
    padding: 1.3333333333vw 1.3333333333vw 2.6666666667vw 4.5333333333vw;
  }
}
.page-school .search_result .list .card .support_area .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(21px * var(--scale));
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .action {
    flex-direction: column;
    width: 72vw;
    margin: 5.3333333333vw auto 0 auto;
  }
}
.page-school .search_result .list .card .support_area .action .btn {
  border: 2px solid #2D4B9D;
  color: #2D4B9D;
  background-color: #fff;
  padding: calc(16px * var(--scale));
  border-radius: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .list .card .support_area .action .btn {
    width: 100%;
    padding: 4vw;
  }
}
.page-school .search_result .list .card .support_area .action .btn.-disabled {
  border: 2px solid gray;
  color: gray;
  pointer-events: none;
}

.page-school .search_result .pagination {
  margin-top: calc(70px * var(--scale));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .search_result .pagination {
    flex-direction: column;
  }
}
.page-school .search_result .pagination .page_nav {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--scale));
}

.page-school .search_result .pagination .page_nav .page_nav_prev,
.page-school .search_result .pagination .page_nav .page_nav_next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(46px * var(--scale));
  height: calc(46px * var(--scale));
}

.page-school .search_result .pagination .page_nav .page_nav_prev .ico,
.page-school .search_result .pagination .page_nav .page_nav_next .ico {
  width: calc(12px * var(--scale));
  height: calc(12px * var(--scale));
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-school .search_result .pagination .page_nav .page_nav_prev .ico img,
.page-school .search_result .pagination .page_nav .page_nav_next .ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.page-school .search_result .pagination .page_nav .page_numbers {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--scale));
}

.page-school .search_result .pagination .page_nav .page_number {
  font-size: calc(20px * var(--scale));
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  width: calc(46px * var(--scale));
  height: calc(46px * var(--scale));
}

.page-school .search_result .pagination .page_nav .page_number.-current {
  background-color: #2D4B9D;
  color: #fff;
}

.page-school .search_result .pagination .page_nav .page_number.-dots {
  color: #A8A5A5;
}

.page-school .search_result .pagination .page_select_wrapper {
  border: 1px solid #2D4B9D;
  border-radius: 9999px;
  height: calc(46px * var(--scale));
  width: calc(178px * var(--scale));
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.page-school .search_result .pagination .page_select_wrapper select {
  line-height: normal;
}

.page-school .search_result .pagination .page_select_wrapper:after {
  position: absolute;
  right: calc(20px * var(--scale));
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(12px * var(--scale));
  height: calc(12px * var(--scale));
  background-image: url(../img/common/ico_arrow_bracket_black_down.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.page-school .search_result .pagination[hidden] {
  display: none;
}

.page-school {
  /* =====================
    Modal base
  ===================== */
}

.page-school .c-modal[hidden] {
  display: none;
}

.page-school .c-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-school .c-modal .card {
  border-top: #2D4B9D 7px solid;
  background-color: #EFF1F8;
  padding: calc(28px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card {
    padding: 4vw;
  }
}
.page-school .c-modal .card .header {
  display: flex;
  align-items: center;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .header {
    gap: 2.6666666667vw;
  }
}
.page-school .c-modal .card .header .name {
  font-size: 3rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .header .name {
    font-size: 1.8rem;
  }
}
.page-school .c-modal .card .header .name .note {
  font-weight: normal;
  font-size: calc(14px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .header .name .note {
    font-size: 3.2vw;
  }
}
.page-school .c-modal .card .header .btn_detail {
  background-color: #2D4B9D;
  color: #fff;
  width: calc(165px * var(--scale));
  height: calc(42px * var(--scale));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(21px * var(--scale));
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .header .btn_detail {
    font-size: 1.2rem;
    width: 24.5333333333vw;
    height: 6.6666666667vw;
  }
}
.page-school .c-modal .card .tags {
  margin-top: calc(23px * var(--scale));
  display: flex;
  flex-wrap: wrap;
  gap: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .tags {
    margin-top: 4vw;
    gap: 2.6666666667vw;
  }
}
.page-school .c-modal .card .tags span {
  padding: calc(12px * var(--scale)) calc(20px * var(--scale));
  background-color: #fff;
  border-radius: calc(50px * var(--scale));
  position: relative;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .tags span {
    font-size: 1.3rem;
    padding: 2.1333333333vw 4vw;
  }
}
.page-school .c-modal .card .info_area {
  margin-top: calc(25px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area {
    margin-top: 4.8vw;
  }
}
.page-school .c-modal .card .info_area .wrap {
  display: flex;
  justify-content: space-between;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.page-school .c-modal .card .info_area .wrap .img {
  width: calc(250px * var(--scale));
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap .img {
    width: 100%;
  }
}
.page-school .c-modal .card .info_area .wrap .table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.page-school .c-modal .card .info_area .wrap .table dl {
  width: 50%;
  display: flex;
  margin-top: calc(18px * var(--scale));
  line-height: 1.5;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap .table dl {
    width: 100%;
    flex-direction: column;
    margin-top: 4.8vw;
  }
}
.page-school .c-modal .card .info_area .wrap .table dl:first-child {
  margin-top: 0;
}

.page-school .c-modal .card .info_area .wrap .table dl.-long {
  width: 100%;
}

.page-school .c-modal .card .info_area .wrap .table dl dt {
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .page-school .c-modal .card .info_area .wrap .table dl dt {
    border-bottom: 2px solid #000;
    width: calc(150px * var(--scale));
    padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap .table dl dt {
    font-size: 1.4rem;
    width: 100%;
    padding: 1.3333333333vw 0 1.3333333333vw 4vw;
    border-left: 2px solid #000;
  }
}
.page-school .c-modal .card .info_area .wrap .table dl dd {
  border-bottom: 2px solid #B7B7B7;
  padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  width: 100%;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap .table dl dd {
    font-size: 1.3rem;
    padding: 1.3333333333vw 1.3333333333vw 2.6666666667vw 4.5333333333vw;
  }
}
.page-school .c-modal .card .info_area .wrap .table dl dd .note {
  font-weight: normal;
  font-size: calc(12px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .wrap .table dl dd .note {
    font-size: 3.2vw;
  }
}
.page-school .c-modal .card .info_area .card_note {
  margin-top: calc(15px * var(--scale));
  font-size: calc(12px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .card_note {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.page-school .c-modal .card .info_area .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: calc(21px * var(--scale));
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .info_area .action {
    flex-direction: column;
    width: 72vw;
    margin: 5.3333333333vw auto 0 auto;
  }
}
.page-school .c-modal .card .support_area {
  margin-top: calc(25px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area {
    margin-top: 9.6vw;
  }
}
.page-school .c-modal .card .support_area .subtitle {
  font-size: 2.4rem;
  color: #2D4B9D;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .subtitle {
    font-size: 1.6rem;
  }
}
.page-school .c-modal .card .support_area .support_list {
  margin-top: calc(20px * var(--scale));
  display: flex;
  flex-direction: column;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .support_list {
    margin-top: 5.3333333333vw;
    gap: 5.3333333333vw;
  }
}
.page-school .c-modal .card .support_area .support_card {
  background-color: #fff;
  padding: calc(23px * var(--scale));
  border-radius: calc(10px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .support_card {
    padding: 6.1333333333vw;
  }
}
.page-school .c-modal .card .support_area .support_wrap {
  display: flex;
  justify-content: space-between;
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .support_wrap {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.page-school .c-modal .card .support_area .support_wrap .support_img {
  width: calc(230px * var(--scale));
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .support_wrap .support_img {
    width: 100%;
  }
}
.page-school .c-modal .card .support_area .table {
  width: 100%;
  margin-top: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .table {
    margin-top: 3.7333333333vw;
  }
}
.page-school .c-modal .card .support_area .table dl {
  display: flex;
  margin-top: calc(18px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .table dl {
    flex-direction: column;
    margin-top: 4.8vw;
  }
}
.page-school .c-modal .card .support_area .table dl:first-child {
  margin-top: 0;
}

.page-school .c-modal .card .support_area .table dl dt {
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .page-school .c-modal .card .support_area .table dl dt {
    border-bottom: 2px solid #000;
    width: calc(210px * var(--scale));
    padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  }
}
@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .table dl dt {
    font-size: 1.4rem;
    width: 100%;
    padding: 1.3333333333vw 0 1.3333333333vw 4vw;
    border-left: 2px solid #000;
  }
}
.page-school .c-modal .card .support_area .table dl dd {
  border-bottom: 2px solid #B7B7B7;
  padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  width: 100%;
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .table dl dd {
    font-size: 1.3rem;
    padding: 1.3333333333vw 1.3333333333vw 2.6666666667vw 4.5333333333vw;
  }
}
.page-school .c-modal .card .support_area .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(21px * var(--scale));
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .action {
    flex-direction: column;
    width: 72vw;
    margin: 5.3333333333vw auto 0 auto;
  }
}
.page-school .c-modal .card .support_area .action .btn {
  border: 2px solid #2D4B9D;
  color: #2D4B9D;
  background-color: #fff;
  padding: calc(16px * var(--scale));
  border-radius: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school .c-modal .card .support_area .action .btn {
    width: 100%;
    padding: 4vw;
  }
}
.page-school .c-modal .card .support_area .action .btn.-disabled {
  border: 2px solid gray;
  color: gray;
  pointer-events: none;
}

.page-school {
  /* =====================
    overlay
  ===================== */
}

.page-school .c-modal_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.page-school {
  /* =====================
    content
  ===================== */
}

.page-school .c-modal_content {
  position: relative;
  z-index: 1;
  width: min(1000px, 90vw);
  max-height: 80vh;
  overflow-y: auto;
  border-radius: calc(12px * var(--scale));
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  animation: modalFade 0.25s ease;
}

.page-school {
  /* =====================
    close button
  ===================== */
}

.page-school .js-close-modal {
  position: absolute;
  top: calc(12px * var(--scale));
  right: calc(12px * var(--scale));
  border: none;
  background: #fff;
  padding: calc(8px * var(--scale)) calc(12px * var(--scale));
  border-radius: calc(6px * var(--scale));
  cursor: pointer;
}

.page-school .js-close-modal:hover {
  background: #ddd;
}

.page-school {
  /* =====================
    animation
  ===================== */
}

@keyframes modalFade {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.page-school_detail #detail {
  background-color: #EFF1F8;
  padding: calc(38px * var(--scale)) 0;
}

.page-school_detail #detail .tags {
  margin-top: calc(25px * var(--scale));
  display: flex;
  flex-wrap: wrap;
  gap: calc(15px * var(--scale));
}

@media (max-width: 768px) {
  .page-school_detail #detail .tags {
    margin-top: 4vw;
    gap: 2.6666666667vw;
  }
}
.page-school_detail #detail .tags span {
  padding: calc(12px * var(--scale)) calc(20px * var(--scale));
  background-color: #fff;
  border-radius: calc(50px * var(--scale));
  position: relative;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .page-school_detail #detail .tags span {
    font-size: 1.3rem;
    padding: 2.1333333333vw 4vw;
  }
}
.page-school_detail #detail .img {
  margin-top: calc(37px * var(--scale));
}

.page-school_detail #detail .subtitle {
  font-size: 2.4rem;
  color: #2D4B9D;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-school_detail #detail .subtitle {
    font-size: 1.6rem;
  }
}
.page-school_detail #detail .info_area {
  margin-top: calc(50px * var(--scale));
}

.page-school_detail #detail .support_area {
  margin-top: calc(80px * var(--scale));
}

.page-school_detail #detail .table {
  width: 100%;
  margin-top: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  .page-school_detail #detail .table {
    margin-top: 3.7333333333vw;
  }
}
.page-school_detail #detail .table dl {
  display: flex;
  margin-top: calc(18px * var(--scale));
}

@media (max-width: 768px) {
  .page-school_detail #detail .table dl {
    flex-direction: column;
    margin-top: 4.8vw;
  }
}
.page-school_detail #detail .table dl:first-child {
  margin-top: 0;
}

.page-school_detail #detail .table dl dt {
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .page-school_detail #detail .table dl dt {
    border-bottom: 2px solid #000;
    width: calc(240px * var(--scale));
    padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  }
}
@media (max-width: 768px) {
  .page-school_detail #detail .table dl dt {
    font-size: 1.4rem;
    width: 100%;
    padding: 1.3333333333vw 0 1.3333333333vw 4vw;
    border-left: 2px solid #000;
  }
}
.page-school_detail #detail .table dl dd {
  border-bottom: 2px solid #B7B7B7;
  padding: 0 calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
  width: 100%;
}

@media (max-width: 768px) {
  .page-school_detail #detail .table dl dd {
    font-size: 1.3rem;
    padding: 1.3333333333vw 1.3333333333vw 2.6666666667vw 4.5333333333vw;
  }
}
.page-school_detail #detail .action {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(21px * var(--scale));
  gap: calc(20px * var(--scale));
}

@media (max-width: 768px) {
  .page-school_detail #detail .action {
    flex-direction: column;
    width: 72vw;
    margin: 5.3333333333vw auto 0 auto;
  }
}
.page-school_detail #detail .action .btn {
  /* border: 2px solid v.$main_color;
  color: v.$main_color;
  background-color: #fff;
  padding: 16px;
  border-radius: 15px; */
  width: 30%;
}

@media (max-width: 768px) {
  .page-school_detail #detail .action .btn {
    width: 100%;
    padding: 4vw;
  }
}
#footer {
  margin-top: calc(125px * var(--scale));
  background-color: #D9DFF0;
  padding: calc(164px * var(--scale)) 0 0 0;
}

@media (max-width: 768px) {
  #footer {
    margin-top: 24vw;
    padding: 16vw 0 0 0;
  }
}
#footer .main_nav {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #footer .main_nav {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
#footer .main_nav .item {
  position: relative;
}

@media (min-width: 769px) {
  #footer .main_nav .item {
    width: 28.5%;
  }
}
@media (max-width: 768px) {
  #footer .main_nav .item {
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 19.7333333333vw;
    border-radius: 3.4666666667vw;
    padding: 0 8.5333333333vw 0 3.7333333333vw;
    overflow: hidden;
  }
  #footer .main_nav .item:before {
    content: "";
    display: block;
    position: absolute;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
    border-radius: 7.4666666667vw;
    right: -7.4666666667vw;
    bottom: -7.4666666667vw;
    background-color: #2D4B9D;
  }
  #footer .main_nav .item:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 2.4vw;
    bottom: 2.4vw;
  }
}
@media (min-width: 769px) {
  #footer .main_nav .item .icon {
    width: 30.1754385965%;
    position: absolute;
    bottom: calc(90px * var(--scale));
    z-index: 10;
  }
}
@media (max-width: 768px) {
  #footer .main_nav .item .icon {
    width: 15.4666666667vw;
  }
}
@media (min-width: 769px) {
  #footer .main_nav .item .text {
    background-color: #fff;
    border-radius: calc(13px * var(--scale));
    font-size: 1.9rem;
    height: calc(96px * var(--scale));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    gap: calc(10px * var(--scale));
    overflow: hidden;
  }
  #footer .main_nav .item .text:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(56px * var(--scale));
    height: calc(56px * var(--scale));
    border-radius: calc(28px * var(--scale));
    right: calc(-28px * var(--scale));
    bottom: calc(-28px * var(--scale));
    background-color: #2D4B9D;
  }
  #footer .main_nav .item .text:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(7px * var(--scale));
    height: calc(7px * var(--scale));
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: calc(9px * var(--scale));
    bottom: calc(9px * var(--scale));
  }
}
@media (max-width: 768px) {
  #footer .main_nav .item .text {
    text-align: center;
    width: 61.3333333333vw;
    font-size: 1.7rem;
    line-height: 1.25;
  }
}
#footer .main_nav .item .text .-small {
  font-size: 1.3rem;
}

@media (max-width: 768px) {
  #footer .main_nav .item .text .-small {
    font-size: 1.3rem;
  }
}
#footer .info {
  margin-top: calc(108px * var(--scale));
  padding-top: calc(60px * var(--scale));
  border-top: #2D4B9D solid 1px;
  display: flex;
  justify-content: space-between;
  gap: calc(106px * var(--scale));
}

@media (max-width: 768px) {
  #footer .info {
    flex-direction: column;
    margin-top: 16vw;
    padding-top: 8vw;
    gap: 10.6666666667vw;
  }
}
#footer .info .title {
  width: calc(280px * var(--scale));
}

@media (max-width: 768px) {
  #footer .info .title {
    display: flex;
    flex-direction: column-reverse;
    width: 63.4666666667vw;
    gap: 4.2666666667vw;
  }
}
@media (min-width: 1367px) {
  #footer .info .title .site_title {
    width: calc(276.94px * var(--scale));
  }
}
@media (max-width: 768px) {
  #footer .info .title .site_title {
    width: 100%;
  }
}
#footer .info .title .mext_logo {
  mix-blend-mode: multiply;
  width: calc(280px * var(--scale));
  margin-top: calc(16px * var(--scale));
}

@media (max-width: 768px) {
  #footer .info .title .mext_logo {
    width: 100%;
    margin-top: 0;
  }
}
#footer .info .nav {
  max-width: calc(615px * var(--scale));
  display: flex;
  flex-wrap: wrap;
  gap: calc(13px * var(--scale)) calc(54px * var(--scale));
  line-height: 1.25;
}

@media (max-width: 768px) {
  #footer .info .nav {
    gap: 4.2666666667vw;
  }
}
#footer .info .nav .item {
  display: flex;
  gap: calc(20px * var(--scale));
  min-width: calc(128px * var(--scale));
}

@media (max-width: 768px) {
  #footer .info .nav .item {
    width: 100%;
    gap: 2.6666666667vw;
  }
}
#footer .info .nav .item:before {
  content: "";
  display: block;
  width: calc(8px * var(--scale));
  height: calc(8px * var(--scale));
  border-radius: calc(4px * var(--scale));
  margin-top: calc(6px * var(--scale));
  background-color: #2D4B9D;
}

@media (max-width: 768px) {
  #footer .info .nav .item:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 1.0666666667vw;
    margin-top: 1.6vw;
  }
}
#footer .aside {
  margin-top: calc(62px * var(--scale));
  padding-top: calc(31px * var(--scale));
  border-top: #2D4B9D solid 1px;
}

@media (max-width: 768px) {
  #footer .aside {
    margin-top: 8vw;
    padding-top: 6.6666666667vw;
    gap: 5.3333333333vw;
  }
}
#footer .aside .nav {
  display: flex;
  gap: calc(30px * var(--scale));
}

@media (max-width: 768px) {
  #footer .aside .nav {
    gap: 2.6666666667vw;
    flex-direction: column;
  }
}
#footer .aside .nav .item {
  display: flex;
  align-items: center;
  gap: calc(6px * var(--scale));
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  #footer .aside .nav .item {
    gap: 2.1333333333vw;
    font-size: 1.4rem;
  }
}
#footer .aside .nav .item:before {
  content: "";
  display: block;
  width: calc(8px * var(--scale));
  height: calc(8px * var(--scale));
  border-top: #2D4B9D 2px solid;
  border-right: #2D4B9D 2px solid;
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #footer .aside .nav .item:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
#footer .aside .nav .item:after {
  content: "";
  display: block;
  width: calc(16.34px * var(--scale));
  height: calc(12.46px * var(--scale));
  background-image: url(../img/common/ico_blanklink.svg);
  background-size: 100% 100%;
}

@media (max-width: 768px) {
  #footer .aside .nav .item:after {
    width: 4.3573333333vw;
    height: 3.3226666667vw;
  }
}
#footer .aside .address {
  margin-top: calc(13px * var(--scale));
  font-size: 1.4rem;
  line-height: 1.4285714286;
}

@media (max-width: 768px) {
  #footer .aside .address {
    font-size: 1.3rem;
  }
}
#footer .aside .address a {
  text-decoration: underline;
}

#footer .copyright {
  background-color: #2D4B9D;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  height: calc(45px * var(--scale));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(27px * var(--scale));
}

@media (max-width: 768px) {
  #footer .copyright {
    font-size: 1.2rem;
    height: 16.5333333333vw;
    line-height: 1.4166666667;
  }
}
/*# sourceMappingURL=style.css.map */