/* oswald-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v57-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --blue: #00A3B4;
    --orange: #FF7504;
    --d_orange: #E16601;
    --yellow: #EEFF2F;
}
.blue {
    color: var(--blue);
}
.orange {
    color: var(--orange);
}
.yellow {
    color: var(--yellow);
}
/*====================================================
////id |  common
====================================================*/
header {display: none;}
.header-logo {
    mix-blend-mode: exclusion;
    position: fixed;
        top: min(5vw, 40px);
        left: min(3vw, 40px);
    width: min(38.5vw, 250px);
    height: min(10vw, 60px);
    z-index: 999999;
}
.fixed_link {
    position: fixed;
        top: 0;
        right: min(1vw, 18px);
    z-index: 999999;
}
.fixed_link-mail-link {
    background: linear-gradient(to bottom, var(--d_orange), var(--orange));
    border: solid 2px #fff;
    border-top: none;
    border-radius: 0 0 1em 1em;
    box-shadow: inset 0 0 .8em #FAE477, 0 4px 4px rgba(0, 0, 0, .25);
    color: #fff;
    display: grid;
        gap: .6em;
        place-items: center;
    font-weight: 700;
    line-height: 1.4;
    margin-top: -1em;
    padding: 2em 1em .7em;
    text-align: center;
}
.fixed_link-mail-link::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 34"><path fill="%23ffffff" d="M42.4,0H5.6C2.51,0,0,2.5,0,5.59v22.81c0,3.09,2.51,5.59,5.6,5.59h36.8c3.09,0,5.6-2.5,5.6-5.59V5.59c0-3.09-2.51-5.59-5.6-5.59ZM45.33,29.91l-1.07,1.26-14.92-12.17-2.31,2.2c-1.71,1.57-4.34,1.57-6.06,0l-2.31-2.2L3.74,31.17l-1.07-1.26,14.01-12.79L2.58,3.88l.83-1.1,20.59,15.59L44.59,2.78l.83,1.1-14.1,13.24,14.01,12.79Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    width: 2em;
    height: 1.5em;
}

* {
	letter-spacing: 0;
}
#contents {
    font-size: min(3.7vw, 1.8rem);
}

.linkBtn {
    min-height: 3.8em;
    padding: .3em .5em;
}
.linkBtn .arrow::before {
    transition: .2s ease-in-out;
    width: .2em;
    height: .2em;
}

.lp-mail-link {
    background: linear-gradient(to bottom, #FF7504 6%, #F57003 45%, #E06500 51%, #FD7404);
    border: solid 3px #fff;
    border-radius: 100px;
    box-shadow: inset 0 0 .5em #FAE477, 0 4px 4px rgba(0, 0, 0, .25);
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.3em;
    font-weight: 700;
    width: min(90%, 580px);
    min-height: 3.7em;
}
.lp-mail-link::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 34"><path fill="%23ffffff" d="M42.4,0H5.6C2.51,0,0,2.5,0,5.59v22.81c0,3.09,2.51,5.59,5.6,5.59h36.8c3.09,0,5.6-2.5,5.6-5.59V5.59c0-3.09-2.51-5.59-5.6-5.59ZM45.33,29.91l-1.07,1.26-14.92-12.17-2.31,2.2c-1.71,1.57-4.34,1.57-6.06,0l-2.31-2.2L3.74,31.17l-1.07-1.26,14.01-12.79L2.58,3.88l.83-1.1,20.59,15.59L44.59,2.78l.83,1.1-14.1,13.24,14.01,12.79Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    width: 1.7em;
    height: 1.5em;
}

