@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;
    }
}
.l-sec{
    padding: 60px 0;
}
@media screen and (max-width: 767px) {
    .l-sec {
        padding: 50px 0;
    }
}
.u-flex {
    display: flex;
}

@media screen and (max-width: 767px) {
    .u-flex {
        display: block;
    }
}
.align-center{
    align-items: center;
}
.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: #8b0101;
}
.u-red02{
    color: #ff0000;
}
.u-blue{
    color: #313fbd;
}
.u-green{
    color: #009f5d;
}
.bg-red{
    background: #f6cece;
}
.bg-blue{
    background: #c9cdef;
}
.c-ttl{
    font-weight: bold;
    font-size: 36px;
    background: linear-gradient(90deg, #062172, #0d2cd1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1080px) {
    .c-ttl {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) {
    .c-ttl {
        font-size: 24px;
        letter-spacing: 0;
    }
}
.c-ttl--uppercase{
    font-size: 42px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .c-ttl--uppercase{
        font-size: 24px;
    }
}

.c-ttl02{
    font-size: 39px;
    color: #002659;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .c-ttl02 {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.c-ttl03{
    color: #313fbd;
    font-size: 26px;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .c-ttl03 {
        font-size: 18px;
    }
}
.c-txt-base{
    font-size: 19px;
    line-height: 1.6;
}
@media screen and (max-width: 767px) {
    .c-txt-base {
        font-size: 16px;
        line-height: 1.6;
    }
}
.c-txt-base p+p{
    margin-top: 15px;
}
@media screen and (max-width: 767px) {
    .c-txt-base p+p {
        margin-top: 10px;
    }
}
.u-txt-linear{
    background: linear-gradient(90deg, #062172, #0d2cd1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.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;
}
@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-line{
    text-decoration: underline;
}
.u-italic{
    font-style: italic;
}
.c-openAccount {
    font-size: 26px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .c-openAccount {
        font-size: 18px;
    }
}

.c-openAccount__btn.c-btn{
    display: block;
    max-width: 360px;
    margin: 15px auto;
    transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
    .c-openAccount__btn {
        width: 90%;
        margin: 10px auto;
        max-width: 280px;
        font-size: 20px;
        border-radius: 15px;
    }
}

.c-btn{
    display: block;
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 10px;
    background: #004aad;
    color: #fff;
    font-size: 31px;
    font-weight: 600;
    border-radius: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .c-btn {
        font-size: 18px;
        max-width: 260px;
        border-radius: 10px;
    }
}
.c-btn:hover {
    background: #003b8a;
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 74, 173, 0.25);
}
.c-label{
    display: block;
    width: 60%;
    font-size: 19px;
    text-align: center;
    padding: 7px 10px;
    border: 2px dashed #bf1700;
    background: #f6cece;
    font-size: 19px;
    color: #bf1700;
    font-weight: 600;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .c-label {
        width: 50%;
        font-size: 15px;
        border-radius: 10px;
    }
}
.c-box {
    padding: 40px 10px 30px;
    background: #e9fbff;
    text-align: center;
}

.c-box.blue2 {
    background: #dcf4ff;
}

.c-box.blue3 {
    background: #cee7f4;
}

.c-box.blue4 {
    background: #b1d6e8;
}
.c-box.blue5{
    background: #e8f0ff;
}
.c-box.blue6{
    background: #d3e6fd;
}
.c-box.blue7{
    background: #b8d7fd;
}
.c-box.blue8{
    background: #a1c7f6;
}

.c-box-image {
    height: 100px;
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .c-box-image {
        width: 80px;
        margin: 0 auto 5px;
        height: auto;
    }
}
.c-box-image img{
    display: block;
    width: auto;
    height: 100%;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .c-box-image img {
        width: 100%;
    }
}
.c-box-head{
    font-size: 22px;
    margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
    .c-box-head {
        font-size: 19px;
        margin-bottom: 15px;
    }
}
.c-box-txt{
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .c-box-txt {
        font-size: 15px;
    }
}
.c-cta{
    padding: 30px;
    border: 3px dashed #232ab9;
    border-radius: 15px;
    background: #dcf4ff;
}
@media screen and (max-width: 767px) {
    .c-cta {
        padding: 20px;
    }
}
.c-cta__flex .image{
    width: 15%;
    padding-right: 40px;
}
@media screen and (max-width: 767px) {
    .c-cta__flex .image {
        width: 100%;
        max-width: 80px;
        margin: 0 auto 20px;
        padding-right: 0;
    }
}
.c-cta__flex .image img{
    display: block;
    width: 100%;
}
.c-cta__flex .cont{
    width: 85%;
}
@media screen and (max-width: 767px) {
    .c-cta__flex .cont {
        width: 100%;
    }
}
.c-cta__flex .cont-head{
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .c-cta__flex .cont-head {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.c-cta__flex .c-txt-base{
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .c-cta__flex .c-txt-base {
        font-size: 15px;
    }
}
.c-cta__slogan{
    font-size: 23px;
    color: #232ab9;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .c-cta__slogan {
        font-size: 18px;
    }
}
.c-txtBox {
    margin: 20px 0;
}
@media screen and (max-width: 767px) {
    .c-txtBox {
        margin: 15px 0;
        display: flex;
    }
}
.c-txtBox .c-ttl02 {
    width: 200px;
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
    .c-txtBox .c-ttl02 {
        width: 90px;
        margin-bottom: 0;
    }
}
.c-txtBox .txt{
    width: calc(100% - 200px);
}
@media screen and (max-width: 767px) {
    .c-txtBox .txt {
        width: calc(100% - 90px);
        margin: 0;
    }
}

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

.p-conditionMv{
    background: #cae1ff;
    padding: 80px 0;
}
@media screen and (max-width: 767px) {
    .p-conditionMv { 
        padding: 60px 0 40px;
    }
}
.p-conditionMv .wcm{
    align-items: center;
}
.p-conditionMv__inner{
    width: 68%;
    padding-right: 30px;
}
@media screen and (max-width: 767px) {
    .p-conditionMv__inner {
        width: 100%;
        padding-right: 0;
    }
}
.p-conditionMv__inner .sub-txt{
    color: #002659;
    font-style: italic;
    font-size: 35px;
}
@media screen and (max-width: 767px) {
    .p-conditionMv__inner .sub-txt {
        font-size: 20px;
    }
}
.p-conditionMv__image{
    width: 32%;
}
@media screen and (max-width: 767px) {
    .p-conditionMv__image {
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0;
    }
}
.p-conditionMv__head{
    font-size: 38px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .p-conditionMv__head {
        font-size: 28px;
    }
}
.p-conditionMv__image img{
    display: block;
    width: 100%;
}

.p-conditionFound{
    margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
    .p-conditionFound {
        margin-bottom: 0;
    }
}

.p-conditionFound__image{
    max-width: 895px;
    width: 100%;
    margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
    .p-conditionFound__image {
        margin-bottom: 15px;
    }
}
.p-conditionFound__image img{
    display: block;
    width: 100%;
}
.p-conditionFound__box{
    border-radius: 23px;
    padding: 20px;
    text-align: center;
    background: #d5e8fe;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.65;
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .p-conditionFound__box {
        font-size: 16px;
        padding: 15px;
        margin-bottom: 40px;
    }
}
.found-box{
    padding: 20px;
    border: 3px dashed #232ab9;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .found-box {
        padding: 15px
    }
}
.found-box__head{
    align-items: center;
}
.found-box__head p.c-txt-base{
    padding-left: 20px;
    flex: 1 1 auto;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .found-box__head p.c-txt-base {
        padding-left: 0;
        margin-top: 10px;
        flex: unset;
    }
}
.found-box__head .number-ttl{
    display: flex;
    align-items: center;
    flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
    .found-box__head .number-ttl {
        flex: unset;
    }
}
.found-box__head .number-ttl img{
    width: 110px;
}
@media screen and (max-width: 767px) {
    .found-box__head .number-ttl img {
        width: 60px;
    }
}
.found-box__head .number-ttl .c-ttl{
    padding-left: 10px;
    font-size: 39px;
    color: #002659;
    text-transform: capitalize;
    background: none;
    -webkit-text-fill-color: unset;
    font-weight: 600;
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .found-box__head .number-ttl .c-ttl {
        white-space: unset;
        font-size: 23px;
    }
}
.found-box__cont{
    width: 90%;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .found-box__cont {
        width: 100%;
    }
}
.found-box__cont .ttl01{
    font-weight: 600;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .found-box__cont .ttl01 {
        font-size: 16px;
    }
}
.found-box__cont-item{
    width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
    .found-box__cont-item {
        width: 100%;
        margin-bottom: 15px;
    }
}
.found-box__cont-item:first-of-type{
    margin-right: 30px;
}
@media screen and (max-width: 767px) {
    .found-box__cont-item:first-of-type {
        margin-right: 0;
    }
}
.found-box__cont-item:last-of-type {
    margin-left: 30px;
}
@media screen and (max-width: 767px) {
    .found-box__cont-item:last-of-type {
        margin-left: 0;
    }
}
.found-box__cont-item img{
    display: block;
    width: 100%;
}
.image_22{
    max-width: 606px;
    margin: 0 auto;
}
.found-box__cont-item .image {
    padding: 10px 20px;
    height: 160px;
    text-align: center;
    background: #d3e6fd;
    border-radius: 28px;
}
@media screen and (max-width: 767px) {
    .found-box__cont-item .image {
        min-height: 100px;
    }
}
.found-box__cont-item .image img{
    display: block;
    width: auto;
    margin: 0 auto;
}
.found-box__cont-item .image span{
    display: block;
    font-weight: 600;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .found-box__cont-item .image span {
        font-size: 16px;
    }
}
.found-box__cont-item .txt01{
    text-align: center;
    font-size: 18px;
}
@media screen and (max-width: 767px) {
    .found-box__cont-item .txt01 {
        font-size: 14px;
    }
}
.found-box.two .found-box__head .c-txt-base{
    font-size: 18px;
    padding-top: 7px;
}
@media screen and (max-width: 767px) {
    .found-box.two .found-box__head .c-txt-base {
        font-size: 14px;
        margin-top: 5px;
    }
}
.found-box.two .found-box__cont-item{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .found-box.two .found-box__cont-item {
        border-radius: 10px;
    }
}
.found-box.two .found-box__cont-item .img_1{
    width: 100%;
    display: block;
    margin-bottom: 10px;
    background: #e8f0ff;
    border-radius: 28px;
    padding: 10px 10px 12px 40px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .found-box.two .found-box__cont-item .img_1 {
        padding: 10px;
        border-radius: 0;
    }
}
.found-box.two .found-box__cont-item .img_1 img{
    width: 100%;
    display: block;
}
@media screen and (max-width: 767px) {
    .found-box.two .found-box__cont-item .img_1 img {
        width: 800px;
    }
}
.found-box.two .txt01{
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .found-box.two .txt01 {
        font-size: 16px;
    }
}
.found-box.three .found-box__head .number-ttl{
    flex: unset;
}
.found-box.three .content1{
    padding-left: 20px;
}
@media screen and (max-width: 767px) {
    .found-box.three .content1 {
        padding-left: 0;
    }
    .found-box.three .content1 .c-ttl{
        display: none;
    }
}
.found-box.three .content1 .c-txt-base{
    padding-left: 0;
}
.found-box.three .found-box__cont .found-box__cont-item{
    width: 100%;
    text-align: center;
}
.found-box.four .found-box__head .c-txt-base{
    font-size: 18px;
}
@media screen and (max-width: 767px) {
    .found-box.four .found-box__head .c-txt-base {
        font-size: 16px;
    }
}
.found-box .txt02{
    font-size: 20px;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .found-box .txt02 {
        font-size: 16px;
    }
}
.found-box.four .content2{
    padding: 0 30px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .found-box.four .content2 {
        padding: 0;
    }
}
.found-box.four .content2 .image{
    width: 65%;
}
@media screen and (max-width: 767px) {
    .found-box.four .content2 .image {
        width: 100%;
    }
}
.found-box.four .content2 .image img{
    display: block;
    width: 100%;
}
.found-box.four .content2 .txt03{
    width: 35%;
    font-size: 20px;
    padding-left: 30px;
}
@media screen and (max-width: 767px) {
    .found-box.four .content2 .txt03 {
        width: 100%;
        font-size: 16px;
        margin-top: 5px;
        padding-left: 0;
    }
}
.p-conditionFound__cta{
    align-items: center;
    padding: 0 30px;
    margin-top: 50px;
}
@media screen and (max-width: 767px) {
    .p-conditionFound__cta {
        margin-top: 25px;
        padding: 0;
    }
}
.p-conditionFound__cta-image{
    width: 120px;
}
@media screen and (max-width: 767px) {
    .p-conditionFound__cta-image {
        width: 100%;
        max-width: 80px;
        margin: 0 auto 10px;
    }
}
.p-conditionFound__cta-image img{
    display: block;
    width: 100%;
}
.p-conditionFound__cta-cont{
    width: calc(100% - 120px);
    padding-left: 20px;
    font-size: 23px;
    letter-spacing: 0.02em;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    .p-conditionFound__cta-cont {
        width: 100%;
        font-size: 17px;
        padding-left: 0;
    }
}
.p-conditionSecret{
    background: #F4F4F3;
}
.p-conditionSecret__intro{
    font-size: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__intro {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
}
.p-conditionSecret__rate{
    background: #F8F9FF;
    padding: 30px;
    position: relative;
    border: 3px dashed #232ab9;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate {
        padding: 15px;
        margin-bottom: 15px;
    }
}
.p-conditionSecret__rate-left{
    width: 250px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate-left {
        width: 100%;
        margin-bottom: 30px;
    }
}
.p-conditionSecret__rate-left .logo img{
    max-width: 200px;
    margin-bottom: 200px;
    display: block;
    mix-blend-mode: multiply;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate-left .logo img {
        max-width: 150px;
        margin-bottom: 20px;
    }
}
.p-conditionSecret__rate-left .c-txt-base{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.p-conditionSecret__rate-right{
    width: calc(100% - 280px);
    margin-left: auto;
    padding: 30px;
    border: 4px solid #000;
    position: relative;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate-right {
        width: calc(100% - 70px);
        padding: 10px;
        border-width: 2px;
    }
}

.p-conditionSecret__rate-right:before {
    content: "";
    width: 262px;
    height: 158px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/per-second.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 12%;
    left: -265px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate-right:before {
        width: 80px;
        height: 79px;
        left: -82px;
    }
}
.p-conditionSecret__rate-right .u-txt-linear{
    font-size: 35px;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__rate-right .u-txt-linear {
        font-size: 17px;
    }
}
.p-conditionSecret__rate-right img{
    display: block;
    width: 100%;
}
.p-conditionSecret__txt{
    width: 90%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret__txt {
        font-size: 16px;
        width: 100%;
    }
}
.p-conditionSecret .c-btn{
    margin-top: 40px;
}
@media screen and (max-width: 767px) {
    .p-conditionSecret .c-btn {
        margin-top: 20px;
    }
}

.p-conditionSlip{

}
.p-conditionSlip__image{
    border: 3px dashed #313fbd;
    border-radius: 15px;
    background: #05291c;
    padding: 10px;
}
.p-conditionSlip__image img{
    display: block;
    width: auto;
    margin: 0 auto;
}
.p-conditionSlip__trading ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul {
        margin-top: 50px;
    }
}
.p-conditionSlip__trading ul li{
    padding: 0;
    margin: 0;
    width: 25%;
    position: relative;
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul li {
        width: 100%;
        margin-bottom: 40px;
    }
}
.p-conditionSlip__trading ul li:last-of-type{
    width: 50%;
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul li:last-of-type {
        width: 100%;
    }
}
.p-conditionSlip__trading ul li .c-label{
    position: absolute;
    width: 85%;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul li .c-label {
        width: 50%;
    }
}
.p-conditionSlip__trading ul li:last-of-type .c-label{
    width: 70%;
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul li:last-of-type .c-label {
        width: 60%;
    }
}
.p-conditionSlip__trading ul li:last-of-type > div{
    height: 100%;
}
.p-conditionSlip__trading ul li .c-box{
    height: 100%;
}
.p-conditionSlip__trading ul li:last-of-type .c-box{
    height: auto;
}
@media screen and (max-width: 767px) {
    .p-conditionSlip__trading ul li:last-of-type .c-box {
        margin-bottom: 2px;
    }
}

.p-conditionWide{
    background: #f4f4f4;
}
.p-conditionWide__txt{
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__txt {
        font-size: 18px;
    }
}
.p-conditionWide__image{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__image {
        display: block;
    }
    .p-conditionWide__image .wide-item{
        margin-bottom: 20px;
    }
}
.p-conditionWide__image .wide-item img{
    display: block;
    width: 100%;
}
.p-conditionWide__cont{
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__cont {
        font-size: 16px;
    }
}
.p-conditionWide__cont .c-txtBox .c-ttl02{
    width: 300px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__cont .c-txtBox .c-ttl02 {
        width: 130px;
    }
}
.p-conditionWide__cont .c-txtBox .txt{
    width: calc(100% - 300px);
}
@media screen and (max-width: 767px) {
    .p-conditionWide__cont .c-txtBox .txt {
        width: calc(100% - 130px);
        padding-left: 10px;
    }
}
.p-conditionWide__cont ul{
    /* padding-left: 30px; */
    padding-left: 0;
    margin-bottom: 20px;
}
.p-conditionWide__flex{
    display: flex;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__flex {
        flex-direction: column-reverse;
    }
}
.p-conditionWide__flex .cont-txt{
    width: 45%;
    padding: 50px 10px 0 0;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__flex .cont-txt {
        width: 100%;
        padding: 15px 0
    }
}
.p-conditionWide__flex .image{
    width: 55%;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__flex .image {
        width: 100%;
    }
}
.p-conditionWide__flex .image img{
    display: block;
    width: 100%;
}

.p-conditionWide__order{
    position: relative;
    margin-top: 30px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order {
        margin-top: 15px;
    }
}
.p-conditionWide__order .c-label{
    max-width: 300px;
    font-size: 20px;
    border-radius: 11px;
    color: #010101;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order .c-label {
        font-size: 18px;
        width: 100%;
        max-width: 250px;
        margin-bottom: 25px;
    }
}
.p-conditionWide__order .u-flex{
    justify-content: space-between;
}
.p-conditionWide__order-item{
    width: 49.5%;
    position: relative;
    padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order-item {
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 40px;
    }
}
.p-conditionWide__order-item img{
    display: block;
    height: 100%;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order-item img {
        height: auto;
    }
}
.p-conditionWide__order-item .image_2{
    height: 500px;
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order-item .image_2 {
        height: auto;
    }
}
.p-conditionWide__order .txt_2{
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    border-radius: 22px;
    width: 80%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}
@media screen and (max-width: 1080px) {
    .p-conditionWide__order .txt_2 {
        font-size: 14px;
        bottom: 15px;
    }
}
@media screen and (max-width: 950px) {
    .p-conditionWide__order .txt_2 {
        height: 140px;
        bottom: -20px;
    }
}
@media screen and (max-width: 767px) {
    .p-conditionWide__order .txt_2 {
        width: 100%;
        height: auto;
        position: unset;
        transform: translateX(0);
        border-radius: 10px;
    }
    .p-conditionWide__even .p-conditionSlip__trading ul{
        margin: 20px 0;
    }
    .p-conditionWide__even .p-conditionSlip__trading ul li{
        margin-bottom: 2px;
    }
    .p-conditionWide__even .c-cta__slogan{
    }
}
.p-conditionWide__even .c-btn{
    max-width: 550px;
}

.p-conditionWhy{
    background: #f7f9ff;
}
.p-conditionWhy .c-ttl{
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy .c-ttl {
        font-size: 22px;
    }
}
.p-conditionWhy__image{
    position: relative;
    margin: 70px 0;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__image {
        margin: 50px 0 30px;
    }
}
.p-conditionWhy__image:before{
    content: "";
    width: 140px;
    aspect-ratio: 1/1;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-important.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: -100px;
    left: 0;
}
@media screen and (max-width: 1100px) {
    .p-conditionWhy__image:before {
        width: 100px;
        top: -60px
    }
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__image:before {
        width: 60px;
        top: -50px;
    }
}
.p-conditionWhy__image img{
    display: block;
    width: 100%;
}
.p-conditionWhy__flex .why-box{
    width: calc(50% - 25px);
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex{
        margin-bottom: 40px;
    }
    .p-conditionWhy__flex .why-box {
        width: 100%;
    }
}
.p-conditionWhy__flex .why-box:first-of-type{
    margin-right: 25px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .why-box:first-of-type {
        margin-right: 0;
        margin-bottom: 40px;
    }
}
.p-conditionWhy__flex .why-box:last-of-type {
    margin-left: 25px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .why-box:last-of-type {
        margin-left: 0;
    }
}
.p-conditionWhy__flex .why-box:last-of-type:before {
    content: "";
    width: 80px;
    height: 120px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-riple.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -30px;
    top: -40px;
}
@media screen and (max-width: 1150px) {
    .p-conditionWhy__flex .why-box:last-of-type:before {
        right: 0;
        top: -60px;
    }
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .why-box:last-of-type:before {
        width: 60px;
        height: 60px;
        top: -30px;
    }
}
.p-conditionWhy__flex .why-box__head{
    padding: 5px 10px;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    border-radius: 15px;
    border: 1px solid #000;
    background: #8b0101;
}
@media screen and (max-width: 850px) {
    .p-conditionWhy__flex .why-box__head {
        font-size: 18px;
    }
}
.p-conditionWhy__flex .why-box__cont{
    padding: 20px 30px;
    border-radius: 15px;
    background: #f6d3d0;
    border: 3px dashed #a81400;
    min-height: 500px;
    font-size: 19px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .why-box__cont {
        font-size: 16px;
        min-height: 0;
        padding: 20px;
    }
}
.p-conditionWhy__flex .why-box__cont .txt-hight{
    font-size: 25px;
    font-weight: bold;
    color: #a81400;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .why-box__cont .txt-hight {
        font-size: 17px;
    }
}
.p-conditionWhy__flex .list-why{
    margin: 30px 0 15px;
    height: 520px;
    padding: 20px 0;
    border-top: 4px solid #8b0101;
    border-bottom: 4px solid #8b0101;
}
@media screen and (max-width: 1200px) {
    .p-conditionWhy__flex .list-why {
        height: auto;
        min-height: 520px;
    }
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .list-why {
        min-height: 0;
        border-width: 2px;
        margin: 15px 0;
    }
}
.p-conditionWhy__flex .list-why ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.p-conditionWhy__flex .list-why ul li{
    padding: 0 0 0 40px;
    margin: 0 0 15px;
    line-height: 1.7;
    position: relative;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .list-why ul li {
        padding-left: 30px;
        margin-bottom: 10px;
    }
}
.p-conditionWhy__flex .list-why ul li:last-of-type{
    margin-bottom: 0;
}
.p-conditionWhy__flex .list-why ul li:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url("https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-warning.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__flex .list-why ul li:before {
        width: 20px;
        height: 20px;
        top: 3px;
    }
}


