@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho:wght@700&display=swap");
:root {
  --c-p-main: #008ccf;
  --c-p-blue: #5dc2d0;
  --c-p-blue2: #74acdd;
  --c-p-blue3: #d3e4f2;
  --c-p-blue4: #d2ebf0;
  --c-p-yellow: #f0af40;
  --c-p-yellow2: #fbeedb;
  --c-p-yellow3: #fbe4c0;
  --c-p-green: #8dc661;
  --c-p-green2: #a3c97f;
  --c-p-green3: #dceccc;
  --c-p-pink: #ee869a;
  --c-p-pink2: #fadade;
  --c-p-brown: #5a4e49;
  --ff-yugo: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "Helvetica Neue", "Helvetica", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --ff-garamond: "EB Garamond", serif;
  --ff-mincho: "Noto Serif JP", serif;
  --ff-yumin: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.yugo {
  font-family: var(--ff-yugo);
}

#fixed_menu {
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}

.fixed_menu_list > li {
  border: 2px solid var(--c-white);
  border-right: 0;
  background: var(--c-p-main);
  border-radius: clamp(0px, 2.14vw, 30px) 0 0 0;
}

.fixed_menu_list > li:hover {
  background: var(--c-blue);
}

.fixed_menu_list > li > a {
  color: var(--c-white);
}

@media screen and (max-width: 767px) {
  .fixed_menu_list > li {
    border: 0;
    border-radius: 0;
  }

  .fixed_menu_list > li:not(:first-child) {
    border-left: 1px solid var(--c-white);
  }
}
.point_ttl {
  font-family: var(--ff-mincho);
  font-weight: var(--fw-eb);
  color: var(--c-dark-blue);
}

.point_ttl_en {
  font-family: var(--ff-mincho);
  font-weight: var(--fw-sb);
  color: var(--c-p-main);
}

.point_txt, .point_dot {
  font-weight: var(--fw-m);
  color: var(--c-black);
}

.point_five_dots span {
  background-color: var(--c-p-brown);
}

.btn_more {
  background-color: var(--c-p-blue2);
}

.btn_more:hover {
  background-color: var(--c-blue);
}

.btn_more::after {
  border-top-color: var(--c-p-blue2);
  border-right-color: var(--c-p-blue2);
}

.btn_more:hover::after {
  border-top-color: var(--c-blue);
  border-right-color: var(--c-blue);
}

.btn_more.btn_more_w {
    width: clamp(0px, 36.79vw, 515px);
}

@media screen and (max-width: 767px) {
    .btn_more.btn_more_w {
        width: 100%;
        padding: 1.3em 4em 1.3em 1em;
    }
}

.voice_ttl_icon {
    width: clamp(0px, 4.64vw, 65px);
}

.voice_ttl {
  color: var(--c-dark-green);
}

.voice_ttl_en {
  font-family: var(--ff-mincho);
}

.voice_list > li {
  font-weight: var(--fw-m);
  color: var(--c-p-brown);
  background-image: url("../img/humanities/humanities_056_voice_bg_cont.svg");
}

.voice_list > li.voice_list_ttl {
  font-family: var(--ff-mincho);
  color: var(--c-white);
  background-image: url("../img/humanities/humanities_057_voice_bg_ttl.svg");
}

.five_dots span {
  background-color: var(--c-p-brown);
}

.point_ttl .five_dots {
    padding: clamp(0px, 2.86vw, 40px) 0;
}

@media screen and (max-width: 767px) {
    .voice_ttl_icon {
        width: 10vw;
    }
}
#footer {
  background-color: transparent;
  border-top: 2px solid var(--c-p-blue3);
}

.footer_nav > li a {
  background-color: var(--c-p-main);
}

.footer_btn {
  background-color: var(--c-p-yellow2);
}

@media screen and (max-width: 767px) {
  .footer_inner {
    padding-top: 15vw;
  }
}

.main_bg {
    background-color: var(--c-p-blue3);
}

/* ===============================================
    mv
=============================================== */
#mv {
    position: relative;
    z-index: 1;
}

.mv_img {
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.mv_img img {
  width: 100%;
  max-width: none;
}

.mv_inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}

.mv_cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mv_txt {
  width: 100%;
}

.mv_txt .page_ttl {
    font-size: 2.2vw;
    font-weight: var(--fw-b);
    color: #fff;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 2.45vw;
}

.mv_txt .txt_em {
    font-size: 2.7vw;
    font-weight: var(--fw-eb);
    font-family: var(--ff-mincho);
    line-height: 1.6em;
    letter-spacing: 0.15em;
    text-align: center;
    margin-top: 7.1vw;
    padding-left: 0.15em;
    text-shadow:
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1);
}

.mv_txt .txt {
    font-size: 1.82vw;
    font-weight: var(--fw-eb);
    font-family: var(--ff-mincho);
    line-height: 1.7em;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 1.6vw;
    padding-left: 0.1em;
    text-shadow:
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1.6vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1),
        0 0 1vw rgba(255,255,255,1);
}

@media screen and (max-width: 767px) {
  .mv_inner {
    width: 100%;
  }

  .mv_img {
    width: 100%;
  }

  .mv_cont {
    width: 100%;
  }

  .mv_txt .page_ttl {
    font-size: 4vw;
    margin-top: 40.4vw;
    line-height: 1.4em;
  }

  .mv_txt .txt_em {
    font-size: 5.4vw;
    line-height: 1.5em;
    margin-top: 14vw;
    white-space: nowrap;
  }

  .mv_txt .txt {
    font-size: 3.8vw;
    line-height: 1.6em;
    margin-top: 4vw;
  }
}

/* ===============================================
    page nav
=============================================== */
.page_nav {
    width: 100%;
    position: absolute;
    bottom: clamp(-120px, -8.57vw, 0px);
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: clamp(0px, 3.57vw, 50px);
}

.page_nav a {
    width: clamp(0px, 19.29vw, 270px);
    aspect-ratio: 270 / 195;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 2;
    padding-top: clamp(0px, 3.21vw, 45px);
}

.page_nav a.society {
    padding-top: clamp(0px, 3.93vw, 55px);
}

.page_nav a p {
    font-size: clamp(0px, 1.43vw, 20px);
    font-weight: var(--fw-m);
    line-height: 1.5em;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
}

.page_nav a .nav_bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .page_nav {
        width: 100%;
        position: relative;
        background-color: #fff;
        bottom: 0;
        flex-wrap: wrap;
        gap: 6vw 2vw;
        padding: 5vw 0 9vw;
    }

    .page_nav a {
        width: 44vw;
        aspect-ratio: 440 / 180;
        padding-top: 2.5vw;
    }

    .page_nav a::before {
        content: "";
        width: 8vw;
        height: 8vw;
        aspect-ratio: 1/1;
        background-color: var(--c-white);
        border-radius: 50%;
        position: absolute;
        bottom: -4vw;
        left: 0;
        right: 0;
        margin: auto;
    }

    .page_nav a::after {
        content: "";
        width: 2vw;
        height: 2vw;
        border: 0;
        border-top: solid 2px var(--c-p-main);
        border-right: solid 2px var(--c-p-main);
        transform: rotate(45deg);
        position: absolute;
        bottom: -1vw;
        left: 0;
        right: 1vw;
        margin: auto;
    }

    .page_nav a.society {
        padding-top: 2.5vw;
        background-color: #5db8c4;
    }
    .page_nav a.society::before {
        border: solid 2px #5db8c4;
    }
    .page_nav a.society::after {
        border-top: solid 2px #5db8c4;
        border-right: solid 2px #5db8c4;
    }
    .page_nav a.region {
        background-color: var(--c-p-green2);
    }
    .page_nav a.region::before {
        border: solid 2px var(--c-p-green2);
    }
    .page_nav a.region::after {
        border-top: solid 2px var(--c-p-green2);
        border-right: solid 2px var(--c-p-green2);
    }
    .page_nav a.international {
        background-color: var(--c-p-pink);
    }
    .page_nav a.international::before {
        border: solid 2px var(--c-p-pink);
    }
    .page_nav a.international::after {
        border-top: solid 2px var(--c-p-pink);
        border-right: solid 2px var(--c-p-pink);
    }
    .page_nav a.media {
        background-color: var(--c-p-yellow);
    }
    .page_nav a.media::before {
        border: solid 2px var(--c-p-yellow);
    }
    .page_nav a.media::after {
        border-top: solid 2px var(--c-p-yellow);
        border-right: solid 2px var(--c-p-yellow);
    }

    .page_nav a p {
        font-size: 3.8vw;
        font-weight: var(--fw-m);
        line-height: 1.4em;
        letter-spacing: 0;
    }

    .page_nav a .nav_bg {
        display: none;
    }
}

/* ===============================================
    lead
=============================================== */
#lead {
  position: relative;
  padding-top: clamp(0px, 21.43vw, 300px);
}