section h2 {
    font-size: min(8.8vw, 6.6rem);
    font-weight: 700;
    text-align: center;
}
section h2 > .small {
    font-size: .5em;
    display: inline-block;
    margin-top: -.4em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .fixed_link-mail-link {
        font-size: min(2.5vw, 1.6rem);
    }
    .lp-mail-link {
        font-size: min(4.26vw, 2.2rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .fixed_link-mail-link {
        font-size: 1.8rem;
        padding: 2em 1.8em .7em;
    }
    .lp-mail-link {
        font-size: 2.4rem;
    }
}

@media (hover: hover) {
    .fixed_link-mail-link:hover {
        filter: brightness(1.1);
        margin-top: -.6em;
    }
    .lp-mail-link:hover {
        filter: brightness(1.1);
        transform: scale(1.02);

    }
}

/*====================================================
////id |  mv
====================================================*/
.mv-main {
    position: relative;
}
.mv-img {
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.mv-coverImg {
    padding-top: 0;
    height: 100%;
}
.mv-inner {
    padding: min(36.3vw, 200px) 0 min(17.6vw, 80px);
}
.mv-head {
    font-size: min(6.8vw, 6rem);
    font-weight: 700;
    line-height: 1.3;
}
.mv-head img {
    max-height: 5em;
}
.mv-text {
    font-size: min(3.7vw, 2rem);
    font-weight: 500;
    line-height: 1.4;
    margin-top: 1em;
}
.mv-point-wrapper {
    border: solid 1px var(--blue);
    font-weight: 700;
    margin-top: min(4.5vw, 30px);
    overflow: hidden;

}
.mv-point {
    position: relative;
}
.mv-point::after {
    border-left: solid 1px #AAAAAA;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    width: 0;
    height: calc(100% - 1em);
}
.mv-point:last-child::after {
    display: none;
}
.mv-point-inner {
    display: flex;
        align-items: center;
        justify-content: center;
        gap: .8em;
    line-height: 1.3;
    padding: .5em .5em;
    width: 9.5em;
}
.mv-point-inner::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23 23"><path fill="%2300a3b4" d="M11.5,0C5.15,0,0,5.15,0,11.5s5.15,11.5,11.5,11.5,11.5-5.15,11.5-11.5S17.85,0,11.5,0ZM14.65,12.09c-3.45,3.27-3.72,4.77-3.72,5.16h-2.49c0-2.63-3.61-4.32-3.65-4.33l1.03-2.26c.14.06,2.49,1.15,3.95,3.19.74-1.08,1.81-2.26,3.19-3.57h0c2.1-1.98,4.16-3.5,4.25-3.56l1.47,2s-2.04,1.5-4.03,3.38Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    width: 1.2em;
    height: 1.2em;
}
.mv-link-wrapper {
    display: flex;
        justify-content: center;
    margin-top: min(9vw, 75px);
}
.mv-under_text {
    background: var(--grd);
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    line-height: 1.4;
    padding: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 959.9px) {
    .mv-point-wrapper {
        background-color: rgba(255, 255, 255, .77);
        border-radius: 1.4em;
        display: grid;
            grid-template-columns: auto auto;
        font-size: min(3.7vw, 2rem);
        padding: .5em;
    }
    .mv-point::before {
        border-top: solid 1px #AAAAAA;
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 0;
            left: 0;
            right: 0;
        width: calc(100% - 1em);
        height: 0;
    }
    .mv-point:nth-child(1)::before ,
    .mv-point:nth-child(2)::before {
        display: none;
    }
    .mv-point:nth-child(even)::after {
        display: none;
    }
    .mv-point .text {
        flex: 1;
    }
}

@media screen and (max-width: 769px) {
    .mv-head {
        width: 93%;
    }
    .mv-text {
        font-size: min(3.7vw, 1.8rem);
    }
    .mv-under_text {
        font-size: min(4.0vw, 2.2rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .mv-under_text {
        font-size: 2.6rem;
    }
}

@media screen and (min-width:960px) {
    .mv-point-wrapper {
        background-color: #fff;
        border-radius: 100px;
        display: flex;
        font-size: 1.9rem;
        padding: .5em;
    }
}

@media screen and (min-width:1330px) {
}

@media (hover: hover) {
    a.mv-point-inner:hover {
        transform: scale(1.05);
    }
}

/*====================================================
////id |  banner-1
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .banner-1-item {
        max-width: 500px;
        margin: auto;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .banner-1-item {
        max-width: 1000px;
        margin: auto;
    }
}

@media screen and (min-width:1330px) {
}

@media (hover: hover) {
    .banner-link:hover {
        transform: scale(1.03);
    }
}

/*====================================================
////id |  overview
====================================================*/
#overview {
    overflow: hidden;
}
.overview-inner {
    padding: min(8.5vw, 83px) 0 min(18vw, 130px);
}
.overview-head-wrapper {
    display: flex;
        align-items: center;
        justify-content: center;
}
#overview .overview-head {
    font-size: min(6.4vw, 3.3rem);
    font-weight: 700;
    text-align: center;
}
.overview-head-img {
    height: 120px;
    margin-left: 20px;
}
.overview-item-wrapper {
    display: grid;
}
.overview-item {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border: solid 1px var(--blue);
    border-radius: 10px;
    display: flex;
        align-items: center;
    font-weight: 500;
    line-height: 1.3;
    padding: .8em 1.2em;
}
.overview-arrow {
    background: url('../img/storage_room-page/overview-arrow.svg') no-repeat center / contain;
    margin: min(8.3vw, 70px) 0 min(4.8vw, 50px);
    width: 100%;
    height: min(10vw, 90px);
}
.overview-head2 {
    font-size: min(10vw, 7rem);
    font-weight: 700;
    margin-bottom: .3em;
    text-align: center;
}
.overview-head2 .big {
    box-shadow: 0 0 0 var(--orange);
    letter-spacing: -.05em;
}
.overview-head2 .exclamationMark {
    display: inline-block;
    margin-right: -.2em;
    transform: rotate(20deg);
}
.overview-head2 .small {
    font-size: min(5.8vw, 3.3rem);
}

.overview-gallery-slider {
    margin: min(8.5vw, 50px) auto 0;
}
.overview-gallery-item-coverImg {
    padding-top: 100%;
}
.overview-gallery-slider .slick-list {
    overflow: visible;
}
.overview-gallery-item {
    padding: 0 min(2.5vw, 15px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .overview-head-img {
        display: none;
    }
    .overview-item-wrapper {
        font-size: min(5.3vw, 2.2rem);
        grid-gap: min(4.5vw, 20px);
        margin: min(3.8vw, 18px) auto 0;
        max-width: 500px;
    }
    .overview-item {
        min-height: 5em;
    }
    .overview-gallery-slider {
        width: min(84%, 300px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .overview-item-wrapper {
        font-size: min(2.2vw, 2.2rem);
        grid-gap: min(2vw, 30px);
        grid-template-columns: repeat(2, 1fr);
        margin: 10px auto 0;
        max-width: 900px;
    }
    .overview-item {
        min-height: 7.3em;
    }
}

@media screen and (min-width:1330px) {
    .overview-item-wrapper {
        grid-template-columns: repeat(3, 1fr);
        max-width: none;
    }
}
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {}

/*====================================================
////id |  cta
====================================================*/
.cta {
    background-color: var(--blue);
    color: #fff;
}
.cta-inner {
    padding: 0 0 min(10.5vw, 48px);
}
.cta-balloon-wrapper {
    display: flex;
        justify-content: center;
    font-size: min(5.8vw, 40px);
    transform: translateY(-1em);
}
.cta-balloon {
    background-color: #fff;
    border: solid 4px var(--blue);
    border-radius: 10px;
    color: var(--blue);
    filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .25));
    font-weight: 700;
    line-height: 1.4;
    padding: .3em .5em;
    position: relative;
    text-align: center;
}
.cta-balloon::before,
.cta-balloon::after {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
        right: 0;
    width: min(4.5vw, 28px);
    height: min(5vw, 30px);
}
.cta-balloon::before {
    background-color: var(--blue);
    top: 100%;
}
.cta-balloon::after {
    background-color: #fff;
    top: calc(100% - 8px);
}
.cta-text {
    font-weight: 700;
}
.cta-link-wrapper {
    display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: min(6.4vw, 30px) min(4vw, 60px);
    margin-top: min(5vw, 30px);
}
.cta-tel-no {
    color: #EEFF2F;
    font-weight: 500;
    line-height: 1;
    padding-left: .8em;
    position: relative;
}
.cta-tel-no::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 33 43"><path fill="%23eeff2f" d="M2.95,1.82C0,3.74-.59,9.73.53,14.61c.87,3.8,2.72,8.9,5.84,13.7,2.93,4.52,7.02,8.57,10.14,10.91,4.01,3.01,9.72,4.92,12.67,3.01,1.5-.97,3.72-3.62,3.82-4.09,0,0-1.3-2.01-1.59-2.45l-4.37-6.73c-.32-.5-2.36-.04-3.39.54-1.4.79-2.68,2.91-2.68,2.91-.96.55-1.76,0-3.43-.77-2.06-.95-4.37-3.88-6.21-6.55-1.68-2.76-3.42-6.07-3.45-8.34-.02-1.84-.2-2.8.7-3.44,0,0,2.46-.31,3.75-1.26.96-.7,2.2-2.38,1.88-2.88l-4.37-6.73C9.55,2.01,8.25,0,8.25,0c-.48-.1-3.8.85-5.3,1.81Z" /></svg>') no-repeat left center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    width: .7em;
    height: .7em;
}
.cta-tel-text {
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}
.cta-mail-link {
    width: min(80vw, 500px);
}

.cta-banner-wrapper {
    margin: auto;
    max-width: 1010px;
}
.cta-banner-text-wrapper {
    display: flex;
        justify-content: center;
    text-align: center;
}
.cta-banner-text {
    color: var(--yellow);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .3em;
    padding: 0 .8em;
    position: relative;
}
.cta-banner-text::before,
.cta-banner-text::after {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 18"><path fill="%23eeff2f" d="M7.78,0L0,4.7l14,13.3L7.78,0Z" /></svg>') no-repeat center bottom / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        bottom: .2em;
    width: .6em;
    height: 100%;
}
.cta-banner-text::before {
    left: 0;
}
.cta-banner-text::after {
    right: 0;
    transform: scale(-1, 1);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .cta-balloon-wrapper {
        font-size: min(5.5vw, 36px);
    }
    .cta-balloon {
        border-radius: 5px;
        border-width: 2px;
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25));
        padding: .5em .3em;
    }
    .cta-balloon::after {
        top: calc(100% - 3px);
    }
    .cta-tel-no {
        font-size: min(10vw, 4.8rem);
    }

    .cta-banner-wrapper {
        margin-top: min(7vw, 40px);
    }
    .cta-banner-text {
        font-size: min(5.3vw, 2.2rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .cta-balloon-wrapper {
        font-size: min(4vw, 40px);
    }
    .cta-balloon {
        min-width: 660px;
    }
    .cta-tel-no {
        font-size: min(5.0vw, 5.8rem);
    }
    .cta-tel-text {
        font-size: min(2vw, 2.2rem);
    }

    .cta-banner-wrapper {
        border-top: solid 1px #fff;
        margin-top: 40px;
        padding-top: 30px;
    }
    .cta-banner-text {
        font-size: min(2.6vw, 2.4rem);
    }

}
@media screen and (min-width:1330px) {
    .cta-balloon {
        padding-left: 2em;
        padding-right: 2em;
    }
}

@media (hover: hover) {
    .cta-banner-link:hover {
        transform: scale(1.05);
    }
}

/*====================================================
////id |  contents-1
====================================================*/
.contents-1-inner {
    padding: min(10vw, 100px) 0 min(14.5vw, 140px);
}
.contents-1-main_text {
    margin-top: min(6.4vw, 46px);
}
.contents-1-item-wrapper {
    margin: min(8.5vw, 64px) auto 0;
}
.contents-1-item-img {
    border: solid 2px var(--blue);
    border-radius: 4px;
    padding: min(2.6vw, 16px);
}
.contents-1-item-coverImg {
    padding-top: 64.3%;
}
.contents-1-item-text {
    text-align: center;
}
.contents-1-item-text dt {
    font-weight: 500;
    margin-top: .5em;
}
.contetns-1-item-link {
    background: var(--blue);
    grid-gap: 0 .6em;
    min-width: 0;
    min-height: 3.75em;
    padding: .3em .6em;
    width: 93%;
}
.contetns-1-item-link .arrow {
    background-color: #fff;
    border-radius: 100px;
    width: 1.3em;
    height: 1.3em;
}
.contetns-1-item-link .arrow::before {
    border-color: var(--blue);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1200px) {
    .contents-1-item-wrapper {
        display: grid;
            grid-gap: min(10vw, 45px);
        max-width: 600px;
    }
    .contents-1-item-text dt {
        font-size: min(5.8vw, 2.2rem);
    }
    .contents-1-item-link-wrapper {
        margin-top: min(3.2vw, 20px);
    }
}
@media screen and (max-width: 769px) {
    .contents-1-main_text {
        font-size: .95em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 1200px) {
    .contents-1-inner {
        width: 94%;
        max-width: 1560px;
    }
    .contents-1-item-wrapper {
        display: flex;
            flex-wrap: wrap;
            gap: min(1.5vw, 32px);
            justify-content: center;
    }
    .contents-1-item {
        width: calc(100% / 3 - (min(2vw, 32px) * 2 / 3));
    }
    .contents-1-item-inner {
        height: 100%;
        padding-bottom: 80px;
        position: relative;
    }
    .contents-1-item-img {
        padding: min(1.0vw, 16px);
    }
    .contents-1-item-text dt {
        font-size: min(2.2vw, 2.4rem);
    }
    .contetns-1-item-link {
        font-size: min(1.4vw, 1.6rem);
        margin: auto;
        position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
    }
    .contetns-1-item-link .linkBtn-inner {
        flex: unset;
    }
}

@media screen and (min-width:1330px) {
}

@media (hover: hover) {}

/*====================================================
////id |  contents-2
====================================================*/
#contents-2 {
    background-color: var(--blue);
}
.contents-2-inner {
    padding: min(14.5vw, 88px) 0;
}
.contents-2-wrapper {
    display: grid;
        grid-gap: min(10.5vw, 50px) min(4vw, 86px);
}
.contents-2-link-wrapper .btn_wrap {
    justify-content: flex-start;
    margin-top: min(10vw, 50px);
}
.contetns-2-link {
    background: var(--blue);
    border: solid 1px #fff;
    width: 90%;
    min-width: 0;
}
.contents-2-item-wrapper {
    display: grid;
}
.contents-2-item {
    background-color: #fff;
    border-radius: 5px;
    color: var(--blue);
    display: grid;
        grid-template-columns: auto 1fr;
}
.contents-2-item-title {
    border: solid 2px var(--blue);
    border-radius: 4px;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    text-align: center;
}
.contents-2-item-text {
    display: flex;
        align-items: center;
        justify-content: center;
}
.contents-2-item-text dt {
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: .3em;
}
.contents-2-item-text dd {
    color: var(--black);
    font-weight: 500;
    line-height: 1.6;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1200px) {
    .contents-2-head-wrapper {
        margin: auto;
        width: min(90%, 440px);
    }
}
@media screen and (max-width: 960px) {
    .contents-2-item-wrapper {
        grid-gap: min(7.5vw, 30px);
    }
    .contents-2-item {
        grid-gap: min(4.5vw, 20px);
        margin: 0 auto;
        padding: min(5vw, 24px);
        width: min(100%, 800px);
    }
    .contents-2-item-title {
        font-size: min(4.5vw, 2.0rem);
        min-height: 5.7em;
        width: 4em;
    }
    .contents-2-item-text dt {
        font-size: min(4.5vw, 2.0rem);
    }
}
@media screen and (max-width: 769px) {
    .contents-2-head-wrapper {
        margin-left: 0;
    }
    .contents-2-item-title {
        border-width: 1px;
        padding-right: .2em;
        width: 2.2em;
    }
    .contents-2-item-title > div {
        letter-spacing: .2em;
        line-height: 1;
        text-orientation: upright;
        writing-mode: vertical-rl;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .contents-2-item-wrapper {
        grid-gap: 16px;
    }
    .contents-2-item {
        grid-gap: 20px;
        margin: 0 auto;
        padding: 15px;
        width: min(100%, 800px);
    }
    .contents-2-item-title {
        font-size: 2.5rem;
        min-height: 5.7em;
        width: 4em;
    }
    .contents-2-item-text dt {
        font-size: 2.2rem;
    }

}
@media print, screen and (min-width: 1200px) {
    .contents-2-wrapper {
        grid-template-columns: 440px 1fr;
        align-items: center;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  contents-3
====================================================*/
#contents-3 {
    background-color: #F6F6F6;
}
.contents-3-inner {
    padding: min(10vw, 100px) 0 min(10vw, 120px);
}
.contents-3-main_text {
    margin: min(5vw, 40px) -1em 0;
    width: calc(100% + 2em);
}
.contents-3-item-wrapper {
    display: grid;
        grid-gap: min(6.4vw, 45px) min(3vw, 30px);
    margin: min(9.6vw, 50px) auto 0;
}
.contents-3-item dl {
    display: grid;
        grid-template-rows: auto 1fr;
    height: 100%;
}
.contents-3-item dt {
    background-color: var(--blue);
    clip-path: polygon(.7em 0, calc(100% - .7em) 0, 100% 50%, calc(100% - .7em) 100%, .7em 100%, 0 50%);
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 auto -1em;
    padding: .35em .5em .3em;
    text-align: center;
    width: 96%;
}
.contents-3-item dd {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 19px rgba(143, 143, 143, .16);
    padding: 2.4em 1.2em 1.3em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .contents-3-item-wrapper {
        max-width: 600px;
    }
    .contents-3-item dt {
        font-size: min(5.2vw, 2.2rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .contents-3-item-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .contents-3-item dt {
        font-size: min(2.7vw, 2.5rem);
    }
}
@media screen and (min-width: 1330px) {
    .contents-3-item-wrapper {
        display: grid;
            grid-template-columns: repeat(3, 1fr);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  contents-4
====================================================*/
#contents-4 {
    overflow: hidden;
}
.contents-4-inner {
    padding: min(10.5vw, 130px) 0;
}
.contents-4-head {
    font-size: min(7.5vw, 5rem);
}
.contents-4-item-slider {
    width: min(83.5%, 680px);
    margin: min(9.5vw, 65px) auto 0;
}
.contents-4-item-slider .slick-arrow {
    border: none;
    opacity: .8;
    width: min(5vw, 44px);
    height: min(5vw, 44px);
}
.contents-4-item-slider .slick-prev {
    left: calc(((min(5vw, 44px) / 2) + min(1.7vw, 15px)) * -1);
}
.contents-4-item-slider .slick-next {
    right: calc(((min(5vw, 44px) / 2) + min(1.7vw, 15px)) * -1);
}
.contents-4-item-slider .slick-arrow::after {
	background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path fill="%23b7b7b7" d="M0,0v20h20V0H0ZM12.53,12.27l-1.4,1.4-3.66-3.66,3.67-3.67,1.4,1.4-2.27,2.27,2.27,2.27Z" /></svg>') no-repeat center / contain;
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.contents-4-item-slider .slick-next::after {
    transform: rotate(180deg);
}
.contents-4-item-slider .slick-arrow::before {
    display: none;
}

.contents-4-item-slider .slick-list {
    overflow: visible;
}
.contents-4-item {
    padding: min(1.4vw, 15px);
    position: relative;
    text-align: center;
    transition: 1.2s ease-in-out;
    transform: scale(.85);
}
.contents-4-item::before {
    border: solid 4px var(--blue);
    border-radius: 4px;
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
    opacity: 0;
    position: absolute;
        top: calc(min(1.7vw, 15px) * -1);
        left: calc(min(1.7vw, 15px) * -1);
    transition: .2s ease-in-out;
    width: calc(100% + min(1.7vw, 15px) * 2);
    height: calc(100% + min(1.7vw, 15px) * 2);
}
.contents-4-item.slick-current,
.contents-4-item.slick-cloned-center {
    transform: scale(1);
}
.contents-4-item.slick-current::before,
.contents-4-item.slick-cloned-center::before {
    opacity: 1;
}
.contents-4-item-text {
    line-height: 1.4;
    margin-top: 1em;
}

.contents-4-item-slider .slick-dots li.slick-active button:before {
	background: var(--black);
	opacity: 1;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .contents-4-item {
        font-size: min(3.3vw, 1.5rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {
    .contents-4-item-slider .slick-arrow:hover {
        opacity: 1;
        transform: scale(1.1);
    }
}

/*====================================================
////id |  banner-2
====================================================*/
.banner-2-inner {
    padding: min(12.8vw, 100px) 0;
}
.banner-2-item {
    margin: auto;
    max-width: 900px;
}
.banner-2-linkBtn-wrapper {
    display: flex;
        flex-wrap: wrap;
        gap: 10px min(3vw, 46px);
        justify-content: center;
    margin-top: min(6.4vw, 70px);
}
.banner-2-linkBtn {
    background: #fff;
    border: solid 1px var(--blue);
    color: var(--black);
    padding-left: 1em;
    padding-right: 1em;
}
.banner-2-linkBtn .arrow {
    background-color: var(--blue);
    border-radius: 100px;
}
.banner-2-linkBtn .arrow::before {
    border-color: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .banner-2-linkBtn {
        width: min(80vw, 380px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .banner-2-linkBtn {
        min-width: min(40vw, 480px);
    }
}

@media (hover: hover) {
    .banner-2-link:hover {
        transform: scale(1.02);
    }

    .banner-2-linkBtn:hover {
        background-color: var(--blue);
        color: #fff;
        filter: none;
    }
    .banner-2-linkBtn:hover .arrow {
        background-color: #fff;
    }
    .banner-2-linkBtn:hover .arrow::before {
        border-color: var(--blue);
    }
}

/*====================================================
////id |  flow
====================================================*/
#flow {
    background-color: #F6F6F6;
    overflow: hidden;
}
.flow-inner {
    max-width: 1100px;
    padding: min(12.8vw, 120px) 0 min(15vw, 88px);
}
.flow-item-wrapper {
    margin-top: min(8.5vw, 60px);
}
.flow-item-inner {
    display: grid;
}
.flow-item-no {
    font-family: 'Oswald';
    line-height: 1;
}
.flow-item-coverImg {
    padding-top: 100%;
}
.flow-item-title {
    color: var(--blue);
    font-weight: 700;
    line-height: 1.4;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .flow-head {
        font-size: min(7.45vw, 4rem);
    }
    .flow-item-wrapper {
        width: min(97%, 450px);
    }
    #flow .slick-list {
        overflow: visible;
    }
    #flow .flow-item {
        padding-right: 24px;
        position: relative;
        transform: none;
    }
    #flow .flow-item::before {
        border-top: solid 1px var(--blue);
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
        width: 24px;
        height: 0;
        z-index: -1;
    }
    #flow .flow-item:last-child:before {
        display: none;
    }
    .flow-item-inner {
        background-color: #fff;
        border: solid 1px var(--blue);
        border-radius: 5px;
        display: grid;
            grid-gap: min(4vw, 20px);
            grid-template-columns: 14% 1fr;
            grid-template-rows: auto auto 1fr;
        height: 100%;
        padding: min(6vw, 24px) min(8vw, 30px);
    }
    .flow-item-no {
        grid-column: 1 / 3;
    }
    .flow-item-title {
        display: flex;
            align-items: center;
        font-size: min(4.8vw, 2.2rem);
    }
    .flow-item-text {
        grid-column: 1 / 3;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .flow-head {
        font-size: min(4.5vw, 5rem);
    }
    #flow .slick-track {
        display: grid !important;
        transform: none !important;
    }
    .flow-item {
        overflow: hidden;
        padding-bottom: 30px;
        position: relative;
    }
    .flow-item::before {
        border-left: solid 1px var(--blue);
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 150px;
            left: 80px;
        height: 100%;
        width: 0;
        z-index: -1;
    }
    .flow-item:last-child {
        padding-bottom: 0;
    }
    .flow-item:last-child:before {
        display: none;
    }
    .flow-item-inner {
        align-items: flex-start;
        grid-gap: 0 min(2vw, 40px);
        grid-template-columns: 160px 1fr;
        grid-template-rows: auto auto 1fr;
    }
    .flow-item-img {
        background-color: #fff;
        border: solid 1px var(--blue);
        border-radius: 5px;
        margin-bottom: 40px;
        padding: 40px;
        grid-column: 1;
        grid-row: 1 / 4;
    }
    .flow-item-title {
        font-size: 2.4rem;
        margin-top: .7em;
    }
    .flow-item-text {
        margin-top: .7em;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  faq
====================================================*/
.faq-inner {
    max-width: 1100px;
    padding: min(12.8vw, 120px) 0 min(20vw, 190px);
}
.faq-item-wrapper {
    display: grid;
        grid-gap: min(4vw, 20px);
    margin-top: min(10vw, 60px);
}

.faq-item {
    background-color: #fff;
    border: solid 1px var(--blue);
    border-radius: 5px;
    overflow: hidden;
}
.faq-item dt {
    border-radius: 2px;
    color: var(--blue);
    display: grid;
        grid-gap: .5em;
        grid-template-columns: auto 1fr;
    font-weight: 500;
    line-height: 1.6;
    padding: min(5.5vw, 20px) min(3.2vw, 33px);
    position: relative;
    transition: .2s ease-in-out;
}
.faq-item.open dt {
    background-color: #fff !important;
}
.faq-item dt::before ,
.faq-item .accordion-inner::before {
    box-sizing: border-box;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    width: min(6.4vw, 28px);
    height: min(6.4vw, 28px);
}
.faq-item dt::before {
    background-color: var(--blue);
    border-radius: 100%;
    color: #fff;
    content: 'Q';
    font-size: .89em;
    padding-bottom: .2em;
}
.faq-item dt > div {
    position: relative;
    transition: .3s ease-in-out;
}
.faq-item .accordion-inner {
    display: grid;
        align-items: flex-start;
        grid-gap: .5em;
        grid-template-columns: auto 1fr;
    padding: 0 min(3.2vw, 33px) min(5.5vw, 26px);
    position: relative;
}
.faq-item .accordion-inner::before {
    color: var(--mainColor);
    content: 'A';
    font-size: 1.11em;
    margin-top: 3px;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .faq-head {
        font-size: min(7.45vw, 4rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .faq-head {
        font-size: min(4.5vw, 5rem);
    }
}

@media (hover: hover) {
    .faq-item dt:hover {
        background-color: rgba(0, 163, 180, .1);
    }
}

/*====================================================
////id |  footer
====================================================*/
footer .innerBox {
    display: none;
}
.footer-inner {
    padding: min(18.5vw, 80px) 0 min(10vw, 60px);
}
.footer-main {
    display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: min(5vw, 22px) min(5vw, 80px);
}
.footer-main img {
    width: min(53vw, 250px);
}
.footer-text {
    font-size: .88em;
    margin-top: 40px;
}
.copyright {
    font-size: .75em;
    margin-top: 30px;
    text-align: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}