@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}
.wcm {
    max-width: 1180px;
    width: 95%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .wcm {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}
.wcm02{
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .wcm02{
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}
.l-sec{
    padding: 60px 0;
}
@media screen and (max-width: 767px) {
    .l-sec {
        padding: 40px 0;
    }
}
.u-flex {
    display: flex;
}

@media screen and (max-width: 767px) {
    .u-flex {
        display: block;
    }
}
.u-pc{
    display: block;
}
@media screen and (max-width: 767px) {
    .u-pc {
        display: none;
    }
}
.u-sp{
    display: none;
}
@media screen and (max-width: 767px) {
    .u-sp {
        display: block;
    }
}
.u-center{
    text-align: center;
}
.u-uppercase{
    text-transform: uppercase;
}
.u-red{
    color: #bf1700;
}
.u-blue{
    color: #0a13c2;
}
.u-blue02{
    color: #1800ad;
}
.u-blue03{
    color: #141d99;
}
.u-blue04{
    color: #232ab9;
}
.u-line {
    text-decoration: underline;
}
.u-bg-blue{
    background: #e4eaf4;
}
.c-ttl{
    font-weight: bold;
    font-size: 30px;
}
@media screen and (max-width: 1080px) {
    .c-ttl {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    .c-ttl {
        font-size: 18px;
        letter-spacing: 0;
    }
}
.c-ttl02{
    color: #fff;
    background: #040d84;
    font-size: 30px;
    font-weight: bold;
    padding: 8px 10px 8px 60px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1080px) {
    .c-ttl02 {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    .c-ttl02 {
        font-size: 18px;
        padding: 5px 15px
    }
}
.c-ttl02 img{
    display: inline-block;
    width: 40px;
    margin-right: 15px;
}
.c-ttl03{
    font-size: 22px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .c-ttl03{
        font-size: 18px;
    }
}
.c-ttl-line{
    font-size: 30px;
    font-weight: bold;
    color: #141d99;
    text-decoration: underline;
}
@media screen and (max-width: 1080px) {
    .c-ttl-line{
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    .c-ttl-line {
        font-size: 18px;
    }
}
.c-txt-base{
    font-size: 16px;
    line-height: 1.75;
}
@media screen and (max-width: 767px) {
    .c-txt-base {
        font-size: 15px;
        line-height: 1.6;
    }
}
.c-txt-base p+p{
    margin-top: 15px;
}
.u-mb5 {
    margin-bottom: 5px;
}
.u-mb10{
    margin-bottom: 10px;
}
.u-mb20{
    margin-bottom: 20px;
}
.u-mb30{
    margin-bottom: 30px;
}
.u-mb40{
    margin-bottom: 40px;
}
.u-mb50 {
    margin-bottom: 50px;
}
.u-mb100 {
    margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
    .u-mb10 {
        margin-bottom: 5px;
    }

    .u-mb20 {
        margin-bottom: 10px;
    }

    .u-mb30 {
        margin-bottom: 15px;
    }

    .u-mb40 {
        margin-bottom: 20px;
    }
    .u-mb50 {
        margin-bottom: 25px;
    }
    .u-mb100 {
        margin-bottom: 50px;
    }
}
.align-center{
    align-items: center;
}
.c-table01{

}
.c-table01 table{
    width: 100%;
    border-collapse: collapse;
}
@media screen and (max-width: 767px) {
    .c-table01 table {
        width: 600px;
    }
}
.c-table01 th,
.c-table01 td{
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
}
.c-table01 th{
    background: #1800AD;
    padding: 5px 10px;
    color: #fff;
    border-right: 1px solid #fff;
}
.c-table01 th img{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
@media screen and (max-width: 767px) {
    .c-table01 th img {
        width: 40px;
        margin-left: 10px;
    }
}
.c-table01 td {
    padding: 14px 5px;
    background: #fff;
    border: 1px solid #cfcfcf;
}
.c-cta {
    padding: 20px 50px;
    font-size: 21px;
    color: #fff;
    background: linear-gradient(180deg, #001f65, #6895fd);
}
@media screen and (max-width: 767px) {
    .c-cta {
        padding: 10px 20px;
        font-size: 16px;
    }
}
.c-label{
    position: absolute;
    width: 50%;
    max-width: 350px;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    border: 4px solid #1800ad;
    background: #ecf4ff;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .c-label{
        width: 80%;
        padding: 3px 5px;
        border-width: 2px;
        font-size: 15px;
        top: -20px;
    }
}
.c-label.--style2{
    color: #f7f8ff;
    border-color: #dbe1f8;
    background: #07489d;
}
.c-label02{
    position: absolute;
    width: 65%;
    left: 50%;
    top: -35px;
    border-radius: 60px;
    transform: translateX(-50%);
    border: 4px solid #a81400;
    color: #8b0101;
    background: #fff;
    text-align: center;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .c-label02 {
        font-size: 14px;
        border-width: 2px;
        width: 80%;
        padding: 5px;
        top: -30px;
    }
}
.c-label03{
    position: absolute;
    width: 42%;
    left: 50%;
    top: -35px;
    border-radius: 15px;
    transform: translateX(-50%);
    border: 2px dashed #a81400;
    color: #8b0101;
    background: #f6cece;
    text-align: center;
    padding: 10px 5px;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .c-label03{
        font-size: 15px;
        padding: 5px;
        width: 90%;
        top: -22px;
    }
}
.c-label03.--blue{
    width: 55%;
    background: #c3deff;
    color: #004aad;
    border-color: #232ab9;
}
@media screen and (max-width: 767px) {
    .c-label03.--blue {
        width: 90%;
    }
}
.c-btn02{
    display: block;
    width: 100%;
    max-width: 380px;
    margin: 20px 0 0 auto;
    padding: 8px 5px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 60px;
    background: linear-gradient(90deg, #000000, #3533cd);
    transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
    .c-btn02 {
        font-size: 13px;
        max-width: 300px;
    }
}
.c-btn02:hover{
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, #3533cd, #000000);
}
.c-btn-register{
    display: block;
    max-width: 250px;
    text-decoration: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #040d84;
    font-weight: bold;
    background: #c2cdff;
    border-radius: 40px;
    padding: 18px 10px 18px 35px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .c-btn-register {
        max-width: 240px;
    }
}
.c-btn-register:after{
    content: "";
    width: 45px;
    height: 45px;
    background: #fff url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-res01.png) no-repeat center;
    background-size: 25px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.c-btn-register.--green{
    background: #b1e89a;
    text-decoration: underline;
}
.c-btn-register.--green:after{
    background-image: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-res02.png);
}
.c-btn-register::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: 0.5s;
}

.c-btn-register:hover::before {
    left: 100%;
}

/* Main CSS */
.p-why{
    color: #000;
}

.p-whyMv{
    background: #040d84;
    overflow: hidden;
    color: #fff;
    padding: 80px 0;
}
@media screen and (max-width: 767px) {
    .p-whyMv {
        padding: 60px 0 40px;
    }
}
.p-whyMv .wcm{
    max-width: 800px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .p-whyMv .wcm {
        max-width: 100%;
    }
}
.p-whyMv h1{
    font-size: 36px;
    color: #fff;
}
@media screen and (max-width: 1200px) {
    .p-whyMv h1 {
        padding-right: 200px;
    }
}
@media screen and (max-width: 767px) {
    .p-whyMv h1 {
        font-size: 26px;
        padding-right: 0;
    }
}
.p-whyMv__image{
    width: 250px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -250px;
}
@media screen and (max-width: 1200px) {
    .p-whyMv__image {
        width: 180px;
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    .p-whyMv__image {
        display: block;
        width: 100%;
        max-width: 350px;
        margin: 20px auto 0;
        position: unset;
        transform: translateY(0);
    }
}
@media screen and (max-width: 414px) {
    .p-whyMv__image {
        max-width: 150px;
    }
}
.p-whyMv__image img{
    display: block;
    max-width: 200px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .p-whyMv__image img {
        margin: 0 auto;
    }
}
.p-whyAbout{
    background: #f9f9fb;
}
.whyAbout__cont{
    background: #eff2ff;
    border-radius: 60px;
    padding: 40px;
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .whyAbout__cont {
        font-size: 15px;
        border-radius: 30px;
        padding: 30px 20px 24px;
    }
}
.whyAbout__cont img{
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto 10px;
}
.p-whyIntro{
    padding-bottom: 0;
}
@media screen and (max-width: 767px) {
    .p-whyIntro {
        padding-bottom: 40px;
    }
}
.p-whyIntro .c-ttl02{
    justify-content: center;
}
.p-whyIntro__box{
    padding: 40px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .p-whyIntro__box {
        padding: 25px 10px;
    }
}
.p-whyIntro__box::before{
    content: "";
    width: 100%;
    height: 20px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/line.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
}
.p-whyIntro__box::after{
    content: "";
    width: 100%;
    height: 20px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/line.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
}
.p-whyIntro__list .item{
    align-items: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 39px;
    padding: 10px 20px 10px 60px;
    background: #eff2ff;
    font-weight: bold;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .p-whyIntro__list .item {
        font-size: 16px;
        display: flex;
        padding: 8px 10px 8px 20px;
    }
}
.p-whyIntro__list .item:nth-child(2){
    background: #e3e7f6;
}
.p-whyIntro__list .item:nth-child(3) {
    background: #d2d7ed;
}
.p-whyIntro__list .item:nth-child(4) {
    background: #bfc7e8;
}
.p-whyIntro__list .item img{
    display: block;
    width: 40px;
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
    .p-whyIntro__list .item img {
        margin-right: 10px;
    }
}
.p-whyIntro__txt{
    max-width: 700px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .p-whyIntro__txt {
        font-size: 17px;
        margin-top: 20px;
    }
}
.p-whyBlock{
    padding: 40px 0;
}
.p-whyBlock.--one{
    background: #f9f9fb;
}
.p-whyBlock-wrap{
    padding: 0 40px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-wrap {
        padding: 0;
    }
}
.p-whyBlock-one{
    padding: 30px 100px;
}
@media screen and (max-width: 1024px) {
    .p-whyBlock-one {
        padding: 30px 50px;
    }
}
@media screen and (max-width: 767px) {
    .p-whyBlock-one {
        padding: 20px;
    }
}
.p-whyBlock-one h3{
    font-size: 27px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-one h3 {
        font-size: 20px;
    }
}
.p-whyBlock-one__txt{
    font-weight: bold;
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-one__txt {
        font-size: 14px;
        margin: 20px 0;
    }
}
.p-whyBlock-one__list{
    justify-content: space-between;
}
.p-whyBlock-one__list .one-item{
    width: 32%;
    border-radius: 51px;
    background: #5e90f8;
    color: #fff;
    padding: 20px 30px 25px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-one__list .one-item {
        width: 100%;
        border-radius: 30px;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 25px;
    }
}
.one-item__head{
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .one-item__head {
        font-size: 16px;
    }
}
.one-item__desc{
    font-size: 14px;
}
.p-whyBlock-one__desc{
    padding: 15px 20px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(180deg, #001f65, #6895fd);
}
@media screen and (max-width: 767px) {
    .p-whyBlock-one__desc {
        font-size: 16px;
    }
}

.p-whyBlock-item{
    padding: 30px 60px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/bg01.png) no-repeat top center;
    background-size: cover;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-item {
        padding: 20px;
    }
}
.p-whyBlock-item .c-txt-base{
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-item .c-txt-base {
        font-size: 15px;
    }
}
.p-whyBlock-item__left{
    width: 70%;
    padding-right: 40px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-item__left {
        width: 100%;
        padding-right: 0;
    }
}
.p-whyBlock-item__right{
    width: 30%;
    padding-left: 10px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-item__right {
        width: 100%;
        padding: 0 0 0 20px;
        margin-top: 20px;
    }
}
.p-whyBlock-item__right ul{
    margin: 0;
    padding: 0;
}
.p-whyBlock-item__right ul li{
    margin: 0;
}
.p-whyBlock-audit{
    padding: 30px 60px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-audit {
        padding: 20px;
    }
    .p-whyBlock-audit:first-of-type{
        margin-bottom: 40px;
    }
    .p-whyBlock-audit .u-flex{
        display: flex;
        align-items: flex-start;
    }
}
.p-whyBlock-audit__image{
    width: 60px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-audit__image {
        width: 40px;
    }
}
.p-whyBlock-audit__image img{
    display: block;
    width: 100%;
}
.p-whyBlock-audit__cont{
    width: calc(100% - 60px);
    padding-left: 20px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock-audit__cont {
        width: calc(100% - 40px);
        padding-left: 10px;
    }
    .p-whyBlock-audit__tbl{
        padding: 5px 30px 15px;
    }
}
.p-whyBlock-audit__cont p{
    margin-bottom: 0;
}
tr.highlight td {
    background: #FFC6C6;
    color: #e50000;
    font-weight: 700;
}

.badge-cell {
    position: relative;
    overflow: visible;
}

.badge-cell .star-badge {
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
}
@media screen and (max-width: 767px) {
    .badge-cell .star-badge {
        width: 50px;
        height: 50px;
    }
}
.badge-cell .star-badge img{
    display: block;
    width: 100%;
}

.define-box{

}
.define-box__image{
    width: 250px;
}
@media screen and (max-width: 767px) {
    .define-box__image {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 10px;
    }
}
@media screen and (max-width: 414px) {
    .define-box__image {
        max-width: 220px;
    }
}
.define-box__image img{
    display: block;
    width: 100%;
}
.define-box__cont{
    width: calc(100% - 250px);
    padding-left: 30px;
}
@media screen and (max-width: 767px) {
    .define-box__cont {
        width: 100%;
        padding-left: 0;
    }
}
.define-box__cont .c-ttl-line{
    font-size: 29px;
}
@media screen and (max-width: 767px) {
    .define-box__cont .c-ttl-line {
        font-size: 21px;
    }
}
.evalute-box{
    width: 80%;
    margin: 0 auto 40px;
}
@media screen and (max-width: 1250px) {
    .evalute-box {
        width: 78%;
    }
}
@media screen and (max-width: 1180px) {
    .evalute-box {
        width: 86%;
    }
}
@media screen and (max-width: 1024px) {
    .evalute-box {
        width: 92%;
    }
}
@media screen and (max-width: 920px) {
    .evalute-box {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .evalute-box {
        margin-bottom: 20px;
    }
}
.evalute-box .c-ttl-line{
    font-size: 31px;
}
@media screen and (max-width: 767px) {
    .evalute-box .c-ttl-line {
        font-size: 24px;
    }
}
.evalute-box__cont{
    padding-top: 180px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .evalute-box__cont {
        width: 800px;
        padding-top: 170px;
    }
}
.evalute-main{
    width: 220px;
    height: 220px;
    font-size: 18px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: #141d99;
    font-weight: bold;
    border-radius: 100%;
}
@media screen and (max-width: 920px) {
    .evalute-main {
        font-size: 15px;
        padding: 30px;
    }
}
@media screen and (max-width: 767px) {
    .evalute-main {
        display: flex;
        font-size: 16px;
        padding: 20px;
    }
}
.evalute-item{
    min-width: 300px;
    position: absolute;
    padding: 8px 20px 10px;
    background: #c4c5f4;
    border-radius: 71px;
}
@media screen and (max-width: 920px) {
    .evalute-item {
        min-width: 220px;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item {
        min-width: 0;
        padding: 8px 30px;
    }
}
.evalute-item:after{
    content: "";
    width: 90px;
    height: 90px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-down.png) no-repeat center;
    background-size: contain;
    position: absolute;
}
@media screen and (max-width: 1100px) {
    .evalute-item:after {
        width: 70px;
        height: 70px;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item:after {
        width: 65px;
        height: 65px;
    }
}
.evalute-item__ttl{
    margin-bottom: 7px;
    font-size: 15px;
    color: #040d84;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .evalute-item__ttl {
        font-size: 14px;
    }
}
.evalute-item ul{
    margin: 0;
    padding: 0 0 0 30px;
}
.evalute-item ul li{
    padding: 0;
    margin: 0 0 3px;
    font-size: 12px;
    color: #0c1d69;
}
.evalute-item.--one{
    left: 0;
    bottom: 0;
}
.evalute-item.--one:after{
    left: 97%;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 1100px) {
    .evalute-item.--one:after {
        left: 90%;
    }
}
.evalute-item.--two {
    left: 5%;
    top: 30%;
}
@media screen and (max-width: 1100px) {
    .evalute-item.--two {
        left: 2%;
        top: 34%;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item.--two {
        top: 34%;
        left: 1%;
    }
}
.evalute-item.--two:after{
    right: -58px;
    transform: rotate(-50deg);
    top: 48%;
}
@media screen and (max-width: 1100px) {
    .evalute-item.--two:after {
        right: -45px;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item.--two:after {
        right: -38px;
    }
}
.evalute-item.--three {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.evalute-item.--three:after{
    bottom: -82px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
    .evalute-item.--three:after {
        bottom: -65px;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item.--three:after {
        bottom: -60px;
    }
}
.evalute-item.--four {
    right: 5%;
    top: 30%;
}
@media screen and (max-width: 1100px) {
    .evalute-item.--four {
        top: 36%;
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item.--four {
        right: 4%;
        top: 35%;
    }
}
.evalute-item.--four:after{
    transform: rotate(50deg);
    left: -58px;
    top: 48%;
}
@media screen and (max-width: 767px) {
    .evalute-item.--four:after {
        left: -42px;
    }
}
.evalute-item.--five {
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 767px) {
    .evalute-item.--five {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.evalute-item.--five:after{
    right: 97%;
    top: 40%;
    transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 1100px) {
    .evalute-item.--five:after {
        right: 90%;
    }
}
@media screen and (max-width: 767px) {
    .evalute-item.--five:after {
        right: 92%;
    }
}
.trust-box{
    width: 90%;
    margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
    .trust-box {
        width: 100%;
    }
}
.trust-box__warning{
    background: #e5e9f8;
    align-items: center;
    padding: 20px 30px;
    border-left: 10px solid #0a13c2;
}
@media screen and (max-width: 767px) {
    .trust-box__warning {
        padding: 20px;
        border-width: 7px;
    }
}
.trust-box__warning-image{
    width: 100px;
}
@media screen and (max-width: 767px) {
    .trust-box__warning-image {
        width: 60px;
        margin: 0 auto 10px;
    }
}
.trust-box__warning-image img{
    display: block;
    width: 100%;
}
.trust-box__warning-cont{
    width: calc(100% - 100px);
    padding-left: 30px;
}
@media screen and (max-width: 767px) {
    .trust-box__warning-cont {
        width: 100%;
        padding-left: 0;
    }
}
.social-plaform{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 60px 40px;
    position: relative;
}
@media screen and (max-width: 950px) {
    .social-plaform {
        width: 100%;
        padding: 20px 30px;
    }
}
@media screen and (max-width: 767px) {
    .social-plaform {
        width: 100%;
        padding: 15px 20px 20px;
    }
}
.social-plaform:after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #cdffd8, #94b9ff);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .26;
}
.social-plaform h3{
    font-size: 19px;
}
@media screen and (max-width: 767px) {
    .social-plaform h3 {
        font-size: 17px;
    }
}
.social-plaform__flex{
    justify-content: space-between;
}
.social-plaform__flex-left{
    width: calc(50% - 50px);
    padding: 30px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 950px) {
    .social-plaform__flex-left {
        padding: 30px 10px;
    }
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-left {
        width: 100%;
        margin-bottom: 50px;
        padding: 20px 15px 15px;
    }
    .social-plaform__flex-left .u-flex{
        display: flex;
    }
}
.social-plaform__flex-left:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #b8c6ef;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .26;
    z-index: -1;
}

.social-plaform__flex-left:after{
    content: "";
    width: 100px;
    height: 60px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-equal.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-left:after {
        width: 50px;
        height: 30px;
        right: unset;
        left: 50%;
        bottom: -40px;
        top: unset;
        transform: translate(-50%, 0);
    }
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-left .image-group{
        justify-content: center;
    }
}
.social-plaform__flex-left .image-group div{
    width: 100px;
    padding: 0 20px;
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-left .image-group div {
        padding: 0 10px;
    }
}
.social-plaform__flex-left .image-group div img{
    display: block;
    width: 100%;
}
.social-plaform__flex-left .txt-group{
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-left .txt-group {
        max-width: 400px;
        margin: 0 auto;
    }
}
.social-plaform__flex-left .txt-group__desc{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41%;
    padding: 12px 10px 15px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-quote.png) no-repeat center;
    background-size: 100% 100%;
    font-size: 10px;
    font-weight: bold;
}
.social-plaform__flex-left .txt-group__desc:nth-child(2){
    font-size: 14px;
}
.social-plaform__flex-left .txt-group__desc:nth-child(3){
    font-size: 11px;
}
.social-plaform__flex-right {
    width: calc(50% - 50px);
    padding: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-right {
        width: 100%;
        padding: 20px;
    }
    .social-plaform__flex-right .u-flex{
    }
}
.social-plaform__flex-right:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #b8c6ef;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .26;
    z-index: -1;
}
.social-plaform__flex-right ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.social-plaform__flex-right ul li{
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 0 40px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-right ul li {
        padding-left: 25px;
    }
}
.social-plaform__flex-right ul li:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-x-1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .social-plaform__flex-right ul li:before {
        width: 20px;
        height: 20px;
    }
}
.social-plaform__flex-right ul li:last-of-type{
    margin-bottom: 0;
}
.prove-block .c-ttl-line{
    font-size: 30px;
}
@media screen and (max-width: 1080px) {
    .prove-block .c-ttl-line {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    .prove-block .c-ttl-line {
        font-size: 18px;
        letter-spacing: 0;
    }
}
.prove-block__flex{
    justify-content: space-between;
}
.prove-block__flex .prove-item{
    width: 32%;
    border: 1px solid #000;
    border-top: 5px solid #222AB9;
    padding: 20px;
}
@media screen and (max-width: 767px) {
    .prove-block__flex .prove-item {
        width: 100%;
        border-top-width: 3px;
        margin-top: 20px;
        padding: 15px
    }
}
.prove-block__flex .prove-item img{
    display: block;
    width: auto;
    height: 80px;
    margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
    .prove-block__flex .prove-item img {
        height: 55px;
    }
}
.prove-item__ttl{
    font-size: 21px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .prove-item__ttl {
        font-size: 17px;
    }
}
.prove-block__flex .prove-item .c-txt-base{
    margin-bottom: 0;
    font-size: 15px;
}

.same-box{

}
.same-box__list{
    justify-content: space-between;
    padding: 20px;
    border: 4px dashed #0a3ccf;
}
@media screen and (max-width: 767px) {
    .same-box__list{
        display: flex;
        flex-wrap: wrap;
        border-width: 2px;
        padding: 15px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 414px) {
    .same-box__list {
        display: block;
    }
}
.same-item{
    width: 25%;
    padding: 0 20px;
}
@media screen and (max-width: 767px) {
    .same-item {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 414px) {
    .same-item{
        width: 100%;
        padding: 0;
    }
}
.same-item-ttl{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    min-height: 50px;
    font-size: 17px;
    margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .same-item-ttl {
        font-size: 16px;
        margin-bottom: 0;
    }
}
.same-item img{
    display: block;
    width: auto;
    margin: auto;
    height: 200px;
}
@media screen and (max-width: 1024px) {
    .same-item img {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .same-item img {
        height: 100px;
    }
}
.same-box__area .c-ttl03{
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .same-box__area .c-ttl03 {
        font-size: 15px;
    }
}
.multi-box{

}
@media screen and (max-width: 767px) {
    .multi-box .u-flex{
    }
}

.multi-box__item{
    width: calc(25% - 40px);
    margin-right: 40px;
    position: relative;
}
@media screen and (max-width: 1080px) {
    .multi-box__item {
        width: calc(25% - 20px);
        margin-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .multi-box__item {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 414px) {
    .multi-box__item {
        max-width: 250px;
    }
}
.multi-box__item:after{
    content: "";
    width: 55px;
    height: 55px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-right.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: -52px;
    transform: translateY(-50%);
    z-index: 2;
}
@media screen and (max-width: 1080px) {
    .multi-box__item:after {
        right: -42px;
    }
}
@media screen and (max-width: 767px) {
    .multi-box__item:after {
        right: unset;
        left: 50%;
        top: unset;
        bottom: -10px;
        transform: translate(-50%, 0) rotate(90deg);
    }
}
.multi-box__item:last-of-type{
    margin-right: 0;
}
@media screen and (max-width: 767px) {
    .multi-box__item:last-of-type {
        margin-right: auto;
        padding-bottom: 0;
    }
}
.multi-box__item:last-of-type:after{
    display: none;
}
.multi-box__intro{
    height: 150px;
    padding: 25px 20px 0;
    background: #e6e9ef;
    font-weight: bold;
}
@media screen and (max-width: 1200px) {
    .multi-box__intro {
        height: auto;
        min-height: 150px;
    }
}
@media screen and (max-width: 950px) {
    .multi-box__intro {
        padding: 25px 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .multi-box__intro {
        min-height: 150px;
        padding: 15px 20px 0;
    }
}
.multi-box__intro .txt{
    font-size: 14px;
}
@media screen and (max-width: 950px) {
    .multi-box__intro .txt {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .multi-box__intro .txt {
        font-size: 14px;
    }
}
.multi-box__item:last-of-type .multi-box__intro{
    font-size: 18px;
}
@media screen and (max-width: 767px) {
    .multi-box__item:last-of-type .multi-box__intro {
        font-size: 17px;
    }
}
.multi-box__cont{
    min-height: 270px;
    border-radius: 60px;
    padding: 40px 20px 20px;
    box-sizing: border-box;
    background: #040d84;
    color: #fff;
    font-size: 14px;
    transform: translateY(-45px);
    margin-bottom: -45px;
}
@media screen and (max-width: 1200px) {
    .multi-box__cont {
        transform: translateY(-15%);
    }
}
@media screen and (max-width: 1080px) {
    .multi-box__cont {
        border-radius: 40px;
    }
}
@media screen and (max-width: 950px) {
    .multi-box__cont {
        transform: translateY(-10%);
    }
}
@media screen and (max-width: 767px) {
    .multi-box__cont {
        min-height: 0;
        height: auto;
        border-radius: 30px;
        margin-bottom: 0;
    }
}
.multi-box__item:first-of-type .multi-box__cont{
    font-size: 15px;
}
.multi-box__item:nth-child(2) .multi-box__cont {
    background: #4c53ab;
}
.multi-box__item:nth-child(3) .multi-box__cont {
    background: #6894e4;
    font-size: 15px;
}
.multi-box__item:last-of-type .multi-box__cont {
    background: #b3c4e4;
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .multi-box__item:last-of-type .multi-box__cont {
        font-size: 15px;
    }
}
.multi-box__cont img{
    display: block;
    height: 120px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1200px) {
    .multi-box__cont img {
        width: 100%;
        max-width: 150px;
        height: auto;
    }
}
@media screen and (max-width: 950px) {
    .multi-box__cont img {
        max-width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .multi-box__cont img {
        max-width: unset;
        width: auto;
        height: 80px;
    }
}
.multi-box__cont ul{
    margin: 10px 0 0;
    font-weight: bold;
    padding: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
    .multi-box__cont ul {
        margin: 5px auto 0;
    }
}
.multi-box__cont ul li{
    margin: 0;
}
.multi-box__cont .star img{
    display: block;
    width: 100%;
    max-width: 120px;
    height: auto;
}
.p-whyRating{
    background: #f9f9fb;
}
.p-whyRating__intro{
    width: 70%;
    margin: 0 auto 30px;
    padding: 20px 110px 20px 0;
    font-size: 18px;
    line-height: 1.7;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-ripple-jp.png) no-repeat right center; 
    background-size: contain;
    letter-spacing: .02em;
}
@media screen and (max-width: 1024px) {
    .p-whyRating__intro {
        width: 90%;
    }
}
@media screen and (max-width: 767px) {
    .p-whyRating__intro {
        font-size: 16px;
        line-height: 1.6;
        width: 100%;
        padding: 0 0 100px;
        background-size: 70px auto;
        background-position: bottom center;
    }
}
@media screen and (max-width: 767px) {
    .p-whyRating__cont{
        display: flex;
        flex-direction: column-reverse;
    }
}
.p-whyRating__cont-image{
    width: 40%;
}
@media screen and (max-width: 767px) {
    .p-whyRating__cont-image {
        width: 100%;
        max-width: 200px;
        margin: 20px auto 0;
    }
}
.p-whyRating__cont-image img{
    display: block;
    width: 100%;
}
.p-whyRating__cont-desc{
    width: 60%;
    padding-left: 30px;
}
@media screen and (max-width: 767px) {
    .p-whyRating__cont-desc {
        width: 100%;
        padding-left: 0;
    }
}
.rating-box{
    padding: 10px 20px 20px;
    border: 4px dashed #1800ad;
    background: #ecf4ff;
    font-size: 18px;
}
@media screen and (max-width: 767px) {
    .rating-box {
        padding: 15px;
        border-width: 2px;
        font-size: 15px;
    }
}
.rating-box ul{
    list-style-type: none;
    margin: 4px 0;
    padding: 0;
}
@media screen and (max-width: 767px) {

}
.rating-box ul li{
    margin: 0;
    padding: 0;
}
.rating-box .txt-note{
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .rating-box .txt-note {
        font-size: 14px;
    }
}
table.comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
@media screen and (max-width: 767px) {
    table.comparison-table {
        width: 700px;
    }
}
.comparison-table th,
.comparison-table td {
    border: 1px solid #4d5aa7;
    padding: 15px 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.25;
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .comparison-table th,
    .comparison-table td {
        font-size: 14px;
    }
}

.comparison-table th {
    color: #fff;
    background: #0D1D69;
    font-weight: 700;
}

.comparison-table th:first-child {
    width: 23%;
}

.comparison-table th:nth-child(2) {
    width: 38.5%;
}

.comparison-table th:nth-child(3) {
    background: #022DFD;
    width: 38.5%;
}
.comparison-table .medal{
    display: inline;
    position: relative;
    padding-right: 48px;
}
@media screen and (max-width: 950px) {
    .comparison-table .medal {
        display: block;
    }
}
.comparison-table .medal::after {
    content: "";
    width: 40px;
    height: 60px;
    position: absolute;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-medal.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.comparison-table td:first-child {
    background: #17256f;
    color: #fff;
    font-weight: 700;
}

.comparison-table td:nth-child(2) {
    background: #f3f3f3;
}

.comparison-table td:nth-child(3) {
    background: #dbe1f8;
}

.comparison-table strong {
    font-weight: 700;
}

.comparison-table .icon {
    margin-right: 4px;
    display: inline-block;
}
.p-whyBlock.--three{
    padding: 60px 0;
    background: #f9f9fb;
}
@media screen and (max-width: 767px) {
    .p-whyBlock.--three {
        padding: 40px 0;
    }
}
.p-whyBlock.--three .c-ttl02{
    background: #232ab9;
    justify-content: center;
}
.p-whyBlock.--three .c-ttl02 img{
    width: 55px;
}
.p-whyBlock.--three .c-ttl02 .image_2{
    width: 65px;
    margin-left: 10px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock.--three .c-ttl02{
        position: relative;
    }
    .p-whyBlock.--three .c-ttl02 img {
        width: 40px;
        margin-right: 10px;
    }
    .p-whyBlock.--three .c-ttl02 .image_2 {
        width: 45px;
        margin: 0;
    }
}
.p-whyBlock__flow{
    border: 4px solid #999090;
    padding: 50px;
    position: relative;
    margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__trust{
        margin-bottom: 50px;
    }
    .p-whyBlock__flow {
        padding: 50px 15px 20px;
        border-width: 2px;
        margin-bottom: 30px;
    }
}
.p-whyBlock__flow img{
    display: block;
    max-width: 100%;
    width: auto;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__flow img {
        width: 800px;
        max-width: unset;
    }
}

.p-whyAccount{

}
.p-whyAccount__intro{
    max-width: 600px;
    margin: 0 auto 30px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .p-whyAccount__intro {
        margin-bottom: 15px;
        display: flex;
        max-width: 100%;
    }
}
.p-whyAccount__intro .image{
    width: 80px;
}
@media screen and (max-width: 767px) {
    .p-whyAccount__intro .image {
        width: 60px;
    }
}
.p-whyAccount__intro .image img{
    display: block;
    width: 100%;
}
.p-whyAccount__intro .c-txt-base{
    font-size: 18px;
    padding-left: 20px;
}
@media screen and (max-width: 767px) {
    .p-whyAccount__intro .c-txt-base {
        width: calc(100% - 60px);
        font-size: 16px;
        padding-left: 10px;
    }
}
.p-whyAccount__flex{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .p-whyAccount__flex {
        max-width: 100%;
        margin-bottom: 20px;
    }
}
.account-box{
    width: calc(50% - 25px);
    padding: 15px 20px;
    background: #eeeeef;
    border: 2px dashed #000;
    border-radius: 52px;
}
@media screen and (max-width: 767px) {
    .account-box {
        width: 100%;
        border-radius: 25px;
        padding: 15px;
    }
}
.account-box:first-of-type{
    margin-right: 25px;
}
@media screen and (max-width: 767px) {
    .account-box:first-of-type {
        margin:  0 0 20px;
    }
}
.account-box:last-of-type {
    margin-left: 25px;
    background: #f2f4ff;
}
@media screen and (max-width: 767px) {
    .account-box:last-of-type {
        margin: 0;
    }
}
.account-box__ttl{
    font-size: 24px;
}
@media screen and (max-width: 767px) {
    .account-box__ttl {
        font-size: 19px;
    }
}
.account-box__warning{
    align-items: center;
    font-size: 17px;
    padding: 10px;
    background: #c4c5f4;
}
@media screen and (max-width: 767px) {
    .account-box__warning {
        font-size: 15px;
        display: flex;
        padding: 5px 8px;
        margin: 4px 0;
    }
}
.account-box__warning .image{
    width: 120px;
}
@media screen and (max-width: 767px) {
    .account-box__warning .image {
        width: 60px;
    }
}
.warning-img01{
    max-width: 130px;
    display: block;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .warning-img01 {
        max-width: 70px;
    }
}
.warning-img02 {
    max-width: 60px;
    display: block;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .warning-img02 {
        max-width: 40px;
    }
}
.account-box__warning .image img{
    display: block;
    width: 100%;
}
.account-box__warning .txt{
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 0;
}
.account-box__warning.--style2{
    background: #1800ad;
    color: #fff;
    padding: 6px 30px;
}
@media screen and (max-width: 767px) {
    .account-box__warning.--style2 {
        padding: 6px 20px;
    }
}
.account-box__warning.--style2 .image{
    width: 40px;
    margin-right: 8px;
}
@media screen and (max-width: 767px) {
    .account-box__warning.--style2 .image {
        width: 25px;
    }
}
.account-box:last-of-type .c-txt-base{
    font-size: 15px;
}
.account-box__txt{
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .account-box__txt {
        font-size: 14px;
    }
}
.p-whyBlock.--four{
    background: #eff2ff;
    padding: 60px 0;
}
@media screen and (max-width: 767px) {
    .p-whyBlock.--four {
        padding: 40px 0;
    }
}
.p-whyBlock.--four .c-ttl02{
    background: #232ab9;
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock.--four .c-ttl02 {
        margin-bottom: 40px;
    }
}
.p-whyBlock__transparent{
    padding: 40px;
    background: #FFF6F7;
    position: relative;
    border: 4px dotted #8b0101;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent {
        padding: 30px 10px 20px;
    }
}
.p-whyBlock__transparent.--common{
    background: #FEFFFF;
}
.p-whyBlock__transparent img{
    display: block;
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent img {
        width: 600px;
        margin: auto;
        max-width: unset;
    }
}
.p-whyBlock__transparent .list-transparent{
    width: 80%;
    margin: 30px auto 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px 40px;
    list-style-type: none;
    padding: 0
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent .list-transparent {
        width: 100%;
        display: block;
    }
}
.p-whyBlock__transparent .list-transparent li{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: bold;
    padding: 0 20px;
    margin: 0;
    min-height: 60px;
    text-align: center;
    background: #ed9f9f;
    border: 2px solid #8b0101;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent .list-transparent li {
        margin-bottom: 10px;
        font-size: 15px;
        min-height: 45px;
    }
}
.p-whyBlock__transparent.--blue{
    background: #ECF4FF;
    border-color: #232ab9;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent.--blue {
        padding-top: 50px;
    }
}
.p-whyBlock__transparent.--blue .list-transparent li{
    font-size: 18px;
    background: #6579c4;
    color: #fff;
    border: none;
    border-radius: 39px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__transparent.--blue .list-transparent li {
        font-size: 15px;
        padding: 5px;
    }
}
.p-whyBlock__cta2{
    padding: 15px;
    background: #FEFFFF;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .p-whyBlock__cta2 {
        padding: 10px;
        font-size: 15px;
        margin-bottom: 50px;
    }
}
.p-whyBlock__cta2 .txt-blue{
    color: #0a3ccf;
}

.p-whyBenefit{

}
.benefit-item{
    position: relative;
}
@media screen and (max-width: 767px) {
    .benefit-item {
        margin-bottom: 15px;
    }
}
.benefit-item .number{
    display: block;
    width: 110px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .benefit-item .number {
        width: 60px;
    }
}
.benefit-item .number img{
    display: block;
    width: 100%;
}
.benefit-item__desc{
    width: 90%;
    margin: 0 auto;
    background: #d9e0fd;
    border-radius: 34px;
    padding: 10px 40px 10px 80px;
}
@media screen and (max-width: 767px) {
    .benefit-item__desc {
        width: 95%;
        padding: 10px 20px 10px 50px;
        margin: 0 0 0 auto;
        border-radius: 20px;
    }
}

.p-whyBenefit__security{
}
.p-whyBenefit__security h4{
    font-size: 28px;
}
@media screen and (max-width: 767px) {
    .p-whyBenefit__security h4 {
        font-size: 18px;
    }
}
.security-box__item{
    width: calc(50% - 30px);
    background: #FEFFFF;
    border: 4px solid #000;
    padding: 15px 50px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .security-box__item {
        width: 100%;
        margin-bottom: 25px;
        padding: 10px 25px;
        border-width: 2px;
    }
}
.security-box__item:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 4px solid #000;
    background: #C2CDFF;
    position: absolute;
    right: -20px;
    bottom: -20px;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    .security-box__item:after {
        border-width: 2px;
        right: -10px;
        bottom: -10px;
    }
}
.security-box__item:first-of-type{
    margin-right: 30px;
}
@media screen and (max-width: 767px) {
    .security-box__item:first-of-type {
        margin-right: 0;
    }
}
.security-box__item:last-of-type {
    margin-left: 30px;
}
@media screen and (max-width: 767px) {
    .security-box__item:last-of-type {
        margin-left: 0;
    }
}
.security-box__item:last-of-type:after{
    background: #B1E89A;
}
.security-box__item .ttl{
    font-weight: bold;
    font-size: 17px;
}
.security-box__item ul{
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px;
}
.security-box__item ul li{
    font-size: 13px;
    margin: 0 0 4px;
}
.image-group-number{
    position: relative;
}
div.like-bubble {
    width: 60px !important;
    --bubble-color: #D67183;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%) scale(0.3);
    opacity: 0;
    background: var(--bubble-color);
    color: #fff;
    border-radius: 8px;
    height: 35px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 15px;
    line-height: 1;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
    pointer-events: none;
    will-change: transform, opacity;
}

.like-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: var(--bubble-color);
    border-radius: 2px;
}

.like-bubble.is-active {
    animation:
        bubbleEnter 0.55s cubic-bezier(0.2, 0.9, 0.2, 1.2) forwards,
        bubbleFloat 3s ease-in-out 0.55s infinite;
}

.like-bubble.is-exit {
    animation: bubbleExit 0.45s ease forwards;
}

.heart {
    width: 20px;
    height: 20px;
    display: block;
    color: #fff;
    animation: heartBeat 1.1s ease-in-out infinite;
}
.heart img{
    max-width: unset;
  width: 20px !important;
  padding: 0;
}

.count {
    min-width: 22px;
    text-align: left;
    letter-spacing: 0.2px;
}

@keyframes bubbleEnter {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(16px) scale(0.3);
    }

    60% {
        opacity: 1;
        transform: translateX(-50%) translateY(-4px) scale(1.08);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes bubbleFloat {
    0% {
        transform: translateX(-50%) translateY(0) scale(1);
    }

    50% {
        transform: translateX(-50%) translateY(-8px) scale(1);
    }

    100% {
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes bubbleExit {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-14px) scale(0.75);
    }
}

@keyframes heartBeat {
    0%,
    100% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.08);
    }

    40% {
        transform: scale(0.98);
    }

    60% {
        transform: scale(1.12);
    }

    80% {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .like-bubble,
    .heart {
        animation: none !important;
        transition: none !important;
    }
}