#lead::before {
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 2000 / 1130;
  background-image: url("../img/humanities/humanities_016_lead_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}

.lead_inner {
  position: relative;
  z-index: 2;
}

.lead_ttl {
  width: 100%;
  font-size: clamp(0px, 2.64vw, 37px);
  letter-spacing: 0.1em;
  font-family: var(--ff-mincho);
  font-weight: var(--fw-eb);
  color: var(--c-dark-blue);
  line-height: 1.8em;
  text-align: center;
  margin: 0 auto 0.8em;
}

.lead_txt {
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 1.57vw, 22px);
  font-weight: var(--fw-b);
  line-height: 2.3em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #lead {
    padding-top: 13vw;
  }

  #lead::before {
    width: 100%;
    aspect-ratio: 1000 / 1420;
    background-image: url("../img/humanities/humanities_015_lead_bg_sp.png");
  }

  .lead_ttl {
    width: 100%;
    font-size: 5.5vw;
    margin-bottom: 0.5em;
  }

  .lead_txt {
    font-size: 4vw;
    text-align: left;
    line-height: 1.7;
    letter-spacing: 0;
  }
}
/* ===============================================
    point
=============================================== */
#point {
  position: relative;
  padding: clamp(0px, 27.14vw, 380px) 0 clamp(0px, 12.86vw, 180px);
  background-color: var(--c-light-green);
}

#point .container {
  position: relative;
}

.point_num {
    font-family: var(--ff-mincho);
    font-size: clamp(0px, 3.51vw, 52px);
    font-weight: var(--fw-b);
    color: var(--c-p-main);
    line-height: 1;
    position: relative;
    top: clamp(-25px, -1.79vw, 0px);
    margin-bottom: clamp(0px, 1.07vw, 15px);
}

.point_num .nb {
    font-size: 1.7em;
    font-style: italic;
    line-height: 1;
}

.point_ill_center {
  width: clamp(0px, 5.71vw, 80px);
  margin: 0 auto clamp(0px, 7.14vw, 100px);
  position: relative;
  z-index: 2;
}

.point_menu {
  width: clamp(0px, 64.29vw, 900px);
  gap: clamp(0px, 3.57vw, 50px) clamp(0px, 1.79vw, 25px);
  position: relative;
  z-index: 2;
}

.point_menu li {
  width: clamp(0px, 20vw, 280px);
}

.point_img_wrap {
  max-width: 1000px;
  margin: clamp(0px, 2.14vw, 30px) auto 0;
}

.point_01_img {
  width: 100%;
}

.p_center_left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p_center_left .point_txt {
  text-align: left;
}

.point_02_list {
  width: clamp(0px, 71.43vw, 1000px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0px, 3.57vw, 50px);
  margin: clamp(0px, 2.14vw, 30px) auto 0;
}

.point_02_list > li {
    width: calc((100% - clamp(0px, 3.57vw, 50px)) / 2);
    padding-bottom: clamp(0px, 2.86vw, 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.point_02_list > li:nth-of-type(1) { background-color: var(--c-p-blue);}
.point_02_list > li:nth-of-type(2) { background-color: var(--c-p-green);}
.point_02_list > li:nth-of-type(3) { background-color: var(--c-p-pink);}
.point_02_list > li:nth-of-type(4) { background-color: #f0af40;}

.point_02_list .img {
  width: 100%;
}

.point_02_list .ttl {
    width: clamp(0px, 24.64vw, 345px);
    aspect-ratio: 345 / 60;
    background-color: #fff;
    font-size: clamp(0px, 1.79vw, 25px);
    font-weight: var(--fw-b);
    line-height: 1;
    border-radius: clamp(0px, 0.57vw, 8px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5em;
}

.point_02_list .txt {
    font-family: var(--ff-yugo);
    font-size: clamp(0px, 1.29vw, 18px);
    font-weight: var(--fw-b);
    line-height: 1.7em;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1200px) {
  .point_img_txt {
    border-width: clamp(1.5px, 0.17vw, 2px);
  }
}
@media screen and (max-width: 767px) {
  #point {
    padding: 12vw 0 20vw;
  }

  .point_ill_center {
    width: 10vw;
    margin: 0 auto 10vw;
  }

    .point_menu {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 10vw 0;
    }

    .point_menu li {
      width: 67vw;
    }

    .point_num {
        font-size: 5.2vw;
        top: -3vw;
        margin-bottom: 5vw;
    }

  .point_img_wrap {
    margin-top: 8vw;
  }

  .point_ttl > span {
    font-size: 0.93em;
  }

  .point_02_list {
    width: 76vw;
    flex-direction: column;
    gap: 5vw;
    margin: 5vw auto 0;
  }

  .point_02_list > li {
    width: 100%;
    border-width: 2vw;
    padding-bottom: 4vw;
  }

  .point_02_list .ttl {
    width: 55vw;
    font-size: 4.3vw;
  }

  .point_02_list .txt {
    font-size: 3.8vw;
  }

}

.point_link_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0px, 4.29vw, 60px);
    padding-top: clamp(0px, 2.14vw, 30px);
}

.point_link_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0px, 1.43vw, 20px);
    text-align: center;
}

.point_txt_em {
    font-size: clamp(0px, 1.79vw, 25px);
    font-weight: var(--fw-eb);
    line-height: 1;
    font-family: var(--ff-mincho);
    margin-bottom: 0.3em;
}

.p_btn_more {
    width: clamp(0px, 46.43vw, 650px);
    font-size: clamp(0px, 1.29vw, 18px);
    font-weight: var(--fw-m);
    color: var(--c-white);
    line-height: 1.4;
    letter-spacing: 0.05em;
    background-color: var(--c-p-main);
    padding: 1.15em 4em;
    border-radius: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.p_btn_more:hover {
    opacity: 1;
    color: var(--c-white) !important;
}

.p_btn_more::before {
  content: "";
  width: clamp(0px, 3.71vw, 52px);
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--c-p-main);
  border: 2px solid var(--c-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: clamp(0px, 0.5vw, 7px);
  transform: translateY(-50%);
  transition: all 0.2s;
}

.p_btn_more::after {
  content: "";
  width: clamp(0px, 1vw, 14px);
  height: clamp(0px, 1vw, 14px);
  border: 0;
  border-top: solid 2px var(--c-white);
  border-right: solid 2px var(--c-white);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: clamp(0px, 2vw, 28px);
  margin: auto;
  transition: all 0.2s;
}

.p_btn_more.blue {
    background-color: var(--c-p-blue2);
}
.p_btn_more.blue::before {
    background-color: var(--c-p-blue2);
}
/*.p_btn_more.blue:hover {
    color: var(--c-p-blue2);
    border-color:  var(--c-p-blue2);
}*/

.p_btn_more.green {
    background-color: var(--c-p-green2);
}
.p_btn_more.green::before {
    background-color: var(--c-p-green2);
}
/*.p_btn_more.green:hover {
    color: var(--c-p-green2);
    border-color:  var(--c-p-green2);
}*/

.p_btn_more.pink {
    background-color: var(--c-p-pink);
}
.p_btn_more.pink::before {
    background-color: var(--c-p-pink);
}
/*.p_btn_more.pink:hover {
    color: var(--c-p-pink);
    border-color:  var(--c-p-pink);
}*/

.p_btn_more.yellow {
    background-color: var(--c-p-yellow);
}
.p_btn_more.yellow::before {
    background-color: var(--c-p-yellow);
}
/*.p_btn_more.yellow:hover {
    color: var(--c-p-yellow);
    border-color:  var(--c-p-yellow);
}*/

.p_btn_more.blue:hover,
.p_btn_more.green:hover,
.p_btn_more.pink:hover,
.p_btn_more.yellow:hover {
    background-color: var(--c-p-main);
}
.p_btn_more.blue:hover::before,
.p_btn_more.green:hover::before,
.p_btn_more.pink:hover::before,
.p_btn_more.yellow:hover::before {
    background-color: var(--c-p-main);
}

@media screen and (max-width: 767px) {
    .point_link_list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 9vw;
        padding-top: 5vw;
    }

    .point_link_list li {
        gap: 3vw;
    }

    .point_txt_em {
        font-size: 4.5vw;
    }

    .p_btn_more {
        width: 76vw;
        height: 35vw;
        font-size: 3.8vw;
        padding: 0 0 3.5em;
        line-height: 1.3em;
    }

    .p_btn_more::before {
        width: 12vw;
        right: 0;
        left: 0;
        bottom: 4vw;
        margin: auto;
        transform: translateY(0%);
    }

    .p_btn_more::after {
        width: 3.5vw;
        height: 3.5vw;
        top: inherit;
        bottom: 8.5vw;
        right: 1vw;
        left: 0;
    }

}

