.home_page .key {
        overflow: hidden;
        position: relative;
    }
    
    .home_page .key .key-fx {
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        height: 100%;
        opacity: 0;
    }
    
    .home_page .key .key-fx.slick-slider {
        opacity: 1;
    }
    
    .home_page .key .key-fx .box-img01 {
        margin-top: 0;
        display: flex;
        position: relative;
        height: fit-content;
        margin-right: 0;
        min-height: 53.125em;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .key .slick-track {
        height: 100%;
    }
    
    .home_page .key .key-fx .box-img01.item01 {
        background: url(../images/idx-main-img02.jpg) no-repeat top center;
        background-size: cover;
    }
    
    .home_page .key .key-fx .box-img01.item02 {
        background: url(../images/idx-main-img01.jpg) no-repeat center;
        background-size: cover;
    }
    
    .home_page .key .key-fx .box-img01 .key_text {
        position: relative;
        left: 10em;
        bottom: 0;
        text-align: left;
        width: 100%;
    }
    
    .home_page .key .key-fx .box-img02 {
        flex-shrink: 0;
    }
    
    .home_page .key .key-fx .box-img02 img {
        border-bottom-left-radius: 4.375em;
        width: 41.797vw;
        height: 34.063vw;
        object-fit: cover;
    }
    
    .home_page .key .catch {
        max-width: 800px;
    }
    
    .home_page .key .catch .title,
    .home_page .key .catch p {
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    
    .home_page .key .catch .title {
        margin-bottom: 0.31em;
        font-size: 2.875em;
        line-height: 1.6em;
        font-family: var(--f-jp);
        letter-spacing: 0.02em;
        text-shadow: rgb(114, 171, 216) 2px 0px 0px, rgb(114, 171, 216) 1.75517px 0.958851px 0px, rgb(114, 171, 216) 1.0806px 1.68294px 0px, rgb(114, 171, 216) 0.141474px 1.99499px 0px, rgb(114, 171, 216) -0.832294px 1.81859px 0px, rgb(114, 171, 216) -1.60229px 1.19694px 0px, rgb(114, 171, 216) -1.97998px 0.28224px 0px, rgb(114, 171, 216) -1.87291px -0.701566px 0px, rgb(114, 171, 216) -1.30729px -1.5136px 0px, rgb(114, 171, 216) -0.421592px -1.95506px 0px, rgb(114, 171, 216) 0.567324px -1.91785px 0px, rgb(114, 171, 216) 1.41734px -1.41108px 0px, rgb(114, 171, 216) 1.92034px -0.558831px 0px;
    }
    
    .home_page .key .catch p {
        font-size: 1.5em;
        letter-spacing: 0.02em;
        line-height: 1.6em;
        text-shadow: rgb(114, 171, 216) 2px 0px 0px, rgb(114, 171, 216) 1.75517px 0.958851px 0px, rgb(114, 171, 216) 1.0806px 1.68294px 0px, rgb(114, 171, 216) 0.141474px 1.99499px 0px, rgb(114, 171, 216) -0.832294px 1.81859px 0px, rgb(114, 171, 216) -1.60229px 1.19694px 0px, rgb(114, 171, 216) -1.97998px 0.28224px 0px, rgb(114, 171, 216) -1.87291px -0.701566px 0px, rgb(114, 171, 216) -1.30729px -1.5136px 0px, rgb(114, 171, 216) -0.421592px -1.95506px 0px, rgb(114, 171, 216) 0.567324px -1.91785px 0px, rgb(114, 171, 216) 1.41734px -1.41108px 0px, rgb(114, 171, 216) 1.92034px -0.558831px 0px;
    }
    
    .home_page .topic_path {
        display: none;
    }
    
    .home_page h2 {
        position: relative;
        margin-bottom: 2.1875em;
        color: var(--clr3);
        font-family: var(--f-jp);
        font-size: 2.9375em;
        font-weight: 600;
        letter-spacing: 0.15em;
        line-height: 1.4em;
    }
    
    .home_page h2 .en {
        color: var(--main-color);
        font-weight: 500;
        text-transform: uppercase;
    }
    
    .home_page h2.white {
        color: #fff;
    }
    
    .home_page h2.white .en {
        color: #fff;
    }
    
    .home_page h3 {
        color: var(--clr1);
        font-family: var(--f-jp);
        font-size: 2.5em;
        font-weight: 600;
    }
    
    .home_page .idx-ttl-en {
        color: var(--clr2);
        font-family: var(--f-en);
        font-weight: 600;
        letter-spacing: 0;
        margin-bottom: 0;
        text-align: center;
    }
    
    .idx-box-news {
        background: url(../images/idx-bg-news.svg) no-repeat center;
        background-size: 100% 100%;
        height: 9.375em;
        width: 24.6875em;
        position: absolute;
        right: 8em;
        bottom: 0;
        margin-top: 2.1875em;
        padding: 1.5625em 2.5625em 1.5625em 1.3125em;
        font-size: 1.2vw;
    }
    
    .idx-box-news>.ttl {
        font-size: 1.25em;
        font-family: var(--f-en);
        color: #5f92ba;
        display: inline-block;
        position: absolute;
        left: 1.2em;
        top: -0.91em;
        z-index: 1;
        padding-right: 1.3em;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    
    .idx-box-news>.ttl:after {
        content: "";
        position: absolute;
        right: 0.125em;
        top: -0.25em;
        background: url(../images/idx-ico-ttl-news.svg) no-repeat center;
        background-size: contain;
        width: 1.1em;
        height: 1.4em;
    }
    
    .idx-box-news:before {
        content: "";
        position: absolute;
        left: 100%;
        bottom: -1em;
        background: url(../images/idx-ico-news.svg) no-repeat center;
        background-size: contain;
        width: 8.25em;
        height: 10.625em;
    }
    
    .idx-list-news li {
        margin-bottom: 0.46875em;
    }
    
    .idx-list-news li a {
        text-decoration: none;
        color: var(--clr2);
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
        padding-right: 0.625em;
        font-weight: 600;
    }
    
    .idx-list-news li a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: url(../images/idx-ico-list-news.svg) no-repeat center;
        background-size: contain;
        width: 0.5625em;
        height: 0.5625em;
    }
    
    .idx-list-news li a .date {
        font-size: 0.75em;
        margin-right: 0.4375em;
        font-weight: 500;
        letter-spacing: 0.1em;
    }
    
    .idx-list-news li a .ttl {
        font-size: 0.875em;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: -0.5px;
    }
    
    @media only screen and (min-width: 769px) {
        .index0 .index0-bg .index0-list li a:hover {
            background: var(--clr3);
        }
        .index0 .index0-bg .index0-list li a:hover .ttl {
            color: #fff;
            transition: 0.3s all;
        }
        .index0 .index0-bg .index0-list li a:hover .ico img {
            filter: brightness(0)invert(1);
            transition: 0.3s all;
        }
        .index02-frame .index02-list li a:hover .btn {
            color: #fff;
        }
        .index03 .idx-list-btn li a:hover {
            background: #72abd8;
            color: #fff;
        }
        .index07-list li .idx-btn a:hover {
            background: var(--clr2);
            color: #fff;
        }
        .index04-list li a:hover {
            opacity: 1;
            transform: translateY(-5px);
            transition: 0.3s all;
        }
        .index02-frame .index02-list li a:hover {
            opacity: 1;
            background: var(--clr2);
            color: #fff;
        }
        .index02-frame .index02-list li a:hover>.ico img {
            filter: brightness(0) invert(1);
        }
        .index02-frame .index02-list li a:hover .ttl {
            color: #fff;
        }
        .idx-btn a:hover {
            opacity: 1;
            background: #fff;
            box-shadow: 0 0 0 1px var(--clr2);
            color: var(--clr2);
            transition: 0.3s all;
        }
        .index0 .index0-bg .index0-list li a .btn:hover {
            opacity: 1;
            background: var(--clr2);
            color: #fff;
            transition: 0.3s all;
        }
        .index0 .index0-bg .index0-list li a:hover {
            opacity: 1;
            transition: 0.3s all;
        }
        .index0 .index0-bg .index0-list li a:hover .btn {
            opacity: 1;
            background: var(--clr2);
            color: #fff;
            transition: 0.3s all;
        }
        .index0 .index0-frame .box-frame .index0-list-frame li a:hover {
            opacity: 1;
        }
        .index0 .index0-frame .box-frame .index0-list-frame li a:hover:before {
            right: -5px;
            transition: 0.3s all;
        }
    }
    
    section {
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .index0 {
        position: relative;
        z-index: 1;
        max-width: 1920px;
        margin: 0 auto;
        background: #f9fcfc;
    }
    
    .index0>.img {
        top: -1.5625em;
        position: relative;
        z-index: 1;
        margin-bottom: -7em;
    }
    
    .index0>.img img {
        height: 25em;
        width: 100%;
        object-fit: cover;
    }
    
    .index0 .idx-ttl-en {
        text-align: center;
    }
    
    .index0 h2 {
        text-align: center;
        margin-bottom: 1.9em;
    }
    
    .index0 .index0-fx {
        display: flex;
        padding-right: 5.625em;
    }
    
    .index0 .index0-fx .box-img {
        flex-shrink: 0;
        margin-right: 4.125em;
        position: relative;
    }
    
    .index0 .index0-fx .box-img:before {
        content: "";
        position: absolute;
        right: -1.5em;
        top: -2.375em;
        background: url(../images/index0-ico01.svg) no-repeat center;
        background-size: contain;
        width: 7.4375em;
        height: 6.875em;
    }
    
    .index0 .index0-fx .box-img img {
        border-top-right-radius: 4.375em;
    }
    
    .index0 .index0-fx .box-cnt {
        padding-top: 3.125em;
        position: relative;
        z-index: 2;
    }
    
    .index0 .index0-fx .box-cnt:before {
        content: "";
        position: absolute;
        right: -1.8125em;
        bottom: 4.5625em;
        background: url(../images/index0-ico01.svg) no-repeat center;
        background-size: contain;
        width: 7.4375em;
        height: 6.875em;
    }
    
    .index0 .index0-fx .box-cnt .idx-ttl-en {
        text-align: left;
        line-height: 1em;
        margin-bottom: 0.3em;
    }
    
    .index0 .index0-fx .box-cnt h3 {
        line-height: 1.1em;
        margin-bottom: 0.75em;
    }
    
    .index0 .index0-fx .box-cnt h3 span {
        line-height: 1.8em;
        font-size: 0.786em;
        font-weight: 800;
    }
    
    .index0 .index0-fx .box-cnt .txt {
        margin-bottom: 1.35em;
    }
    
    .index0 .index0-bg {
        background: #f0f6f9;
        position: relative;
        z-index: 1;
        margin-top: 3px;
        padding-bottom: 1.0625em;
    }
    
    .index0 .index0-bg h3 {
        position: relative;
        top: -0.125em;
        text-align: center;
        width: fit-content;
        margin: 0 auto 1.44em;
    }
    
    .index0 .index0-bg h3:before,
    .index0 .index0-bg h3:after {
        content: "";
        position: absolute;
        top: -3.75em;
    }
    
    .index0 .index0-bg h3:before {
        right: 108%;
        background: url(../images/inddex0-people01.png) no-repeat center;
        background-size: contain;
        width: 3.25em;
        height: 7em;
        top: -2.2em;
    }
    
    .index0 .index0-bg h3:after {
        left: 109%;
        background: url(../images/index0-people02.png) no-repeat center;
        background-size: contain;
        width: 3.1em;
        height: 5.8em;
        top: -1.65em;
    }
    
    .index0 .index0-bg h3 span {
        font-size: 0.82em;
        color: #72abd8;
        display: inline-block;
        background: url(../images/index0-ico-hr.png) no-repeat bottom center;
        background-size: 190% 6px;
        position: relative;
        padding: 0 0 0.35em 0;
    }
    
    .index0 .index0-bg .index0-list {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
    }
    
    .index0 .index0-bg .index0-list li {
        margin-right: 1.5625em;
        width: 33.3333333333%;
        max-width: 21.4375em;
    }
    
    .index0 .index0-bg .index0-list li:last-child {
        margin-right: 0;
    }
    
    .index0 .index0-bg .index0-list li:first-child a .ico {
        margin-left: 1.875em;
    }
    
    .index0 .index0-bg .index0-list li a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background: #fff;
        border-radius: 0.9375em;
        min-height: 21.4375em;
        padding-top: 1.875em;
        padding-right: 1.875em;
        padding-left: 1.875em;
        box-shadow: 0px 0px 13px 7px rgba(0, 0, 0, 0.05);
    }
    
    .index0 .index0-bg .index0-list li a .ico {
        text-align: center;
        margin-bottom: 1.35em;
    }
    
    .index0 .index0-bg .index0-list li a .ttl {
        font-size: 1.5em;
        font-weight: 600;
        color: var(--clr1);
        line-height: 1.4em;
        letter-spacing: 0.01em;
        margin-bottom: 0.85em;
    }
    
    .index0 .index0-bg .index0-list li a .btn {
        border: 1px solid #72abd8;
        min-height: 3.9375em;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #72abd8;
        width: 100%;
        border-radius: 0.625em;
        font-weight: 600;
        position: relative;
        letter-spacing: 0;
    }
    
    .index0 .index0-bg .index0-list li a .btn:before {
        content: "";
        position: absolute;
        right: 1.5625em;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(../images/idx-ico-arr.svg) no-repeat center;
        background-size: contain;
        width: 1.25em;
        height: 1.25em;
    }
    
    .index0 .index0-bg:before,
    .index0 .index0-bg:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 120em;
        height: 23.6875em;
        background: url(../images/index0-bg01.png) no-repeat center;
        background-size: cover;
        z-index: -1;
    }
    
    .index0 .index0-bg:before {
        top: -23.6875em;
    }
    
    .index0 .index0-bg:after {
        bottom: -23.6875em;
        background: url(../images/index0-bg02.png) no-repeat center;
        background-size: cover;
    }
    
    .index0 .index0-frame {
        background: #fff;
        border-radius: 1.875em;
        position: relative;
        z-index: 1;
        max-width: 73.75em;
        margin: 4.375em auto 0;
        padding: 3.3125em 3.125em 0.625em 3.125em;
        box-shadow: 0 0 15px rgba(114, 171, 216, 0.5);
    }
    
    .index0 .index0-frame:after {
        content: "";
        position: absolute;
        left: 1.625em;
        right: 0;
        top: -3.5625em;
        margin: 0 auto;
        background: url(../images/index0-ico-arr.svg) no-repeat center;
        background-size: contain;
        width: 2.5625em;
        height: 3.875em;
    }
    
    .index0 .index0-frame:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: calc(100% - 1.25em);
        height: calc(100% - 1.25em);
        border: 1px solid var(--clr2);
        border-radius: 1.5625em;
        margin: auto;
        z-index: -1;
    }
    
    .index0 .index0-frame .frame-fx {
        display: flex;
    }
    
    .index0 .index0-frame .frame-fx .cnt {
        margin-right: 2.5em;
    }
    
    .index0 .index0-frame .frame-fx .cnt>p {
        font-weight: 500;
    }
    
    .index0 .index0-frame .frame-fx .idx-list-btn {
        display: flex;
    }
    
    .index0 .index0-frame .frame-fx .idx-list-btn li {
        margin-right: 0.9375em;
    }
    
    .index0 .index0-frame .frame-fx .idx-list-btn li:last-child {
        margin-right: 0;
    }
    
    .index0 .index0-frame .frame-fx .idx-list-btn li a {
        max-width: 11.6em;
    }
    
    .index0 .index0-frame h4 {
        text-align: center;
        margin-bottom: 1.45em;
    }
    
    .index0 .index0-frame h4 span {
        font-size: 1.75em;
        color: #5f92ba;
        font-weight: 600;
        position: relative;
        padding: 0 10px;
        --underline-color: #eaf2f9;
        --underline-height: 0.5em;
        background: radial-gradient(farthest-side, var(--underline-color) 115%, transparent 100%) bottom right/var(--underline-height) var(--underline-height), radial-gradient(farthest-side, var(--underline-color) 115%, transparent 100%) bottom left/var(--underline-height) var(--underline-height), linear-gradient(var(--underline-color), var(--underline-color)) bottom/calc(100% - var(--underline-height)) var(--underline-height);
        background-repeat: no-repeat;
        -webkit-box-decoration-break: clone;
    }
    
    .index0 .index0-frame h4 span:before,
    .index0 .index0-frame h4 span:after {
        content: "";
        position: absolute;
        top: -1.65em;
        bottom: 0;
        margin: auto 0;
        width: 1.35em;
        height: 1.35em;
        background: url(../images/index0-frame-ico-ttl01.svg) no-repeat center;
        background-size: contain;
    }
    
    .index0 .index0-frame h4 span:after {
        background: url(../images/index0-frame-ico-ttl02.svg) no-repeat center;
        background-size: contain;
        right: -1.375em;
    }
    
    .index0 .index0-frame h4 span:before {
        left: -1.375em;
    }
    
    .index0 .index0-frame .box-frame {
        width: calc(100% + 5em);
        position: relative;
        left: 50%;
        transform: translate(-50%);
        margin-top: 2.4375em;
        background: url(../images/idx-bg-frame.png) no-repeat center;
        background-size: 100% 100%;
        min-height: 19.0625em;
        padding-top: 3.3125em;
    }
    
    .index0 .index0-frame .box-frame h4 span {
        color: #fff;
        background: transparent;
        padding: 0 0.95em;
    }
    
    .index0 .index0-frame .box-frame h4 span:before {
        left: initial;
        right: 100%;
    }
    
    .index0 .index0-frame .box-frame h4 span:after {
        right: initial;
        left: 100%;
    }
    
    .index0 .index0-frame .box-frame h4 span:before,
    .index0 .index0-frame .box-frame h4 span:after {
        background: url(../images/idx-frame-ico-ttl03.svg) no-repeat center;
        background-size: 100% 100%;
        width: 5.8em;
        height: 1.875em;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame {
        display: flex;
        justify-content: center;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li {
        width: 33.3333333333%;
        max-width: 21.4375em;
        margin-right: 1.625em;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li:last-child {
        margin-right: 0;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li:not(:first-child) a .ico {
        position: relative;
        left: 0.5625em;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li a {
        text-decoration: none;
        display: flex;
        color: var(--clr1);
        background: url(../images/index0-frame-bg-list.svg) no-repeat center;
        background-size: 100% 100%;
        min-height: 8.4375em;
        padding-left: 1em;
        padding-top: 1.6875em;
        position: relative;
        padding-bottom: 1.5em;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li a:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0.8125em;
        margin: auto 0;
        background: url(../images/idx-ico-btn.svg) no-repeat center;
        background-size: contain;
        width: 1.25em;
        height: 1.25em;
        transition: 0.3s all;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li a .ico {
        flex-shrink: 0;
        margin-right: 0.9375em;
        min-width: 5.0625em;
        position: relative;
        top: 0.3125em;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li a .cnt .ttl {
        font-size: 1.125em;
        font-weight: 600;
        display: block;
        margin-bottom: 0.56em;
    }
    
    .index0 .index0-frame .box-frame .index0-list-frame li a .cnt .txt {
        font-size: 0.875em;
    }
    
    .idx-btn a {
        text-decoration: none;
        font-size: 0.9375em;
        color: #fff;
        width: 12.4em;
        min-height: 4em;
        border-radius: 2em;
        background: #72abd8;
        display: flex;
        align-items: center;
        padding: 0 1.5em;
        letter-spacing: 0;
        position: relative;
        font-weight: 500;
    }
    
    .idx-btn a:before {
        content: "";
        position: absolute;
        right: 1em;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: url(../images/idx-ico-btn.svg) no-repeat center;
        background-size: 100% auto;
        width: 1.35em;
        height: 1.35em;
    }
    
    .index02 {
        background: url(../images/index02-bg.jpg) no-repeat top left;
        background-size: cover;
        min-height: 74em;
        padding-top: 9.25em;
        margin: 1.5625em auto 0;
        max-width: 1920px;
    }
    
    .index02-box {
        max-width: 50.125em;
        margin-left: auto;
        padding-right: 2.5em;
    }
    
    .index02-box h2 {
        text-align: center;
        line-height: 1.15em;
        margin-bottom: 1.07em;
    }
    
    .index02-box h2 span {
        color: #72abd8;
        font-size: 0.72em;
        letter-spacing: 0.07em;
        text-align: center;
        text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgba(255, 255, 255, 0.8), 0px 0px 15px rgba(255, 255, 255, 0.5), 0px 0px 20px rgba(255, 255, 255, 0.5), 0px 0px 20px rgba(255, 255, 255, 0.5), 0px 0px 20px rgba(255, 255, 255, 0.5);
        position: relative;
        display: inline-block;
    }
    
    .index02-box h2 span:before,
    .index02-box h2 span:after {
        content: "";
        position: absolute;
        bottom: -1.65em;
        width: 6.375em;
        height: 4.5em;
    }
    
    .index02-box h2 span:before {
        right: 90%;
        background: url(../images/index02-ico-ttl01.png) no-repeat center;
        background-size: contain;
    }
    
    .index02-box h2 span:after {
        left: 90%;
        background: url(../images/index02-ico-ttl02.png) no-repeat center;
        background-size: contain;
    }
    
    .index02-frame {
        background: #fff;
        border-radius: 1.875em;
        padding-top: 3.125em;
        position: relative;
    }
    
    .index02-frame:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -1.875em;
        margin: 0 auto;
        background: url(../images/idx-ico-arr-bg.png) no-repeat center;
        background-size: contain;
        width: 5em;
        height: 1.875em;
    }
    
    .index02-frame .index02-list {
        display: flex;
        justify-content: center;
        padding-bottom: 3.125em;
        position: relative;
    }
    
    .index02-frame .index02-list:last-child {
        margin-top: 1.375em;
    }
    
    .index02-frame .index02-list:last-child:before {
        display: none;
    }
    
    .index02-frame .index02-list:last-child li {
        width: 33.3333333333%;
        max-width: 12.75em;
        min-height: 12.75em;
        margin-right: 1.5625em;
    }
    
    .index02-frame .index02-list:last-child li:not(:last-child) a .ico {
        margin-bottom: 1.1em;
    }
    
    .index02-frame .index02-list:last-child li a {
        padding-top: 1.25em;
        padding-bottom: 1.5625em;
    }
    
    .index02-frame .index02-list:last-child li a .ico {
        margin-bottom: 1.125em;
    }
    
    .index02-frame .index02-list:last-child li a .ttl {
        min-height: 2.625em;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.2em;
        margin-bottom: 0.25em;
    }
    
    .index02-frame .index02-list:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.8125em;
        margin: 0 auto;
        background: url(../images/index02-ico-arr.svg) no-repeat center;
        background-size: contain;
        width: 2.5em;
        height: 1em;
    }
    
    .index02-frame .index02-list li {
        min-height: 12.5em;
        width: 50%;
        max-width: 19.875em;
        margin-right: 1.75em;
    }
    
    .index02-frame .index02-list li:last-child {
        margin-right: 0;
    }
    
    .index02-frame .index02-list li a {
        border-radius: 0.9375em;
        background: #f8f8f8;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 1.875em;
        padding-bottom: 1.875em;
        transition: 0.3s all;
    }
    
    .index02-frame .index02-list li a .ico {
        margin-bottom: 0.75em;
    }
    
    .index02-frame .index02-list li a .ttl {
        font-size: 1.125em;
        font-weight: 600;
        color: var(--clr1);
        letter-spacing: 0;
        margin-bottom: 0.1em;
        text-align: center;
    }
    
    .index02-frame .index02-list li a .btn {
        display: flex;
        align-items: center;
        letter-spacing: 0;
        color: var(--clr2);
        font-weight: 500;
    }
    
    .index02-frame .index02-list li a .btn .ico {
        margin-left: 0.1em;
        line-height: 0;
        margin-bottom: 0 !important;
        transition: 0.3s all;
    }
    
    .index02-frame .index02-ttl {
        text-align: center;
        position: relative;
        margin: 0 3.125em;
    }
    
    .index02-frame .index02-ttl:before {
        content: "";
        position: absolute;
        top: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../images/index02-hr.svg) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 3px;
    }
    
    .index02-frame .index02-ttl span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1.25em;
        font-weight: 600;
        letter-spacing: 0.1em;
        background: #72abd8;
        border-radius: 1.25em;
        min-width: 13.125em;
        min-height: 1.6em;
        position: relative;
        z-index: 1;
    }
    
    .index02-frame h3 {
        font-size: 1.75em;
        text-align: center;
        color: #72abd8;
        position: relative;
        padding-top: 1.5em;
        letter-spacing: 0.1em;
        margin-bottom: 0.55em;
    }
    
    .index02-frame h3:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 15px;
        margin: 0 auto;
        background: url(../images/index02-ico-arr.svg) no-repeat center;
        background-size: contain;
        width: 1.5em;
        height: 0.55em;
    }
    
    .index02-frame .txt {
        padding: 0 3.125em;
    }
    
    .index02-frame .txt>p {
        letter-spacing: 0;
    }
    
    .index03 {
        background: url(../images/index03-bg01.jpg) no-repeat center;
        background-size: cover;
        min-height: 38.4375em;
        position: relative;
        padding-top: 6.25em;
        border-top: 1px solid #fff;
    }
    
    .index03:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        background: #aacde8;
        mix-blend-mode: multiply;
    }
    
    .index03:after {
        content: "";
        position: absolute;
        left: -1.875em;
        bottom: 3.6875em;
        background: url(../images/index03-ico02.png) no-repeat center;
        background-size: contain;
        width: 13.5em;
        height: 17.625em;
    }
    
    .index03-box {
        background: #fff;
        position: relative;
        max-width: 33.125em;
        margin: 0 auto 1.0625em;
        border-radius: 1.25em;
        padding-top: 1.5em;
        padding-bottom: 1.75em;
    }
    
    .index03-box:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -0.75em;
        margin: 0 auto;
        background: url(../images/idx-ico-arr-bg02.png) no-repeat center;
        background-size: contain;
        width: 1.5625em;
        height: 1.5625em;
    }
    
    .index03-box:after {
        content: "";
        position: absolute;
        right: -2.625em;
        top: -2.625em;
        background: url(../images/index03-ico01.png) no-repeat center;
        background-size: contain;
        width: 3.3125em;
        height: 2.6875em;
    }
    
    .index03-box .ttl {
        font-size: 2.375em;
        color: #5f92ba;
        text-align: center;
        font-weight: bold;
        line-height: 1.2em;
        letter-spacing: 0.1em;
    }
    
    .index03 .txt {
        max-width: 33.125em;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    
    .index03 .txt>p {
        color: #fff;
    }
    
    .index03 .idx-list-btn {
        display: flex;
        justify-content: center;
        margin-top: 2em;
    }
    
    .index03 .idx-list-btn li {
        margin-right: 1.5625em;
    }
    
    .index03 .idx-list-btn li:last-child {
        margin-right: 0;
    }
    
    .index03 .idx-list-btn li a {
        min-width: 13.4em;
        background: #fff;
        color: #72abd8;
        letter-spacing: -1px;
        font-weight: 500;
    }
    
    .index03 .idx-list-btn li a:before {
        background: url(../images/idx-ico-arr.svg) no-repeat center;
        background-size: contain;
    }
    
    .index04 {
        background: #f9fcfc;
        position: relative;
        margin-top: 0.5em;
        padding-top: 3.475em;
    }
    
    .index04:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: -1.875em;
        background: url(../images/index04-ico01.png) no-repeat center;
        background-size: cover;
        width: 120em;
        height: 1.875em;
    }
    
    .index04 h2 {
        text-align: center;
        position: relative;
        margin-bottom: 0.75em;
    }
    
    .index04 h2:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0.15em;
        bottom: 0;
        margin: auto;
        background: url(../images/index04-ico-hr.svg) no-repeat center;
        background-size: 100% 0.064em;
    }
    
    .index04 h2 span {
        position: relative;
        font-size: 0.72em;
        letter-spacing: 0.05em;
    }
    
    .index04-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 67.5em;
        margin: 0 auto 4.6875em;
        position: relative;
        z-index: 1;
    }
    
    .index04-list:before {
        content: "";
        position: absolute;
        right: -2.25em;
        bottom: -1.875em;
        background: url(../images/index04-ico02.svg) no-repeat center;
        background-size: contain;
        width: 11.0625em;
        height: 13.5em;
        z-index: -1;
    }
    
    .index04-list li {
        width: 25%;
        max-width: 15.625em;
        height: 15em;
        margin-right: 1.625em;
        margin-bottom: 1.5625em;
    }
    
    .index04-list li:nth-child(4n) {
        margin-right: 0;
    }
    
    .index04-list li a {
        overflow: hidden;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        border-radius: 0.9375em;
        background: #fff;
        padding-bottom: 1.375em;
        box-shadow: 0 0 0.9375em 0.1875em rgba(157, 196, 228, 0.4);
        transition: 0.3s all;
    }
    
    .index04-list li a .img {
        margin-bottom: 0.875em;
        position: relative;
        top: -1px;
    }
    
    .index04-list li a .img img {
        border-top-right-radius: 0.9375em;
        border-top-left-radius: 0.9375em;
    }
    
    .index04-list li a .ttl {
        font-size: 1.125em;
        color: var(--clr1);
        font-weight: 600;
        margin-bottom: 0.3125em;
    }
    
    .index04-list li a .btn {
        font-weight: 600;
        color: #72abd8;
        letter-spacing: 0;
    }
    
    .index04-list li a .btn .ico {
        margin-left: 0.25em;
    }
    
    .idx_gallery .item {
        border-right: 2px solid #fff;
    }
    
    .index05 {
        /* background: #f9fcfc; */
        position: relative;
        padding-bottom: 5.75em;
    }
    
    .index05 .inner_big {
        position: relative;
    }
    
    .index05 .inner_big:before {
        content: "";
        left: 50%;
        transform: translate(-50%);
        top: 100px;
        background: #f9fcfc;
        width: 101vw;
        height: 100%;
        position: absolute;
        z-index: 0;
    }
    
    .index05:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -1.875em;
        background: url(../images/index04-ico01.png) no-repeat center;
        background-size: cover;
        width: 120em;
        height: 1.875em;
        transform: translate(-50%) rotate(-180deg);
    }
    
    .index05:before {
        content: "";
        position: absolute;
        left: 7.625em;
        right: 0;
        top: 3.2em;
        bottom: 0;
        margin: auto;
        background: url(../images/index05-bg.png) no-repeat center;
        background-size: 100% 100%;
        width: 82.75em;
        height: 81.125em;
        z-index: 2;
    }
    
    .index05-ttl {
        position: relative;
        text-align: center;
        margin-top: -6.25em;
        z-index: 1;
    }
    
    .index05-ttl:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 10.3125em;
        bottom: 0;
        margin: auto;
        background: url(../images/index05-bg-ttl.png) no-repeat center;
        background-size: contain;
        width: 42.8125em;
        height: 26.9375em;
        z-index: -1;
    }
    
    .index05-ttl .idx-ttl-en {
        margin-bottom: 0;
    }
    
    .index05-ttl h2 {
        line-height: 1.1em;
        font-size: 2.8125em;
        margin-bottom: 1.05em;
    }
    
    .index05-ttl h2 span {
        font-size: 0.71em;
        letter-spacing: 0.1em;
    }
    
    .index05-list {
        display: flex;
        position: relative;
        justify-content: center;
        z-index: 2;
        max-width: 67.5em;
        margin: 0 auto;
    }
    
    .index05-list:last-child {
        margin-top: 4em;
        padding-top: 4.2em;
        position: relative;
    }
    
    .index05-list:last-child:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -0.25em;
        margin: 0 auto;
        background: url(../images/index05-hr02.svg) no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        height: 0.1875em;
    }
    
    .index05-list li {
        max-width: 27.5em;
        margin-right: 8.75em;
        position: relative;
    }
    
    .index05-list li:before {
        content: "";
        position: absolute;
        right: -4.5em;
        top: 0;
        bottom: 0;
        background: url(../images/index05-hr01.svg) no-repeat center;
        background-size: cover;
        width: 0.1875em;
        height: 100%;
        margin: auto 0;
    }
    
    .index05-list li:last-child {
        margin-right: 0;
    }
    
    .index05-list li:last-child:before {
        display: none;
    }
    
    .index05-list li .img {
        width: 22.875em;
        height: 22.875em;
        margin: 0 auto 1.45em;
        position: relative;
    }
    
    .index05-list li .img img {
        border-radius: 50%;
    }
    
    .index05-list li .img .stt {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 3.625em;
        font-family: "Norican";
        color: #5f92ba;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.73em;
        height: 1.73em;
        border-radius: 50%;
        background: #fff;
        padding-top: 0.1em;
        z-index: 1;
    }
    
    .index05-list li .img .stt:before {
        content: "";
        position: absolute;
        left: 4px;
        bottom: 4px;
        background: url(../images/idx-ico-stt-arr.svg) no-repeat center;
        background-size: contain;
        width: 59px;
        height: 59px;
        z-index: -1;
    }
    
    .index05-list li .ttl {
        text-align: center;
        font-size: 1.5em;
        color: #72abd8;
        font-weight: 600;
        letter-spacing: 0;
        margin-bottom: 0.55em;
    }
    
    .index06 {
        position: relative;
        overflow: hidden;
        z-index: 1;
        min-height: 28.125em;
    }
    
    .index06:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 120em;
        height: 28.125em;
        background: url(../images/index06-img01.jpg) no-repeat top center;
        background-size: 100% 100%;
        z-index: -1;
    }
    
    .index06:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 120em;
        height: 28.125em;
        background: url(../images/index06-bg.png) no-repeat top center;
        background-size: cover;
        z-index: -1;
    }
    
    .index06-box {
        padding-top: 4.75em;
    }
    
    .index06-box h2,
    .index06-box .idx-ttl-en {
        text-align: center;
        color: #fff;
    }
    
    .index06-box h2 {
        font-size: 2.5em;
        letter-spacing: 0.1em;
        margin-bottom: 1.1em;
    }
    
    .index06-list {
        display: flex;
        justify-content: center;
    }
    
    .index06-list li {
        margin-right: 1.5625em;
    }
    
    .index06-list li:last-child {
        margin-right: 0;
    }
    
    .index06-list li a {
        border: 1px solid #fff;
        background: transparent;
        color: #fff;
        min-width: 13.5em;
    }
    
    .index07 {
        background: #fff;
        padding-bottom: 10.75em;
    }
    
    .index07-box {
        background: #fff;
        border-top-right-radius: 3.125em;
        border-top-left-radius: 3.125em;
        max-width: 73.75em;
        margin: -6.5625em auto 0;
        position: relative;
        z-index: 1;
        padding-top: 3.125em;
    }
    
    .index07-box h3 {
        text-align: center;
        letter-spacing: 0.08em;
        position: relative;
    }
    
    .index07-box h3:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0.15em;
        bottom: 0;
        margin: auto;
        background: url(../images/index07-hr.svg) no-repeat center;
        background-size: 100% 100%;
        height: 0.075em;
        width: 100%;
    }
    
    .index07-box h3 span {
        font-size: 0.75em;
        color: #72abd8;
    }
    
    .index07-list {
        display: flex;
        justify-content: center;
        margin-top: 2.4375em;
    }
    
    .index07-list li {
        width: 50%;
        max-width: 12em;
        margin-right: 1.875em;
    }
    
    .index07-list li:last-child {
        margin-right: 0;
    }
    
    .index07-list li .img {
        margin-bottom: 1.05em;
    }
    
    .index07-list li .img img {
        border-radius: 0.9375em;
    }
    
    .index07-list li .ttl {
        text-align: center;
        line-height: 1.3em;
        font-weight: 600;
        font-size: 1.125em;
        color: var(--clr1);
        min-height: 2.9375em;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 0.55em;
    }
    
    .index07-list li .idx-btn {
        margin-bottom: 0.55em;
    }
    
    .index07-list li .idx-btn:last-child {
        margin-bottom: 0;
    }
    
    .index07-list li .idx-btn .tel_click {
        font-size: 1.35em;
        padding-left: 1.1em;
        width: 8.4em;
        min-height: 2.25em;
        padding-bottom: 0.2em;
    }
    
    .index07-list li .idx-btn .tel_click:before {
        width: 0.95em;
        height: 0.95em;
        right: 0.65em;
        background: url(../images/idx-ico-arr.svg) no-repeat center;
        background-size: 100% 100%;
    }
    
    .index07-list li .idx-btn a {
        min-width: 100%;
        font-size: 0.9375em;
        border: 1px solid #72abd8;
        background: transparent;
        color: #72abd8;
        min-height: 3.25em;
        padding-left: 1.1em;
    }
    
    .index07-list li .idx-btn a:before {
        background: url(../images/idx-ico-arr.svg) no-repeat center;
        background-size: 100% 100%;
        width: 20px !important;
        height: 20px !important;
        right: 14px !important;
    }
    
    .index08 {
        position: relative;
        z-index: 1;
        padding-bottom: 4.375em;
    }
    
    .index08:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 120em;
        height: 7.375em;
        top: -5.5em;
        background: url(../images/index08-bg.png) no-repeat center;
        background-size: cover;
    }
    
    .index08-fx {
        display: flex;
    }
    
    .index08-fx .box-img {
        margin-left: -15.125em;
        margin-top: -6.375em;
        position: relative;
        z-index: 1;
        margin-right: 3.3125em;
        height: fit-content;
    }
    
    .index08-fx .box-img:before {
        content: "";
        position: absolute;
        left: 17.5em;
        bottom: -2.3125em;
        background: url(../images/index08-img02-ico.svg) no-repeat center;
        background-size: 100% 100%;
        width: 9.3125em;
        height: 9em;
        z-index: 3;
    }
    
    .index08-fx .box-img .img {
        position: relative;
        width: 44.625em;
        height: 40em;
        z-index: 1;
    }
    
    .index08-fx .box-img .img .img-mask {
        display: block;
        width: 100%;
        height: 100%;
        --mask: url(../images/index08-mask01.svg);
        mask-image: var(--mask);
        -webkit-mask-image: var(--mask);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        mask-position: center;
        -webkit-mask-position: center;
    }
    
    .index08-fx .box-img .img .bg-img {
        position: absolute;
        top: 0.625em;
        bottom: 0;
        right: -0.625em;
        margin: auto;
        z-index: -1;
    }
    
    .index08-fx .box-img .sub-message {
        width: 14.875em;
        height: 10.9375em;
        background: url(../images/idx-bg-mess.svg) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top: 0.25em;
        right: -0.3125em;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0.9375em;
        padding-left: 1em;
    }
    
    .index08-fx .box-img .sub-message:before {
        content: "";
        position: absolute;
        right: -1.4375em;
        top: 0.3125em;
        background: url(../images/idx-ico-mess.svg) no-repeat center;
        background-size: contain;
        width: 3.3125em;
        height: 3.625em;
    }
    
    .index08-fx .box-img .box-name {
        position: absolute;
        right: 2.5em;
        bottom: -0.5625em;
        z-index: 2;
        writing-mode: tb-rl;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 5.75em;
        border: 1px solid #72abd8;
        background: #fff;
        border-radius: 5px;
        padding-top: 1.5em;
        padding-bottom: 1.25em;
    }
    
    .index08-fx .box-img .box-name .ttl01 {
        font-size: 0.875em;
        color: #72abd8;
        font-weight: 600;
        text-align: left;
        margin-left: 5px;
    }
    
    .index08-fx .box-img .box-name .ttl02 {
        font-weight: 600;
        color: #72abd8;
    }
    
    .index08-fx .box-img .box-name .ttl02 .sub {
        font-size: 0.875em;
        font-weight: 500;
        margin-bottom: 7px;
    }
    
    .index08-fx .box-img .box-name .ttl02 .name {
        font-size: 1.375em;
    }
    
    .index08-fx .box-img .box-name .ttl02 .en {
        font-size: 0.75em;
        font-weight: 400;
        color: #b8d5eb;
        margin-top: 0.5em;
    }
    
    .index08-fx .box-cnt {
        width: 32.3125em;
        flex-shrink: 0;
        margin-top: -0.375em;
    }
    
    .index08-fx .box-cnt h2 {
        font-size: 1.9375em;
        color: #2f4e7c;
        line-height: 1.65em;
        letter-spacing: 0;
        margin-bottom: 0.4em;
    }
    
    .index08-fx .box-cnt .cnt {
        padding-right: 3em;
        margin-bottom: 2em;
    }
    
    .index08-fx .box-cnt .idx-list-btn {
        display: flex;
    }
    
    .index08-fx .box-cnt .idx-list-btn li {
        width: 50%;
        margin-right: 0.9375em;
    }
    
    .index08-fx .box-cnt .idx-list-btn li:last-child {
        margin-right: 0;
    }
    
    .index08-fx .box-cnt .idx-list-btn li a {
        width: 100%;
        min-width: 100%;
        letter-spacing: 0;
    }
    
    .index08-fx .box-img02 {
        margin-top: -4.8125em;
        margin-left: -2.625em;
        position: relative;
        z-index: 1;
    }
    
    .index08-fx .box-img02 .img02 {
        width: 13.125em;
        height: 16.25em;
        position: relative;
        margin-bottom: 2.5em;
    }
    
    .index08-fx .box-img02 .img02-mask {
        display: block;
        width: 100%;
        height: 100%;
        --mask: url(../images/index08-mask02.svg);
        mask-image: var(--mask);
        -webkit-mask-image: var(--mask);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        mask-position: center;
        -webkit-mask-position: center;
    }
    
    .index08-fx .box-img02 .img02 .bg-img {
        position: absolute;
        top: 0.625em;
        bottom: 0;
        right: -0.625em;
        margin: auto;
        z-index: -1;
    }
    
    .index08-fx .box-img02 .img02 .ico {
        position: absolute;
        left: 1.625em;
        bottom: -1.75em;
        z-index: 1;
    }
    
    .index08-fx .box-img02 .img03 {
        width: 22.125em;
        height: 19em;
        position: relative;
        right: -2.3125em;
        top: 0.8125em;
    }
    
    .index08-fx .box-img02 .img03-mask {
        display: block;
        width: 100%;
        height: 100%;
        --mask: url(../images/index08-mask03.svg);
        mask-image: var(--mask);
        -webkit-mask-image: var(--mask);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        mask-position: center;
        -webkit-mask-position: center;
    }
    
    .index08-fx .box-img02 .img03 .bg-img {
        position: absolute;
        top: 0.625em;
        bottom: 0;
        right: -0.625em;
        margin: auto;
        z-index: -1;
    }
    
    .index08-fx .box-img02 .img03 .ico {
        position: absolute;
        left: 5.0625em;
        bottom: -2.875em;
    }
    
    @media only screen and (min-width: 769px) and (max-width: 1366px),
    (min-width: 769px) and (max-height: 720px) {
        .home_page .key .key-fx .box-img01 {
            min-height: 40em;
        }
    }
    
    @media only screen and (min-width: 769px) and (max-width: 1440px) {
        .idx-box-news {
            font-size: 1.3vw;
        }
        .home_page .key .key-fx .box-img01 {
            min-height: 40em;
        }
    }
    
    @media only screen and (min-width: 769px) and (max-width: 1280px) {
        .index02 {
            background: url(../images/index02-bg.jpg) no-repeat center;
            background-size: 100% auto;
        }
        .home_page .key {
            font-size: 1.25vw;
        }
        .home_page .key .key-fx .box-img02 img {
            height: 35.3em;
            width: auto;
        }
        .home_page .key .key-fx .box-img01 img {
            width: 45em;
            height: auto;
        }
        .idx-box-news {
            font-size: 1.3vw;
        }
        .index02,
        .index03,
        .index04,
        .index05,
        .index06,
        .index07,
        .index08 {
            font-size: 1.25vw;
        }
        .index0 {
            font-size: 1.25vw;
        }
        .index0 .inner_big {
            padding: 0;
        }
        .index0 .index0-fx .box-img img {
            height: 33.625em;
            width: auto;
        }
        .index0 .index0-bg .index0-list li a .ico img {
            height: 6.875em;
            width: auto;
        }
        .index0 .index0-frame .box-frame .index0-list-frame li a .ico img {
            height: 4.6875em;
            width: auto;
        }
        .index02-frame .index02-list:last-child li a>.ico img {
            height: 4.0625em;
            width: auto;
        }
        .index02-frame .index02-list li a>.ico img {
            height: 4.6875em;
            width: auto;
        }
        .index02-frame .index02-list li a .btn .ico img,
        .index04-list li a .btn .ico img {
            width: 1.25em;
            height: auto;
        }
        .index08-fx .box-img .sub-message img {
            height: 5.25em;
            width: auto;
        }
        .index08-fx .box-img02 .img02 .ico img {
            height: 5.875em;
            width: auto;
        }
        .index08-fx .box-img02 .img03 .ico img {
            height: 6.875em;
            width: auto;
        }
    }
    
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
        .idx-box-news {
            font-size: 1.35vw;
        }
        .home_page .key .key-fx .box-img01 img {
            width: 43em;
            height: auto;
        }
        .home_page .key .key-fx .box-img02 img {
            height: 36em;
            width: auto;
        }
        .index0 .index0-fx {
            padding-right: 3.625em;
        }
        .index03 .idx-list-btn li a {
            min-width: 13.5625em;
        }
        .index08-fx .box-cnt {
            width: 30.3125em;
        }
        .index07-list li .idx-btn .tel_click {
            font-size: 0.9375em;
            min-height: 3.25em;
        }
        .index07-list li .idx-btn a:before {
            width: 15px !important;
            height: 15px !important;
            right: 14px !important;
        }
    }
    
    @media only screen and (max-width: 992px) and (min-width: 769px) {
         :root {
            --ttl_size: 22px;
        }
    }
    /*# sourceMappingURL=index_pc.css.map */