@charset "UTF-8";
.l-home {
    background: #f9fcfe
}
.p-home {
    width: 100%
}
.p-home__headline {
    width: 100%;
    margin-bottom: clamp(50px, 7.1428571429vw, 100px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home__headline.fadein.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home__headline .cont {
    text-align: center
}
.p-home__headline .cont ._ttl {
    width: 100%;
    display: block;
    font-size: clamp(26px, 4.2857142857vw, 60px);
    font-weight: 900;
    line-height: 1.1666666667;
    margin-top: clamp(-5px, -0.3571428571vw, -5px);
    margin-bottom: clamp(-5px, -0.3571428571vw, -5px);
    color: #004484
}
@media screen and (max-width:768px) {
    .p-home__headline .cont ._ttl {
        line-height: 1.2307692308;
        margin-top: clamp(-3px, -0.2142857143vw, -3px);
        margin-bottom: clamp(-3px, -0.2142857143vw, -3px)
    }
}
.p-home__headline .cont ._ttl .__ib {
    display: inline-block
}
.p-home__more {
    width: min(100%, 450px);
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home__more.fadein.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home__more .link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: clamp(15px, 1.7142857143vw, 24px) 15px clamp(16px, 1.7857142857vw, 25px);
    color: #ffffff;
    background: #004484;
    border-radius: 9999px;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home__more .link:hover {
        background: #4a95ce
    }
}
.p-home__more .link.red {
    background: #db1242;
    transition: 0.3s ease-in-out;
}
.p-home__more .link.red:hover {
    opacity: 0.6;
}

.p-home__more .link ._cont {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 2.1428571429vw, 30px);
    letter-spacing: 0.03em
}
.p-home__more .link ._cont:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-size: clamp(16px, 2.1428571429vw, 30px);
    font-weight: 900;
    color: #ffffff;
    display: inline-block;
    padding-left: 20px
}

.p-home_mv {
    position: relative;
}

.p-home_mv .p-home_mv__pic img {
    width: 100%;
}
@media screen and (max-width:768px) {
    .p-home_mv .p-home_mv__pic .bg {
        height: 15vw;
        display: none;
    }
}

.p-home_mv .p-home_mv__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 2%;
}

.p-home_mv .p-home_mv__lead {
    display: flex;
    justify-content: end;
    margin-right: 13%;
}
@media screen and (max-width:768px) {
    .p-home_mv .p-home_mv__lead {
        justify-content: center;
        margin-right: 0;
    }
}

.p-home_mv .p-home_mv__lead img {
    width: 57%;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 0.4s
}
@media screen and (max-width:768px) {
    .p-home_mv .p-home_mv__lead img {
        width: 90%;
    }
}

.p-home_mv .p-home_mv__title img {
    width: 55%;
    margin: -4% 0 0 6%;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 0.6s
}
@media screen and (max-width:768px) {
    .p-home_mv .p-home_mv__title img {
        width: 90%;
        margin: 11% auto 0;
    }
}

.p-home_mv__note {
    width: 40%;
    position: absolute;
    bottom: 21%;
    left: 6%;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 0.8s
}
@media screen and (max-width:768px) {
    .p-home_mv__note {
        width: 90%;
        bottom: 38%;
    }
}

.p-home_mv .p-home_mv__point {
    margin-top: 5%;
    display: flex;
    justify-content: end;
}

.p-home_mv .p-home_mv__point img {
    width: 40%;
    margin: -8% 5% 0 0;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 1.1s
}
@media screen and (max-width:768px) {
    .p-home_mv .p-home_mv__point img {
        width: 90%;
        margin: 12% auto 0;
    }
}

.p-home_mv .p-home_mv__text img {
    width: 39%;
    margin: 0.5% auto 0;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 1.0s
}

.p-home_mv ul.p-home_mv__btn {
    display: flex;
    justify-content: center;
    width: 66%;
    margin: 0.5% auto 0;
    gap: 2.5%;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition-delay: 1.2s
}
@media screen and (max-width:768px) {
    .p-home_mv ul.p-home_mv__btn {
        flex-direction: column;
        width: 80%;
        gap: 2.5vw;
    }
}

.p-home_mv ul.p-home_mv__btn > li {
    width: 50%;
}
@media screen and (max-width:768px) {
    .p-home_mv ul.p-home_mv__btn > li {
        width: 100%;
    }
}

.p-home_mv ul.p-home_mv__btn > li a {
    transition: 0.3s;
}

.p-home_mv ul.p-home_mv__btn > li a:hover {
    opacity: 0.7;
}

.delay .p-home_mv .p-home_mv__lead img {
    opacity: 1;
    transform: none
}

.delay .p-home_mv .p-home_mv__title img {
    opacity: 1;
    transform: none
}

.delay .p-home_mv__note {
    opacity: 1;
    transform: none
}

.delay .p-home_mv .p-home_mv__point img {
    opacity: 1;
    transform: none
}

.delay .p-home_mv .p-home_mv__text img {
    opacity: 1;
    transform: none
}

.delay .p-home_mv ul.p-home_mv__btn {
    opacity: 1;
    transform: none
}