.point_btn_list {
    margin-top: clamp(0px, 3.57vw, 50px);
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1.43vw, 20px);
}

.p_btn_more_02 {
    width: clamp(0px, 36.79vw, 515px);
    font-size: clamp(0px, 1.29vw, 18px);
    font-weight: var(--fw-m);
    color: var(--c-white);
    letter-spacing: 0.05em;
    background-color: var(--c-p-main);
    padding: 1em 4em;
    border-radius: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.p_btn_more_02:hover {
    opacity: 1;
}

.p_btn_more_02::before {
  content: "";
  width: clamp(0px, 3.71vw, 52px);
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--c-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: clamp(0px, 0.5vw, 7px);
  transform: translateY(-50%);
}

.p_btn_more_02::after {
  content: "";
  width: clamp(0px, 1vw, 14px);
  height: clamp(0px, 1vw, 14px);
  border: 0;
  border-top: solid 2px var(--c-p-main);
  border-right: solid 2px var(--c-p-main);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: clamp(0px, 2vw, 28px);
  margin: auto;
  transition: all 0.2s;
}

.p_btn_more_02.green {
    background-color: var(--c-p-green2);
}
.p_btn_more_02.green::after {
  border-top: solid 2px var(--c-p-green2);
  border-right: solid 2px var(--c-p-green2);
}

.p_btn_more_02.pink {
    background-color: var(--c-p-pink);
    border-color: var(--c-p-pink);
}
.p_btn_more_02.pink::after {
    border-top: solid 2px var(--c-p-pink);
    border-right: solid 2px var(--c-p-pink);
}

.p_btn_more_02.yellow {
    background-color: var(--c-p-yellow);
    border-color: var(--c-p-yellow);
}
.p_btn_more_02.yellow::after {
    border-top: solid 2px var(--c-p-yellow);
    border-right: solid 2px var(--c-p-yellow);
}

.p_btn_more_02.green:hover,
.p_btn_more_02.pink:hover,
.p_btn_more_02.yellow:hover {
    background-color: var(--c-p-main);
}
.p_btn_more_02.green:hover::after,
.p_btn_more_02.pink:hover::after,
.p_btn_more_02.yellow:hover::after {
  border-top: solid 2px var(--c-p-main);
  border-right: solid 2px var(--c-p-main);
}

@media screen and (max-width: 767px) {
    .point_btn_list {
        margin-top: 5vw;
        gap: 3vw;
    }

    .p_btn_more_02 {
        width: 76vw;
        height: 35vw;
        font-size: 3.8vw;
        text-align: center;
        line-height: 1.3em;
        padding: 0 0 3.5em;
    }

    .p_btn_more_02::before {
        width: 12vw;
        right: 0;
        left: 0;
        bottom: 4vw;
        margin: auto;
        transform: translateY(0%);
    }

    .p_btn_more_02::after {
        width: 3.5vw;
        height: 3.5vw;
        top: inherit;
        bottom: 8.5vw;
        right: 1vw;
        left: 0;
    }
}

/* point 1 */
.block_title {
    padding-top: clamp(0px, 3.57vw, 50px);
}
.block_title_img {
    width: clamp(0px, 42.5vw, 595px);
    margin: clamp(0px, 2.14vw, 30px) auto clamp(0px, 1.43vw, 20px);
}

.cross_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0px, 2.86vw, 40px);
    margin-top: clamp(0px, 1.43vw, 20px);
}

.cross_list p {
    text-align: center;
}

.cross_list .cross_ttl {
    width: clamp(0px, 41.43vw, 580px);
    margin-bottom: clamp(0px, 1.43vw, 20px);
}

.msg_link_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: clamp(0px, 4.29vw, 60px) clamp(0px, 7.14vw, 100px);
    padding: clamp(0px, 3.57vw, 50px) 0 clamp(0px, 2.14vw, 30px);
}

.msg_link_list a {
    width: clamp(0px, 22.86vw, 320px);
    position: relative;
}

.msg_link_list a .link_txt {
    font-size: clamp(0px, 1.43vw, 20px);
    line-height: 1.5em;
    font-weight: var(--fw-m);
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: clamp(0px, 3.36vw, 47px);
    left: 0;
    right: 0;
    margin: auto;
}

.msg_link_list a::before {
    content: "";
    width: clamp(0px, 3.57vw, 50px);
    aspect-ratio: 1 / 1;
    background-color: var(--c-white);
    border: solid 2px var(--c-p-main);
    border-radius: 50%;
    position: absolute;
    bottom: clamp(-25px, -1.79vw, 0px);
    left: 0;
    right: 0;
    margin: auto;
}

.msg_link_list a::after {
    content: "";
    width: clamp(0px, 1vw, 14px);
    height: clamp(0px, 1vw, 14px);
    border: 0;
    border-top: solid 2px var(--c-p-main);
    border-right: solid 2px var(--c-p-main);
    transform: rotate(45deg);
    position: absolute;
    bottom: clamp(-7px, -0.5vw, 0px);
    left: 0;
    right: clamp(0px, 0.36vw, 5px);
    margin: auto;
}

@media screen and (max-width: 767px) {
    .block_title {
        padding-top: 5vw;
    }
    .block_title_img {
        width: 76vw;
        margin: 4vw auto 2vw;
    }

    .cross_list {
        gap: 0;
        text-align: center;
        margin-top: 3vw;
    }

    .cross_list .point_txt_em {
        font-size: 4.2vw;
        font-weight: var(--fw-eb);
        letter-spacing: 0;
        white-space: nowrap;
        margin: 0.2em 0 0.5em;
    }

    .cross_list .point_txt_em span {
        letter-spacing: -0.5em;
    }

    .cross_list .point_txt span {
        display: block;
        text-align: left;
    }

    .msg_link_list {
        flex-direction: column;
        align-items: center;
        gap: 9vw;
        padding: 5vw 0;
    }

    .msg_link_list a {
        width: 60vw;
    }

    .msg_link_list a .link_txt {
        font-size: 3.8vw;
        bottom: 9vw;
    }

    .msg_link_list a::before {
        width: 9vw;
        bottom: -4.5vw;
    }

    .msg_link_list a::after {
        width: 2.6vw;
        height: 2.6vw;
        bottom: -1.3vw;
        left: 0;
        right: 1vw;
        margin: auto;
    }
}


/* ===============================================
    career
=============================================== */
#career {
  padding-bottom: clamp(0px, 17.14vw, 240px);
  background-color: var(--c-light-green);
}

.career_ttl {
  font-family: var(--ff-mincho);
  font-weight: var(--fw-eb);
  font-size: clamp(0px, 2.86vw, 40px);
  color: var(--c-dark-blue);
  line-height: 1.4;
  text-align: center;
  margin-bottom: clamp(0px, 3.57vw, 50px);
}

.career_ttl_icon {
    width: clamp(0px, 4.64vw, 65px);
}

.career_circle {
  width: clamp(0px, 85.71vw, 1200px);
  margin: 0 auto;
  position: relative;
}

.career_circle .circle {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: var(--c-white);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.career_circle .circle_02 {
    width: clamp(0px, 41.07vw, 575px);
}

.circle_inner {
  width: clamp(0px, 67.14vw, 940px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.career_circle_top {
  display: flex;
  align-items: center;
  justify-content: center;
}

.career_circle .ttl {
  font-size: clamp(0px, 1.79vw, 25px);
  color: var(--c-p-green2);
  font-weight: var(--fw-b);
  line-height: 1.3;
  text-align: center;
}

.career_circle .num {
  line-height: 1;
  font-family: var(--ff-yumin);
  font-size: clamp(0px, 12.71vw, 178px);
  font-weight: var(--fw-b);
  color: var(--c-p-main);
  text-align: center;
  margin-top: 0.2em;
}

.career_circle .num .fs_md {
  font-size: 0.5em;
}

.career_circle .num .fs_s {
  font-size: 0.3em;
}

.career_circle .txt1 {
  /* font-family: var(--ff-yugo); */
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-sb);
  line-height: 1.68;
  text-align: center;
  padding: 1em 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.career_circle .circle_img {
  padding: clamp(0px, 6.43vw, 90px) 0 clamp(0px, 7.14vw, 100px);
}

.career_circle_btm {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(-230px, -16.43vw, 0px);
}

@media screen and (max-width: 767px) {
  #career {
    padding-bottom: 20vw;
  }

  .career_ttl {
    font-size: 5.5vw;
    margin-bottom: 7vw;
  }

  .career_ttl_icon {
    width: 10vw;
  }

  .career_circle {
    width: 100%;
  }

  .career_circle .circle {
    width: 100vw;
  }

  .career_circle .circle_01 {
    width: 200vw;
  }

  .circle_inner {
    width: 90vw;
  }

  .career_circle_top {
    flex-direction: column;
  }

  .career_circle .ttl {
    font-size: 4.4vw;
    margin-top: 5vw;
  }

  .circle_02 .ttl {
    margin-top: 3vw;
  }

  .career_circle .num {
    font-size: 31.2vw;
  }

  .career_circle .txt1 {
    font-size: 4vw;
    padding: 0.5em 0 0;
    text-align: left;
  }

  .career_circle .circle_img {
    padding: 9vw 0 10vw;
  }

  .career_circle_btm {
    margin-top: -25vw;
  }
}
/* ===============================================
    voice
=============================================== */
#voice {
  position: relative;
  padding-top: clamp(0px, 11.43vw, 160px);
}

#voice .container {
  position: relative;
  padding-bottom: clamp(0px, 17.86vw, 250px);
}