.p-conditionWhy__flex .why-box--right .why-box__head{
    background: #232ab9;
}
.p-conditionWhy__flex .why-box--right .why-box__cont{
    background: #e8edff;
    border-color: #313fbd;
}
.p-conditionWhy__flex .why-box--right .why-box__cont .list-why{
    border-color: #333d66;
}
.p-conditionWhy__flex .why-box--right .list-why ul li:before {
    background-image: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-check-2.png);
}
.p-conditionWhy__flex .why-box--right .txt-hight{
    color: #313fbd;
}

.p-conditionWhy__caution{
    width: 90%;
    margin-left: auto;
    position: relative;
    border: 3px dashed #232ab9;
    background: #dcf4ff;
    padding: 20px 30px 20px 80px;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column-reverse;
    }
}
.p-conditionWhy__caution-image{
    width: 15%;
    max-width: 200px;
    position: absolute;
    bottom: 0;
    left: -9%;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution-image {
        width: 100%;
        max-width: 100px;
        margin: 10px auto 0;
        position: unset;
    }
}
.p-conditionWhy__caution-image img{
    display: block;
    width: 100%;
}
.p-conditionWhy__caution-head{
    color: #232ab9;
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution-head {
        font-size: 20px;
        order: 1;
    }
}
.p-conditionWhy__caution .c-txt-base{
    font-size: 17px;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution .c-txt-base {
        font-size: 15px;
    }
}
.p-conditionWhy__caution ul{
    margin: 10px 0 20px;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution ul {
        margin: 8px 0;
    }
}
.p-conditionWhy__caution ul li{
    margin-bottom: 15px;
    margin-left: 1.5em;
}
.p-conditionWhy__caution-note{
    font-weight: bold;
    font-size: 22px;
    color: #bf1700;
}
@media screen and (max-width: 767px) {
    .p-conditionWhy__caution-note {
        font-size: 16px;
    }
}
.p-conditionWhy__caution-note  span{
    border-bottom: 1px dotted #bf1700;
}