.p-home_visual {
    width: 100%;
    height: clamp(600px, 40vw + 248px, 808px);
    padding: 30px clamp(15px, 2.8571428571vw, 40px);
    overflow: hidden;
    margin-bottom: clamp(40px, 5.7142857143vw, 80px);
    background: #4a95ce url("../images/home/img_visual_bg.jpg") no-repeat center/cover
}
@media screen and (max-width:880px) {
    .p-home_visual {
        height: auto
    }
}
.p-home_visual__inner {
    width: min(100%, 1400px);
    height: 100%;
    margin: 0 auto;
    position: relative
}
@media screen and (max-width:880px) {
    .p-home_visual__inner {
        width: min(100%, 700px)
    }
}
.p-home_visual__flex {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width:880px) {
    .p-home_visual__flex {
        display: block
    }
}
.p-home_visual__catch {
    width: min(46.715%, 654px)
}
@media screen and (max-width:880px) {
    .p-home_visual__catch {
        width: 50%;
        position: absolute;
        top: clamp(-10px, 3.571vw + -21.429px, 10px);
        left: 0;
        z-index: 1
    }
}
.p-home_visual__catch .line {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.delay .p-home_visual__catch .line {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_visual__catch .line:not(:last-child) {
    margin-bottom: clamp(10px, 1.4285714286vw, 20px);
    -webkit-filter: drop-shadow(1.5px 2.6px 2.9px rgba(7, 0, 2, 0.15));
    filter: drop-shadow(1.5px 2.6px 2.9px rgba(7, 0, 2, 0.15))
}
.p-home_visual__catch .line:first-child {
    width: 100%
}
.p-home_visual__catch .line:nth-child(2) {
    width: 80.8869%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}
.p-home_visual__catch .line:nth-child(3) {
    width: 91.5902%;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}
.p-home_visual__catch .line:nth-child(4) {
    width: 36.5443%;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}
.p-home_visual__right {
    width: clamp(482px, 50%, 700px)
}
@media screen and (max-width:880px) {
    .p-home_visual__right {
        width: 100%;
        margin: 0 auto
    }
}
.p-home_visual__figure {
    width: 99.5714%;
    position: relative;
    left: -30px;
    margin-bottom: -20px;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}
@media screen and (max-width:880px) {
    .p-home_visual__figure {
        width: 52%;
        margin-left: auto;
        margin-bottom: 0;
        left: auto
    }
}
.delay .p-home_visual__figure {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_visual__figure .img {
    width: 111%;
    position: absolute;
    bottom: clamp(-39px, -3.258vw + 2.704px, -26px);
    left: 0
}
@media screen and (max-width:880px) {
    .p-home_visual__figure .img {
        bottom: -21px
    }
}
@media screen and (max-width:742px) {
    .p-home_visual__figure .img {
        bottom: clamp(-21px, -2.844vw + 0.1px, -9px)
    }
}
.p-home_visual__figure img.shadow {
    mix-blend-mode: multiply
}
.p-home_visual__figure img.position {
    position: relative;
    z-index: 1
}
.p-home_visual__search {
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: clamp(16px, 1.4285714286vw, 20px) clamp(15px, 2.1428571429vw, 30px) clamp(20px, 2.1428571429vw, 30px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s
}
.delay .p-home_visual__search {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_visual__search .ttl {
    width: min(90%, 502px);
    margin: 0 auto clamp(16px, 1.4285714286vw, 20px)
}
.p-home_visual__search .cont {
    width: 100%
}
.p-home_visual__search .cont #search-filter-form-269 ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: clamp(16px, 1.4285714286vw, 20px)
}
.p-home_visual__search .cont #search-filter-form-269 ul li {
    width: 30.303%;
    padding: 0
}
@media screen and (max-width:480px) {
    .p-home_visual__search .cont #search-filter-form-269 ul li {
        width: 100%
    }
}
.p-home_visual__search .cont #search-filter-form-269 ul li:last-child {
    width: 100%
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_maker label, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_type label {
    width: 100%;
    position: relative;
    background: #004484;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 5px
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_maker label:hover, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_type label:hover {
        background: #4a95ce
    }
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_maker label:before, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_type label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(6px, 1.064vw + -4.894px, 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: clamp(16px, 2.128vw + -5.787px, 24px);
    height: clamp(16px, 2.128vw + -5.787px, 24px);
    background: #ffffff;
    border-radius: 50%;
    pointer-events: none
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_maker label:after, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_type label:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    font-weight: 900;
    color: #004484;
    display: inline-block;
    font-size: clamp(12px, 1.064vw + 1.106px, 16px);
    position: absolute;
    top: 50%;
    right: clamp(9px, 1.596vw + -7.34px, 15px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_maker label select, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-taxonomy-stock_type label select {
    display: block;
    width: 100%;
    min-width: auto;
    line-height: 41px;
    padding-bottom: 2px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.596vw + -0.34px, 22px);
    font-weight: 500;
    letter-spacing: 0.03em;
    padding-right: clamp(15px, 1.33vw + 1.383px, 20px)
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-search {
    width: 100%
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-search label {
    width: 100%;
    position: relative
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-search label:before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight: 900;
    color: #004484;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) scale(-1, 1);
    transform: translateY(-50%) scale(-1, 1)
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-search label input {
    display: block;
    width: 100%;
    padding: 5px clamp(15px, 2.1428571429vw, 30px) 7px;
    font-size: clamp(16px, 1.2857142857vw, 18px);
    border: 3px solid #004484;
    border-radius: 25px;
    background: #ffffff
}
.p-home_visual__search .cont #search-filter-form-269 ul li input[type=submit] {
    display: block;
    width: 100%;
    line-height: 41px;
    padding-bottom: 2px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background: #004484;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, clamp(16px, 1.596vw + -0.34px, 22px), 22px);
    font-weight: 500;
    letter-spacing: 0.03em;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_visual__search .cont #search-filter-form-269 ul li input[type=submit]:hover {
        background: #4a95ce
    }
}
.p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-post-meta-price_list, .p-home_visual__search .cont #search-filter-form-269 ul li.sf-field-sort_order {
    display: none !important
}

.p-home_coupons {
    background: url("../images/home/img_web_coupons_bg.jpg") repeat;
    background-size: 8px 7.5px;
    margin: 0 clamp(-40px, -2.8571428571vw, -15px);
    padding: 3% 0 6.5%;
}
@media screen and (max-width:768px) {
    .p-home_coupons {
        padding: 15% 0 9.5%;
    }
}

.p-home_coupons .p-home_coupons__inner {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.p-home_coupons .p-home_coupons__inner.fadein.active {
    opacity: 1;
    transform: none;
}

.p-home_coupons .p-home_coupons__title {
    font-size: 3.4vw;
    font-weight: 900;
    letter-spacing: 0.22em;
    color: #004484;
    text-align: center;
}
@media screen and (max-width:768px) {
    .p-home_coupons .p-home_coupons__title {
        font-size: 5vw;
    }
}

.p-home_coupons .p-home_coupons__copy img {
    width: 40%;
    margin: 3% auto 0;
}
@media screen and (max-width:768px) {
    .p-home_coupons .p-home_coupons__copy img {
        width: 62%;
        margin: 3.5% auto 0;
    }
}

.p-home_coupons .p-home_coupons__banner {
    width: 58%;
    margin: 2% auto 0;
}
@media screen and (max-width:768px) {
    .p-home_coupons .p-home_coupons__banner {
        width: 90%;
        margin: 5% auto 0;
    }
}

.p-home_coupons .p-home_coupons__banner a {
    transition: 0.3s;
}

.p-home_coupons .p-home_coupons__banner a:hover {
    opacity: 0.7;
}

.p-home_coupons ul.p-home_coupons__shop {
    display: flex;
    flex-wrap: wrap;
    gap: 2em 3.5%;
}
.p-home_coupons ul.p-home_coupons__shop li {
    width: 31%;
}
.p-home_coupons ul.p-home_coupons__shop li a {
    color: #fff;
    background: #004484;
    font-size: clamp(12px, 1.4285714286vw, 26px);
    font-weight: bold;
    border-radius: 100vmax;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2em 0;
}
@media screen and (max-width:480px) {
    .p-home_coupons ul.p-home_coupons__shop li a {
        font-size: clamp(9px, 1.4285714286vw, 26px);
    }
}
.p-home_coupons ul.p-home_coupons__shop li a:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-size: 1.1em;
    font-weight: 900;
    color: #ffffff;
    display: inline-block;
    padding-left: 0.7em;
}
.p-home_coupons ul.p-home_coupons__shop li a:hover {
    background: #4a95ce;
}

.p-home_coupon {
    width: 100%;
    margin-bottom: clamp(40px, 6.4285714286vw, 90px)
}
.p-home_coupon__inner {
    width: min(100%, 1400px);
    margin: 0 auto
}
.p-home_coupon__linkbox {
    width: min(100%, 1091px);
    margin: 0 auto;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home_coupon__inner.fadein.active .p-home_coupon__linkbox {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_coupon__link {
    display: block;
    width: 100%;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_coupon__link:hover {
        opacity: 0.6
    }
}
.p-home_ranking {
    width: 100%;
    margin: clamp(50px, 7.1428571429vw, 100px) 0;
}
.p-home_ranking .p-home__headline {
    margin-bottom: clamp(60px, 7.8571428571vw, 110px)
}
.p-home_ranking__inner {
    width: min(100%, 1400px);
    margin: 0 auto
}
.p-home_ranking__wrap {
    width: 100%;
    margin-bottom: clamp(30px, 5.3571428571vw, 75px)
}
.p-home_ranking__box {
    width: 100%;
    position: relative
}
.p-home_ranking__box:not(:last-child) {
    margin-bottom: clamp(50px, 7.1428571429vw, 100px)
}
.p-home_ranking__box.light:before {
    content: "";
    position: absolute;
    top: clamp(-97px, -6.9285714286vw, -27px);
    left: clamp(60px, 14.7857142857vw, 207px);
    width: clamp(80px, 12.2142857143vw, 171px);
    aspect-ratio: 171/297;
    background: url("../images/home/photo_ranking_light_person.png") no-repeat center/contain;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}
@media screen and (max-width:810px) {
    .p-home_ranking__box.light:before {
        top: clamp(-62px, -7.6543209877vw, -46px);
        left: clamp(10px, 10.204vw + -22.653px, 60px)
    }
}
.p-home_ranking__box.normal:before {
    content: "";
    position: absolute;
    top: clamp(-56px, -4vw, -10px);
    left: clamp(145px, 22.881vw + -40.339px, 280px);
    width: clamp(90px, 15.2857142857vw, 214px);
    aspect-ratio: 214/256;
    background: url("../images/home/photo_ranking_normal_person_left.png") no-repeat center/contain;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}
@media screen and (max-width:810px) {
    .p-home_ranking__box.normal:before {
        top: clamp(-50px, -6.1728395062vw, -26px);
        left: clamp(10px, 10.204vw + -22.653px, 60px)
    }
}
.p-home_ranking__box.normal:after {
    content: "";
    position: absolute;
    top: clamp(-36px, -2.5714285714vw, -20px);
    right: clamp(60px, 40.678vw + -269.492px, 300px);
    width: clamp(100px, 17.5vw, 245px);
    aspect-ratio: 245/419;
    background: url("../images/home/photo_ranking_normal_person_right.png") no-repeat center/contain;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}
@media screen and (max-width:810px) {
    .p-home_ranking__box.normal:after {
        top: clamp(-40px, -4.9382716049vw, -20px);
        right: clamp(10px, 10.204vw + -22.653px, 60px)
    }
}
.p-home_ranking__box.fadein.active:after, .p-home_ranking__box.fadein.active:before {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_ranking__box.fadein.active>.ttl {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_ranking__box>.ttl {
    width: 100%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(20px, 2.8571428571vw, 40px);
    font-weight: bold;
    text-align: center;
    margin-bottom: clamp(50px, 7.1428571429vw, 100px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home_ranking__box>.cont {
    width: 100%
}
.p-home_ranking__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1
}
@media screen and (max-width:810px) {
    .p-home_ranking__list {
        display: block
    }
}
@media screen and (max-width:480px) {
  .p-home_ranking__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-home_ranking__list li {
    width: 30.7142857%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background: #ffffff;
    padding: clamp(60px, 7.5714285714vw, 106px) clamp(15px, 1.7857142857vw, 25px) clamp(24px, 2.8571428571vw, 40px);
    -webkit-box-shadow: 10px 17.3px 20px 0 rgba(7, 0, 2, 0.15);
    box-shadow: 10px 17.3px 20px 0 rgba(7, 0, 2, 0.15);
    border-radius: 20px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
@media screen and (max-width:810px) {
    .p-home_ranking__list li {
        width: 100%;
        display: block;
        padding-top: 35px
    }
}
@media screen and (max-width:480px) {
  .p-home_ranking__list li {
    padding: 25px 10px;
  }
}
@media screen and (max-width:480px) {
  .p-home_ranking__list li:nth-child(n+2) .p-home_ranking__bonus .cont span:nth-of-type(1) {
    width: 100%;
  }
}
.p-home_ranking__box.fadein.active .p-home_ranking__list li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_ranking__list li:first-child:before {
    background-image: url("../images/home/img_ranking_no1.png")
}
.p-home_ranking__list li:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}
.p-home_ranking__list li:nth-child(2):before {
    background-image: url("../images/home/img_ranking_no2.png")
}
.p-home_ranking__list li:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.p-home_ranking__list li:nth-child(3):before {
    background-image: url("../images/home/img_ranking_no3.png")
}
.p-home_ranking__list li:not(:first-child) {
    margin-top: clamp(30px, 4.2857142857vw, 60px)
}
@media screen and (max-width:810px) {
    .p-home_ranking__list li:not(:first-child) {
        margin-top: 60px
    }
}
@media screen and (max-width:480px) {
  .p-home_ranking__list li:nth-child(1) {
    width: 100%;
    order: 1;
  }
  .p-home_ranking__list li:nth-child(2) {
    width: 48%;
    order: 2;
  }
  .p-home_ranking__list li:nth-child(3) {
    width: 48%;
    order: 3;
  }
  .p-home_ranking__list li:nth-child(2):before,
  .p-home_ranking__list li:nth-child(3):before {
    background-size: 3rem;
    left: -20px;
  }
  .p-home_ranking__list li:nth-child(2) .p-home_ranking__figure,
  .p-home_ranking__list li:nth-child(3) .p-home_ranking__figure {
    width: 100% !important;
  }
  .p-home_ranking__list li:nth-child(2) .p-home_ranking__figure img,
  .p-home_ranking__list li:nth-child(3) .p-home_ranking__figure img {
    width: 85%;
    height: 5rem;
    object-fit: contain;
    margin: auto;
  }
}
.p-home_ranking__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: clamp(80px, 10.9285714286vw, 153px);
    aspect-ratio: 153/132;
    background: no-repeat center/contain
}
@media screen and (max-width:810px) {
    .p-home_ranking__list li:before {
        left: -10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.p-home_ranking__item {
    width: 100%;
    margin-bottom: clamp(20px, 2.8571428571vw, 40px)
}
.p-home_ranking__item>.ttl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: clamp(19px, 3.0714285714vw, 43px);
    color: #3e3a3a
}
@media screen and (max-width:480px) {
  .p-home_ranking__item>.ttl {
    margin-bottom: clamp(10px, 2.5vw, 43px);
  }
}
.p-home_ranking__item>.ttl ._cap {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 2.1428571429vw, 30px);
    font-weight: 900;
    margin: 0 0.25em 5px 0
}
@media screen and (max-width:480px) {
  .p-home_ranking__item>.ttl ._cap {
    font-size: clamp(12px, 2.1428571429vw, 30px);
  }
}
.p-home_ranking__item>.ttl ._main {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(20px, 2.8571428571vw, 40px);
    font-weight: 900;
    margin-bottom: 5px
}
@media screen and (max-width:480px) {
  .p-home_ranking__item>.ttl ._main {
    font-size: clamp(14px, 2.8571428571vw, 40px);
  }
}
.p-home_ranking__item>.cont {
    width: 100%
}
@media screen and (max-width:810px) {
    .p-home_ranking__item>.cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media screen and (max-width:480px) {
    .p-home_ranking__item>.cont {
        display: block
    }
}
.p-home_ranking__figure {
    width: 100%;
    margin: 0 auto clamp(20px, 3.5714285714vw, 50px)
}
@media screen and (min-width:481px) and (max-width:810px) {
    .p-home_ranking__figure {
        width: 45% !important;
        margin: 0
    }
}
@media screen and (max-width:480px) {
    .p-home_ranking__figure {
        max-width: 380px
    }
}
.light .p-home_ranking__list li:first-child .p-home_ranking__figure {
    width: 90.78947%
}
.light .p-home_ranking__list li:nth-child(2) .p-home_ranking__figure {
    width: 84.21052%
}
.light .p-home_ranking__list li:nth-child(3) .p-home_ranking__figure {
    width: 75.52631%
}
.normal .p-home_ranking__list li:nth-child(3) .p-home_ranking__figure {
    width: 94.73684%
}
@media screen and (max-width:810px) {
    .p-home_ranking__right {
        width: 50%
    }
}
@media screen and (max-width:480px) {
    .p-home_ranking__right {
        width: 100%
    }
}
.p-home_ranking__price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: clamp(20px, 2.8571428571vw, 40px);
    color: #e74932
}
@media screen and (min-width:481px) and (max-width:810px) {
    .p-home_ranking__price {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}
.p-home_ranking__price .month {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 2.1428571429vw, 30px);
    font-weight: bold
}
@media screen and (max-width:480px) {
  .p-home_ranking__price .month {
    font-size: clamp(10px, 2.1428571429vw, 30px);
  }
}
.p-home_ranking__price .num {
    display: block;
    font-family: "Roboto", "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(28px, 3.9285714286vw, 55px);
    font-weight: bold
}
@media screen and (max-width:480px) {
  .p-home_ranking__price .num {
    font-size: clamp(18px, 3.9285714286vw, 55px);
  }
}
.p-home_ranking__price .unit {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(14px, 1.4285714286vw, 20px);
    font-weight: bold
}
@media screen and (max-width:480px) {
  .p-home_ranking__price .unit {
    font-size: clamp(10px, 1.4285714286vw, 20px);
  }
}
.p-home_ranking__bonus {
    width: 100%;
    position: relative;
    margin-bottom: clamp(30px, 2.8571428571vw, 40px)
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus {
    margin-bottom: clamp(20px, 2.8571428571vw, 40px);
  }
}
.p-home_ranking__bonus .ttl {
    width: clamp(60px, 5.7142857143vw, 80px);
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    border-radius: 50%
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .ttl {
    width: clamp(45px, 5.7142857143vw, 80px);
  }
}
.light .p-home_ranking__bonus .ttl {
    background: #e75579
}
.normal .p-home_ranking__bonus .ttl {
    background: #e9b65e
}
.p-home_ranking__bonus .ttl ._cap {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(14px, 1.2857142857vw, 18px);
    font-weight: 500;
    color: #ffffff
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .ttl ._cap {
    font-size: clamp(10px, 1.2857142857vw, 18px);
  }
}
.p-home_ranking__bonus .ttl ._main {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(28px, 2.6428571429vw, 37px);
    font-weight: bold;
    color: #ffffff
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .ttl ._main {
    font-size: clamp(20px, 2.6428571429vw, 37px);
  }
}
.p-home_ranking__bonus .ttl ._main .__unit {
    font-size: 0.679729em
}
.p-home_ranking__bonus .cont {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px clamp(10px, 1.7857142857vw, 25px) 7px clamp(70px, 6.4285714286vw, 90px);
    border-radius: 9999px
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .cont {
    padding: 5px clamp(10px, 1.7857142857vw, 25px) 7px clamp(50px, 6.4285714286vw, 90px);
  }
}
.light .p-home_ranking__bonus .cont {
    background: #fadcdd
}
.normal .p-home_ranking__bonus .cont {
    background: #fae8c9
}
.p-home_ranking__bonus .cont ._cap {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(14px, 1.2857142857vw, 18px);
    font-weight: bold
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .cont ._cap {
    font-size: clamp(10px, 1.2857142857vw, 18px);
  }
}
.p-home_ranking__bonus .cont ._num {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(18px, 2vw, 28px);
    font-weight: bold
}
@media screen and (max-width:480px) {
  .p-home_ranking__bonus .cont ._num {
    font-size: clamp(12px, 2vw, 28px);
  }
}
.p-home_ranking__text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.4285714286vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    margin-top: clamp(-5px, -0.3571428571vw, -5px);
    margin-bottom: clamp(-5px, -0.3571428571vw, -5px)
}
@media screen and (max-width:768px) {
    .p-home_ranking__text {
        line-height: 1.625;
        margin-top: clamp(-5px, -0.3571428571vw, -5px);
        margin-bottom: clamp(-5px, -0.3571428571vw, -5px)
    }
}
@media screen and (max-width:480px) {
  .p-home_ranking__text {
    font-size: clamp(12px, 1.4285714286vw, 20px);
  }
}
.p-home_ranking__linkbox {
    width: 100%;
    margin-top: auto
}
.p-home_ranking__link {
    width: min(100%, 230px);
    margin: 0 auto;
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.4285714286vw, 20px);
    font-weight: bold;
    padding: 14px 15px 16px;
    background: #004484;
    border-radius: 30px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_ranking__link:hover {
        background: #4a95ce
    }
}
.p-home_aboutus {
    margin: 0 clamp(-40px, -2.8571428571vw, -15px);
    padding: clamp(40px, 5.7142857143vw, 80px) clamp(15px, 2.8571428571vw, 40px);
    background-color: #f7e984;
    background-image: radial-gradient(rgba(0, 0, 0, 0.07) 28%, transparent 28%), radial-gradient(rgba(0, 0, 0, 0.07) 28%, transparent 28%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    mix-blend-mode: multiply
}
.p-home_aboutus__inner {
    width: min(100%, 1400px);
    margin: 0 auto
}
.p-home_aboutus__headline {
    width: 100%;
    position: relative;
    margin-bottom: clamp(40px, 5vw, 70px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home_aboutus__inner.fadein.active .p-home_aboutus__headline {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_aboutus__headline:before {
    content: "";
    position: absolute;
    top: clamp(-70px, -5vw, -20px);
    left: clamp(0px, 15.104vw + -48.333px, 145px);
    width: clamp(60px, 14.3571428571vw, 201px);
    aspect-ratio: 201/269;
    background: url("../images/home/photo_about_person.png") no-repeat center/contain
}
.p-home_aboutus__headline .cont {
    text-align: center;
    position: relative
}
.p-home_aboutus__headline .cont ._ttl {
    font-size: clamp(30px, 7.292vw + 6.667px, 100px);
    font-weight: 900;
    color: #004484;
    letter-spacing: -0.1em
}
.p-home_aboutus__headline .cont ._ttl .__num {
    font-size: 1.2em
}
.p-home_aboutus__catch {
    width: 100%;
    margin-bottom: clamp(24px, 4.2857142857vw, 60px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}
.p-home_aboutus__inner.fadein.active .p-home_aboutus__catch {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_aboutus__catch .text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 3.3571428571vw, 47px);
    font-weight: bold;
    line-height: 1.2765957447;
    margin-top: clamp(-6.5px, -0.4642857143vw, -6.5px);
    margin-bottom: clamp(-6.5px, -0.4642857143vw, -6.5px);
    color: #3e3a3a;
    text-align: center
}
.p-home_aboutus__catch .text ._ib {
    display: inline-block
}
.p-home_aboutus__catch .text ._red {
    font-size: 1.17em;
    color: #eb2723
}
.p-home_aboutus__feature {
    width: min(100%, 1046px);
    margin: 0 auto clamp(24px, 4.2857142857vw, 60px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.p-home_aboutus__inner.fadein.active .p-home_aboutus__feature {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_aboutus__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: clamp(15px, 2.8571428571vw, 40px);
    margin: 0 auto clamp(30px, 5vw, 70px)
}
@media screen and (max-width:768px) {
    .p-home_aboutus__list {
        max-width: 600px
    }
}
@media screen and (max-width:480px) {
    .p-home_aboutus__list {
        max-width: 380px
    }
}
.p-home_aboutus__list.fadein.active li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_aboutus__list li {
    width: 23.57143%;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
@media screen and (max-width:768px) {
    .p-home_aboutus__list li {
        width: 48%
    }
}
.p-home_aboutus__list li:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}
.p-home_aboutus__list li:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.p-home_aboutus__list li:nth-child(4) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}
.p-home_aboutus__item {
    width: 100%
}
@media screen and (max-width:480px) {
  .p-home_aboutus__item {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.p-home_aboutus__item .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-weight: bold;
    color: #004484;
    margin-bottom: clamp(12px, 1.1428571429vw, 16px)
}
.p-home_aboutus__item .ttl ._cap {
    display: block;
    margin-right: 6px;
    font-size: clamp(14px, 1.4285714286vw, 20px)
}
.p-home_aboutus__item .ttl ._main {
    display: block;
    font-size: clamp(24px, 3.5714285714vw, 50px)
}
.p-home_aboutus__item .cont {
    width: 100%
}
@media screen and (max-width:480px) {
  .p-home_aboutus__item .cont {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.p-home_aboutus__text {
    width: 100%;
    text-align: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(15px, 2.1428571429vw, 30px);
    font-weight: bold;
    line-height: 1.1666666667;
    margin-top: clamp(-2.5px, -0.1785714286vw, -2.5px);
    margin-bottom: clamp(17.5px, 1.9642857143vw, 27.5px);
    letter-spacing: 0.03em;
    color: #3e3a3a
}
@media screen and (max-width:768px) {
    .p-home_aboutus__text {
        line-height: 1.3333333333;
        margin-top: clamp(-3px, -0.2142857143vw, -3px);
        margin-bottom: 0;
    }
}
.p-home_aboutus__text .ib {
    display: inline-block
}
.p-home_aboutus__figure {
    width: min(50%, 280px);
    margin: 0 auto
}
@media screen and (max-width:480px) {
  .p-home_aboutus__figure {
    flex: 1;
    display: flex;
    align-items: end;
    display: none;
  }
}
.p-home_recommended {
    margin: 0 clamp(-40px, -2.8571428571vw, -15px) 0;
    padding: clamp(40px, 6.4285714286vw, 90px) clamp(15px, 2.8571428571vw, 40px);
    background: #dfeff9
}
.p-home_recommended .p-home__headline {
    margin-bottom: clamp(90px, 9.2857142857vw, 130px)
}
@media screen and (max-width:768px) {
    .p-home_recommended .p-home__headline {
        margin-bottom: 30px;
    }
    .p-home_recommended .p-home__headline .cont ._ttl {
        font-size: clamp(22px, 4.2857142857vw, 60px);
    }
}

.p-home_recommended__inner {
    width: min(100%, 1400px);
    margin: 0 auto
}
.p-home_recommended__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: clamp(15px, 3.5714285714vw, 50px);
    margin: 0 auto clamp(30px, 5vw, 70px);
    position: relative;
    flex-direction: column;
}
.p-home_recommended__list.fadein.active:before {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_recommended__list.fadein.active li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_recommended__list:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: clamp(70px, 7.595vw + 11.671px, 118px);
    width: clamp(60px, 14.873vw + -54.228px, 154px);
    aspect-ratio: 154/253;
    background: url("../images/home/photo_recommended_person.png") no-repeat center/contain;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}
@media screen and (max-width:768px) {
    .p-home_recommended__list:before {
        bottom: 98%;
        right: 10px;
        width: clamp(50px, 14.873vw + -54.228px, 154px);
    }
}
.p-home_recommended__list li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #ffffff;
    border-radius: 20px;
    padding: clamp(32px, 3.5714285714vw, 50px) clamp(15px, 1.7857142857vw, 25px) clamp(24px, 2.1428571429vw, 30px);
    padding: 20px;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
@media screen and (max-width:768px) {
    .p-home_recommended__list li {
        width: 100%
    }
}
.p-home_recommended__list li:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}
.p-home_recommended__list li:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.p-home_recommended__item .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: clamp(-20px, -1.4285714286vw, -10px);
    left: clamp(-20px, -1.4285714286vw, -10px);
    width: clamp(80px, 8.5714285714vw, 120px);
    aspect-ratio: 1/1;
    background: #4a95ce;
    border-radius: 50%;
    padding-top: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 120px;
    height: 120px;
}
@media screen and (max-width:768px) {
  .p-home_recommended__item .ttl {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width:480px) {
  .p-home_recommended__item .ttl {
    width: 60px;
    height: 60px;
  }
}
.p-home_recommended__item .ttl ._cap {
    display: block;
    font-size: clamp(16px, 2.1428571429vw, 30px);
    font-weight: bold;
    color: #ffffff
}
.p-home_recommended__item .ttl ._main {
    display: block;
    font-size: clamp(26px, 3.2142857143vw, 45px);
    font-weight: bold;
    color: #ffffff
}
.p-home_recommended__item .cont {
  display: flex;
  align-items: center;
}
.p-home_recommended__figure {
    width: 100%;
    max-width: 60px;
    margin: 0 20px 0 0;
}
@media screen and (max-width:480px) {
  .p-home_recommended__figure {
    margin-right: 10px;
  }
}
.p-home_recommended__list li:first-child .p-home_recommended__figure {
    max-width: calc(136px * 0.5);
}
@media screen and (max-width:768px) {
  .p-home_recommended__list li:first-child .p-home_recommended__figure {
    max-width: calc(136px * 0.3);
  }
}
@media screen and (max-width:480px) {
  .p-home_recommended__list li:first-child .p-home_recommended__figure {
    max-width: calc(136px * 0.2);
  }
}
.p-home_recommended__list li:nth-child(2) .p-home_recommended__figure {
    max-width: calc(172px * 0.5);
}
@media screen and (max-width:768px) {
  .p-home_recommended__list li:nth-child(2) .p-home_recommended__figure {
    max-width: calc(172px * 0.3);
  }
}
@media screen and (max-width:480px) {
  .p-home_recommended__list li:nth-child(2) .p-home_recommended__figure {
    max-width: calc(172px * 0.2);
  }
}
.p-home_recommended__list li:nth-child(3) .p-home_recommended__figure {
    max-width: calc(126px * 0.5);
}
@media screen and (max-width:768px) {
  .p-home_recommended__list li:nth-child(3) .p-home_recommended__figure {
    max-width: calc(126px * 0.3);
  }
}
@media screen and (max-width:480px) {
  .p-home_recommended__list li:nth-child(3) .p-home_recommended__figure {
    max-width: calc(126px * 0.2);
  }
}
.p-home_recommended__text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(20px, 2.1428571429vw, 30px);
    font-weight: bold;
    line-height: 1.3333333333;
    margin-top: clamp(-5px, -0.3571428571vw, -5px);
    margin-bottom: clamp(-5px, -0.3571428571vw, -5px);
    letter-spacing: 0.05em;
    color: #3e3a3a;
    text-align: center
}
@media screen and (max-width:768px) {
  .p-home_recommended__text {
    font-size: 16px;
  }
}
@media screen and (max-width:480px) {
  .p-home_recommended__text {
    font-size: 14px;
  }
}
.p-home_recommended__text br {
  display: none;
}
@media screen and (max-width:768px) {
  .p-home_recommended__text br {
    display: block;
  }
}
.p-home_news {
    width: 100%;
    margin-bottom: clamp(40px, 8.5714285714vw, 120px);
    margin-top: clamp(50px, 7.1428571429vw, 100px);
}
.p-home_news__inner {
    width: min(100%, 1400px);
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home_news__inner.fadein.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_news__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: clamp(20px, 2.1428571429vw, 30px);
    margin-bottom: clamp(30px, 5vw, 70px)
}
.p-home_news__list li {
    width: min(23.15%, 324px)
}
.p-home_news__list li:nth-child(4n+2):nth-last-child(2) {
    margin-left: calc((100% - min(23.15%, 324px) * 4) / 3)
}
.p-home_news__list li:nth-child(4n+2):last-child, .p-home_news__list li:nth-child(4n+3):last-child {
    margin-right: auto;
    margin-left: calc((100% - min(23.15%, 324px) * 4) / 3)
}
@media screen and (max-width:1024px) {
    .p-home_news__list li {
        width: 31%
    }
    .p-home_news__list li:nth-child(4n+2):last-child, .p-home_news__list li:nth-child(4n+2):nth-last-child(2), .p-home_news__list li:nth-child(4n+3):last-child {
        margin: 0
    }
    .p-home_news__list li:nth-child(3n+2):last-child {
        margin-right: auto;
        margin-left: calc(50% - 31% * 1.5)
    }
}
@media screen and (max-width:768px) {
    .p-home_news__list li {
        width: 48.5%
    }
    .p-home_news__list li:nth-child(3n+2):last-child, .p-home_news__list li:nth-child(4n+2):last-child, .p-home_news__list li:nth-child(4n+2):nth-last-child(2), .p-home_news__list li:nth-child(4n+3):last-child {
        margin: 0
    }
}
.p-home_news__link {
    width: 100%;
    display: block;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_news__link:hover {
        opacity: 0.6
    }
}
.p-home_news__figure {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border-radius: 17.5px;
    overflow: hidden
}
.p-home_news__figure .img {
    width: 100%;
    aspect-ratio: 324/260;
    background: no-repeat center/cover
}
.p-home_news__figure .cap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(90%, 260px);
    background: #478bc8;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(10px, 1.2857142857vw, 18px);
    font-weight: 500;
    letter-spacing: 0.03em;
    color: #ffffff;
    text-align: center;
    padding: 7px 10px 9px;
    border-radius: 17.5px
}
.p-home_news__item {
    width: 100%;
    padding: 0 10px
}
.p-home_news__item .ttl {
    width: 100%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(18px, 1.4285714286vw, 20px);
    font-weight: 500;
    line-height: 1.4;
    margin-top: clamp(-4px, -0.2857142857vw, -4px);
    margin-bottom: clamp(6px, 0.5714285714vw, 8px)
}
.p-home_news__item .cont {
    width: 100%
}
.p-home_news__time {
    display: block;
    width: 100%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(14px, 1.1428571429vw, 16px);
    letter-spacing: 0.03em
}
.p-home_news__text {
    margin-bottom: clamp(32px, 3vw, 42px)
}
.p-home_intro {
    margin: 0 clamp(-40px, -2.8571428571vw, -15px) clamp(50px, 7.1428571429vw, 100px)
}
.p-home_intro__inner {
    width: 100%
}
.p-home_intro__box {
    width: 100%
}
.p-home_intro__block {
    width: min(95%, 1450px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #edeeee;
    background-image: linear-gradient(90deg, #e0e1e1 1px, transparent 1px), linear-gradient(180deg, #e0e1e1 1px, transparent 1px);
    background-size: 2px 2px;
    padding: clamp(25px, 3.5714285714vw, 50px) clamp(15px, 21.094vw + -147px, 258px) clamp(20px, 2.8571428571vw, 40px) clamp(15px, 3.5714285714vw, 50px);
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
@media screen and (max-width:550px) {
    .p-home_intro__block {
        display: block
    }
}
.p-home_intro__block.fadein.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_intro__block:not(:last-child) {
    margin-bottom: clamp(25px, 3.5714285714vw, 50px)
}
.p-home_intro__block:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 0 clamp(20px, 3.5714285714vw, 50px) clamp(20px, 3.5714285714vw, 50px) 0
}
.p-home_intro__block:nth-child(2n) {
    margin-left: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: clamp(20px, 3.5714285714vw, 50px) 0 0 clamp(20px, 3.5714285714vw, 50px)
}
.p-home_intro__block:first-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -20px;
    width: clamp(80px, 19.62vw + -70.684px, 204px);
    aspect-ratio: 204/431;
    background: url("../images/home/photo_intro_person.png") no-repeat center/cover;
    pointer-events: none;
    z-index: 1
}
.p-home_intro__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width:550px) {
    .p-home_intro__flex {
        width: min(100%, 300px);
        display: block;
        margin: 0 auto
    }
}
.p-home_intro__figure {
    width: clamp(200px, 30.25vw + 18.5px, 442px);
    margin-bottom: 0
}
@media screen and (max-width:550px) {
    .p-home_intro__figure {
        width: 100%;
        margin-bottom: 20px
    }
}
.p-home_intro__block:nth-child(odd) .p-home_intro__figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: clamp(50px, 14.241vw + -59.367px, 140px)
}
@media screen and (max-width:550px) {
    .p-home_intro__block:nth-child(odd) .p-home_intro__figure {
        margin-left: 0
    }
}
.p-home_intro__block:nth-child(2n) .p-home_intro__figure {
    margin-right: clamp(50px, 14.241vw + -59.367px, 140px)
}
@media screen and (max-width:550px) {
    .p-home_intro__block:nth-child(2n) .p-home_intro__figure {
        margin-right: 0
    }
}
.p-home_intro__figure img {
    -webkit-filter: drop-shadow(7.5px 13px 15px rgba(7, 0, 2, 0.2));
    filter: drop-shadow(7.5px 13px 15px rgba(7, 0, 2, 0.2))
}
.p-home_intro__item .ttl {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(25px, 3.5714285714vw, 50px);
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: clamp(16px, 2.1428571429vw, 30px);
    color: #3e3a3a
}
.p-home_intro__block:nth-child(2n) .p-home_intro__item .ttl {
    text-align: right
}
.p-home_intro__text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.7857142857vw, 25px);
    line-height: 1.6;
    margin-top: clamp(-7.5px, -0.5357142857vw, -7.5px);
    margin-bottom: clamp(12.5px, 2.3214285714vw, 32.5px);
    color: #3e3a3a
}
@media screen and (max-width:768px) {
    .p-home_intro__text {
        line-height: 1.625;
        margin-top: clamp(-5px, -0.3571428571vw, -5px);
        margin-bottom: clamp(15px, 2.5vw, 35px)
    }
}
.p-home_intro__block:nth-child(2n) .p-home_intro__text {
    text-align: right
}
.p-home_intro__linkbox {
    width: min(100%, 230px)
}
.p-home_intro__block:nth-child(2n) .p-home_intro__linkbox {
    margin-left: auto
}
.p-home_intro__link {
    display: block;
    width: 100%;
    line-height: 46px;
    padding-bottom: 1px;
    background: #004484;
    text-align: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.3571428571vw, 19px);
    color: #ffffff;
    border-radius: 50px;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_intro__link:hover {
        background: #4a95ce
    }
}
.p-home_intro__link .cont:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    display: inline-block;
    padding-left: 14px
}
.p-home_voice {
    width: 100%
}
.p-home_voice .p-home__headline {
    margin-bottom: clamp(30px, 5vw, 70px)
}
.p-home_voice__inner {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
.p-home_voice__inner.fadein.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_voice__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}
@media screen and (max-width:640px) {
    .p-home_voice__list {
        gap: 0 20px;
    }
}
.p-home_voice__list.fadein.active li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.p-home_voice__list>li {
    width: min(43.8597%, 500px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}
@media screen and (max-width:640px) {
    .p-home_voice__list>li {
        width: 100%
    }
}
.p-home_voice__list>li:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}
@media screen and (max-width:640px) {
    .p-home_voice__list>li:not(:last-child) {
        margin-bottom: 30px
    }
}
.p-home_voice__figure {
    margin-bottom: clamp(20px, 3.5714285714vw, 50px);
    position: relative
}
.p-home_voice__figure .cap {
    display: block;
    width: 100%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(18px, 2.8571428571vw, 40px);
    font-weight: bold;
    text-align: center;
    margin-bottom: clamp(15px, 1.4285714286vw, 20px);
    color: #3e3a3a
}
.p-home_voice__figure img {
    -webkit-filter: drop-shadow(10px 17.3px 10px rgba(7, 0, 2, 0.2));
    filter: drop-shadow(10px 17.3px 10px rgba(7, 0, 2, 0.2))
}
.p-home_voice__linkbox {
    width: min(100%, 230px);
    margin: 0 auto
}
.p-home_voice__link {
    display: block;
    width: 100%;
    line-height: 46px;
    padding-bottom: 1px;
    background: #004484;
    text-align: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.3571428571vw, 19px);
    color: #ffffff;
    border-radius: 50px;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
    .p-home_voice__link:hover {
        background: #4a95ce
    }
}
.p-home_voice__link .cont:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    display: inline-block;
    padding-left: 14px
}

.p-home_shop {
  margin: 0 auto;
  width: min(100%, 1480px);
  padding: 0 40px;
}

.p-home_shop ul.p-home_shop__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5%;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.p-home_shop ul.p-home_shop__list.fadein.active {
  opacity: 1;
  transform: none;
}

.p-home_shop ul.p-home_shop__list > li {
  width: 31%;
  margin-bottom: 3.5%;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__name {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__pic {
  margin-top: 25px;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__pic img {
  width: 100%;
  border-radius: 17.5px;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__map {
  margin-top: 25px;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__map iframe {
  border: none;
  width: 100%;
  height: 250px;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__tel {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

.p-home_shop ul.p-home_shop__list > li .p-home_shop__tel span {
  font-size: 20px;
  font-weight: 500;
  margin-right: 5px;
}

.p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.3em;
}

.p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dt {
  width: 5em;
  color: #fff;
  background: #4a95ce;
  padding: 0.1em 0.5em;
  height: fit-content;
  border-radius: 100vmax;
  font-size: 15px;
  text-align: center;
}

.p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dd {
  width: calc(100% - 5.5em);
}

.p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dt:nth-of-type(n+2),
.p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dd:nth-of-type(n+2) {
  margin-top: 5px;
}

.p-home_shop ul.p-home_shop__list > li ul.p-home_shop__sns {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
}

.p-home_shop ul.p-home_shop__list > li ul.p-home_shop__sns > li {
  width: 60px;
}
@media screen and (max-width:768px) {
  .p-home_shop {
    padding: 0 20px;
  }

  .p-home_shop ul.p-home_shop__list > li {
    width: 48%;
    margin-bottom: 10%;
  }

  .p-home_shop ul.p-home_shop__list > li .p-home_shop__name {
    font-size: 16px;
  }

  .p-home_shop ul.p-home_shop__list > li .p-home_shop__pic {
    margin-top: 15px;
  }

  .p-home_shop ul.p-home_shop__list > li .p-home_shop__pic img {
    border-radius: 10px;
  }

  .p-home_shop ul.p-home_shop__list > li .p-home_shop__tel {
    font-size: 15px;
    margin-top: 15px;
  }

  .p-home_shop ul.p-home_shop__list > li .p-home_shop__tel span {
    font-size: 12px;
  }

  .p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info {
    margin-top: 15px;
    font-size: 12px;
  }

  .p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dt {
    width: 100%;
    font-size: 13px;
  }

  .p-home_shop ul.p-home_shop__list > li dl.p-home_shop__info dd {
    width: 100%;
    margin-top: 5px;
  }

  .p-home_shop ul.p-home_shop__list > li ul.p-home_shop__sns > li {
    width: 40px;
  }
}



/*# sourceMappingURL=common_home.css.map */