.voice_ill_center {
  width: clamp(0px, 4.14vw, 58px);
  margin: 0 auto clamp(0px, 5vw, 70px);
}

@media screen and (max-width: 767px) {
  #voice {
    padding-top: 20vw;
  }

  #voice .container {
    padding-bottom: 15vw;
  }

  .voice_ill_center {
    width: 7.3vw;
    margin: 0 auto 5vw;
  }
}

/* ===============================================
    modal
=============================================== */
.modal_txt_wrap {
    padding: clamp(0px, 8.57vw, 120px) clamp(0px, 4.29vw, 60px);
}

.modal_txt_wrap .point_ttl_en {
    margin-bottom: 0.8em;
}

.humanities_top .modal_cont .btn_more {
  margin-bottom: clamp(0px, 2.86vw, 40px);
}

@media screen and (max-width: 767px) {
    .modal_txt_wrap {
        padding: 4vw 0;
    }

    .humanities_top .modal_cont .btn_more {
      margin-bottom: clamp(0px, 2.67vw, 10px);
    }
}

.modal_cont.slide {
    overflow: visible;
}

.modal_cont img.width_s {
  width: 800px;
}

/* スライダー */
.slider_content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_content.ap {
    height: clamp(0px, 28.57vw, 400px);
}

.slide_item {
    width: 100%;
    height: 100%;
}

.slide_item .img_cont {
    width: 100%;
    height: 100%;
    max-height: calc(80vh - 30px);
    overflow: auto;
}

.slide_item .appeal_point {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(0px, 5vw, 70px);
    padding: 0 clamp(0px, 5vw, 70px);
}

.slide_item .appeal_point .img_area {
    width: clamp(0px, 16.43vw, 230px);
    aspect-ratio: 1 / 1;
    background-color: #c0d6ef;
    overflow: hidden;
    border-radius: 50%;
}

.slide_item .appeal_point .img_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide_item .appeal_point .txt_area {
    flex: 1;
    width: 100%;
}

.slide_item .appeal_point .txt_area .point_ttl_en {
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
    .slider_content.ap {
        height: auto;
        max-height: 80vh;
    }

    .slide_item .appeal_point {
        flex-direction: column;
        align-items: center;
        gap: 7vw;
        padding: 4vw 6vw;
    }

    .slide_item .appeal_point .img_area {
        width: 35vw;
    }

    .slide_item .appeal_point .txt_area .point_txt {
        text-align: center;
    }
}

/* 矢印 */
.slide_arrow{
    width:52px;
    height:52px;
    border-radius:50%;
    padding:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .2s;
    box-shadow:3px 5px 5px 3px rgba(0,0,0,0.2);
    z-index:2;
}

.slide_arrow.prev{
    left:-55px;
}

.slide_arrow.next{
    right:-55px;
}

.slide_arrow::before{
    content:"";
    width:12px;
    height:12px;
    border-top:2px solid #333;
}

.slide_arrow.prev::before{
    border-left:2px solid #333;
    transform:rotate(-45deg);
    margin-left: 3px;
}

.slide_arrow.next::before{
    border-right:2px solid #333;
    transform:rotate(45deg);
    margin-right: 3px;
}

.slider_content{
    overflow:visible;
}

@media screen and (max-width: 767px) {
    .slide_arrow{
        width: 12vw;
        height: 12vw;
    }

    .slide_arrow.prev{
        left: -8vw;
    }

    .slide_arrow.next{
        right: -8vw;
    }

    .slide_arrow::before{
        width: 3.5vw;
        height: 3.5vw;
    }

    .slide_arrow.prev::before{
        margin-left: 0.5vw;
    }

    .slide_arrow.next::before{
        margin-right: 0.5vw;
    }
}
/* ===============================================
    page 共通
=============================================== */
.page .p_mv_inner {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.page .p_mv_cont {
  position: absolute;
  bottom: 5.6vw;
  left: 18.75vw;
}
.page .p_page_ttl {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.page .p_page_ttl .txt_s {
  font-size: 1.25vw;
  font-weight: var(--fw-b);
  line-height: 1.3;
  letter-spacing: 0.05em;
  display: inline-block;
  background-color: #fff;
  padding: 0.35em 1.4em;
  border-radius: 100vh;
}
.page .p_page_ttl .txt {
  font-size: 1.97vw;
  font-weight: var(--fw-b);
  color: var(--c-white);
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding: 0.45em 2em;
  border-radius: 100vh;
}
.page .p_mv_txt .p_txt_wrap {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
}
.page .p_mv_txt .p_txt_em {
  font-family: var(--ff-mincho);
  font-size: 2.34vw;
  font-weight: var(--fw-b);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.page .p_mv_txt .p_txt_em::first-letter {
  font-size: 1.78em;
}
.page .p_mv_txt .p_txt {
  font-family: var(--ff-mincho);
  font-size: 1.3vw;
  font-weight: var(--fw-sb);
  line-height: 2;
  letter-spacing: 0.05em;
}
.page #p_lead .p_lead_inner {
  position: relative;
  z-index: 2;
}
.page .lead_ttl {
  font-size: clamp(0px, 2.64vw, 37px);
  font-weight: var(--fw-b);
  color: var(--c-p-yellow2);
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.page .lead_txt {
  font-weight: var(--fw-m);
  color: var(--c-white);
  text-align: center;
}
.page .pillars_list {
  width: clamp(0px, 71.43vw, 1000px);
  height: clamp(0px, 25vw, 350px);
  display: flex;
  margin: 0 auto;
}
.page .pillars_list > li {
  width: clamp(0px, 25vw, 350px);
  height: clamp(0px, 25vw, 350px);
  aspect-ratio: 1/1;
  background-color: var(--c-p-blue4);
  border-radius: 50%;
  position: relative;
  line-height: 1;
  padding-top: clamp(0px, 5.71vw, 80px);
  margin-right: clamp(-25px, -1.79vw, 0px);
}
.page .pillars_list > li:last-child {
  margin-right: 0;
}
.page .pillars_list .num {
  width: 100%;
  text-align: center;
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 10.71vw, 150px);
  font-weight: var(--fw-b);
  color: var(--c-white);
  position: absolute;
  top: clamp(0px, 1.79vw, 25px);
  left: 50%;
  transform: translateX(-50%);
}
.page .pillars_list > li > * {
  position: relative;
}
.page .pillars_list .ttl {
  font-size: clamp(0px, 1.79vw, 25px);
  font-weight: var(--fw-m);
  line-height: 1.4;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0.8em;
}
.page .pillars_list .ttl > span {
  min-height: 2.8em;
  display: inline-block;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page .pillars_list .txt {
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-m);
  line-height: 1.7;
  text-align: center;
}
.page .five_dots.mtb {
  padding: clamp(0px, 3.57vw, 50px) 0 clamp(0px, 7.86vw, 110px);
}
.page .p_cross_list .cross_ttl {
  width: clamp(0px, 21.43vw, 300px);
  margin: 0 auto clamp(0px, 1.43vw, 20px);
}
.page .p_cross_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, 2.86vw, 40px);
  margin-top: clamp(0px, 1.43vw, 20px);
}
.page .p_cross_list p {
  text-align: center;
}
.page .career_ttl_icon {
  margin: 0 auto;
}
.page.page_international .p_concept_list,
.page.page_media .p_concept_list {
  width: clamp(0px, 60.71vw, 850px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0px, 3.57vw, 50px);
  margin: clamp(0px, 3.57vw, 50px) auto 0;
}
.page.page_international .p_concept_list.item3,
.page.page_media .p_concept_list.item3 {
  gap: 0 clamp(0px, 3.57vw, 50px);
  margin-top: clamp(0px, 4.64vw, 65px);
}
.page.page_international .p_concept_list.item3 > li,
.page.page_media .p_concept_list.item3 > li {
  margin-top: clamp(-15px, -1.07vw, 0px);
}
.page.page_international .p_concept_list > li,
.page.page_media .p_concept_list > li {
  width: calc((100% - clamp(0px, 3.57vw, 50px)) / 2);
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: inherit;
}
.page.page_international .p_concept_list > li {
  background-color: var(--c-p-pink2);
}
.page.page_media .p_concept_list > li {
  background-color: var(--c-p-yellow3);
}
.page.page_international .p_concept_list .cont,
.page.page_media .p_concept_list .cont {
  width: 70%;
  aspect-ratio: 1/1;
  position: relative;
}
.page.page_international .p_concept_list .cont {
  padding-top: clamp(0px, 9.29vw, 130px);
}
.page.page_media .p_concept_list .cont {
  padding-top: clamp(0px, 6.43vw, 90px);
}
.page.page_international .p_concept_list .num,
.page.page_media .p_concept_list .num {
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 10.71vw, 150px);
  font-weight: var(--fw-b);
  color: var(--c-white);
  line-height: 1;
  text-align: center;
  position: absolute;
  top: clamp(0px, 0.71vw, 10px);
  left: 50%;
  transform: translateX(-50%);
}
.page.page_international .p_concept_list .num > span,
.page.page_media .p_concept_list .num > span {
  width: 100%;
  font-size: 0.15em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% - 0.5em);
}
.page.page_international .p_concept_list .ttl,
.page.page_media .p_concept_list .ttl {
  font-size: clamp(0px, 1.79vw, 25px);
  font-weight: var(--fw-m);
  line-height: 1.4;
  text-align: center;
  margin-bottom: clamp(0px, 2.14vw, 30px);
}
.page.page_international .p_concept_list .ttl,
.page.page_media .p_concept_list .ttl {
  position: relative;
  z-index: 2;
  margin-left: -2em;
  margin-right: -2em;
}
.page.page_international .p_concept_list .txt,
.page.page_media .p_concept_list .txt {
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-m);
  line-height: 1.65;
  text-align: center;
  position: relative;
  margin-left: -2em;
  margin-right: -2em;
}
.page .p_photo_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, 3.57vw, 50px);
  margin-top: clamp(0px, 1.43vw, 20px);
}
.page .p_photo_list figcaption {
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-m);
  line-height: 1.65;
  letter-spacing: normal;
  text-align: center;
  margin-top: 0.8em;
}
.page #p_career .ttl_en {
  font-family: var(--ff-mincho);
  font-weight: var(--fw-sb);
  font-size: clamp(0px, 2.14vw, 30px);
  line-height: 1.25;
  text-align: center;
  margin-bottom: clamp(0px, 0.71vw, 10px);
}
.page.page_society #p_career .ttl_en {
  color: var(--c-p-blue);
}
.page.page_region #p_career .ttl_en {
  color: var(--c-p-green);
}
.page.page_international #p_career .ttl_en {
  color: var(--c-p-pink);
}
.page.page_media #p_career .ttl_en {
  color: var(--c-p-yellow);
}
.page #p_career .ttl_en.mt {
  margin-top: clamp(0px, 2.86vw, 40px);
}
.page #p_career .txt_l {
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 1.79vw, 25px);
  font-weight: var(--fw-eb);
  line-height: 1.6;
  text-align: center;
  margin-bottom: 1em;
}
.page #p_career .txt {
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-m);
  line-height: 1.65;
  text-align: center;
}
.page .ls_normal {
  letter-spacing: normal;
}

