@charset "UTF-8";
/*============================
function
============================*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*============================
hover
============================*/
/*color*/
@media screen and (max-width: 767.9px) {
  body {
    -webkit-font-smoothing: antialiased;
  }
  body .ot-sdk-show-settings {
    display: none;
  }
  body #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
  }
  body #contents {
    position: relative;
    background-color: #FBFBFB;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #op {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: calc(100svh - 15.7333333333vw);
    top: 15.7333333333vw;
    z-index: 9998;
    opacity: 1;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #op.on {
    opacity: 1;
  }
  body #contents #op.off {
    opacity: 0;
    pointer-events: none;
  }
  body #contents #op .bg {
    position: relative;
    width: 100%;
    height: calc(100svh - 15.7333333333vw);
    opacity: 1;
  }
  body #contents #op .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #op .ttl {
    position: absolute;
    width: 100%;
    height: calc(100svh - 15.7333333333vw);
    top: 0;
    left: 0;
    opacity: 0;
  }
  body #contents #op .ttl img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents .header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  body #contents .header .header_block .nav_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    background-color: #FFFFFF;
    padding: 3.4666666667vw 4.2666666667vw 1.8666666667vw;
  }
  body #contents .header .header_block .nav_head .logo {
    position: relative;
    width: 33.6vw;
  }
  body #contents .header .header_block .nav_head .menu_btn {
    position: relative;
    top: 0vw;
    left: 0.8vw;
    width: 7.2vw;
    height: 8.8vw;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn .bar {
    position: relative;
    display: block;
    width: 7.2vw;
    height: 0.5333333333vw;
    background-color: #002A77;
    margin-bottom: 1.0666666667vw;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_top {
    transform: translate(0%, 1.8666666667vw) rotate(35deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_middle {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_bottom {
    transform: translate(0%, -1.3333333333vw) rotate(145deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on p {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn p {
    position: relative;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    margin-top: 1.8666666667vw;
    color: #002A77;
    font-weight: 400;
    font-size: 2.4vw;
    letter-spacing: 0.025em;
    line-height: 1.2222222222em;
  }
  body #contents .header .header_block .menu {
    position: absolute;
    align-items: center;
    width: 100%;
    height: 100svh;
    top: -2.1333333333vw;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    z-index: -9;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none;
  }
  body #contents .header .header_block .menu.on {
    pointer-events: all;
    z-index: 9;
    opacity: 1;
  }
  body #contents .header .header_block .menu.on .menu_bg {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
  }
  body #contents .header .header_block .menu.on .menu_content {
    transition-delay: 0.3s;
    opacity: 1;
  }
  body #contents .header .header_block .menu .menu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102svh;
    background-color: #F2FDFF;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .menu .menu_ttl {
    position: relative;
    padding-top: 26.6666666667vw;
    margin-bottom: 8vw;
    left: 0vw;
    width: 46.1333333333vw;
    background-color: #F2FDFF;
  }
  body #contents .header .header_block .menu .menu_content {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow: hidden;
    z-index: 2;
    display: block;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    opacity: 0;
  }
  body #contents .header .header_block .menu .menu_content .nav {
    position: relative;
    height: calc(100svh - 38.6666666667vw);
    left: 8vw;
  }
  body #contents .header .header_block .menu .menu_content .nav .simplebar-content {
    background-color: #F2FDFF;
    padding-bottom: 16vw !important;
  }
  body #contents .header .header_block .menu .menu_content .nav ul {
    position: relative;
    width: 87.4666666667vw;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li {
    position: relative;
    margin-bottom: 2.4vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li.pc_view {
    display: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(1) {
    margin-bottom: 0.8vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) {
    margin-bottom: 0vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link {
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.4285714286em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) {
    margin-bottom: 0vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link {
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.4285714286em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) {
    margin-bottom: 0vw;
    left: 0vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link {
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.4285714286em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) {
    margin-bottom: -1.0666666667vw;
    left: 1.3333333333vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link {
    font-weight: 400;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: 1.5384615385em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link small {
    left: -0.2666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) {
    margin-bottom: -1.0666666667vw;
    left: 1.3333333333vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link {
    font-weight: 400;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: 1.5384615385em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link small {
    left: -0.2666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) {
    left: 1.3333333333vw;
    margin-bottom: 1.6vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link {
    font-weight: 400;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: 1.5384615385em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link small {
    left: -0.2666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(8) {
    margin-bottom: 1.0666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) {
    margin-bottom: -0.8vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) {
    margin-bottom: -2.4vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link {
    font-weight: 500;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) {
    margin-bottom: -2.6666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link {
    font-weight: 500;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) {
    margin-bottom: -2.4vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link {
    font-weight: 500;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) {
    margin-bottom: -2.6666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link {
    font-weight: 500;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) {
    margin-bottom: 1.6vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link {
    font-weight: 500;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(15) {
    margin-bottom: 1.8666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(16) {
    margin-bottom: 1.0666666667vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(17) {
    margin-bottom: 1.6vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(19) {
    margin-bottom: 1.3333333333vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(21) {
    margin-bottom: 0vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link {
    position: relative;
    display: inline-block;
    color: #002A77;
    white-space: nowrap;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.3571428571em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link::after {
    content: "";
    position: absolute;
    width: 1.6vw;
    height: 3.2vw;
    top: 0.8vw;
    right: -3.4666666667vw;
    background: url(/kokusaisho/assets/img/arw.svg) top center/100% 100% no-repeat;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link small {
    position: relative;
    top: -1.6vw;
    vertical-align: top;
    font-weight: 400;
    font-size: 1.8666666667vw;
    letter-spacing: 0em;
    line-height: 2.7142857143em;
  }
  body #contents #main_content {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.64, 0, 0.78, 0);
    overflow: hidden;
    background-color: #FBFBFB;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .decoration {
    pointer-events: none;
  }
  body #contents #main_content section {
    position: relative;
    z-index: 2;
  }
  body #contents #main_content .acordion {
    position: relative;
  }
  body #contents #main_content .acordion .acordion_btn {
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10;
    position: absolute;
    width: 34.6666666667vw;
    left: 50%;
    padding: 3.2vw 0;
    transform: translateX(-50%);
    bottom: 4.5333333333vw;
    border: solid 1px #000000;
    border-radius: 8vw;
  }
  body #contents #main_content .acordion .acordion_btn:hover {
    opacity: 0.8;
  }
  body #contents #main_content .acordion .acordion_btn.open .btn_area .btn img {
    transform: rotate(180deg);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn {
    position: absolute;
    width: 5.8666666667vw;
    left: 1.3333333333vw;
    line-height: 0;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn img {
    transform-origin: center;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area p {
    position: relative;
    width: 18.6666666667vw;
    color: #000000;
    top: -0.2666666667vw;
    white-space: nowrap;
    margin-left: 10.9333333333vw;
    text-align: center;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 0.3571428571em;
  }
  body #contents #main_content .tf h2 {
    margin: 0;
    line-height: 0;
    transition: all 0.6s cubic-bezier(0.75, 0, 0.85, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  body #contents #main_content .tf h2.on {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  body #contents #main_content #fv .content {
    padding: 15.7333333333vw 0 0;
  }
  body #contents #main_content #fv .content .fv_img {
    position: relative;
    width: 100%;
    margin: 0;
  }
  body #contents #main_content #fv .content .note {
    position: relative;
    margin: 0vw auto 0;
    top: 0.8vw;
  }
  body #contents #main_content #fv .content .note p {
    text-align: right;
    color: #002A77;
    font-weight: 400;
    font-size: 2.1333333333vw;
    letter-spacing: 0em;
    line-height: 0.75em;
  }
  body #contents #main_content #about {
    position: relative;
    width: 100%;
  }
  body #contents #main_content #about .content {
    position: relative;
    width: 100%;
    height: 174.6666666667vw;
    padding: 9.8666666667vw 0vw 2.4vw;
  }
  body #contents #main_content #about .content h3 {
    position: absolute;
    top: 51%;
    left: 50.6%;
    width: 75.2vw;
    transform: translate(-50%, -50%);
  }
  body #contents #main_content #about .content .sp_img_block .img {
    position: absolute;
    z-index: 2;
    transition: all 1s cubic-bezier(0.45, 0, 0.55, 1);
  }
  body #contents #main_content #about .content .sp_img_block .img img {
    opacity: 0;
    filter: blur(2.6666666667vw);
    transition: all 0.7s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content #about .content .sp_img_block .img.r {
    transform: translate(-4vw, 4vw);
  }
  body #contents #main_content #about .content .sp_img_block .img.l {
    transform: translate(4vw, -4vw);
  }
  body #contents #main_content #about .content .sp_img_block .img.on_r {
    transform: translate(0vw, 0vw);
  }
  body #contents #main_content #about .content .sp_img_block .img.on_r img {
    filter: blur(0vw);
    opacity: 1;
  }
  body #contents #main_content #about .content .sp_img_block .img.on_l {
    opacity: 1;
    transform: translate(0vw, 0vw);
  }
  body #contents #main_content #about .content .sp_img_block .img.on_l img {
    filter: blur(0vw);
    opacity: 1;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(1) {
    width: 53.8666666667vw;
    top: 6%;
    left: 36%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(2) {
    width: 47.7333333333vw;
    top: 9%;
    left: -7%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(3) {
    width: 62.6666666667vw;
    top: 21%;
    right: -6%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(4) {
    width: 15.4666666667vw;
    top: 42%;
    right: -1%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(5) {
    width: 15.4666666667vw;
    top: 50%;
    left: -3%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(6) {
    width: 32.8vw;
    top: 61%;
    right: 0%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(7) {
    width: 69.3333333333vw;
    top: 66%;
    left: -3%;
  }
  body #contents #main_content #about .content .sp_img_block .img:nth-child(8) {
    width: 60.2666666667vw;
    top: 80%;
    left: 12%;
  }
  body #contents #main_content .gradation_a {
    overflow: hidden;
    padding-bottom: 12.2666666667vw;
  }
  body #contents #main_content .gradation_a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_a_sp.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_a .decoration {
    position: relative;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_a .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(1) {
    width: 127.2vw;
    top: -52.2666666667vw;
    left: 29.3333333333vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(2) {
    width: 211.2vw;
    top: 96.5333333333vw;
    left: -103.4666666667vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(3) {
    width: 127.2vw;
    top: 196.5333333333vw;
    left: 30.1333333333vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(4) {
    width: 137.0666666667vw;
    top: 446.4vw;
    left: -49.8666666667vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(5) {
    width: 127.2vw;
    top: 670.4vw;
    left: 14.9333333333vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(6) {
    width: 137.0666666667vw;
    top: 941.3333333333vw;
    left: -60.8vw;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(7) {
    width: 127.2vw;
    top: 1196.2666666667vw;
    left: 23.7333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
    padding: 0.5333333333vw 0vw 9.0666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area {
    position: relative;
    width: 74.9333333333vw;
    padding-top: 10.6666666667vw;
    margin: 0 auto 9.8666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area h2 {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl {
    position: absolute;
    transform: translate(-53%, -25%);
    top: 50%;
    left: 50%;
    width: 50.9333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto 1.8666666667vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl {
    position: relative;
    padding: 1.8666666667vw 0 2.6666666667vw;
    width: 100%;
    background-color: #51C3FF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p {
    position: relative;
    left: 0.2666666667vw;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 3.7333333333vw;
    letter-spacing: 0.05em;
    line-height: 0.8571428571em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p strong {
    position: relative;
    margin-right: 0vw;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 4vw;
    letter-spacing: 0.05em;
    line-height: 0.8em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block {
    position: relative;
    width: 85.3333333333vw;
    left: 1.0666666667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 6.4vw 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.s_txt_block {
    top: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.sy_txt_block {
    top: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt.s_txt {
    margin-bottom: 3.2vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.05em;
    line-height: 0.7857142857em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p small {
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 0.5em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .img {
    position: relative;
    line-height: 0;
    width: 23.4666666667vw;
    margin-right: 4vw;
    margin-left: 5.0666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .arw {
    position: relative;
    width: 11.2vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block {
    position: relative;
    width: 85.3333333333vw;
    margin: 1.8666666667vw auto 0;
    padding-bottom: 1.8666666667vw;
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .evolution {
    position: absolute;
    width: 21.3333333333vw;
    top: -7.4666666667vw;
    left: -1.7333333333vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl {
    position: relative;
    width: 100%;
    padding: 2.6666666667vw 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p {
    position: relative;
    left: 5.0666666667vw;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 4.2666666667vw;
    letter-spacing: 0.05em;
    line-height: 1.25em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p strong {
    position: relative;
    margin-right: 0vw;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 5.0666666667vw;
    letter-spacing: 0.05em;
    line-height: 1em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block {
    position: relative;
    width: 82.1333333333vw;
    padding: 8.5333333333vw 0 7.4666666667vw;
    margin: 0 auto;
    display: block;
    background-image: linear-gradient(#ffffff, #ffffff 85%, rgba(255, 255, 255, 0.8509803922));
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block {
    position: relative;
    width: 69.3333333333vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 69.6vw;
    margin: 0 auto 5.0666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl_block .ttl {
    padding: 0vw;
    margin-bottom: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl_block .ttl p {
    top: -1.3333333333vw;
    left: 1.0666666667vw;
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 4.2666666667vw;
    letter-spacing: 0.05em;
    line-height: 1.3125em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl_block .ttl p small {
    position: relative;
    top: -2.1333333333vw;
    vertical-align: top;
    font-weight: 400;
    font-size: 1.8666666667vw;
    letter-spacing: 0em;
    line-height: 3em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin: 0 0 2.6666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt:nth-child(2)::before {
    background-color: #9FEAFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt:nth-child(3)::before {
    background-color: #FFD2EF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin-left: 0vw;
    margin-right: 1.6vw;
    width: 0.8vw;
    height: 4.8vw;
    background-color: #B5F0DE;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt p {
    position: relative;
    margin: 0;
    left: 1.0666666667vw;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 0em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .txt_area .txt p small {
    position: relative;
    top: -1.6vw;
    vertical-align: top;
    font-weight: 400;
    font-size: 1.8666666667vw;
    letter-spacing: 0em;
    line-height: 0em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .ttl {
    margin-bottom: 4.2666666667vw;
    padding: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .ttl p {
    left: 0vw;
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 2.6666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(2)::before {
    background-color: #9FEAFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(3)::before {
    background-color: #FFD2EF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin-left: 0.8vw;
    margin-right: 2.4vw;
    width: 1.3333333333vw;
    height: 5.3333333333vw;
    background-color: #B5F0DE;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p {
    position: relative;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-size: 4.8vw;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p small {
    vertical-align: top;
    font-weight: 400;
    font-size: 2.4vw;
    letter-spacing: 0em;
    line-height: 2.6666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .img {
    position: relative;
    width: 48vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .decoration {
    position: absolute;
    z-index: 3;
    width: 10.6666666667vw;
    top: 86.4vw;
    left: 43%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion {
    position: relative;
    width: 82.1333333333vw;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading {
    padding: 10.1333333333vw 0vw 15.2vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block {
    position: relative;
    width: 70.9333333333vw;
    margin: 0 auto;
    display: block;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block {
    width: 70.9333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block.small {
    margin-bottom: 3.7333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl {
    position: relative;
    margin-bottom: 4.2666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_img {
    position: relative;
    width: 48vw;
    margin: 0 auto 4vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 34.6666666667vw;
    left: 50%;
    padding: 3.2vw 0;
    transform: translateX(-50%);
    bottom: 4.5333333333vw;
    border: solid 1px #000000;
    border-radius: 8vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 5.8666666667vw;
    left: 1.3333333333vw;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 18.6666666667vw;
    color: #000000;
    white-space: nowrap;
    margin-left: 10.9333333333vw;
    text-align: center;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 0.3571428571em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer {
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    width: 82.1333333333vw;
    margin: 0 auto;
    margin-top: -3.2vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl {
    padding: 0;
    margin: 0vw auto 5.3333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p {
    position: relative;
    left: 0vw;
    color: #DAA5FF;
    text-align: center;
    font-weight: 500;
    font-size: 5.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.4em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p strong {
    top: 1.6vw;
    color: #DAA5FF;
    font-weight: 600;
    font-size: 4.8vw;
    letter-spacing: 0.05em;
    line-height: 1.5555555556em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block {
    position: relative;
    width: 68vw;
    margin: 0 auto 5.6vw;
    display: block;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block:last-child {
    margin: 0 auto 17.6vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block {
    position: relative;
    margin: 0 auto;
    width: 68vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 5.8666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .num {
    position: relative;
    width: 11.7333333333vw;
    margin: 0 auto 1.0666666667vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt p {
    white-space: nowrap;
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0.074em;
    line-height: 1em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .img {
    position: relative;
    width: 58.6666666667vw;
    margin: 0 auto 3.7333333333vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt {
    position: relative;
    left: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.015em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_a .flow .content {
    position: relative;
    width: 90.6666666667vw;
    margin: 0 auto;
    padding-top: 10.6666666667vw;
  }
  body #contents #main_content .gradation_a .flow .content .bubble {
    position: relative;
    width: 90.6666666667vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area {
    position: relative;
    width: 68.8vw;
    left: 2.6666666667vw;
    margin: 0 0 9.6vw;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .flow .content .txt {
    position: relative;
    width: 83.7333333333vw;
    margin: 0 auto 10.6666666667vw;
  }
  body #contents #main_content .gradation_a .flow .content .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block {
    position: relative;
    width: 85.3333333333vw;
    margin-bottom: 24.2666666667vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#6ee296, #b8e644);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 14.1333333333vw;
    margin-left: 3.2vw;
    margin-right: 1.6vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #22B200;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffd052, #ffa254 65%, #ff9954);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 14.1333333333vw;
    margin-left: 3.2vw;
    margin-right: 1.6vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #F48337;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffa68b, #ff8490);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 14.1333333333vw;
    margin-left: 3.2vw;
    margin-right: 1.6vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #FF6279;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading.open .visual_block .acordion_btn {
    bottom: 3.4666666667vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block {
    display: block;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 100%;
    padding: 1.0666666667vw 0 1.6vw;
    margin: 0 auto;
    left: 0vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    margin-left: 4.2666666667vw;
    margin-right: 2.4vw;
    width: 12.8vw;
    top: 1.0666666667vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65.6vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 0.2666666667vw;
    height: 12vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .txt p {
    width: 65.6vw;
    text-align: center;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    font-size: 4.5333333333vw;
    letter-spacing: 0em;
    line-height: 0.6470588235em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area {
    position: relative;
    width: 85.3333333333vw;
    background-color: #FFFFFF;
    padding: 3.2vw 0 0;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt {
    position: relative;
    width: 75.7333333333vw;
    margin: 0 auto;
    padding: 0vw 0vw 16vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn {
    bottom: -4.8vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area .btn {
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer {
    width: 85.3333333333vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents {
    width: 75.7333333333vw;
    margin: -9.0666666667vw auto;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl {
    position: relative;
    margin-bottom: 3.7333333333vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl p {
    color: #00B0BA;
    font-weight: 500;
    font-size: 5.0666666667vw;
    letter-spacing: 0.04em;
    line-height: 1.5263157895em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt {
    width: 75.7333333333vw;
    margin: 0 auto;
    padding-bottom: 16.5333333333vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.01em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_b {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_b .decoration {
    position: relative;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(1) {
    width: 138.4vw;
    top: -37.3333333333vw;
    left: -32.5333333333vw;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(2) {
    width: 185.0666666667vw;
    top: 182.6666666667vw;
    left: -20.5333333333vw;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(3) {
    width: 138.4vw;
    top: 415.4666666667vw;
    left: -47.4666666667vw;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(4) {
    width: 174.9333333333vw;
    top: 724.2666666667vw;
    left: -19.4666666667vw;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(5) {
    width: 138.4vw;
    top: 1131.4666666667vw;
    left: -47.4666666667vw;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(6) {
    width: 185.0666666667vw;
    top: 1513.3333333333vw;
    left: -66.4vw;
  }
  body #contents #main_content .gradation_b .recommendation {
    position: relative;
    width: 90.6666666667vw;
    margin: 0 auto;
    padding: 9.6vw 0 0vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area {
    position: relative;
    width: 90.6666666667vw;
    margin: -10.9333333333vw auto 0vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .img.bubble_a {
    position: relative;
    width: 50.6666666667vw;
    left: 33.3333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .img.bubble_b {
    position: relative;
    width: 100%;
    margin-top: -2.1333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area {
    position: relative;
    width: 86.4vw;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.5333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block {
    margin-bottom: 8.8vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl {
    position: relative;
    width: 72.5333333333vw;
    margin: 0 0 9.3333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt {
    position: relative;
    width: 86.4vw;
    margin: 0 auto 0vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .img {
    position: relative;
    width: 81.0666666667vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area {
    position: relative;
    width: 80.5333333333vw;
    margin: 0 auto 0vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block {
    position: relative;
    padding-top: 10.6666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #cceeff, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 61.8666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #cceeff, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 48.8vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .acordion_btn {
    top: 27.4666666667vw;
    bottom: auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block {
    display: block;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 100%;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 2.1333333333vw 0 8.8vw;
    background-image: linear-gradient(90deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl {
    position: relative;
    width: 74.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl p {
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 46.1333333333vw;
    margin: 0 auto 3.2vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn {
    top: 22.1333333333vw;
    bottom: auto;
    border: solid 1px #000000;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area p {
    color: #000000;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer {
    position: relative;
    width: 100%;
    background-image: linear-gradient(270deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    width: 67.2vw;
    margin: 0 auto 10.6666666667vw;
    padding-top: 7.2vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt P {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block {
    position: relative;
    width: 72.5333333333vw;
    overflow: hidden;
    background-color: #FFFFFF;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_b {
    margin: -12vw auto 4vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_b .flex_block .img_block {
    width: 57.0666666667vw;
    left: -1.6vw;
    margin-bottom: 7.2vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c {
    z-index: 2;
    margin-top: -6.1333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .img_block {
    width: 58.6666666667vw;
    margin-top: -8vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .txt_block .ttl {
    left: -1.8666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d {
    z-index: 1;
    margin-top: -15.4666666667vw;
    margin-bottom: 4.2666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .img_block {
    width: 62.9333333333vw;
    margin: -3.7333333333vw auto 8vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .flex_block .img_block {
    margin-top: -5.8666666667vw;
    margin-bottom: 7.7333333333vw;
    left: -2.6666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f {
    margin-bottom: 4vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .flex_block .img_block {
    margin-top: -12.5333333333vw;
    margin-bottom: 6.1333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block {
    position: relative;
    display: block;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    position: relative;
    width: 54.4vw;
    margin: -4vw auto 5.3333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block.img_h {
    width: 54.9333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block.img_i {
    width: 57.0666666667vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block {
    position: relative;
    width: 61.3333333333vw;
    margin: -14.9333333333vw auto 5.3333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl {
    position: relative;
    margin-bottom: 4.5333333333vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl p {
    white-space: nowrap;
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0.05em;
    line-height: 0.4285714286em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt {
    position: relative;
    padding: 0;
    width: 100%;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_b .future .content {
    position: relative;
    width: 86.6666666667vw;
    margin: 0 auto;
    padding-top: 10.6666666667vw;
  }
  body #contents #main_content .gradation_b .future .content .future_bubble {
    position: relative;
    width: 67.2vw;
    margin: 0 auto 2.1333333333vw;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area {
    position: relative;
    width: 68.2666666667vw;
    margin: 0 auto 13.6vw;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area h4 {
    margin: 0;
    text-align: center;
    color: #002A77;
    white-space: nowrap;
    font-weight: 400;
    font-size: 6.6666666667vw;
    letter-spacing: 0.03em;
    line-height: 0.72em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area {
    position: relative;
    display: block;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block {
    position: relative;
    width: 86.4vw;
    border-radius: 12vw 12vw 0 0;
    padding: 0vw 0vw 6.1333333333vw;
    margin: 0 auto 11.4666666667vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:last-child {
    margin-bottom: 8.8vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(2) .txt_block .ttl p {
    color: #26B4FF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .txt_block .ttl p {
    color: #FF65A6;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .img {
    position: relative;
    width: 86.4vw;
    margin-bottom: 5.6vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block {
    position: relative;
    width: 69.8666666667vw;
    margin: 0 auto 6.6666666667vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl {
    position: relative;
    left: -1.0666666667vw;
    margin-bottom: 4.8vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl p {
    color: #00BA73;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0.1em;
    line-height: 0.7857142857em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block {
    position: relative;
    width: 73.0666666667vw;
    margin: -1.6vw auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .ttl {
    position: relative;
    margin-bottom: 1.0666666667vw;
    width: 73.0666666667vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .ttl img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt {
    position: relative;
    width: 69.8666666667vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_c {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  body #contents #main_content .gradation_c::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_c_sp.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_c .decoration {
    position: absolute;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_c .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(1) {
    width: 128.8vw;
    top: -31.4666666667vw;
    left: 34.1333333333vw;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(2) {
    width: 149.8666666667vw;
    top: 205.8666666667vw;
    left: -61.6vw;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(3) {
    width: 128.8vw;
    top: 470.1333333333vw;
    left: 35.4666666667vw;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(4) {
    width: 149.8666666667vw;
    top: 701.3333333333vw;
    left: -68.2666666667vw;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(5) {
    width: 128.8vw;
    top: 925.8666666667vw;
    left: 23.2vw;
  }
  body #contents #main_content .gradation_c .real {
    position: relative;
    padding: 18.1333333333vw 0 19.2vw;
  }
  body #contents #main_content .gradation_c .real .content {
    position: relative;
    width: 86.4vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area {
    margin-bottom: 1.6vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl {
    position: relative;
    width: 80vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b {
    position: relative;
    width: 86.4vw;
    top: -0.2666666667vw;
    margin-bottom: 9.8666666667vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt {
    position: relative;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block {
    position: relative;
    padding-top: 10.6666666667vw;
    margin-bottom: 3.4666666667vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block:nth-child(1) .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .ttl {
    padding-top: 12.2666666667vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block:nth-child(4) .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .ttl {
    padding-top: 12.2666666667vw;
    margin-left: 3.7333333333vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block:nth-child(4) .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .name {
    margin-left: 3.7333333333vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block.left .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .num {
    left: -1.0666666667vw;
    right: auto;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block.left .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .acordion_btn {
    left: 79%;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block {
    position: relative;
    padding: 0vw;
    height: 58.1333333333vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .img {
    position: relative;
    width: 30.9333333333vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 54.4vw;
    height: 42.6666666667vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .num {
    position: absolute;
    top: -4.2666666667vw;
    right: -2.1333333333vw;
    width: 19.2vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .num.right {
    right: auto;
    left: -2.1333333333vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 47.4666666667vw;
    padding-top: 9.0666666667vw;
    margin-left: 5.3333333333vw;
    margin-bottom: 4vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .name {
    position: relative;
    width: 47.4666666667vw;
    margin-left: 5.3333333333vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .name p {
    color: #000000;
    font-weight: 400;
    font-size: 4vw;
    letter-spacing: 0em;
    line-height: 1.0666666667em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .visual_block .ttl_area .name p small {
    font-weight: 400;
    font-size: 3.2vw;
    letter-spacing: 0em;
    line-height: 1.3333333333em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_heading .acordion_btn .btn_area .btn {
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_outer.open .acordion_contents {
    overflow: visible !important;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_outer .acordion_contents {
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_outer .acordion_contents .txt {
    position: relative;
    width: 71.4666666667vw;
    padding-bottom: 16.8vw;
    margin: -9.6vw auto 0;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion.acordion_sc .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.01em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_d {
    position: relative;
    width: 100%;
    padding-bottom: 13.3333333333vw;
  }
  body #contents #main_content .gradation_d .decoration {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_d .decoration .img:nth-child(2) {
    width: 213.6vw;
    top: -18.1333333333vw;
    left: -35.4666666667vw;
  }
  body #contents #main_content .gradation_d .decoration .img:nth-child(3) {
    width: 259.7333333333vw;
    top: 300vw;
    left: -136.8vw;
  }
  body #contents #main_content .gradation_d .support {
    position: relative;
    width: 86.4vw;
    padding-top: 8.5333333333vw;
    margin: 0 auto;
    padding-bottom: 9.0666666667vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area {
    position: relative;
    margin-bottom: 15.4666666667vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl {
    position: relative;
    width: 80vw;
    margin-bottom: 0vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b {
    position: relative;
    width: 45.3333333333vw;
    top: -0.2666666667vw;
    margin-bottom: 10.1333333333vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt {
    position: relative;
    width: 86.4vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_d .support .support_area {
    position: relative;
    width: 86.4vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block {
    margin: 0 auto 18.6666666667vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .img_area .headline {
    width: 34.6666666667vw;
    left: auto;
    right: -5.3333333333vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .img_area .headline {
    width: 16vw;
    left: auto;
    right: -5.3333333333vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block {
    position: relative;
    display: block;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area {
    width: 86.4vw;
    margin: 0 auto 8.2666666667vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area.right .headline {
    width: 34.6666666667vw;
    top: -5.8666666667vw;
    left: auto;
    right: 13.3333333333vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area.right .ttl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.3333333333vw;
    left: 2.4vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area.right .ttl::before {
    content: "";
    top: 3.4666666667vw;
    left: -2.9333333333vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area.left .ttl {
    padding-top: 2.1333333333vw;
    left: -2.6666666667vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area.left .ttl::before {
    top: 4.5333333333vw;
    left: -2.9333333333vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .headline {
    position: absolute;
    width: 17.0666666667vw;
    top: -6.6666666667vw;
    left: -0.5333333333vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .img {
    position: relative;
    width: 46.9333333333vw;
    line-height: 0;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .ttl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    left: 1.3333333333vw;
    padding-top: 2.6666666667vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .ttl::before {
    content: "";
    position: absolute;
    display: block;
    top: 5.3333333333vw;
    left: -2.6666666667vw;
    width: 3.7333333333vw;
    height: 21.8666666667vw;
    background: url(/kokusaisho/assets/img/decorative_sp.png) no-repeat;
    background-size: cover;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .ttl p {
    position: relative;
    margin-left: 2.9333333333vw;
    color: #000000;
    font-weight: 500;
    font-size: 4.2666666667vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block {
    position: relative;
    width: 86.4vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_d .teacher {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content {
    position: relative;
    width: 85.3333333333vw;
    margin: 0 auto;
    padding-top: 10.6666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area {
    position: relative;
    left: -1.0666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl {
    position: relative;
    width: 59.2vw;
    margin: 0 0 10.4vw;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area {
    display: block;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block {
    position: relative;
    width: 86.4vw;
    margin-bottom: 11.2vw;
    background-color: #D9F5F6;
    padding: 0vw 0vw 7.2vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 86.4vw;
    margin: 0 auto 3.4666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .img {
    position: relative;
    width: 32.5333333333vw;
    margin: 0 auto 0vw;
    margin-right: 4.8vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area {
    position: relative;
    width: 42.6666666667vw;
    left: 5.8666666667vw;
    padding-top: 5.8666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .ttl {
    position: relative;
    width: 30.9333333333vw;
    left: -6.4vw;
    margin-bottom: 0.2666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .ttl img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .name {
    position: relative;
    width: 39.4666666667vw;
    left: 0vw;
    margin-bottom: 1.0666666667vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .name p {
    color: #000000;
    font-weight: 500;
    font-size: 5.6vw;
    letter-spacing: 0em;
    line-height: 0.8095238095em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .name p small {
    font-weight: 500;
    font-size: 4.2666666667vw;
    letter-spacing: 0em;
    line-height: 1.0625em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .txt {
    margin-bottom: 5.3333333333vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt_area .txt p {
    color: #000000;
    font-weight: 500;
    font-size: 3.7333333333vw;
    letter-spacing: -0.03em;
    line-height: 1.7142857143em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt_block {
    position: relative;
    width: 86.4vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt_block .txt {
    position: relative;
    width: 74.6666666667vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: 1.8571428571em;
  }
  body #contents #main_content .gradation_e {
    position: relative;
  }
  body #contents #main_content .gradation_e::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_e_sp.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_e .review {
    padding: 16vw 0 12.2666666667vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .sub_ttl {
    position: relative;
    width: 47.4666666667vw;
    margin: 0 auto -0.2666666667vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl {
    position: relative;
    width: 84.8vw;
    margin: 0 auto 6.9333333333vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl h3 {
    margin: 0;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 5.3333333333vw;
    letter-spacing: 0.03em;
    line-height: 1.6em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area {
    position: relative;
    width: 64vw;
    margin: 0 auto;
    display: block;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block {
    position: relative;
    width: 64vw;
    margin-bottom: 3.7333333333vw;
    padding: 3.7333333333vw 0vw 3.4666666667vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl {
    position: relative;
    margin: 0 auto 3.4666666667vw;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 400;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 0.7857142857em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl {
    position: relative;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 500;
    font-size: 5.6vw;
    letter-spacing: 0.05em;
    line-height: 0.8571428571em;
  }
  body #contents #main_content .gradation_e .link {
    position: relative;
    padding: 0vw 0 14.1333333333vw;
    overflow: hidden;
    z-index: 2;
  }
  body #contents #main_content .gradation_e .link .ttl {
    position: relative;
    width: 64vw;
    margin: 0 auto 1.3333333333vw;
  }
  body #contents #main_content .gradation_e .link .flex_area {
    position: relative;
    width: 64vw;
    margin: 0 auto 6.4vw;
    display: block;
  }
  body #contents #main_content .gradation_e .link .flex_area .link {
    position: relative;
    width: 64vw;
    margin-bottom: 6.1333333333vw;
    padding: 0;
    background-image: linear-gradient(270deg, #00b9eb, #0062e9 64%, #003bff);
  }
  body #contents #main_content .gradation_e .link .flex_area .link.small a {
    font-weight: 500;
    font-size: 4.8vw;
    letter-spacing: 0em;
    line-height: 1.2222222222em;
  }
  body #contents #main_content .gradation_e .link .flex_area .link a {
    position: relative;
    padding: 4.8vw 0 4.8vw;
    display: block;
    width: 64vw;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 5.6vw;
    letter-spacing: 0.1em;
    line-height: 1.1428571429em;
  }
  body #contents #main_content .gradation_e .link .flex_area .link a small {
    font-weight: 500;
    font-size: 4.8vw;
    letter-spacing: 0.05em;
    line-height: 1.2222222222em;
  }
  body #contents #main_content #footer {
    position: relative;
    background-color: #FBFBFB;
    margin: 5.8666666667vw 0 1.6vw;
    z-index: 2;
  }
  body #contents #main_content #footer .note {
    position: relative;
    right: 0vw;
  }
  body #contents #main_content #footer .note p {
    text-align: right;
    color: #002A77;
    font-weight: 400;
    font-size: 2.1333333333vw;
    letter-spacing: 0em;
    line-height: 0.75em;
  }
}
/*============================
function
============================*/
@media screen and (min-width: 1401px) {
  body {
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body .ot-sdk-show-settings {
    display: none;
  }
  body #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  body #contents {
    position: relative;
    background-color: #FBFBFB;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 100%;
    overflow: hidden;
  }
  body #contents #op {
    position: absolute;
    width: 100%;
    top: 111px;
    height: calc(100lvh - 111px);
    z-index: 9998;
    opacity: 1;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #op.on {
    opacity: 1;
  }
  body #contents #op.off {
    opacity: 0;
    pointer-events: none;
  }
  body #contents #op .bg {
    position: relative;
    width: 100%;
    height: calc(100lvh - 111px);
    opacity: 1;
  }
  body #contents #op .bg img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #op .ttl {
    position: absolute;
    width: 100%;
    height: calc(100lvh - 111px);
    top: 0;
    left: 0;
    opacity: 0;
  }
  body #contents #op .ttl img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents .header {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents .header .header_block {
    overflow-x: hidden;
  }
  body #contents .header .header_block .nav_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 111px;
    max-height: 111px;
  }
  body #contents .header .header_block .nav_head .logo {
    position: relative;
    width: 224px;
    padding-left: 33px;
    max-width: 224px;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body #contents .header .header_block .nav_head .logo:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .logo a {
    display: inline-block;
  }
  body #contents .header .header_block .nav_head .menu_btn {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    top: 4px;
    padding-right: 26px;
    width: 50px;
    max-width: 50px;
    height: 53px;
    max-height: 53px;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .menu_btn .bar {
    position: relative;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #002A77;
    margin-bottom: 8px;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_top {
    transform: translate(0%, 18px) rotate(35deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_middle {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_bottom {
    transform: translate(0%, -2px) rotate(145deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on p {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn p {
    position: relative;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    margin-top: 7px;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.1875em;
  }
  body #contents .header .header_block .menu {
    position: absolute;
    align-items: center;
    width: 650px;
    height: 100lvh;
    top: 0px;
    right: -650px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    z-index: -9;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none;
  }
  body #contents .header .header_block .menu.on {
    pointer-events: all;
    z-index: 9;
    opacity: 1;
    right: 0px;
  }
  body #contents .header .header_block .menu.on .menu_bg {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
  }
  body #contents .header .header_block .menu.on .menu_content {
    transition-delay: 0.3s;
    opacity: 1;
  }
  body #contents .header .header_block .menu .menu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 650px;
    height: 898px;
    background-color: #F2FDFF;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .menu .menu_content {
    position: relative;
    height: 100lvh;
    z-index: 2;
    display: block;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    opacity: 0;
  }
  body #contents .header .header_block .menu .menu_content .menu_ttl {
    position: relative;
    padding-top: 40px;
    margin-bottom: 44px;
    left: 0px;
    width: 173px;
    background-color: #F2FDFF;
  }
  body #contents .header .header_block .menu .menu_content .nav {
    position: relative;
    height: calc(100lvh - 112px);
    padding-left: 42px;
  }
  body #contents .header .header_block .menu .menu_content .nav .simplebar-content {
    background-color: #F2FDFF;
    padding-bottom: 60px !important;
  }
  body #contents .header .header_block .menu .menu_content .nav ul {
    position: relative;
    overflow: hidden;
    width: 583px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li {
    position: relative;
    margin-bottom: 30px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li.sp_view {
    display: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(1) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.004em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) {
    margin-bottom: 10px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) {
    margin-bottom: 5px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) {
    margin-bottom: 3px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) {
    margin-bottom: 12px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(8) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) {
    margin-bottom: 3px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) .anchor_link {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) {
    margin-bottom: 5px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) {
    margin-bottom: 11px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(15) {
    margin-bottom: 13px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(16) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(17) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(18) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(20) {
    margin-bottom: 0px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #002A77;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
    right: -26px;
    background: url(/kokusaisho/assets/img/arw.svg) top center/100% 100% no-repeat;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link small {
    position: relative;
    top: 2px;
    vertical-align: top;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.64, 0, 0.78, 0);
    overflow: hidden;
    background-color: #FBFBFB;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .decoration {
    pointer-events: none;
  }
  body #contents #main_content section {
    position: relative;
    z-index: 2;
  }
  body #contents #main_content .acordion {
    position: relative;
  }
  body #contents #main_content .acordion .acordion_btn {
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10;
  }
  body #contents #main_content .acordion .acordion_btn:hover {
    opacity: 0.8;
  }
  body #contents #main_content .acordion .acordion_btn.open .btn_area .btn img {
    transform: rotate(180deg);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn {
    line-height: 0;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn img {
    transform-origin: center;
    line-height: 0;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area p {
    top: -1px;
  }
  body #contents #main_content .tf h2 {
    margin: 0;
    line-height: 0;
    transition: all 0.6s cubic-bezier(0.75, 0, 0.85, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  body #contents #main_content .tf h2.on {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  body #contents #main_content #fv .content {
    padding: 111px 0 0;
  }
  body #contents #main_content #fv .content .fv_img {
    position: relative;
    width: 100%;
    margin: 0;
  }
  body #contents #main_content #fv .content .note {
    position: relative;
    margin: -2px auto 0;
  }
  body #contents #main_content #fv .content .note p {
    text-align: right;
    color: #002A77;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
  body #contents #main_content #about {
    position: relative;
    width: 100%;
    max-width: 1401px;
    margin: 0 auto;
  }
  body #contents #main_content #about .content {
    position: relative;
    width: 100%;
    height: 1040px;
    padding: 124px 0px 63px;
  }
  body #contents #main_content #about .content h3 {
    position: absolute;
    top: 50.4%;
    left: 48.4%;
    width: 624px;
    transform: translate(-50%, -50%);
  }
  body #contents #main_content #about .content .pc_img_block .img {
    position: absolute;
    z-index: 2;
    transition: all 1s cubic-bezier(0.45, 0, 0.55, 1);
  }
  body #contents #main_content #about .content .pc_img_block .img img {
    opacity: 0;
    filter: blur(10px);
    transition: all 0.7s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content #about .content .pc_img_block .img.r {
    transform: translate(-15px, 15px);
  }
  body #contents #main_content #about .content .pc_img_block .img.l {
    transform: translate(15px, -15px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r {
    transform: translate(0px, 0px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r img {
    filter: blur(0px);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l {
    opacity: 1;
    transform: translate(0px, 0px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l img {
    filter: blur(0px);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(1) {
    width: 680px;
    top: 9.5%;
    left: 17.5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(2) {
    width: 230px;
    top: 15.5%;
    left: 3%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(3) {
    width: 384px;
    top: 37%;
    left: 0%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(4) {
    width: 416px;
    top: 69%;
    left: 14%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(5) {
    width: 544px;
    top: 60%;
    right: 26%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(6) {
    width: 300px;
    top: 45.5%;
    right: 5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(7) {
    width: 526px;
    top: 12.5%;
    right: 0%;
  }
  body #contents #main_content .gradation_a {
    padding-bottom: 211px;
  }
  body #contents #main_content .gradation_a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_a.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_a .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_a .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(1) {
    width: 1844px;
    top: -628px;
    right: -22px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(2) {
    width: 2360px;
    top: 1464px;
    left: -2092px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(3) {
    width: 2180px;
    top: 2876px;
    right: -106px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .faculty .content {
    position: relative;
    width: 1234px;
    margin: 0 auto;
    padding: 84px 0px 102px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area {
    position: relative;
    width: 874px;
    padding-top: 50px;
    margin: 0 auto 72px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area h2 {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl {
    position: absolute;
    transform: translate(4%, -82%);
    top: 50%;
    left: 50%;
    width: 352px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system {
    position: relative;
    width: 756px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block {
    position: relative;
    width: 756px;
    margin: 0 auto 34px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl {
    position: relative;
    width: 100%;
    background-color: #51C3FF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p {
    position: relative;
    left: 8px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 23px;
    letter-spacing: 0.05em;
    line-height: 2.0434782609em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p strong {
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 1.7692307692em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block {
    position: relative;
    width: 581px;
    left: -5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 33px;
    padding: 24px 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.s_txt_block {
    top: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.sy_txt_block {
    top: -3px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt.s_txt {
    margin-bottom: 6px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p small {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .img {
    position: relative;
    line-height: 0;
    width: 206px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .arw {
    position: relative;
    width: 94px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block {
    position: relative;
    width: 936px;
    left: -12%;
    margin: 22px auto 0;
    padding-bottom: 24px;
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .evolution {
    position: absolute;
    width: 188px;
    top: -54px;
    left: -77px;
    z-index: 3;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p {
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 2.0588235294em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p strong {
    position: relative;
    margin-right: 6px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block {
    position: relative;
    width: 900px;
    padding: 40px 0 65px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-image: linear-gradient(#ffffff, #ffffff 85%, rgba(255, 255, 255, 0.8509803922));
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block {
    position: relative;
    width: 242px;
    top: 33px;
    margin-left: 58px;
    margin-right: 25px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small {
    top: 36px;
    margin-left: 0px;
    margin-right: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl {
    margin-bottom: 25px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p small {
    position: relative;
    top: -10px;
    vertical-align: top;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0em;
    line-height: 2.4em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 10px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(3)::before {
    background-color: #9FEAFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(4)::before {
    background-color: #FFD2EF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 2px;
    left: 0;
    margin-left: 3px;
    margin-right: 9px;
    width: 5px;
    height: 20px;
    background-color: #B5F0DE;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p {
    position: relative;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p small {
    position: relative;
    top: -8px;
    vertical-align: top;
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 0em;
    line-height: 2.6666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .img {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 250px;
    margin-right: 47px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .decoration {
    position: absolute;
    z-index: 3;
    width: 95px;
    top: 338px;
    left: 45%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion {
    position: relative;
    width: 900px;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading {
    padding: 72px 0px 84px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block {
    position: relative;
    width: 804px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block {
    width: 239px;
    margin-left: 9px;
    margin-right: 36px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block.small {
    margin-left: 0px;
    margin-right: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl {
    position: relative;
    top: 10px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt {
    position: relative;
    top: 5px;
    left: 6px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_img {
    position: relative;
    width: 250px;
    margin-right: 32px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 170px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 22px;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 27px;
    left: 5px;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    color: #000000;
    white-space: nowrap;
    margin-left: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer {
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    width: 804px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl {
    margin: 5px 0 75px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p {
    position: relative;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 0.8235294118em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p strong {
    top: 22px;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 0.9333333333em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block {
    position: relative;
    width: 715px;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block:last-child {
    margin: 0 auto 91px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .img {
    position: relative;
    width: 220px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block {
    position: relative;
    top: -16px;
    margin: 0;
    width: 449px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .num {
    position: relative;
    width: 66px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt {
    position: relative;
    top: -7px;
    left: 19px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt p {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.074em;
    line-height: 1.05em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt {
    position: relative;
    left: 14px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content {
    position: relative;
    width: 1234px;
    padding-top: 50px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .bubble {
    position: relative;
    width: 936px;
    margin: 0 auto 31px;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area {
    position: relative;
    width: 596px;
    left: 16px;
    margin: 0 0 80px;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .flow .content .txt {
    position: relative;
    width: 810px;
    left: 69px;
    margin-bottom: 98px;
  }
  body #contents #main_content .gradation_a .flow .content .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area {
    position: relative;
    width: 1120px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block {
    position: relative;
    overflow: hidden;
    width: 790px;
    margin-bottom: 60px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) {
    left: 55px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 110px;
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) {
    left: 165px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#6ee296, #b8e644);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #22B200;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) {
    left: 275px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffd052, #ffa254 65%, #ff9954);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #F48337;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) {
    left: 385px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffa68b, #ff8490);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #FF6279;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading.open .visual_block .ttl_area {
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 494px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 190px;
    height: 220px;
    margin: 0;
    left: 0;
    transition-property: height;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    margin: 0 auto;
    padding: 64px 0 0px;
    width: 122px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area {
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 220px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl {
    position: relative;
    padding-left: 67px;
    padding-top: 35px;
    margin-bottom: 24px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.029em;
    line-height: 1.1428571429em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt {
    position: relative;
    width: 443px;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn {
    position: absolute;
    width: 130px;
    left: 12%;
    transform: translateX(-50%);
    bottom: 28px;
    border: solid 1px #FFFFFF;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area .btn {
    position: absolute;
    width: 25px;
    left: 5px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 40px;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer {
    position: absolute;
    top: 220px;
    left: 190px;
    width: 600px;
    height: 275px;
    overflow: hidden;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl {
    position: relative;
    padding-top: 32px;
    left: 63px;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl p {
    color: #00B0BA;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    margin-bottom: 38px;
    width: 443px;
    left: 65px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b {
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 167px;
  }
  body #contents #main_content .gradation_b .decoration {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_b .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(1) {
    width: 2200px;
    top: -986px;
    left: -1856px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(2) {
    width: 810px;
    top: 1778px;
    right: 398px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(3) {
    width: 2004px;
    top: 3214px;
    left: -1814px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .recommendation {
    position: relative;
    width: 1234px;
    margin: 0 auto;
    padding: 50px 0 168px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area {
    position: relative;
    width: 1140px;
    margin: 0 auto 31px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_a {
    position: relative;
    width: 558px;
    left: 552px;
    line-height: 0;
    top: -8px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_b {
    position: relative;
    width: 1140px;
    margin-top: -8px;
    left: 11px;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area {
    position: relative;
    left: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 42px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block {
    position: relative;
    width: 725px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl {
    position: relative;
    width: 725px;
    margin: 0 0 87px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt {
    position: relative;
    width: 530px;
    left: 54px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .img {
    position: relative;
    width: 536px;
    transform: scale(1.05);
    top: 15px;
    left: -13px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area {
    position: relative;
    width: 1000px;
    margin: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block {
    position: relative;
    margin-bottom: 11px;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) {
    left: 100px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 480px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .img_block {
    width: 315px;
    top: -31px;
    left: -4px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .txt {
    width: 574px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d {
    margin-top: -9px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .img_block {
    top: -31px;
    left: -9px;
    width: 315px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .txt_block {
    left: 287px;
    top: 12px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    width: 309px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) {
    left: 200px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 384px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .img_block {
    top: -31px;
    left: -23px;
    width: 323px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block {
    top: 4px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block .txt {
    width: 574px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .img_block {
    top: -18px;
    left: -9px;
    width: 323px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .txt_block {
    top: 6px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion {
    left: 16px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading {
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    display: block;
    width: 620px;
    left: 0px;
    padding: 60px 0 70px;
    margin-bottom: 0;
    background-image: linear-gradient(90deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl {
    position: relative;
    width: 620px;
    margin: 0 auto 33px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl p {
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 347px;
    margin: 0 auto 35px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn {
    position: absolute;
    width: 170px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area .btn {
    position: absolute;
    width: 27px;
    left: 5px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 50px;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 379px;
    height: 290px;
    left: -1px;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer {
    position: relative;
    top: -1px;
    left: 0px;
    width: 100%;
    background-image: linear-gradient(270deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    width: 820px;
    margin: 0 auto 33px;
    padding-top: 45px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 1.7777777778em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block {
    position: relative;
    overflow: hidden;
    width: 900px;
    margin: 0 auto 0px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_b .flex_block .img_block {
    left: -8px;
    width: 318px;
    top: -26px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end {
    margin-bottom: 50px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end .flex_block {
    padding-bottom: 46px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    padding: 62px 34px 0px 0px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    position: absolute;
    width: 303px;
    top: -19px;
    left: 3px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block {
    position: relative;
    width: 523px;
    left: 293px;
    margin-bottom: 88px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl {
    position: relative;
    width: 574px;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0.1em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt {
    position: relative;
    width: 523px;
    padding-top: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content {
    position: relative;
    width: 1223px;
    margin: 0 auto;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_b .future .content .future_bubble {
    position: relative;
    width: 627px;
    margin: 0 auto 27px;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area {
    position: relative;
    width: 545px;
    margin: 0 auto 88px;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area h4 {
    margin: 0;
    text-align: center;
    color: #002A77;
    white-space: nowrap;
    font-weight: 400;
    font-size: 54px;
    letter-spacing: 0.03em;
    line-height: 1.2962962963em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block {
    position: relative;
    width: 370px;
    border-radius: 45px 45px 0 0;
    padding: 0px 0px 46px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(2) .txt_block .ttl p {
    color: #26B4FF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .txt_block .ttl p {
    color: #FF65A6;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block {
    margin: 68px auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block .ttl {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .img {
    position: relative;
    width: 370px;
    margin-bottom: 33px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block {
    position: relative;
    width: 312px;
    margin: 0 auto 32px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 10px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl p {
    color: #00BA73;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.2941176471em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt {
    position: relative;
    width: 300px;
    left: 7px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block {
    position: relative;
    width: 312px;
    margin: 37px auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .ttl {
    position: relative;
    margin-bottom: 5px;
    width: 312px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt {
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c {
    position: relative;
    width: 100%;
    z-index: 4;
    overflow: hidden;
    padding-bottom: 241px;
  }
  body #contents #main_content .gradation_c::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_c.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_c .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_c .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(1) {
    width: 2187px;
    top: -650px;
    right: -90px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(2) {
    width: 2140px;
    top: 1674px;
    left: -2111px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .real {
    position: relative;
    width: 1198px;
    margin: 0 auto;
    padding: 219px 0 0px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area {
    padding-top: 50px;
    margin-bottom: 95px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl {
    position: relative;
    width: 922px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b {
    position: relative;
    width: 1002px;
    margin-bottom: 80px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt {
    position: relative;
    left: 50px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area {
    position: relative;
    left: 40px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block {
    position: relative;
    padding-top: 50px;
    margin-bottom: 8px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block.left {
    left: 264px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion {
    position: relative;
    width: 840px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading {
    line-height: 0;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 300px;
    left: 0px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 540px;
    height: 220px;
    margin: 0;
    padding-top: 0;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area.md .ttl {
    padding-top: 33px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .num {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 156px;
    z-index: 3;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 350px;
    left: 45px;
    padding-top: 48px;
    margin-bottom: 11px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.6666666667em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name {
    position: relative;
    left: 45px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p small {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2.5em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 130px;
    left: auto;
    right: 24px;
    transform: translateX(0);
    top: 160px;
    bottom: auto;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 25px;
    left: 5px;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 40px;
    text-align: center;
    color: #000000;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt {
    padding: 40px 55px 35px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d {
    position: relative;
    width: 100%;
    padding-bottom: 135px;
  }
  body #contents #main_content .gradation_d .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_d .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_d .decoration .img:nth-child(1) {
    width: 2730px;
    top: -846px;
    right: 566px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_d .support {
    position: relative;
    width: 1198px;
    margin: 0 auto;
    padding-bottom: 168px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area {
    position: relative;
    padding-top: 156px;
    margin-bottom: 149px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl {
    position: relative;
    width: 777px;
    margin-bottom: 0px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b {
    position: relative;
    width: 437px;
    margin-bottom: 80px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt {
    position: relative;
    left: 51px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .support .support_area {
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block {
    position: relative;
    margin: 0 auto 141px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block {
    left: 32px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl {
    justify-content: flex-end;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl p {
    text-align: right;
    margin-left: -4px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .img_area .headline {
    width: 280px;
    top: -58px;
    left: auto;
    right: -49px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(3) .flex_block .img_area .headline {
    width: 146px;
    left: -62px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .headline {
    position: absolute;
    width: 143px;
    top: -62px;
    left: -81px;
    z-index: 3;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .img {
    position: relative;
    width: 450px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block {
    position: relative;
    width: 476px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl {
    position: relative;
    top: -9px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 65px;
    height: 102px;
    background: url(/kokusaisho/assets/img/diagonal.svg) top center no-repeat;
    background-size: cover;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl p {
    position: relative;
    margin-left: 25px;
    color: #000000;
    text-align: left;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 0.01em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 2.2222222222em;
  }
  body #contents #main_content .gradation_d .teacher {
    position: relative;
    width: 1198px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content {
    position: relative;
    width: 1119px;
    margin: 0 auto;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl {
    position: relative;
    width: 528px;
    margin: 0 auto 109px;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block {
    position: relative;
    width: 330px;
    background-color: #D9F5F6;
    padding: 19px 0px 40px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .img {
    position: relative;
    width: 292px;
    margin: 0 auto 19px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block {
    width: 292px;
    margin: 0 auto 16px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .ttl {
    position: relative;
    width: 148px;
    left: -91px;
    margin-bottom: 1px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt p {
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl {
    position: relative;
    width: 269px;
    margin: 0 auto 21px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.01em;
    line-height: 1.2307692308em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt {
    position: relative;
    width: 269px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_e {
    position: relative;
    width: 100%;
    height: auto;
  }
  body #contents #main_content .gradation_e::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_e.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_e .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_e .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(1) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(2) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(3) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .review {
    padding: 116px 0 193px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area {
    padding-top: 50px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .sub_ttl {
    position: relative;
    width: 285px;
    margin: 0 auto 7px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl {
    position: relative;
    margin-bottom: 60px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl h3 {
    margin: 0;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.03em;
    line-height: 1.6em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area {
    position: relative;
    width: 1032px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block {
    position: relative;
    width: 500px;
    margin-bottom: 32px;
    padding: 26px 0px 38px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl {
    width: 380px;
    position: relative;
    margin: 0 auto 25px;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl {
    width: 366px;
    position: relative;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 500;
    font-size: 38px;
    letter-spacing: 0.024em;
    line-height: 1.0526315789em;
  }
  body #contents #main_content #footer {
    position: relative;
    background-color: #FBFBFB;
    padding: 43px 0 164px;
    overflow: hidden;
    z-index: 2;
  }
  body #contents #main_content #footer .ttl {
    position: relative;
    width: 385px;
    margin: 0 auto 32px;
  }
  body #contents #main_content #footer .ttl img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content #footer .flex_area {
    position: relative;
    width: 1116px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content #footer .flex_area .link {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    width: 530px;
    background-image: linear-gradient(270deg, #00b9eb, #0062e9 64%, #003bff);
  }
  body #contents #main_content #footer .flex_area .link:hover {
    opacity: 0.8;
  }
  body #contents #main_content #footer .flex_area .link.small a {
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0em;
    line-height: 1.5em;
  }
  body #contents #main_content #footer .flex_area .link a {
    position: relative;
    display: block;
    padding: 28px 0 33px;
    width: 530px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 48px;
    letter-spacing: 0.1em;
    line-height: 1.25em;
  }
  body #contents #main_content #footer .note {
    position: absolute;
    bottom: 10px;
    right: 0px;
  }
  body #contents #main_content #footer .note p {
    color: #002A77;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
  body #main_content .about .content::before {
    width: 100%;
  }
  body #main_content .purpose .content .txt_content.happiness .img:nth-child(1) {
    top: -140px;
  }
  body #main_content .purpose .content .txt_content.happiness .img:nth-child(2) {
    top: 155px;
  }
  body #main_content .purpose .content .txt_content.thoughts .img:nth-child(1) {
    top: -170px;
  }
  body #main_content .purpose .content .txt_content.thoughts .img:nth-child(2) {
    top: 112px;
  }
  body #main_content .purpose .content .txt_content.island .img:nth-child(1) {
    top: -109px;
  }
  body #main_content .purpose .content .txt_content.island .img:nth-child(2) {
    top: 328px;
  }
  body #main_content .footer .img {
    width: 100%;
  }
}
/*============================
function
============================*/
@media screen and (min-width: 768px) and (max-width: 1400px) {
  body {
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body .ot-sdk-show-settings {
    display: none;
  }
  body #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  body #contents {
    position: relative;
    background-color: #FBFBFB;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 100%;
    overflow: hidden;
  }
  body #contents #op {
    position: absolute;
    width: 100%;
    top: 7.9285714286vw;
    height: calc(100lvh - 7.9285714286vw);
    z-index: 9998;
    opacity: 1;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #op.on {
    opacity: 1;
  }
  body #contents #op.off {
    opacity: 0;
    pointer-events: none;
  }
  body #contents #op .bg {
    position: relative;
    width: 100%;
    height: calc(100lvh - 7.9285714286vw);
    opacity: 1;
  }
  body #contents #op .bg img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #op .ttl {
    position: absolute;
    width: 100%;
    height: calc(100lvh - 7.9285714286vw);
    top: 0;
    left: 0;
    opacity: 0;
  }
  body #contents #op .ttl img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents .header {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents .header .header_block {
    overflow-x: hidden;
  }
  body #contents .header .header_block .nav_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 7.9285714286vw;
    max-height: 7.9285714286vw;
  }
  body #contents .header .header_block .nav_head .logo {
    position: relative;
    width: 16vw;
    padding-left: 2.3571428571vw;
    max-width: 16vw;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body #contents .header .header_block .nav_head .logo:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .logo a {
    display: inline-block;
  }
  body #contents .header .header_block .nav_head .menu_btn {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    top: 0.2857142857vw;
    padding-right: 1.8571428571vw;
    width: 3.5714285714vw;
    max-width: 3.5714285714vw;
    height: 3.7857142857vw;
    max-height: 3.7857142857vw;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .menu_btn .bar {
    position: relative;
    display: block;
    width: 3.5714285714vw;
    height: 0.1428571429vw;
    background-color: #002A77;
    margin-bottom: 0.5714285714vw;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_top {
    transform: translate(0%, 1.2857142857vw) rotate(35deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_middle {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_bottom {
    transform: translate(0%, -0.1428571429vw) rotate(145deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on p {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn p {
    position: relative;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    margin-top: 0.5vw;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.1875em;
  }
  body #contents .header .header_block .menu {
    position: absolute;
    align-items: center;
    width: 46.4285714286vw;
    height: 100lvh;
    top: 0vw;
    right: -46.4285714286vw;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    z-index: -9;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none;
  }
  body #contents .header .header_block .menu.on {
    pointer-events: all;
    z-index: 9;
    opacity: 1;
    right: 0vw;
  }
  body #contents .header .header_block .menu.on .menu_bg {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
  }
  body #contents .header .header_block .menu.on .menu_content {
    transition-delay: 0.3s;
    opacity: 1;
  }
  body #contents .header .header_block .menu .menu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 46.4285714286vw;
    height: 64.1428571429vw;
    background-color: #F2FDFF;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .menu .menu_content {
    position: relative;
    height: 100lvh;
    z-index: 2;
    display: block;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    opacity: 0;
  }
  body #contents .header .header_block .menu .menu_content .menu_ttl {
    position: relative;
    padding-top: 2.8571428571vw;
    margin-bottom: 3.1428571429vw;
    left: 0vw;
    width: 12.3571428571vw;
    background-color: #F2FDFF;
  }
  body #contents .header .header_block .menu .menu_content .nav {
    position: relative;
    height: calc(100lvh - 8vw);
    padding-left: 3vw;
  }
  body #contents .header .header_block .menu .menu_content .nav .simplebar-content {
    background-color: #F2FDFF;
    padding-bottom: 4.2857142857vw !important;
  }
  body #contents .header .header_block .menu .menu_content .nav ul {
    position: relative;
    overflow: hidden;
    width: 41.6428571429vw;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li {
    position: relative;
    margin-bottom: 2.1428571429vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li.sp_view {
    display: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(1) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: -0.004em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) {
    margin-bottom: 0.7142857143vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) {
    margin-bottom: 0.2857142857vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) {
    margin-bottom: 0.3571428571vw;
    left: 0.6428571429vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) {
    margin-bottom: 0.2142857143vw;
    left: 0.6428571429vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) {
    margin-bottom: 0.8571428571vw;
    left: 0.6428571429vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(8) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) {
    margin-bottom: 0.2142857143vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) .anchor_link {
    font-weight: 500;
    font-size: 1.2142857143vw;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) {
    margin-bottom: 0.3571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) {
    margin-bottom: 0.2857142857vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) {
    margin-bottom: 0.2857142857vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) {
    margin-bottom: 0.2857142857vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) {
    margin-bottom: 0.7857142857vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link {
    font-weight: 500;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(15) {
    margin-bottom: 0.9285714286vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(16) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(17) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(18) {
    margin-bottom: 0.8571428571vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(20) {
    margin-bottom: 0vw;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #002A77;
    font-weight: 500;
    font-size: 1.2142857143vw;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link::after {
    content: "";
    position: absolute;
    width: 1.1428571429vw;
    height: 1.1428571429vw;
    top: 0.5714285714vw;
    right: -1.8571428571vw;
    background: url(/kokusaisho/assets/img/arw.svg) top center/100% 100% no-repeat;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link small {
    position: relative;
    top: 0.1428571429vw;
    vertical-align: top;
    font-weight: 500;
    font-size: 0.5714285714vw;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.64, 0, 0.78, 0);
    overflow: hidden;
    background-color: #FBFBFB;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .decoration {
    pointer-events: none;
  }
  body #contents #main_content section {
    position: relative;
    z-index: 2;
  }
  body #contents #main_content .acordion {
    position: relative;
  }
  body #contents #main_content .acordion .acordion_btn {
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10;
  }
  body #contents #main_content .acordion .acordion_btn:hover {
    opacity: 0.8;
  }
  body #contents #main_content .acordion .acordion_btn.open .btn_area .btn img {
    transform: rotate(180deg);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn {
    line-height: 0;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn img {
    transform-origin: center;
    line-height: 0;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area p {
    top: -0.0714285714vw;
  }
  body #contents #main_content .tf h2 {
    margin: 0;
    line-height: 0;
    transition: all 0.6s cubic-bezier(0.75, 0, 0.85, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  body #contents #main_content .tf h2.on {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  body #contents #main_content #fv .content {
    padding: 7.9285714286vw 0 0;
  }
  body #contents #main_content #fv .content .fv_img {
    position: relative;
    width: 100%;
    margin: 0;
  }
  body #contents #main_content #fv .content .note {
    position: relative;
    margin: -0.1428571429vw auto 0;
  }
  body #contents #main_content #fv .content .note p {
    text-align: right;
    color: #002A77;
    font-weight: 400;
    font-size: 0.9285714286vw;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
  body #contents #main_content #about {
    position: relative;
    width: 100%;
    max-width: 100.0714285714vw;
    margin: 0 auto;
  }
  body #contents #main_content #about .content {
    position: relative;
    width: 100%;
    height: 74.2857142857vw;
    padding: 8.8571428571vw 0vw 4.5vw;
  }
  body #contents #main_content #about .content h3 {
    position: absolute;
    top: 50.4%;
    left: 48.4%;
    width: 44.5714285714vw;
    transform: translate(-50%, -50%);
  }
  body #contents #main_content #about .content .pc_img_block .img {
    position: absolute;
    z-index: 2;
    transition: all 1s cubic-bezier(0.45, 0, 0.55, 1);
  }
  body #contents #main_content #about .content .pc_img_block .img img {
    opacity: 0;
    filter: blur(0.7142857143vw);
    transition: all 0.7s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content #about .content .pc_img_block .img.r {
    transform: translate(-1.0714285714vw, 1.0714285714vw);
  }
  body #contents #main_content #about .content .pc_img_block .img.l {
    transform: translate(1.0714285714vw, -1.0714285714vw);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r {
    transform: translate(0vw, 0vw);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r img {
    filter: blur(0vw);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l {
    opacity: 1;
    transform: translate(0vw, 0vw);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l img {
    filter: blur(0vw);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(1) {
    width: 48.5714285714vw;
    top: 9.5%;
    left: 17.5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(2) {
    width: 16.4285714286vw;
    top: 15.5%;
    left: 3%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(3) {
    width: 27.4285714286vw;
    top: 37%;
    left: 0%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(4) {
    width: 29.7142857143vw;
    top: 69%;
    left: 14%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(5) {
    width: 38.8571428571vw;
    top: 60%;
    right: 26%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(6) {
    width: 21.4285714286vw;
    top: 45.5%;
    right: 5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(7) {
    width: 37.5714285714vw;
    top: 12.5%;
    right: 0%;
  }
  body #contents #main_content .gradation_a {
    padding-bottom: 15.0714285714vw;
  }
  body #contents #main_content .gradation_a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_a.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_a .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_a .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(1) {
    width: 131.7142857143vw;
    top: -44.8571428571vw;
    right: -1.5714285714vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(2) {
    width: 168.5714285714vw;
    top: 104.5714285714vw;
    left: -149.4285714286vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(3) {
    width: 155.7142857143vw;
    top: 205.4285714286vw;
    right: -7.5714285714vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .faculty .content {
    position: relative;
    width: 88.1428571429vw;
    margin: 0 auto;
    padding: 6vw 0vw 7.2857142857vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area {
    position: relative;
    width: 62.4285714286vw;
    padding-top: 3.5714285714vw;
    margin: 0 auto 5.1428571429vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area h2 {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl {
    position: absolute;
    transform: translate(4%, -82%);
    top: 50%;
    left: 50%;
    width: 25.1428571429vw;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system {
    position: relative;
    width: 54vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block {
    position: relative;
    width: 54vw;
    margin: 0 auto 2.4285714286vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl {
    position: relative;
    width: 100%;
    background-color: #51C3FF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p {
    position: relative;
    left: 0.5714285714vw;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.6428571429vw;
    letter-spacing: 0.05em;
    line-height: 2.0434782609em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p strong {
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.8571428571vw;
    letter-spacing: 0.05em;
    line-height: 1.7692307692em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block {
    position: relative;
    width: 41.5vw;
    left: -0.3571428571vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 2.3571428571vw;
    padding: 1.7142857143vw 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.s_txt_block {
    top: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.sy_txt_block {
    top: -0.2142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt.s_txt {
    margin-bottom: 0.4285714286vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.7142857143vw;
    letter-spacing: 0.05em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p small {
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .img {
    position: relative;
    line-height: 0;
    width: 14.7142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .arw {
    position: relative;
    width: 6.7142857143vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block {
    position: relative;
    width: 66.8571428571vw;
    left: -12%;
    margin: 1.5714285714vw auto 0;
    padding-bottom: 1.7142857143vw;
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .evolution {
    position: absolute;
    width: 13.4285714286vw;
    top: -3.8571428571vw;
    left: -5.5vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p {
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2.4285714286vw;
    letter-spacing: 0.05em;
    line-height: 2.0588235294em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p strong {
    position: relative;
    margin-right: 0.4285714286vw;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2.8571428571vw;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block {
    position: relative;
    width: 64.2857142857vw;
    padding: 2.8571428571vw 0 4.6428571429vw;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-image: linear-gradient(#ffffff, #ffffff 85%, rgba(255, 255, 255, 0.8509803922));
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block {
    position: relative;
    width: 17.2857142857vw;
    top: 2.3571428571vw;
    margin-left: 4.1428571429vw;
    margin-right: 1.7857142857vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small {
    top: 2.5714285714vw;
    margin-left: 0vw;
    margin-right: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl {
    margin-bottom: 1.7857142857vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 1.7142857143vw;
    letter-spacing: 0.1em;
    line-height: 1em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p small {
    position: relative;
    top: -0.7142857143vw;
    vertical-align: top;
    font-weight: 400;
    font-size: 0.7142857143vw;
    letter-spacing: 0em;
    line-height: 2.4em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 1.5714285714vw;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 0.7142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(3)::before {
    background-color: #9FEAFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(4)::before {
    background-color: #FFD2EF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 0.1428571429vw;
    left: 0;
    margin-left: 0.2142857143vw;
    margin-right: 0.6428571429vw;
    width: 0.3571428571vw;
    height: 1.4285714286vw;
    background-color: #B5F0DE;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p {
    position: relative;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p small {
    position: relative;
    top: -0.5714285714vw;
    vertical-align: top;
    font-weight: 400;
    font-size: 0.6428571429vw;
    letter-spacing: 0em;
    line-height: 2.6666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .img {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 17.8571428571vw;
    margin-right: 3.3571428571vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .decoration {
    position: absolute;
    z-index: 3;
    width: 6.7857142857vw;
    top: 24.1428571429vw;
    left: 45%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion {
    position: relative;
    width: 64.2857142857vw;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading {
    padding: 5.1428571429vw 0vw 6vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block {
    position: relative;
    width: 57.4285714286vw;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block {
    width: 17.0714285714vw;
    margin-left: 0.6428571429vw;
    margin-right: 2.5714285714vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block.small {
    margin-left: 0vw;
    margin-right: 0vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl {
    position: relative;
    top: 0.7142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 1.5714285714vw;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt {
    position: relative;
    top: 0.3571428571vw;
    left: 0.4285714286vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_img {
    position: relative;
    width: 17.8571428571vw;
    margin-right: 2.2857142857vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 12.1428571429vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5714285714vw;
    border: solid 1px #000000;
    border-radius: 2.1428571429vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 1.9285714286vw;
    left: 0.3571428571vw;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 5.5vw;
    color: #000000;
    white-space: nowrap;
    margin-left: 3.5714285714vw;
    text-align: center;
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer {
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    width: 57.4285714286vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl {
    margin: 0.3571428571vw 0 5.3571428571vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p {
    position: relative;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 2.4285714286vw;
    letter-spacing: 0.05em;
    line-height: 0.8235294118em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p strong {
    top: 1.5714285714vw;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 2.1428571429vw;
    letter-spacing: 0.05em;
    line-height: 0.9333333333em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block {
    position: relative;
    width: 51.0714285714vw;
    margin: 0 auto 2.8571428571vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block:last-child {
    margin: 0 auto 6.5vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .img {
    position: relative;
    width: 15.7142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block {
    position: relative;
    top: -1.1428571429vw;
    margin: 0;
    width: 32.0714285714vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .num {
    position: relative;
    width: 4.7142857143vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt {
    position: relative;
    top: -0.5vw;
    left: 1.3571428571vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt p {
    color: #000000;
    font-weight: 500;
    font-size: 1.4285714286vw;
    letter-spacing: 0.074em;
    line-height: 1.05em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt {
    position: relative;
    left: 1vw;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content {
    position: relative;
    width: 88.1428571429vw;
    padding-top: 3.5714285714vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .bubble {
    position: relative;
    width: 66.8571428571vw;
    margin: 0 auto 2.2142857143vw;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area {
    position: relative;
    width: 42.5714285714vw;
    left: 1.1428571429vw;
    margin: 0 0 5.7142857143vw;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .flow .content .txt {
    position: relative;
    width: 57.8571428571vw;
    left: 4.9285714286vw;
    margin-bottom: 7vw;
  }
  body #contents #main_content .gradation_a .flow .content .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.4285714286vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area {
    position: relative;
    width: 80vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block {
    position: relative;
    overflow: hidden;
    width: 56.4285714286vw;
    margin-bottom: 4.2857142857vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) {
    left: 3.9285714286vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 7.8571428571vw;
    left: 0.5vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) {
    left: 11.7857142857vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#6ee296, #b8e644);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 0.5vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #22B200;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) {
    left: 19.6428571429vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffd052, #ffa254 65%, #ff9954);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 0.5vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #F48337;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) {
    left: 27.5vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffa68b, #ff8490);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 0.5vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #FF6279;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading.open .visual_block .ttl_area {
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 35.2857142857vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 13.5714285714vw;
    height: 15.7142857143vw;
    margin: 0;
    left: 0;
    transition-property: height;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    margin: 0 auto;
    padding: 4.5714285714vw 0 0vw;
    width: 8.7142857143vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area {
    position: relative;
    overflow: hidden;
    width: 42.8571428571vw;
    height: 15.7142857143vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl {
    position: relative;
    padding-left: 4.7857142857vw;
    padding-top: 2.5vw;
    margin-bottom: 1.7142857143vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 2vw;
    letter-spacing: 0.029em;
    line-height: 1.1428571429em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt {
    position: relative;
    width: 31.6428571429vw;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn {
    position: absolute;
    width: 9.2857142857vw;
    left: 12%;
    transform: translateX(-50%);
    bottom: 2vw;
    border: solid 1px #FFFFFF;
    border-radius: 2.1428571429vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area .btn {
    position: absolute;
    width: 1.7857142857vw;
    left: 0.3571428571vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area p {
    position: relative;
    width: 5.5vw;
    margin-left: 2.8571428571vw;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer {
    position: absolute;
    top: 15.7142857143vw;
    left: 13.5714285714vw;
    width: 42.8571428571vw;
    height: 19.6428571429vw;
    overflow: hidden;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl {
    position: relative;
    padding-top: 2.2857142857vw;
    left: 4.5vw;
    margin-bottom: 1.1428571429vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl p {
    color: #00B0BA;
    font-weight: 500;
    font-size: 1.7142857143vw;
    letter-spacing: 0.1em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    margin-bottom: 2.7142857143vw;
    width: 31.6428571429vw;
    left: 4.6428571429vw;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b {
    position: relative;
    width: 100%;
    padding-top: 0.7142857143vw;
    padding-bottom: 11.9285714286vw;
  }
  body #contents #main_content .gradation_b .decoration {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_b .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(1) {
    width: 157.1428571429vw;
    top: -70.4285714286vw;
    left: -132.5714285714vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(2) {
    width: 57.8571428571vw;
    top: 127vw;
    right: 28.4285714286vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(3) {
    width: 143.1428571429vw;
    top: 229.5714285714vw;
    left: -129.5714285714vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .recommendation {
    position: relative;
    width: 88.1428571429vw;
    margin: 0 auto;
    padding: 3.5714285714vw 0 12vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area {
    position: relative;
    width: 81.4285714286vw;
    margin: 0 auto 2.2142857143vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_a {
    position: relative;
    width: 39.8571428571vw;
    left: 39.4285714286vw;
    line-height: 0;
    top: -0.5714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_b {
    position: relative;
    width: 81.4285714286vw;
    margin-top: -0.5714285714vw;
    left: 0.7857142857vw;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area {
    position: relative;
    left: 1.1428571429vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block {
    position: relative;
    width: 51.7857142857vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl {
    position: relative;
    width: 51.7857142857vw;
    margin: 0 0 6.2142857143vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt {
    position: relative;
    width: 37.8571428571vw;
    left: 3.8571428571vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.4285714286vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .img {
    position: relative;
    width: 38.2857142857vw;
    transform: scale(1.05);
    top: 1.0714285714vw;
    left: -0.9285714286vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area {
    position: relative;
    width: 71.4285714286vw;
    margin: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block {
    position: relative;
    margin-bottom: 0.7857142857vw;
    padding-top: 3.5714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) {
    left: 7.1428571429vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 34.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .img_block {
    width: 22.5vw;
    top: -2.2142857143vw;
    left: -0.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .txt {
    width: 41vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d {
    margin-top: -0.6428571429vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .img_block {
    top: -2.2142857143vw;
    left: -0.6428571429vw;
    width: 22.5vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .txt_block {
    left: 20.5vw;
    top: 0.8571428571vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    width: 22.0714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) {
    left: 14.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 27.4285714286vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .img_block {
    top: -2.2142857143vw;
    left: -1.6428571429vw;
    width: 23.0714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block {
    top: 0.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block .txt {
    width: 41vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .img_block {
    top: -1.2857142857vw;
    left: -0.6428571429vw;
    width: 23.0714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .txt_block {
    top: 0.4285714286vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion {
    left: 1.1428571429vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading {
    position: relative;
    width: 100%;
    height: 20.7142857143vw;
    overflow: hidden;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    display: block;
    width: 44.2857142857vw;
    left: 0vw;
    padding: 4.2857142857vw 0 5vw;
    margin-bottom: 0;
    background-image: linear-gradient(90deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl {
    position: relative;
    width: 44.2857142857vw;
    margin: 0 auto 2.3571428571vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl p {
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 1.3571428571vw;
    letter-spacing: 0em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 24.7857142857vw;
    margin: 0 auto 2.5vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn {
    position: absolute;
    width: 12.1428571429vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5vw;
    border: solid 1px #000000;
    border-radius: 2.1428571429vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area .btn {
    position: absolute;
    width: 1.9285714286vw;
    left: 0.3571428571vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area p {
    position: relative;
    width: 5.5vw;
    margin-left: 3.5714285714vw;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 27.0714285714vw;
    height: 20.7142857143vw;
    left: -0.0714285714vw;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer {
    position: relative;
    top: -0.0714285714vw;
    left: 0vw;
    width: 100%;
    background-image: linear-gradient(270deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    width: 58.5714285714vw;
    margin: 0 auto 2.3571428571vw;
    padding-top: 3.2142857143vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.025em;
    line-height: 1.7777777778em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block {
    position: relative;
    overflow: hidden;
    width: 64.2857142857vw;
    margin: 0 auto 0vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_b .flex_block .img_block {
    left: -0.5714285714vw;
    width: 22.7142857143vw;
    top: -1.8571428571vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end {
    margin-bottom: 3.5714285714vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end .flex_block {
    padding-bottom: 3.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    padding: 4.4285714286vw 2.4285714286vw 0vw 0vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    position: absolute;
    width: 21.6428571429vw;
    top: -1.3571428571vw;
    left: 0.2142857143vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block {
    position: relative;
    width: 37.3571428571vw;
    left: 20.9285714286vw;
    margin-bottom: 6.2857142857vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl {
    position: relative;
    width: 41vw;
    margin-bottom: 1.1428571429vw;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 1.3571428571vw;
    letter-spacing: 0.1em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt {
    position: relative;
    width: 37.3571428571vw;
    padding-top: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content {
    position: relative;
    width: 87.3571428571vw;
    margin: 0 auto;
    padding-top: 3.5714285714vw;
  }
  body #contents #main_content .gradation_b .future .content .future_bubble {
    position: relative;
    width: 44.7857142857vw;
    margin: 0 auto 1.9285714286vw;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area {
    position: relative;
    width: 38.9285714286vw;
    margin: 0 auto 6.2857142857vw;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area h4 {
    margin: 0;
    text-align: center;
    color: #002A77;
    white-space: nowrap;
    font-weight: 400;
    font-size: 3.8571428571vw;
    letter-spacing: 0.03em;
    line-height: 1.2962962963em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block {
    position: relative;
    width: 26.4285714286vw;
    border-radius: 3.2142857143vw 3.2142857143vw 0 0;
    padding: 0vw 0vw 3.2857142857vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(2) .txt_block .ttl p {
    color: #26B4FF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .txt_block .ttl p {
    color: #FF65A6;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block {
    margin: 4.8571428571vw auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block .ttl {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .img {
    position: relative;
    width: 26.4285714286vw;
    margin-bottom: 2.3571428571vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block {
    position: relative;
    width: 22.2857142857vw;
    margin: 0 auto 2.2857142857vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 0.7142857143vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl p {
    color: #00BA73;
    font-weight: 500;
    font-size: 1.2142857143vw;
    letter-spacing: 0.1em;
    line-height: 1.2941176471em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt {
    position: relative;
    width: 21.4285714286vw;
    left: 0.5vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block {
    position: relative;
    width: 22.2857142857vw;
    margin: 2.6428571429vw auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .ttl {
    position: relative;
    margin-bottom: 0.3571428571vw;
    width: 22.2857142857vw;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt {
    position: relative;
    width: 21.4285714286vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c {
    position: relative;
    width: 100%;
    z-index: 4;
    overflow: hidden;
    padding-bottom: 17.2142857143vw;
  }
  body #contents #main_content .gradation_c::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_c.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_c .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_c .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(1) {
    width: 156.2142857143vw;
    top: -46.4285714286vw;
    right: -6.4285714286vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(2) {
    width: 152.8571428571vw;
    top: 119.5714285714vw;
    left: -150.7857142857vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .real {
    position: relative;
    width: 85.5714285714vw;
    margin: 0 auto;
    padding: 15.6428571429vw 0 0vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area {
    padding-top: 3.5714285714vw;
    margin-bottom: 6.7857142857vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl {
    position: relative;
    width: 65.8571428571vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b {
    position: relative;
    width: 71.5714285714vw;
    margin-bottom: 5.7142857143vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt {
    position: relative;
    left: 3.5714285714vw;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.5714285714vw;
    letter-spacing: 0.01em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area {
    position: relative;
    left: 2.8571428571vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block {
    position: relative;
    padding-top: 3.5714285714vw;
    margin-bottom: 0.5714285714vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block.left {
    left: 18.8571428571vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion {
    position: relative;
    width: 60vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading {
    line-height: 0;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 21.4285714286vw;
    left: 0vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 38.5714285714vw;
    height: 15.7142857143vw;
    margin: 0;
    padding-top: 0;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area.md .ttl {
    padding-top: 2.3571428571vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .num {
    position: absolute;
    top: -1.4285714286vw;
    right: -1.4285714286vw;
    width: 11.1428571429vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 25vw;
    left: 3.2142857143vw;
    padding-top: 3.4285714286vw;
    margin-bottom: 0.7857142857vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 1.7142857143vw;
    letter-spacing: 0.04em;
    line-height: 1.6666666667em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name {
    position: relative;
    left: 3.2142857143vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p {
    color: #000000;
    font-weight: 400;
    font-size: 1.4285714286vw;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p small {
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.04em;
    line-height: 2.5em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 9.2857142857vw;
    left: auto;
    right: 1.7142857143vw;
    transform: translateX(0);
    top: 11.4285714286vw;
    bottom: auto;
    border: solid 1px #000000;
    border-radius: 2.1428571429vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 1.7857142857vw;
    left: 0.3571428571vw;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 5.5vw;
    margin-left: 2.8571428571vw;
    text-align: center;
    color: #000000;
    white-space: nowrap;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt {
    padding: 2.8571428571vw 3.9285714286vw 2.5vw;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d {
    position: relative;
    width: 100%;
    padding-bottom: 9.6428571429vw;
  }
  body #contents #main_content .gradation_d .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_d .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_d .decoration .img:nth-child(1) {
    width: 195vw;
    top: -60.4285714286vw;
    right: 40.4285714286vw;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_d .support {
    position: relative;
    width: 85.5714285714vw;
    margin: 0 auto;
    padding-bottom: 12vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area {
    position: relative;
    padding-top: 11.1428571429vw;
    margin-bottom: 10.6428571429vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl {
    position: relative;
    width: 55.5vw;
    margin-bottom: 0vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b {
    position: relative;
    width: 31.2142857143vw;
    margin-bottom: 5.7142857143vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt {
    position: relative;
    left: 3.6428571429vw;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.4285714286vw;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .support .support_area {
    position: relative;
    width: 71.4285714286vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block {
    position: relative;
    margin: 0 auto 10.0714285714vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block {
    left: 2.2857142857vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl {
    justify-content: flex-end;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl p {
    text-align: right;
    margin-left: -0.2857142857vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .img_area .headline {
    width: 20vw;
    top: -4.1428571429vw;
    left: auto;
    right: -3.5vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(3) .flex_block .img_area .headline {
    width: 10.4285714286vw;
    left: -4.4285714286vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .headline {
    position: absolute;
    width: 10.2142857143vw;
    top: -4.4285714286vw;
    left: -5.7857142857vw;
    z-index: 3;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .img {
    position: relative;
    width: 32.1428571429vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block {
    position: relative;
    width: 34vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl {
    position: relative;
    top: -0.6428571429vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.1428571429vw;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 4.6428571429vw;
    height: 7.2857142857vw;
    background: url(/kokusaisho/assets/img/diagonal.svg) top center no-repeat;
    background-size: cover;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl p {
    position: relative;
    margin-left: 1.7857142857vw;
    color: #000000;
    text-align: left;
    font-weight: 500;
    font-size: 2.2857142857vw;
    letter-spacing: 0.01em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.2857142857vw;
    letter-spacing: 0.01em;
    line-height: 2.2222222222em;
  }
  body #contents #main_content .gradation_d .teacher {
    position: relative;
    width: 85.5714285714vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content {
    position: relative;
    width: 79.9285714286vw;
    margin: 0 auto;
    padding-top: 3.5714285714vw;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl {
    position: relative;
    width: 37.7142857143vw;
    margin: 0 auto 7.7857142857vw;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block {
    position: relative;
    width: 23.5714285714vw;
    background-color: #D9F5F6;
    padding: 1.3571428571vw 0vw 2.8571428571vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .img {
    position: relative;
    width: 20.8571428571vw;
    margin: 0 auto 1.3571428571vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block {
    width: 20.8571428571vw;
    margin: 0 auto 1.1428571429vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .ttl {
    position: relative;
    width: 10.5714285714vw;
    left: -6.5vw;
    margin-bottom: 0.0714285714vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt p {
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: -0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl {
    position: relative;
    width: 19.2142857143vw;
    margin: 0 auto 1.5vw;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 1.8571428571vw;
    letter-spacing: 0.01em;
    line-height: 1.2307692308em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt {
    position: relative;
    width: 19.2142857143vw;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 1.1428571429vw;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_e {
    position: relative;
    width: 100%;
    height: auto;
  }
  body #contents #main_content .gradation_e::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_e.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_e .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_e .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(1) {
    width: 88.1428571429vw;
    top: -1.4285714286vw;
    left: 1.4285714286vw;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(2) {
    width: 88.1428571429vw;
    top: -1.4285714286vw;
    left: 1.4285714286vw;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(3) {
    width: 88.1428571429vw;
    top: -1.4285714286vw;
    left: 1.4285714286vw;
  }
  body #contents #main_content .gradation_e .review {
    padding: 8.2857142857vw 0 13.7857142857vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area {
    padding-top: 3.5714285714vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .sub_ttl {
    position: relative;
    width: 20.3571428571vw;
    margin: 0 auto 0.5vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl {
    position: relative;
    margin-bottom: 4.2857142857vw;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl h3 {
    margin: 0;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 2.8571428571vw;
    letter-spacing: 0.03em;
    line-height: 1.6em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area {
    position: relative;
    width: 73.7142857143vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block {
    position: relative;
    width: 35.7142857143vw;
    margin-bottom: 2.2857142857vw;
    padding: 1.8571428571vw 0vw 2.7142857143vw;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl {
    width: 27.1428571429vw;
    position: relative;
    margin: 0 auto 1.7857142857vw;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 400;
    font-size: 1.7142857143vw;
    letter-spacing: 0.02em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl {
    width: 26.1428571429vw;
    position: relative;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 500;
    font-size: 2.7142857143vw;
    letter-spacing: 0.024em;
    line-height: 1.0526315789em;
  }
  body #contents #main_content #footer {
    position: relative;
    background-color: #FBFBFB;
    padding: 3.0714285714vw 0 11.7142857143vw;
    overflow: hidden;
    z-index: 2;
  }
  body #contents #main_content #footer .ttl {
    position: relative;
    width: 27.5vw;
    margin: 0 auto 2.2857142857vw;
  }
  body #contents #main_content #footer .ttl img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content #footer .flex_area {
    position: relative;
    width: 79.7142857143vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content #footer .flex_area .link {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    width: 37.8571428571vw;
    background-image: linear-gradient(270deg, #00b9eb, #0062e9 64%, #003bff);
  }
  body #contents #main_content #footer .flex_area .link:hover {
    opacity: 0.8;
  }
  body #contents #main_content #footer .flex_area .link.small a {
    font-weight: 600;
    font-size: 2.8571428571vw;
    letter-spacing: 0em;
    line-height: 1.5em;
  }
  body #contents #main_content #footer .flex_area .link a {
    position: relative;
    display: block;
    padding: 2vw 0 2.3571428571vw;
    width: 37.8571428571vw;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 3.4285714286vw;
    letter-spacing: 0.1em;
    line-height: 1.25em;
  }
  body #contents #main_content #footer .note {
    position: absolute;
    bottom: 0.7142857143vw;
    right: 0vw;
  }
  body #contents #main_content #footer .note p {
    color: #002A77;
    font-weight: 400;
    font-size: 0.9285714286vw;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media print {
  .sp_view {
    display: none !important;
  }
  .pc_view {
    display: block;
  }
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
         print-color-adjust: exact;
  }
  body {
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body .ot-sdk-show-settings {
    display: none;
  }
  body #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  body #contents {
    position: relative;
    background-color: #FBFBFB;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 100%;
    overflow: hidden;
  }
  body #contents #op {
    position: absolute;
    width: 100%;
    top: 111px;
    height: calc(100lvh - 111px);
    z-index: 9998;
    opacity: 1;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #op.on {
    opacity: 1;
  }
  body #contents #op.off {
    opacity: 0;
    pointer-events: none;
  }
  body #contents #op .bg {
    position: relative;
    width: 100%;
    height: calc(100lvh - 111px);
    opacity: 1;
  }
  body #contents #op .bg img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #op .ttl {
    position: absolute;
    width: 100%;
    height: calc(100lvh - 111px);
    top: 0;
    left: 0;
    opacity: 0;
  }
  body #contents #op .ttl img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents .header {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents .header .header_block {
    overflow-x: hidden;
  }
  body #contents .header .header_block .nav_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 111px;
    max-height: 111px;
  }
  body #contents .header .header_block .nav_head .logo {
    position: relative;
    width: 224px;
    padding-left: 33px;
    max-width: 224px;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body #contents .header .header_block .nav_head .logo:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .logo a {
    display: inline-block;
  }
  body #contents .header .header_block .nav_head .menu_btn {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    top: 4px;
    padding-right: 26px;
    width: 50px;
    max-width: 50px;
    height: 53px;
    max-height: 53px;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn:hover {
    opacity: 0.8;
  }
  body #contents .header .header_block .nav_head .menu_btn .bar {
    position: relative;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #002A77;
    margin-bottom: 8px;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_top {
    transform: translate(0%, 18px) rotate(35deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_middle {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn.on .bar_bottom {
    transform: translate(0%, -2px) rotate(145deg);
  }
  body #contents .header .header_block .nav_head .menu_btn.on p {
    opacity: 0;
  }
  body #contents .header .header_block .nav_head .menu_btn p {
    position: relative;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    margin-top: 7px;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.1875em;
  }
  body #contents .header .header_block .menu {
    position: absolute;
    align-items: center;
    width: 650px;
    height: 100lvh;
    top: 0px;
    right: -650px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    z-index: -9;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none;
  }
  body #contents .header .header_block .menu.on {
    pointer-events: all;
    z-index: 9;
    opacity: 1;
    right: 0px;
  }
  body #contents .header .header_block .menu.on .menu_bg {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
  }
  body #contents .header .header_block .menu.on .menu_content {
    transition-delay: 0.3s;
    opacity: 1;
  }
  body #contents .header .header_block .menu .menu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 650px;
    height: 898px;
    background-color: #F2FDFF;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents .header .header_block .menu .menu_content {
    position: relative;
    height: 100lvh;
    z-index: 2;
    display: block;
    transition: all 0.3s cubic-bezier(0.64, 0, 0.78, 0);
    opacity: 0;
  }
  body #contents .header .header_block .menu .menu_content .menu_ttl {
    position: relative;
    padding-top: 40px;
    margin-bottom: 44px;
    left: 0px;
    width: 173px;
    background-color: #F2FDFF;
  }
  body #contents .header .header_block .menu .menu_content .nav {
    position: relative;
    height: calc(100lvh - 112px);
    padding-left: 42px;
  }
  body #contents .header .header_block .menu .menu_content .nav .simplebar-content {
    background-color: #F2FDFF;
    padding-bottom: 60px !important;
  }
  body #contents .header .header_block .menu .menu_content .nav ul {
    position: relative;
    overflow: hidden;
    width: 583px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li {
    position: relative;
    margin-bottom: 30px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li.sp_view {
    display: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(1) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.004em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(2) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) {
    margin-bottom: 10px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(3) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(4) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) {
    margin-bottom: 5px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(5) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) {
    margin-bottom: 3px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(6) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) {
    margin-bottom: 12px;
    left: 9px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(7) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(8) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) {
    margin-bottom: 3px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(9) .anchor_link {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) {
    margin-bottom: 5px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(10) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(11) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(12) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) {
    margin-bottom: 4px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(13) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) {
    margin-bottom: 11px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.75em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(14) .anchor_link::after {
    content: none;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(15) {
    margin-bottom: 13px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(16) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(17) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(18) {
    margin-bottom: 12px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li:nth-child(20) {
    margin-bottom: 0px;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #002A77;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.05em;
    line-height: 1.6470588235em;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
    right: -26px;
    background: url(/kokusaisho/assets/img/arw.svg) top center/100% 100% no-repeat;
  }
  body #contents .header .header_block .menu .menu_content .nav ul li .anchor_link small {
    position: relative;
    top: 2px;
    vertical-align: top;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.64, 0, 0.78, 0);
    overflow: hidden;
    background-color: #FBFBFB;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .decoration {
    pointer-events: none;
  }
  body #contents #main_content section {
    position: relative;
    z-index: 2;
  }
  body #contents #main_content .acordion {
    position: relative;
  }
  body #contents #main_content .acordion .acordion_btn {
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10;
  }
  body #contents #main_content .acordion .acordion_btn:hover {
    opacity: 0.8;
  }
  body #contents #main_content .acordion .acordion_btn.open .btn_area .btn img {
    transform: rotate(180deg);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn {
    line-height: 0;
  }
  body #contents #main_content .acordion .acordion_btn .btn_area .btn img {
    transform-origin: center;
    line-height: 0;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content .acordion .acordion_btn .btn_area p {
    top: -1px;
  }
  body #contents #main_content .tf h2 {
    margin: 0;
    line-height: 0;
    transition: all 0.6s cubic-bezier(0.75, 0, 0.85, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  body #contents #main_content .tf h2.on {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  body #contents #main_content #fv .content {
    padding: 111px 0 0;
  }
  body #contents #main_content #fv .content .fv_img {
    position: relative;
    width: 100%;
    margin: 0;
  }
  body #contents #main_content #fv .content .note {
    position: relative;
    margin: -2px auto 0;
  }
  body #contents #main_content #fv .content .note p {
    text-align: right;
    color: #002A77;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
  body #contents #main_content #about {
    position: relative;
    width: 100%;
    max-width: 1401px;
    margin: 0 auto;
  }
  body #contents #main_content #about .content {
    position: relative;
    width: 100%;
    height: 1040px;
    padding: 124px 0px 63px;
  }
  body #contents #main_content #about .content h3 {
    position: absolute;
    top: 50.4%;
    left: 48.4%;
    width: 624px;
    transform: translate(-50%, -50%);
  }
  body #contents #main_content #about .content .pc_img_block .img {
    position: absolute;
    z-index: 2;
    transition: all 1s cubic-bezier(0.45, 0, 0.55, 1);
  }
  body #contents #main_content #about .content .pc_img_block .img img {
    opacity: 0;
    filter: blur(10px);
    transition: all 0.7s cubic-bezier(0.64, 0, 0.78, 0);
  }
  body #contents #main_content #about .content .pc_img_block .img.r {
    transform: translate(-15px, 15px);
  }
  body #contents #main_content #about .content .pc_img_block .img.l {
    transform: translate(15px, -15px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r {
    transform: translate(0px, 0px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_r img {
    filter: blur(0px);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l {
    opacity: 1;
    transform: translate(0px, 0px);
  }
  body #contents #main_content #about .content .pc_img_block .img.on_l img {
    filter: blur(0px);
    opacity: 1;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(1) {
    width: 680px;
    top: 9.5%;
    left: 17.5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(2) {
    width: 230px;
    top: 15.5%;
    left: 3%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(3) {
    width: 384px;
    top: 37%;
    left: 0%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(4) {
    width: 416px;
    top: 69%;
    left: 14%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(5) {
    width: 544px;
    top: 60%;
    right: 26%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(6) {
    width: 300px;
    top: 45.5%;
    right: 5%;
  }
  body #contents #main_content #about .content .pc_img_block .img:nth-child(7) {
    width: 526px;
    top: 12.5%;
    right: 0%;
  }
  body #contents #main_content .gradation_a {
    padding-bottom: 211px;
  }
  body #contents #main_content .gradation_a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_a.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_a .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_a .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(1) {
    width: 1844px;
    top: -628px;
    right: -22px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(2) {
    width: 2360px;
    top: 1464px;
    left: -2092px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .decoration .img:nth-child(3) {
    width: 2180px;
    top: 2876px;
    right: -106px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_a .faculty .content {
    position: relative;
    width: 1234px;
    margin: 0 auto;
    padding: 84px 0px 102px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area {
    position: relative;
    width: 874px;
    padding-top: 50px;
    margin: 0 auto 72px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area h2 {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl {
    position: absolute;
    transform: translate(4%, -82%);
    top: 50%;
    left: 50%;
    width: 352px;
  }
  body #contents #main_content .gradation_a .faculty .content .ttl_area .sub_ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system {
    position: relative;
    width: 756px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block {
    position: relative;
    width: 756px;
    margin: 0 auto 34px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl {
    position: relative;
    width: 100%;
    background-color: #51C3FF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p {
    position: relative;
    left: 8px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 23px;
    letter-spacing: 0.05em;
    line-height: 2.0434782609em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .ttl p strong {
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 1.7692307692em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block {
    position: relative;
    width: 581px;
    left: -5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 33px;
    padding: 24px 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block {
    position: relative;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.s_txt_block {
    top: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block.sy_txt_block {
    top: -3px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt.s_txt {
    margin-bottom: 6px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .txt_block .txt p small {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .block .flex_block .img {
    position: relative;
    line-height: 0;
    width: 206px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .arw {
    position: relative;
    width: 94px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block {
    position: relative;
    width: 936px;
    left: -12%;
    margin: 22px auto 0;
    padding-bottom: 24px;
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .evolution {
    position: absolute;
    width: 188px;
    top: -54px;
    left: -77px;
    z-index: 3;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p {
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 2.0588235294em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .ttl p strong {
    position: relative;
    margin-right: 6px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block {
    position: relative;
    width: 900px;
    padding: 40px 0 65px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-image: linear-gradient(#ffffff, #ffffff 85%, rgba(255, 255, 255, 0.8509803922));
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block {
    position: relative;
    width: 242px;
    top: 33px;
    margin-left: 58px;
    margin-right: 25px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small {
    top: 36px;
    margin-left: 0px;
    margin-right: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl {
    margin-bottom: 25px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block.small .ttl p small {
    position: relative;
    top: -10px;
    vertical-align: top;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0em;
    line-height: 2.4em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .ttl p {
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 10px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(3)::before {
    background-color: #9FEAFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt:nth-child(4)::before {
    background-color: #FFD2EF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt::before {
    content: "";
    position: relative;
    display: block;
    top: 2px;
    left: 0;
    margin-left: 3px;
    margin-right: 9px;
    width: 5px;
    height: 20px;
    background-color: #B5F0DE;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p {
    position: relative;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.074em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .txt p small {
    position: relative;
    top: -8px;
    vertical-align: top;
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 0em;
    line-height: 2.6666666667em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .txt_block .img img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .flex_block .img {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    width: 250px;
    margin-right: 47px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .decoration {
    position: absolute;
    z-index: 3;
    width: 95px;
    top: 338px;
    left: 45%;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion {
    position: relative;
    width: 900px;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading {
    padding: 72px 0px 84px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block {
    position: relative;
    width: 804px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block {
    width: 239px;
    margin-left: 9px;
    margin-right: 36px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block.small {
    margin-left: 0px;
    margin-right: 0px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl {
    position: relative;
    top: 10px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt {
    position: relative;
    top: 5px;
    left: 6px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_txt_block .ac_txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .ac_flex_block .ac_img {
    position: relative;
    width: 250px;
    margin-right: 32px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 170px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 22px;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 27px;
    left: 5px;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    color: #000000;
    white-space: nowrap;
    margin-left: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer {
    width: 100%;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    width: 804px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl {
    margin: 5px 0 75px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p {
    position: relative;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 0.8235294118em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .ttl p strong {
    top: 22px;
    color: #DAA5FF;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 0.9333333333em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block {
    position: relative;
    width: 715px;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block:last-child {
    margin: 0 auto 91px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .img {
    position: relative;
    width: 220px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block {
    position: relative;
    top: -16px;
    margin: 0;
    width: 449px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .num {
    position: relative;
    width: 66px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt {
    position: relative;
    top: -7px;
    left: 19px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .ttl .txt p {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.074em;
    line-height: 1.05em;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt {
    position: relative;
    left: 14px;
  }
  body #contents #main_content .gradation_a .faculty .content .system .evolution_block .acordion .acordion_outer .acordion_contents .step_block .step_txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content {
    position: relative;
    width: 1234px;
    padding-top: 50px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_a .flow .content .bubble {
    position: relative;
    width: 936px;
    margin: 0 auto 31px;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area {
    position: relative;
    width: 596px;
    left: 16px;
    margin: 0 0 80px;
  }
  body #contents #main_content .gradation_a .flow .content .ttl_area h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_a .flow .content .txt {
    position: relative;
    width: 810px;
    left: 69px;
    margin-bottom: 98px;
  }
  body #contents #main_content .gradation_a .flow .content .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area {
    position: relative;
    width: 1120px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block {
    position: relative;
    overflow: hidden;
    width: 790px;
    margin-bottom: 60px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) {
    left: 55px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(1) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 110px;
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) {
    left: 165px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#6ee296, #b8e644);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(2) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #22B200;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) {
    left: 275px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffd052, #ffa254 65%, #ff9954);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(3) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #F48337;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) {
    left: 385px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(#ffa68b, #ff8490);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    left: 7px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block:nth-child(4) .acordion .acordion_outer .acordion_contents .ttl p {
    color: #FF6279;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion {
    position: relative;
    width: 100%;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading.open .visual_block .ttl_area {
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 494px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 190px;
    height: 220px;
    margin: 0;
    left: 0;
    transition-property: height;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    background-image: linear-gradient(#4dd9e2, #7de2a0);
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    margin: 0 auto;
    padding: 64px 0 0px;
    width: 122px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area {
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 220px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl {
    position: relative;
    padding-left: 67px;
    padding-top: 35px;
    margin-bottom: 24px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.029em;
    line-height: 1.1428571429em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt {
    position: relative;
    width: 443px;
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .txt_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn {
    position: absolute;
    width: 130px;
    left: 12%;
    transform: translateX(-50%);
    bottom: 28px;
    border: solid 1px #FFFFFF;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area .btn {
    position: absolute;
    width: 25px;
    left: 5px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_heading .visual_block .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 40px;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer {
    position: absolute;
    top: 220px;
    left: 190px;
    width: 600px;
    height: 275px;
    overflow: hidden;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl {
    position: relative;
    padding-top: 32px;
    left: 63px;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .ttl p {
    color: #00B0BA;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    margin-bottom: 38px;
    width: 443px;
    left: 65px;
  }
  body #contents #main_content .gradation_a .flow .content .flow_area .annual_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b {
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 167px;
  }
  body #contents #main_content .gradation_b .decoration {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_b .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(1) {
    width: 2200px;
    top: -986px;
    left: -1856px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(2) {
    width: 810px;
    top: 1778px;
    right: 398px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .decoration .img:nth-child(3) {
    width: 2004px;
    top: 3214px;
    left: -1814px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_b .recommendation {
    position: relative;
    width: 1234px;
    margin: 0 auto;
    padding: 50px 0 168px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area {
    position: relative;
    width: 1140px;
    margin: 0 auto 31px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_a {
    position: relative;
    width: 558px;
    left: 552px;
    line-height: 0;
    top: -8px;
  }
  body #contents #main_content .gradation_b .recommendation .content .bubble_area .bubble_b {
    position: relative;
    width: 1140px;
    margin-top: -8px;
    left: 11px;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area {
    position: relative;
    left: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 42px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block {
    position: relative;
    width: 725px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl {
    position: relative;
    width: 725px;
    margin: 0 0 87px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt {
    position: relative;
    width: 530px;
    left: 54px;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .recommendation .content .ttl_area .img {
    position: relative;
    width: 536px;
    transform: scale(1.05);
    top: 15px;
    left: -13px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area {
    position: relative;
    width: 1000px;
    margin: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block {
    position: relative;
    margin-bottom: 11px;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) {
    left: 100px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 480px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #CCEEFF, #96E8FF);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .img_block {
    width: 315px;
    top: -31px;
    left: -4px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_c .flex_block .txt {
    width: 574px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d {
    margin-top: -9px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .img_block {
    top: -31px;
    left: -9px;
    width: 315px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_d .flex_block .txt_block {
    left: 287px;
    top: 12px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(2) .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    width: 309px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) {
    left: 200px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area {
    background-image: linear-gradient(90deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_heading .visual_block .ttl_area .ttl {
    width: 384px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer {
    background-image: linear-gradient(270deg, #ffe0ff, #ffc9ec);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .img_block {
    top: -31px;
    left: -23px;
    width: 323px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block {
    top: 4px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_e .txt_block .txt {
    width: 574px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .img_block {
    top: -18px;
    left: -9px;
    width: 323px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block:nth-child(3) .acordion .acordion_outer .acordion_contents .explanation_block.explanation_f .txt_block {
    top: 6px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion {
    left: 16px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading {
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    display: block;
    width: 620px;
    left: 0px;
    padding: 60px 0 70px;
    margin-bottom: 0;
    background-image: linear-gradient(90deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl {
    position: relative;
    width: 620px;
    margin: 0 auto 33px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .sub_ttl p {
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 347px;
    margin: 0 auto 35px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn {
    position: absolute;
    width: 170px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area .btn {
    position: absolute;
    width: 27px;
    left: 5px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .ttl_area .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 50px;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.022em;
    line-height: 2.1111111111em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 379px;
    height: 290px;
    left: -1px;
    line-height: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer {
    position: relative;
    top: -1px;
    left: 0px;
    width: 100%;
    background-image: linear-gradient(270deg, #d1ffe9, #92f7d0);
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt {
    position: relative;
    width: 820px;
    margin: 0 auto 33px;
    padding-top: 45px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 1.7777777778em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block {
    position: relative;
    overflow: hidden;
    width: 900px;
    margin: 0 auto 0px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.explanation_b .flex_block .img_block {
    left: -8px;
    width: 318px;
    top: -26px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end {
    margin-bottom: 50px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block.end .flex_block {
    padding-bottom: 46px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    padding: 62px 34px 0px 0px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .img_block {
    position: absolute;
    width: 303px;
    top: -19px;
    left: 3px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block {
    position: relative;
    width: 523px;
    left: 293px;
    margin-bottom: 88px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl {
    position: relative;
    width: 574px;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0.1em;
    line-height: 1.1578947368em;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt {
    position: relative;
    width: 523px;
    padding-top: 0;
  }
  body #contents #main_content .gradation_b .recommendation .content .course_area .course_block .acordion .acordion_outer .acordion_contents .explanation_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content {
    position: relative;
    width: 1223px;
    margin: 0 auto;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_b .future .content .future_bubble {
    position: relative;
    width: 627px;
    margin: 0 auto 27px;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area {
    position: relative;
    width: 545px;
    margin: 0 auto 88px;
  }
  body #contents #main_content .gradation_b .future .content .ttl_area h4 {
    margin: 0;
    text-align: center;
    color: #002A77;
    white-space: nowrap;
    font-weight: 400;
    font-size: 54px;
    letter-spacing: 0.03em;
    line-height: 1.2962962963em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block {
    position: relative;
    width: 370px;
    border-radius: 45px 45px 0 0;
    padding: 0px 0px 46px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(2) .txt_block .ttl p {
    color: #26B4FF;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .txt_block .ttl p {
    color: #FF65A6;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block {
    margin: 68px auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block:nth-child(3) .point_block .ttl {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .img {
    position: relative;
    width: 370px;
    margin-bottom: 33px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block {
    position: relative;
    width: 312px;
    margin: 0 auto 32px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl {
    position: relative;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 10px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .ttl p {
    color: #00BA73;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.2941176471em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt {
    position: relative;
    width: 300px;
    left: 7px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block {
    position: relative;
    width: 312px;
    margin: 37px auto 0;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .ttl {
    position: relative;
    margin-bottom: 5px;
    width: 312px;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt {
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_b .future .content .flex_area .field_block .point_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c {
    position: relative;
    width: 100%;
    z-index: 4;
    overflow: hidden;
    padding-bottom: 241px;
  }
  body #contents #main_content .gradation_c::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_c.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_c .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_c .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(1) {
    width: 2187px;
    top: -650px;
    right: -90px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .decoration .img:nth-child(2) {
    width: 2140px;
    top: 1674px;
    left: -2111px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_c .real {
    position: relative;
    width: 1198px;
    margin: 0 auto;
    padding: 219px 0 0px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area {
    padding-top: 50px;
    margin-bottom: 95px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl {
    position: relative;
    width: 922px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b {
    position: relative;
    width: 1002px;
    margin-bottom: 80px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt {
    position: relative;
    left: 50px;
  }
  body #contents #main_content .gradation_c .real .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 1.8181818182em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area {
    position: relative;
    left: 40px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block {
    position: relative;
    padding-top: 50px;
    margin-bottom: 8px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block.left {
    left: 264px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion {
    position: relative;
    width: 840px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading {
    line-height: 0;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img {
    position: relative;
    width: 300px;
    left: 0px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area {
    position: relative;
    width: 540px;
    height: 220px;
    margin: 0;
    padding-top: 0;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area.md .ttl {
    padding-top: 33px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .num {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 156px;
    z-index: 3;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl {
    position: relative;
    width: 350px;
    left: 45px;
    padding-top: 48px;
    margin-bottom: 11px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.6666666667em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name {
    position: relative;
    left: 45px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .visual_block .ttl_area .name p small {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 2.5em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn {
    position: absolute;
    width: 130px;
    left: auto;
    right: 24px;
    transform: translateX(0);
    top: 160px;
    bottom: auto;
    border: solid 1px #000000;
    border-radius: 30px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area .btn {
    position: absolute;
    width: 25px;
    left: 5px;
    transform: rotate(180deg);
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_heading .acordion_btn .btn_area p {
    position: relative;
    width: 77px;
    margin-left: 40px;
    text-align: center;
    color: #000000;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2.1875em;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents {
    position: relative;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt {
    padding: 40px 55px 35px;
  }
  body #contents #main_content .gradation_c .real .content .scene_area .scene_block .acordion .acordion_outer .acordion_contents .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d {
    position: relative;
    width: 100%;
    padding-bottom: 135px;
  }
  body #contents #main_content .gradation_d .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_d .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_d .decoration .img:nth-child(1) {
    width: 2730px;
    top: -846px;
    right: 566px;
    transform: translateX(50%);
  }
  body #contents #main_content .gradation_d .support {
    position: relative;
    width: 1198px;
    margin: 0 auto;
    padding-bottom: 168px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area {
    position: relative;
    padding-top: 156px;
    margin-bottom: 149px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl {
    position: relative;
    width: 777px;
    margin-bottom: 0px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b {
    position: relative;
    width: 437px;
    margin-bottom: 80px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .ttl_b h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt {
    position: relative;
    left: 51px;
  }
  body #contents #main_content .gradation_d .support .content .ttl_area .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .support .support_area {
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block {
    position: relative;
    margin: 0 auto 141px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:last-child {
    margin-bottom: 0;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block {
    left: 32px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl {
    justify-content: flex-end;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .txt_block .ttl p {
    text-align: right;
    margin-left: -4px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(2) .flex_block .img_area .headline {
    width: 280px;
    top: -58px;
    left: auto;
    right: -49px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block:nth-child(3) .flex_block .img_area .headline {
    width: 146px;
    left: -62px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .headline {
    position: absolute;
    width: 143px;
    top: -62px;
    left: -81px;
    z-index: 3;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .img_area .img {
    position: relative;
    width: 450px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block {
    position: relative;
    width: 476px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl {
    position: relative;
    top: -9px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl::before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 65px;
    height: 102px;
    background: url(/kokusaisho/assets/img/diagonal.svg) top center no-repeat;
    background-size: cover;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .ttl p {
    position: relative;
    margin-left: 25px;
    color: #000000;
    text-align: left;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 0.01em;
    line-height: 1.75em;
  }
  body #contents #main_content .gradation_d .support .support_area .support_block .flex_block .txt_block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 2.2222222222em;
  }
  body #contents #main_content .gradation_d .teacher {
    position: relative;
    width: 1198px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content {
    position: relative;
    width: 1119px;
    margin: 0 auto;
    padding-top: 50px;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl {
    position: relative;
    width: 528px;
    margin: 0 auto 109px;
  }
  body #contents #main_content .gradation_d .teacher .content .ttl_area .ttl h2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block {
    position: relative;
    width: 330px;
    background-color: #D9F5F6;
    padding: 19px 0px 40px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .img {
    position: relative;
    width: 292px;
    margin: 0 auto 19px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block {
    width: 292px;
    margin: 0 auto 16px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .ttl {
    position: relative;
    width: 148px;
    left: -91px;
    margin-bottom: 1px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .field_block .txt p {
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl {
    position: relative;
    width: 269px;
    margin: 0 auto 21px;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .ttl p {
    color: #000000;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.01em;
    line-height: 1.2307692308em;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt {
    position: relative;
    width: 269px;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_d .teacher .content .flex_area .block .txt p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 2em;
  }
  body #contents #main_content .gradation_e {
    position: relative;
    width: 100%;
    height: auto;
  }
  body #contents #main_content .gradation_e::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/kokusaisho/assets/img/gradation_e.png) top center/100% 100% no-repeat;
  }
  body #contents #main_content .gradation_e .decoration {
    position: absolute;
    width: 100%;
    pointer-events: none;
  }
  body #contents #main_content .gradation_e .decoration .img {
    position: absolute;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(1) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(2) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .decoration .img:nth-child(3) {
    width: 1234px;
    top: -20px;
    left: 20px;
  }
  body #contents #main_content .gradation_e .review {
    padding: 116px 0 193px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area {
    padding-top: 50px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .sub_ttl {
    position: relative;
    width: 285px;
    margin: 0 auto 7px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl {
    position: relative;
    margin-bottom: 60px;
  }
  body #contents #main_content .gradation_e .review .content .ttl_area .ttl h3 {
    margin: 0;
    color: #002A77;
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.03em;
    line-height: 1.6em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area {
    position: relative;
    width: 1032px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block {
    position: relative;
    width: 500px;
    margin-bottom: 32px;
    padding: 26px 0px 38px;
    background-color: #FFFFFF;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl {
    width: 380px;
    position: relative;
    margin: 0 auto 25px;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .sub_ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.1666666667em;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl {
    width: 366px;
    position: relative;
    margin: 0 auto;
  }
  body #contents #main_content .gradation_e .review .content .flex_area .block .ttl p {
    color: #00A0A8;
    text-align: center;
    font-weight: 500;
    font-size: 38px;
    letter-spacing: 0.024em;
    line-height: 1.0526315789em;
  }
  body #contents #main_content #footer {
    position: relative;
    background-color: #FBFBFB;
    padding: 43px 0 164px;
    overflow: hidden;
    z-index: 2;
  }
  body #contents #main_content #footer .ttl {
    position: relative;
    width: 385px;
    margin: 0 auto 32px;
  }
  body #contents #main_content #footer .ttl img {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  body #contents #main_content #footer .flex_area {
    position: relative;
    width: 1116px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body #contents #main_content #footer .flex_area .link {
    position: relative;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    width: 530px;
    background-image: linear-gradient(270deg, #00b9eb, #0062e9 64%, #003bff);
  }
  body #contents #main_content #footer .flex_area .link:hover {
    opacity: 0.8;
  }
  body #contents #main_content #footer .flex_area .link.small a {
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0em;
    line-height: 1.5em;
  }
  body #contents #main_content #footer .flex_area .link a {
    position: relative;
    display: block;
    padding: 28px 0 33px;
    width: 530px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 48px;
    letter-spacing: 0.1em;
    line-height: 1.25em;
  }
  body #contents #main_content #footer .note {
    position: absolute;
    bottom: 10px;
    right: 0px;
  }
  body #contents #main_content #footer .note p {
    color: #002A77;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 2.1538461538em;
  }
  @page {
    margin: 1cm;
  }
}