.p-conditionHow{
    background: #f3f4f3;
}
@media screen and (max-width: 767px) {
    .p-conditionHow {
        padding-top: 30px;
    }
}
.p-conditionHow .c-ttl{
    position: relative;
    padding-left: 120px;
}
@media screen and (max-width: 767px) {
    .p-conditionHow .c-ttl {
        padding: 140px 0 0;
    }
}
.p-conditionHow .c-ttl:before{
    content: "";
    width: 100px;
    height: 140px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/Hirose_kun13.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 767px) {
    .p-conditionHow .c-ttl:before {
        width: 80px;
        height: 120px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.how-item{
    max-width: 800px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .how-item{
        display: flex;
        align-items: flex-start;
    }
}
.how-item__number{
    width: 140px;
}
@media screen and (max-width: 767px) {
    .how-item__number {
        width: 60px;
    }
}
.how-item__number img{
    display: block;
    width: 100%;
    mix-blend-mode: multiply;
}
.how-item__cont{
    width: calc(100% - 140px);
    padding-left: 30px;
}
@media screen and (max-width: 767px) {
    .how-item__cont {
        width: calc(100% - 60px);
        padding-left: 15px;
    }
}
.how-item__cont-head{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .how-item__cont-head {
        font-size: 18px;
    }
}
.how-item__cont .c-txt-base{
    font-size: 18px;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .how-item__cont .c-txt-base {
        font-size: 16px;
    }
}
.how-item.--two{
    margin-left: auto;
}
.how-item.--four{
    margin-left: auto;
    padding: 12px 30px 15px;
    background: #f6d3d0;
    border: 3px dashed #004aad;
    border-radius: 15px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .how-item.--four {
        padding: 15px;
        margin: 30px 0 50px;
    }
}
.how-item.--four:before{
    content: "";
    width: 80px;
    height: 120px;
    background: url(https://hiroseag.com/wp/staging/wp-content/uploads/2026/03/icon-riple.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -40px;
    top: -27%;
}
@media screen and (max-width: 1100px) {
    .how-item.--four:before {
        right: 0;
        top: -35%;
    }
}
@media screen and (max-width: 767px) {
    .how-item.--four:before {
        width: 60px;
        height: 60px;
        top: -30px;
    }
}
.how-item.--four .how-item__number img{
    mix-blend-mode: unset;
}
.how-item.--four .how-item__cont-head{
    color: #8b0101;
}