@media screen and (max-width: 767px) {
  .page .p_mv_cont {
    height: 100%;
    position: relative;
    bottom: auto;
    left: auto;
  }
  .page .p_page_ttl {
    width: 85%;
    position: absolute;
    top: 21vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .page .p_mv_txt {
    width: 100%;
    height: 100%;
  }
  .page .p_page_ttl .txt_s {
    font-size: 3.5vw;
  }
  .page .p_page_ttl .txt {
    width: 84vw;
    text-align: center;
    font-size: 5.5vw;
  }
  .page .p_mv_txt .p_txt_wrap {
    width: 85%;
    position: absolute;
    top: 125vw;
    left: 50%;
    transform: translateX(-50%);
    gap: 3vw;
  }
  .page .p_mv_txt .p_txt_em {
    font-size: 5.5vw;
    margin-top: -3vw;
  }
  .page .p_mv_txt .p_txt {
    font-size: 4vw;
    line-height: 1.7;
    letter-spacing: 0.01em;
  }
  .page .lead_ttl {
    font-size: 5vw;
    line-height: 1.5;
    margin-bottom: 0.8em;
    letter-spacing: normal;
  }
  .page .lead_txt {
    text-align: left;
  }
  .page .pillars_list {
    width: 70vw;
    height: auto;
    display: block;
  }
  .page .pillars_list > li {
    width: 70vw;
    height: 70vw;
    display: block;
    padding-top: 12vw;
    margin-right: 0;
    margin-bottom: -8.5vw;
  }
  .page .pillars_list > li:last-child {
    margin-bottom: 0;
  }
  .page .pillars_list > li:nth-child(3) {
    padding-top: 14vw;
  }
  .page .pillars_list .num {
    font-size: 30vw;
    top: 2.5vw;
  }
  .page .pillars_list .ttl {
    font-size: 5.6vw;
  }
  .page .pillars_list .txt {
    font-size: 4vw;
    line-height: 1.65;
  }
  .page .five_dots.mtb {
    padding: 10vw 0;
  }
  .page .point_txt_em {
    line-height: 1.6;
  }
  .page .point_txt_em.sp_adj {
    letter-spacing: normal;
    margin-left: -1em;
    margin-right: -1em;
  }
  .page .p_cross_list {
    gap: 8vw;
    text-align: center;
    margin-top: 6vw;
  }
  .page .p_cross_list .cross_ttl {
    width: 57vw;
    margin-bottom: 3vw;
  }
  .page .p_cross_list p {
    text-align: left;
  }
  .page.page_international .p_concept_list, .page.page_media .p_concept_list {
    width: 70vw;
    gap: 5vw;
    margin: 4vw auto 0;
  }
  .page.page_international .p_concept_list.item3, .page.page_media .p_concept_list.item3 {
    margin-top: 4.5vw;
  }
  .page.page_international .p_concept_list.item3 > li, .page.page_media .p_concept_list.item3 > li {
    margin-top: 0;
  }
  .page.page_international .p_concept_list.item3 > li:not(:first-child), .page.page_media .p_concept_list.item3 > li:not(:first-child) {
    margin-top: -8.5vw;
  }
  .page.page_international .p_concept_list > li, .page.page_media .p_concept_list > li {
    width: 100%;
  }
  .page.page_international .p_concept_list .cont, .page.page_media .p_concept_list .cont {
    padding-top: 21vw;
  }
  .page.page_international .p_concept_list .cont.pt_s, .page.page_media .p_concept_list .cont.pt_s {
    padding-top: 17vw;
  }
  .page.page_international .p_concept_list .num, .page.page_media .p_concept_list .num {
    font-size: 26.2vw;
  }
  .page.page_international .p_concept_list .num {
    top: -1vw;
  }
  .page.page_international .p_concept_list .ttl, .page.page_media .p_concept_list .ttl {
    font-size: 4.9vw;
    line-height: 1.3;
    margin-bottom: 2vw;
  }
  .page.page_international .p_concept_list .ttl {
    font-size: 4.9vw;
  }
  .page.page_media .p_concept_list .ttl {
    font-size: 5.6vw;
  }
  .page.page_international .p_concept_list .txt, .page.page_media .p_concept_list .txt {
    font-size: 4vw;
    line-height: 1.5;
  }
  .page #p_career .txt_l {
    font-size: 4.5vw;
  }
  .page #p_career .ttl_en {
    font-size: 5.5vw;
    margin-bottom: 4vw;
  }
  .page #p_career .ttl_en.mt {
    margin-top: 9vw;
  }
  .page #p_career .txt {
    font-size: 4vw;
    text-align: left;
  }
  .page #p_career .career_ttl {
    margin-bottom: 5vw;
  }
  .page .p_photo_list {
    width: 71vw;
    grid-template-columns: 1fr;
    gap: 9vw;
    margin: 4vw auto 0;
  }
  .page .p_photo_list figcaption {
    font-size: 4vw;
    margin-top: 0.6em;
  }
}
/* ===============================================
    page_society 公共・現代社会領域
=============================================== */
.page_society .p_page_ttl .txt_s {
  color: var(--c-p-blue);
  border: 1px solid var(--c-p-blue);
}
.page_society .p_page_ttl .txt {
  background-color: var(--c-p-blue);
}
.page_society .p_mv_txt .p_txt_em::first-letter {
  color: var(--c-p-blue);
}
.page_society .main_bg {
  background-color: var(--c-p-blue);
  min-height: clamp(0px, 68.57vw, 960px);
  border-top-left-radius: clamp(0px, 68.57vw, 960px);
  border-top-right-radius: clamp(0px, 68.57vw, 960px);
  padding-top: clamp(0px, 15vw, 210px);
}
.page_society #p_lead::before {
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 2000/750;
  background-image: url("../img/humanities/society/society_004_lead_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}
.page_society #p_point {
  padding: clamp(0px, 15vw, 210px) 0 clamp(0px, 14.29vw, 200px);
}
.page_society .point_num {
  color: var(--c-p-blue);
}
.page_society .point_ttl_en {
  color: var(--c-p-blue);
}
.page_society .btn_more {
  background-color: var(--c-p-blue);
}
.page_society .btn_more:hover {
  background-color: var(--c-blue);
}
.page_society .btn_more::after {
  border-top-color: var(--c-p-blue);
  border-right-color: var(--c-p-blue);
}
.page_society .btn_more:hover::after {
  border-top-color: var(--c-blue);
  border-right-color: var(--c-blue);
}
.page_society .pillars_ttl {
  margin-bottom: clamp(0px, 3.57vw, 50px);
}
.page_society #p_career {
  background-color: var(--c-white);
  min-height: clamp(0px, 68.57vw, 960px);
  border-top-left-radius: clamp(0px, 68.57vw, 960px);
  border-top-right-radius: clamp(0px, 68.57vw, 960px);
  padding: clamp(0px, 11.43vw, 160px) 0 clamp(0px, 11.79vw, 165px);
}
.page_society .p_career_inner {
  width: clamp(0px, 80.71vw, 1130px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_society .p_career_img {
  margin-top: clamp(0px, 6.43vw, 90px);
  position: relative;
}
.page_society .p_career_list {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
}
.page_society .p_career_list > li {
  font-size: clamp(0px, 1.57vw, 22px);
  font-weight: var(--fw-m);
  line-height: 1.7;
  position: relative;
  padding-left: 1em;
}
.page_society .p_career_list > li::before {
  content: "●";
  width: 1em;
  height: 1em;
  line-height: 1.7;
  color: var(--c-p-blue);
  position: absolute;
  top: 0;
  left: 0;
}
.page_society .p_career_list.list_01 {
  top: clamp(0px, 25vw, 350px);
  left: clamp(0px, 5.71vw, 80px);
}
.page_society .p_career_list.list_02 {
  top: clamp(0px, 25vw, 350px);
  left: clamp(0px, 30vw, 420px);
}
.page_society .p_career_list.list_03 {
  top: clamp(0px, 48.93vw, 685px);
  left: clamp(0px, 20.71vw, 290px);
}
.page_society .p_career_list.list_04 {
  top: clamp(0px, 37.86vw, 530px);
  left: clamp(0px, 55.71vw, 780px);
}
.page_society #voice {
  background-color: var(--c-p-blue4);
  min-height: clamp(0px, 68.57vw, 960px);
  border-top-left-radius: clamp(0px, 68.57vw, 960px);
  border-top-right-radius: clamp(0px, 68.57vw, 960px);
}
.page_society .voice_list > li.voice_list_ttl {
  background-image: url("../img/humanities/society/society_016_voice_bg_ttl.svg");
}
.page_society .voice_list > li {
  background-image: url("../img/humanities/society/society_015_voice_bg_cont.svg");
}
.page_society #footer {
  background-color: var(--c-p-blue4);
  border-top-color: var(--c-white);
}
.page_society .footer_nav > li a {
  background-color: var(--c-p-blue);
}
.page_society .footer_nav > li a:hover {
  background-color: var(--c-blue);
}
.page_society .footer_btn {
  background-color: var(--c-white);
}

@media screen and (max-width: 767px) {
  .page_society .main_bg {
    min-height: 50vw;
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
    padding-top: 25vw;
  }
  .page_society #p_lead::before {
    aspect-ratio: 1000/390;
    background-image: url("../img/humanities/society/society_003_lead_bg_sp.png");
    top: -36.5vw;
  }
  .page_society #p_point {
    padding: 19vw 0 20vw;
  }
  .page_society #point_01 .point_ttl,
.page_society #point_02 .point_ttl,
.page_society #point_03 .point_ttl {
    font-size: 0.82em;
    letter-spacing: normal;
    margin-left: -1.2em;
    margin-right: -1.2em;
  }
  .page_society .pillars_ttl {
    margin-bottom: 6vw;
  }
  .page_society #p_career {
    min-height: 50vw;
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
    padding: 15vw 0 20vw;
  }
  .page_society #p_career .txt.sp_center {
    text-align: center;
  }
  .page_society .p_career_img {
    margin-top: 6vw;
  }
  .page_society .p_career_list > li {
    font-size: 3.3vw;
  }
  .page_society .p_career_inner {
    width: 100%;
  }
  .page_society .p_career_list.list_01 {
    top: 55.5vw;
    left: 12vw;
  }
  .page_society .p_career_list.list_02 {
    top: 51vw;
    left: 55vw;
  }
  .page_society .p_career_list.list_03 {
    top: 95vw;
    left: 38.5vw;
  }
  .page_society .p_career_list.list_04 {
    top: 160vw;
    left: 25vw;
  }
  .page_society #voice {
    min-height: 50vw;
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
  }
}
/* ===============================================
    page_region 地域共生領域
=============================================== */
.page_region .p_page_ttl .txt_s {
  color: var(--c-p-green);
  border: 1px solid var(--c-p-green);
}
.page_region .p_page_ttl .txt {
  background-color: var(--c-p-green);
}
.page_region .p_mv_txt .p_txt_em::first-letter {
  color: var(--c-p-green);
}
.page_region .main_bg {
  background-color: var(--c-p-green);
  border-top-left-radius: 33.33vw;
  padding-top: clamp(0px, 15vw, 210px);
}
.page_region #p_lead::before {
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 2000/750;
  background-image: url("../img/humanities/region/region_008_lead_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}
.page_region #p_point {
  padding: clamp(0px, 13.57vw, 190px) 0 clamp(0px, 14.29vw, 200px);
}
.page_region .point_num {
  color: var(--c-p-green);
}
.page_region .point_ttl_en {
  color: var(--c-p-green);
}
.page_region .btn_more {
  background-color: var(--c-p-green);
}
.page_region .btn_more:hover {
  background-color: var(--c-blue);
}
.page_region .btn_more::after {
  border-top-color: var(--c-p-green);
  border-right-color: var(--c-p-green);
}
.page_region .btn_more:hover::after {
  border-top-color: var(--c-blue);
  border-right-color: var(--c-blue);
}
.page_region .point_ttl_en {
  margin-bottom: clamp(0px, 1.79vw, 25px);
}
.page_region .p_concept_list {
  width: clamp(0px, 71.43vw, 1000px);
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 0.71vw, 10px);
  margin: clamp(0px, 2.14vw, 30px) auto 0;
}
.page_region .p_concept_list > li {
  min-height: clamp(0px, 17.86vw, 250px);
  background-color: var(--c-p-green3);
  padding: clamp(0px, 1.43vw, 20px);
  display: flex;
}
.page_region .p_concept_list .cont {
  width: clamp(0px, 43.57vw, 610px);
  padding-left: clamp(0px, 1.43vw, 20px);
  padding-right: clamp(0px, 1.43vw, 20px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page_region .p_concept_list .cont.sp_pdt_s {
  padding-top: 4vw;
}
.page_region .p_concept_list .img {
  width: clamp(0px, 26.43vw, 370px);
  align-self: center;
}
.page_region .point_txt.indent_10 {
  text-indent: -11em;
  padding-left: 11em;
}
.page_region .p_concept_list .num {
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 10.71vw, 150px);
  font-weight: var(--fw-b);
  color: #fff;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: clamp(-10px, -0.71vw, 0px);
  left: 50%;
  transform: translateX(-50%);
}
.page_region .p_concept_list .ttl, .page_region .p_concept_list .txt {
  position: relative;
  z-index: 2;
}
.page_region .p_concept_list .ttl {
  font-size: clamp(0px, 1.79vw, 25px);
  font-weight: var(--fw-m);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 1em;
}
.page_region .p_concept_list .txt {
  font-size: clamp(0px, 1.29vw, 18px);
  font-weight: var(--fw-m);
  line-height: 1.7;
  text-align: center;
}
.page_region #p_career {
  min-height: clamp(0px, 66.43vw, 930px);
  background-color: var(--c-white);
  padding-top: clamp(0px, 16.43vw, 230px);
  border-top-left-radius: 33.33vw;
  background-image: url("../img/humanities/region/region_002_career_img.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 49.48vw auto;
}
.page_region .p_career_inner {
  width: clamp(0px, 52.86vw, 740px);
  text-align: center;
}
.page_region #p_career .txt_l {
  font-family: var(--ff-mincho);
  font-size: clamp(0px, 1.79vw, 25px);
  font-weight: var(--fw-b);
  margin-bottom: 1em;
}
.page_region #p_career .txt {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 3.57vw, 50px);
}
.page_region #voice {
  background-color: var(--c-p-green3);
  border-top-left-radius: clamp(0px, 45.71vw, 640px);
}
.page_region .voice_list > li {
  background-image: url("../img/humanities/region/region_019_voice_bg_cont.svg");
  color: var(--c-black);
}
.page_region .voice_list > li.voice_list_ttl {
  color: var(--c-white);
  background-image: url("../img/humanities/region/region_020_voice_bg_ttl.svg");
}
.page_region #footer {
  background-color: var(--c-p-green3);
  border-top-color: var(--c-white);
}
.page_region .footer_nav > li a {
  background-color: var(--c-p-green);
}
.page_region .footer_nav > li a:hover {
  background-color: var(--c-blue);
}
.page_region .footer_btn {
  background-color: var(--c-white);
}

@media screen and (max-width: 767px) {
  .page_region .p_mv_txt .p_txt_wrap {
    width: 90%;
    top: 129vw;
  }
  .page_region .p_mv_txt .p_txt_em {
    letter-spacing: normal;
    margin-right: -2em;
  }
  .page_region .p_mv_txt .p_txt {
    font-size: 3.5vw;
    letter-spacing: 0.08em;
  }
  .page_region .main_bg {
    border-top-left-radius: 33vw;
    padding-top: 25vw;
  }
  .page_region .p_page_ttl {
    top: 20vw;
  }
  .page_region #p_lead::before {
    aspect-ratio: 1000/390;
    background-image: url("../img/humanities/region/region_007_lead_bg_sp.png");
    top: -36vw;
  }
  .page_region #p_point {
    padding: 18vw 0 20vw;
  }
  .page_region .point_ttl_en {
    margin-bottom: 3vw;
  }
  .page_region .p_concept_list {
    width: 76vw;
    gap: 2vw;
    margin-top: 4vw;
  }
  .page_region .p_concept_list > li {
    min-height: auto;
    padding: 3vw;
    flex-direction: column;
    gap: 4vw;
  }
  .page_region .p_concept_list .cont {
    width: 100%;
    height: auto;
    flex: 1;
    padding: 10vw 0 0 0;
  }
  .page_region .p_concept_list .img {
    width: 100%;
  }
  .page_region .point_txt.indent_10 {
    text-indent: 0;
    padding-left: 0;
  }
  .page_region .p_concept_list .num {
    font-size: 30vw;
    top: -3vw;
  }
  .page_region .p_concept_list .ttl {
    font-size: 5.2vw;
    margin-bottom: 0.5em;
  }
  .page_region .p_concept_list .txt {
    width: 98%;
    font-size: 3.8vw;
    line-height: 1.6;
    text-align: left;
    margin: 0 auto;
  }
  .page_region #p_career {
    min-height: 80vw;
    padding: 20vw 0;
    border-top-left-radius: 33vw;
    background-size: 57vw auto;
    background-image: url("../img/humanities/region/region_001_career_img_sp.png");
  }
  .page_region .p_career_inner {
    width: 94%;
    margin: 0 auto;
  }
  .page_region #p_career .txt_l {
    font-size: 4.5vw;
  }
  .page_region #p_career .txt {
    text-align: left;
    gap: 5vw;
  }
  .page_region #p_career .txt .sp_center {
    display: block;
    text-align: center;
  }
  .page_region .career_ttl_icon {
    width: 8vw;
  }
  .page_region #voice {
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
  }
}
/* ===============================================
    page_international 国際文化領域
=============================================== */
.page_international .p_page_ttl .txt_s {
  color: var(--c-p-pink);
  border: 1px solid var(--c-p-pink);
}
.page_international .p_page_ttl .txt {
  background-color: var(--c-p-pink);
}
.page_international .p_mv_txt .p_txt_em::first-letter {
  color: var(--c-p-pink);
}
.page_international .main_bg {
  background-color: transparent;
  position: relative;
}
.page_international .main_bg::before {
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 2000/750;
  background-image: url("../img/humanities/international/international_003_lead_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.page_international .main_bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--c-p-pink);
  position: absolute;
  top: 25vw;
  left: 0;
  pointer-events: none;
}
.page_international #p_lead {
  padding-top: clamp(0px, 22.5vw, 315px);
}
.page_international #p_lead::before, .page_international #p_lead::after {
  content: "";
  width: 56.46vw;
  height: 56.46vw;
  border-radius: 50%;
  background-color: var(--c-p-pink);
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  clip-path: inset(0 0 50% 0);
}
.page_international #p_lead::before {
  left: 0;
}
.page_international #p_lead::after {
  right: 0;
}
.page_international .p_lead_inner {
  position: relative;
  z-index: 2;
}
.page_international #p_point {
  padding: clamp(0px, 5vw, 70px) 0 clamp(0px, 17.86vw, 250px);
  z-index: 2;
}
.page_international .point_num {
  color: var(--c-p-pink);
}
.page_international .point_ttl_en {
  color: var(--c-p-pink);
}
.page_international .btn_more {
  background-color: var(--c-p-pink);
}
.page_international .btn_more:hover {
  background-color: var(--c-blue);
}
.page_international .btn_more::after {
  border-top-color: var(--c-p-pink);
  border-right-color: var(--c-p-pink);
}
.page_international .btn_more:hover::after {
  border-top-color: var(--c-blue);
  border-right-color: var(--c-blue);
}
.page_international .point_txt_em {
  font-weight: var(--fw-b);
  text-align: center;
  margin-bottom: 0.6em;
}
.page_international #p_career {
  position: relative;
  z-index: 2;
  padding: clamp(0px, 15.36vw, 215px) 0 clamp(0px, 20vw, 280px);
  overflow: hidden;
}
.page_international #p_career::before, .page_international #p_career::after {
  content: "";
  width: 56.46vw;
  height: 56.46vw;
  border-radius: 50%;
  background-color: var(--c-white);
  position: absolute;
  top: 0;
  z-index: -1;
  clip-path: inset(0 0 50% 0);
  pointer-events: none;
}
.page_international #p_career::before {
  left: 0;
}
.page_international #p_career::after {
  right: 0;
}
.page_international .p_career_inner {
  width: clamp(0px, 32vw, 410px);
  text-align: center;
}
.page_international .p_career_bg {
  width: 100%;
  height: 100%;
  background-color: var(--c-white);
  position: absolute;
  top: 25vw;
  left: 0;
  pointer-events: none;
}
.page_international #p_career .container {
  position: relative;
  z-index: 2;
}
.page_international .p_career_img {
  width: clamp(0px, 55vw, 950px);
  position: absolute;
  top: 50%;
  left: clamp(0px, 38vw, 530px);
  transform: translateY(-50%);
}
.page_international #voice {
  z-index: 2;
  padding-top: 17.7vw;
}
.page_international #voice::before, .page_international #voice::after {
  content: "";
  width: 56.46vw;
  height: 56.46vw;
  border-radius: 50%;
  background-color: var(--c-p-pink2);
  position: absolute;
  top: 0;
  z-index: -1;
  clip-path: inset(0 0 50% 0);
  pointer-events: none;
}
.page_international #voice::before {
  left: 0;
}
.page_international #voice::after {
  right: 0;
}
.page_international #voice .container {
  position: relative;
  z-index: 2;
}
.page_international .p_voice_bg {
  width: 100%;
  height: calc(100% - 25vw);
  background-color: var(--c-p-pink2);
  position: absolute;
  top: 25vw;
  left: 0;
}
.page_international .voice_list > li {
  background-image: url("../img/humanities/international/international_018_voice_bg_cont.svg");
  color: var(--c-black);
}
.page_international .voice_list > li.voice_list_ttl {
  color: var(--c-white);
  background-image: url("../img/humanities/international/international_019_voice_bg_ttl.svg");
}
.page_international #footer {
  background-color: var(--c-p-pink2);
  border-top-color: var(--c-white);
}
.page_international .footer_nav > li a {
  background-color: var(--c-p-pink);
}
.page_international .footer_nav > li a:hover {
  background-color: var(--c-blue);
}
.page_international .footer_btn {
  background-color: var(--c-white);
}

@media screen and (max-width: 767px) {
  .page_international .p_mv_txt .p_txt_wrap {
    top: 128vw;
  }
  .page_international .p_mv_txt .p_txt_em {
    letter-spacing: 0.05em;
  }
  .page_international .p_mv_txt .p_txt {
    font-size: 3.5vw;
  }
  .page_international .main_bg::before {
    aspect-ratio: 1000/390;
    background-image: url("../img/humanities/international/international_002_lead_bg_sp.png");
    top: -9.5vw;
  }
  .page_international #p_lead {
    padding-top: 30vw;
  }
  .page_international #p_lead::before, .page_international #p_lead::after {
    width: 56.4vw;
    height: 56.4vw;
  }
  .page_international #p_point {
    padding: 20vw 0;
  }
  .page_international #point_04 .point_txt.sp_adj {
    margin-right: -1em;
  }
  .page_international #p_career {
    padding: 20vw 0;
  }
  .page_international #p_career::before, .page_international #p_career::after {
    width: 56.4vw;
    height: 56.4vw;
  }
  .page_international .p_career_inner {
    width: 100%;
  }
  .page_international .p_career_img {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 7.5vw;
  }
  .page_international .career_ttl_icon {
    width: 8vw;
  }
  .page_international #voice {
    padding-top: 25vw;
  }
  .page_international #voice::before, .page_international #voice::after {
    width: 56.4vw;
    height: 56.4vw;
  }
}
/* ===============================================
    page_media メディア文化領域
=============================================== */
.page_media .p_page_ttl .txt_s {
  color: var(--c-p-yellow);
  border: 1px solid var(--c-p-yellow);
}
.page_media .p_page_ttl .txt {
  background-color: var(--c-p-yellow);
}
.page_media .p_mv_txt .p_txt_em::first-letter {
  color: var(--c-p-yellow);
}
.page_media .main_bg {
  background-color: transparent;
  position: relative;
  padding-top: clamp(0px, 15.36vw, 215px);
}
.page_media .main_bg::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1920/500;
  background-image: url("../img/humanities/media/media_003_bg_curve_yellow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.page_media .main_bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--c-p-yellow);
  position: absolute;
  top: 25vw;
  left: 0;
  pointer-events: none;
}
.page_media .main_bg_inner {
  position: relative;
  z-index: 2;
}
.page_media #p_lead {
  position: relative;
}
.page_media #p_lead::before {
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 2000/750;
  background-image: url("../img/humanities/media/media_006_lead_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  top: clamp(-70px, -5vw, 0px);
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.page_media .point_menu {
  width: clamp(0px, 85.71vw, 1200px);
}
.page_media #p_point {
  padding: clamp(0px, 14.29vw, 200px) 0 clamp(0px, 9.29vw, 130px);
}
.page_media .point_num {
  color: var(--c-p-yellow);
}
.page_media .point_ttl_en {
  color: var(--c-p-yellow);
}
.page_media .btn_more {
  background-color: var(--c-p-yellow);
}
.page_media .btn_more:hover {
  background-color: var(--c-blue);
}
.page_media .btn_more::after {
  border-top-color: var(--c-p-yellow);
  border-right-color: var(--c-p-yellow);
}
.page_media .btn_more:hover::after {
  border-top-color: var(--c-blue);
  border-right-color: var(--c-blue);
}
.page_media .p_concept_list > li {
  background-color: var(--c-p-yellow3);
}
.page_media .p_concept_list .cont {
  padding-top: clamp(0px, 6.79vw, 95px);
}
.page_media .p_concept_list .cont.pdt_s {
  padding-top: clamp(0px, 3.57vw, 50px);
}
.page_media .p_concept_list .ttl {
  margin-bottom: clamp(0px, 1.43vw, 20px);
}
.page_media .point_txt_em {
  margin: clamp(0px, 1.79vw, 25px) 0;
  text-align: center;
}
.page_media .p_concept_list .txt {
  letter-spacing: normal;
}
.page_media #p_career {
  position: relative;
  padding: clamp(0px, 19.64vw, 275px) 0 clamp(0px, 12.14vw, 170px);
}
.page_media #p_career::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1920/500;
  background-image: url("../img/humanities/media/media_002_bg_curve_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.page_media #p_career::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--c-white);
  position: absolute;
  top: 25vw;
  left: 0;
  pointer-events: none;
}
.page_media #p_career .container {
  position: relative;
  z-index: 2;
}
.page_media .p_career_inner {
  width: clamp(0px, 42.14vw, 590px);
  text-align: center;
}
.page_media .p_career_img {
  width: clamp(0px, 41.43vw, 580px);
  position: absolute;
  top: 50%;
  left: clamp(0px, 51.43vw, 720px);
  transform: translateY(-50%);
  margin-top: clamp(0px, 2.14vw, 30px);
}
.page_media #voice {
  position: relative;
  padding-top: clamp(0px, 15.71vw, 220px);
}
.page_media #voice::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1920/500;
  background-image: url("../img/humanities/media/media_001_bg_curve_light_yellow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.page_media #voice::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--c-p-yellow3);
  position: absolute;
  top: 25vw;
  left: 0;
  pointer-events: none;
}
.page_media #voice .container {
  position: relative;
  z-index: 2;
}
.page_media .voice_list > li {
  background-image: url("../img/humanities/media/media_023_voice_bg_cont.svg");
  color: var(--c-black);
}
.page_media .voice_list > li.voice_list_ttl {
  color: var(--c-white);
  background-image: url("../img/humanities/media/media_024_voice_bg_ttl.svg");
}
.page_media #footer {
  background-color: var(--c-p-yellow3);
  border-top-color: var(--c-white);
}
.page_media .footer_nav > li a {
  background-color: var(--c-p-yellow);
}
.page_media .footer_nav > li a:hover {
  background-color: var(--c-blue);
}
.page_media .footer_btn {
  background-color: var(--c-white);
}
.page_media .five_dots.mtb {
  padding: clamp(0px, 3.57vw, 50px) 0;
}
@media screen and (max-width: 767px) {
  .page_media .p_mv_txt .p_txt_wrap {
    top: 128vw;
  }
  .page_media .p_page_ttl {
    top: 20.6vw;
  }
  .page_media .p_mv_txt .p_txt {
    font-size: 3.5vw;
  }
  .page_media .main_bg {
    padding-top: 25vw;
  }
  .page_media #p_lead::before {
    aspect-ratio: 1000/390;
    background-image: url("../img/humanities/media/media_005_lead_bg_sp.png");
    top: -36vw;
  }
  .page_media .point_menu {
    width: 100%;
  }
  .page_media #p_point {
    padding: clamp(0px, 13.57vw, 190px) 0;
  }
  .page_media .p_concept_list .cont {
    padding-top: 12vw;
  }
  .page_media .p_concept_list .cont.sp_pdt_l {
    padding-top: 13vw;
  }
  .page_media .p_concept_list .cont.pdt_s {
    padding-top: 3vw;
  }
  .page_media .p_concept_list .cont.sp_pdt_s {
    padding-top: 10vw;
  }
  .page_media .p_concept_list .ttl {
    font-size: 5.6vw;
    margin-bottom: 3vw;
  }
  .page_media .p_concept_list .ttl.sp_mb_l {
    margin-bottom: 8vw;
  }
  .page_media .p_concept_list .ttl.sp_mb_md {
    margin-bottom: 5.5vw;
  }
  .page_media .p_concept_list .num {
    font-size: 30vw;
  }
  .page_media .p_concept_list .num.sp_top_s {
    top: -2vw;
  }
  .page_media .p_concept_list .num > span {
    font-size: 0.12em;
    bottom: calc(100% - 0.8em);
  }
  .page_media .point_txt_em {
    margin: 4vw 0;
  }
  .page_media #p_career {
    padding: 24vw 0 20vw;
  }
  .page_media .p_career_inner {
    width: 100%;
  }
  .page_media .point_ttl.sp_adj {
    letter-spacing: normal;
    transform: translateX(0.4em);
  }
  .page_media #point_03 .point_txt_em.sp_adj {
    transform: translateX(1.5vw);
  }
  .page_media .p_career_img {
    width: 98%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 7vw auto 0;
  }
  .page_media #voice {
    position: relative;
    padding-top: clamp(0px, 15.71vw, 220px);
  }
  .page_media #voice::before {
    content: "";
    width: 100%;
    height: auto;
    aspect-ratio: 1920/500;
    background-image: url("../img/humanities/media/media_001_bg_curve_light_yellow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  .page_media #voice::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--c-p-yellow3);
    position: absolute;
    top: 25vw;
    left: 0;
    pointer-events: none;
  }
  .page_media #voice .container {
    position: relative;
    z-index: 2;
  }
  .page_media .voice_list > li {
    background-image: url("../img/humanities/media/media_023_voice_bg_cont.svg");
    color: var(--c-black);
  }
  .page_media .voice_list > li.voice_list_ttl {
    color: var(--c-white);
    background-image: url("../img/humanities/media/media_024_voice_bg_ttl.svg");
  }
  .page_media #footer {
    background-color: var(--c-p-yellow3);
    border-top-color: var(--c-white);
  }
  .page_media .footer_nav > li a {
    background-color: var(--c-p-yellow);
  }
  .page_media .footer_nav > li a:hover {
    background-color: var(--c-blue);
  }
  .page_media .footer_btn {
    background-color: var(--c-white);
  }
  .page_media .five_dots.mtb {
    padding: 9vw 0 8vw;
  }
}