.condominium_wrap{
    max-width: 843px;
    margin: 60px auto 155px;
}
.business-select_wrap{
    display: flex;
    justify-content: space-between;
}
.business-select_in{
    border: 2px solid #004DA0;
    border-radius: 6px;
    width: 48%;
    height: 69px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.business-select_in p{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #004DA0;
}
.business-select_in.is-on{
    pointer-events: none;
    background-color: #004DA0;
}
.business-select_in.is-on p{
    color: #fff;
}
.condominium_in{
    margin-top: 38px;
    padding: 50px 76px 76px;
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    box-sizing: border-box;
}
.customer-ttl{
    font-size: 24px;
    line-height: 1.333;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-weight: 600;
}
.accidentList_wrap{
    margin-bottom: 50px;
}
.customer-txt{
    font-size: 16px;
    font-weight: 300;
    margin: 25px 0 18px;
}
.accident_wrap{
    background-color: #F5F7FA;
    position: relative;
}
.accident-ttl{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 31px 0 0;
}
.accidentList_wrap{
    padding: 27px 0 47px 34px;
    width: calc(100% - 285px);
}
.accidentList-item{
    display: flex;
    justify-content: space-between;
}
.list-num{
    width: 70px;
    height: 25px;
    background-color: #004DA0;
    border-radius: 13px;
    box-sizing: border-box;
}
.list-num p{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    display: flex;
    justify-content: center;
    line-height: 25px;
}
.accidentList-txt{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}
.insurance-ttl {
    background: #004DA0;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.insuranceList_wrap{
    margin: 35px 0 46px;
}
.insuranceList-ttl{
    font-size: 22px;
    font-weight: 600;
    padding-left: 34px;
    margin-bottom: 11px;
    line-height: 1.318;
    position: relative;
}
.insuranceList-ttl::before{
    content: "";
    width: 22px;
    height: 6px;
    background-color: #004DA0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.insuranceList-item{
    margin-bottom: 54px;
}
.insuranceList-item:last-child{
    margin-bottom: 0;
}
.insuranceCont{
    padding-top: 30px;
    border-top: 2px solid #004DA0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.insuranceCont picture{
    order: 1;
}
.insuranceCont-txt{
    width: calc(100% - 262px);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.insuranceCont-txt .line2{
    display: block;
    margin-top: 12px;
}
.condominiumTxt_wrap{
    padding: 40px 30px 45px;
    border: 2px solid #C64400;
    border-radius: 6px;
    box-sizing: border-box;
}
.condominiumTxt-ttl{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.333;
    color: #C64400;
    margin-bottom: 13px;
    text-align: center;
}
.condominiumTxt_wrap p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
/* general */
.general_wrap{
    max-width: 843px;
    margin: 60px auto 85px;
}
.generalttl_wrap{
    margin: 47px 0 35px;
    text-align: center;
}
.general-ttl{
    font-size: 28px;
    font-family: "Hiragino Kaku Gothic ProN";
    line-height: 1.385;
    font-weight: 600;
}
.general-ttl span{
    font-size: 24px;
    line-height: 1.333;
    margin-top: 9px;
}
.generalList_wrap{
    margin-bottom: 29px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}
.generalList_wrap li {
    width: 30%;
    height: 50px;
}
.generalList_wrap li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #004DA0;
    line-height: 1.375;
    width: 100%;
    height: 100%;
    border: 2px solid #004DA0;
    border-radius: 25px;
    text-decoration: none;
    box-sizing: border-box;
}
.generalList_wrap li a:before{
    content: "";
    width: 15px;
    height: 10px;
    background: url(../svg/arrow_blue-d.svg) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.risk-ins_wrap{
    padding: 52px 76px 55px;
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    box-sizing: border-box;
    margin-bottom: 72px;
}
.risk-ins_wrap:last-child{
    margin-bottom: 0;
}
.risk-ins-ttl{
    font-size: 24px;
    text-align: center;
    color: #004DA0;
    margin-bottom: 32px;
    font-weight: 600;
    line-height: 1.333;
}
.risk-ttl{
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #004DA0;
    box-sizing: border-box;
    position: relative;
    padding: 9px 24px 9px 21px;
    color: #004DA0;
    background-color: #F5F7FA;
    line-height: 1.3;
}
.risk-ttl a{
    display: block;
    padding: 9px 24px 9px 21px;
    color: #004DA0;
    background-color: #F5F7FA;
    line-height: 1.3;
}
.risk-ttl a::before{
    content: "";
    width: 22px;
    height: 3px;
    background-color: #004DA0;
    position: absolute;
    /* top: 52%; 横から */
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
    transition: opacity .2s ease-out, all .2s ease-out;
}
/* 縦から横に */
.risk-ttl a::after{
    content: "";
    width: 3px;
    height: 22px;
    background-color: #004DA0;
    position: absolute;
    top: 11px;
    right: 31px;
    transform: rotate(90deg);
    transition: opacity .2s ease-out, all .2s ease-out;
    z-index: -1;
}
.risk-ttl.is-on{
    margin-bottom: 54px;
}
.risk-ttl.is-on a{
    background-color: #FFFFFF;
}
.risk-ttl.is-on a::after{
    transform: rotate(0deg);
    z-index: 0;
}
.risk-ttl.is-on + .risk_in {
    display: none;
}
.risk_in{
    margin: 19px 0 47px;
}
.risk-txt{
    width: calc(100% - 256px);
}
.risk-txt p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.gen-ins-txt p{
    font-weight: 600;
    margin-top: 12px;
    line-height: 1.312;
}
.gen-insList{
    display: flex;
    flex-wrap: wrap;
    gap: 0 17px;
}
.gen-insList li{
    margin-top: 6px;
    padding-left: 21px;
    position: relative;
    font-weight: 600;
    line-height: 1.312;
}
.gen-insList li::before{
    content: "";
    width: 15px;
    height: 15px;
    background-color: #004DA0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.inquiry-btn{
    width: 262px;
    height: 53px;
    margin: 0 auto;
}
.inquiry-btn a{
    border-radius: 6px;
    background-color: #004DA0;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    box-sizing: border-box;
    padding-right: 8px;
}
.inquiry-btn a::after{
    content: "";
    width: 8px;
    height: 10px;
    background: url(/meitetsu-hs/cmn/img/gen-inquirybtn.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
}
.bsns-btn {
    margin: 0 auto;
    margin-top: 60px;
    width: 400px;
    height: 69px;
}
.bsns-btn a {
    background: #004DA0;
    font-size: 20px;
    font-weight: 600;
}
/* PC */
@media (min-width: 896px){
    .accident_wrap::after{
        content: "";
        background-image: url(/meitetsu-hs/cmn/svg/typical-accidents-bg.svg);
        background-repeat: no-repeat;
        width: 184px;
        height: 234px;
        position: absolute;
        top: 90px;
        right: 29px;
    }
    .accidentList_wrap li:nth-child(1){
        margin-bottom: 20px;
    }
    .accidentList_wrap li:nth-child(2){
        margin-bottom: 16px;
    }
    .accidentList_wrap li:nth-child(3){
        margin-bottom: 35px;
    }
    .accidentList-txt{
        width: calc(100% - 84px);
    }
    .insuranceList-item:first-child{
        margin-bottom: 42px;
    }
    .risk_in{
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .risk-ttl a:hover{
        color: #F5F7FA;
        background-color: #004DA0;
        opacity: 1;
    }
    .risk-ttl a:hover::before{
        background-color: #F5F7FA;
    }
    .risk-ttl.is-on a:hover{
        background-color: #004DA0;
    }
    .risk-ttl.is-on a:hover::after{
        background-color: #FFFFFF;
    }
    .risk-ttl.is-on a:hover::before{
        background-color: #FFFFFF;
    }
    .generalList_wrap li a:hover{
        color: #fff;
        background: #004DA0;
        opacity: 1;
    }
    .generalList_wrap li a:hover:before{
        background: url(../svg/arrow_white-d.svg) no-repeat center center;
        background-size: 100% auto;
    }
    .business-select_in:hover{
        background-color: #004DA0;
        opacity: 1;
    }
    .business-select_in:hover p{
        color: #fff;
    }
}
/* SP */
@media (max-width: 896px){
    .condominium_wrap{
        padding: 0 15px;
        margin: 18px auto 40px;
    }
    .business-select_in{
        height: 61px;
        border-radius: 4px;
    }
    .business-select_in p{
        font-size: 14px;
        text-align: center;
    }
    .condominium_in{
        margin-top: 19px;
        padding: 28px 15px 25px;
        border-radius: 3px;
    }
    .customer-ttl{
        font-size: 17px;
        line-height: 1.323;
    }
    .customer-txt{
        font-size: 13px;
        margin: 10px 0 24px;
    }
    .accident-ttl{
        font-size: 15px;
        padding: 0;
    }
    .accidentList_wrap{
        padding: 16px 0 0;
        width: 100%;
    }
    .accidentList-item{
        display: block;
        width: calc(100% - 89px);
    }
    .accidentList_wrap li{
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }
    .list-num{
        width: 63px;
        height: 21px;
        border-radius: 11px;
    }
    .list-num p{
        line-height: 21px;
    }
    .accidentList-txt{
        margin-top: 8px;
        line-height: 1.462;
        font-size: 13px;
    }
    .accident_wrap{
        padding: 23px 15px 35px;
        margin-bottom: 33px;
    }
    .accidentList_wrap{
        margin-bottom: 0;
    }
    .accidentList_wrap li:nth-child(n+3) img{
        padding-right: 11px;
    }
    .insurance-ttl{
        font-size: 15px;
    }
    .insuranceList_wrap{
        margin: 20px 0 23px;
    }
    .insuranceList-ttl{
        font-size: 16px;
        padding-left: 22px;
        margin-bottom: 6px;
        line-height: 1.343;
        position: relative;
    }
    .insuranceList-ttl::before{
        width: 15px;
        height: 3px;
    }
    .insuranceList-item{
        margin-bottom: 36px;
    }
    .insuranceCont{
        padding-top: 15px;
        border-top: 2px solid #004DA0;
        display: block;
    }
    .insuranceCont-txt{
        width: 100%;
        font-size: 13px;
        line-height: 1.462;
        margin-top: 13px;
    }
    .insuranceCont-img{
        width: 100%;
        height: auto;
    }
    .condominiumTxt_wrap{
        padding: 23px 21px 28px;
        border: 2px solid #C64400;
        border-radius: 4px;
    }
    .condominiumTxt-ttl{
        font-size: 16px;
        line-height: 1.563;
    }
    .condominiumTxt_wrap p{
        font-size: 13px;
        line-height: 1.462;
    }
    .accidentList_wrap li:last-child{
        margin-bottom: 0;
    }
    /* general */
    .general_wrap{
        padding: 0 15px;
        margin: 26px auto 47px;
    }
    .generalttl_wrap{
        margin: 28px 0 24px;
    }
    .general-ttl{
        font-size: 22px;
        line-height: 1.326;
    }
    .general-ttl span{
        font-size: 17px;
        line-height: 1.324;
        margin-top: 5px;
    }
    .generalList_wrap{
        gap: 15px 4%;
    }
    .generalList_wrap li{
        width: 48%;
    }
    .generalList_wrap li a{
        font-size: 13px;
        padding: 0 15px 0 0;
    }
    .generalList_wrap li a:before {
        width: 10px;
        height: 6px;
        background: url(../svg/arrow_blue-d.svg) no-repeat center center;
        background-size: 100% auto;
        right: 10px;
    }
    .risk-ins_wrap{
        padding: 23px 15px 45px;
        border: 1px solid #C2C2C2;
        border-radius: 3px;
        margin-bottom: 45px;
    }
    .risk-ins-ttl{
        font-size: 17px;
        margin-bottom: 18px;
        line-height: 1.324;
    }
    .risk-ttl{
        font-size: 14px;
        padding: 10px 15px;
        line-height: 1.3;
    }
    .risk-ttl a{
        display: block;
        padding: 10px 15px;
        line-height: 1.3;
    }
    .risk-ttl.is-on{
        margin-bottom: 32px;
    }
    /* 横から縦に
    .risk-ttl a::after{
        width: 14px;
        height: 2px;
        right: 15px;
    } */
    .risk-ttl a::before{
        width: 14px;
        height: 2px;
        right: 15px;
    }
    .risk-ttl a::after{
        width: 2px;
        height: 14px;
        top: 12px;
        right: 21px;
    }
    .risk_in{
        display: block;
        margin: 15px 0 39px;
    }
    .risk-txt{
        width: 100%;
        margin-top: 13px;
    }
    .risk-txt p{
        font-size: 13px;
        line-height: 1.462;
    }
    .risk-img{
        width: 100%;
        height: auto;
    }
    .gen-ins-txt p{
        font-size: 14px;
        margin-top: 15px;
        line-height: 1.357;
    }
    .gen-insList{
        gap: 0 25px;
    }
    .gen-insList li{
        font-size: 13px;
        margin-top: 5px;
        padding-left: 19px;
        line-height: 1.346;
    }
    .gen-insList li::before{
        width: 13px;
        height: 13px;
    }
    .inquiry-btn{
        width: 264px;
        height: 55px;
    }
    .inquiry-btn a{
        font-size: 14px;
        padding-right: 10px;
        letter-spacing: 0.04rem;
    }
    .inquiry-btn::after{
        content: "";
        top: 54%;
        width: 7px;
        height: 12px;
        right: 17px;
    }
    .bsns-btn {
        margin-top: 40px;
        width: 100%;
        height: 60px;
    }
    .bsns-btn a {
        font-size: 16px;
    }
}
@media (max-width: 370px){
    .condominiumTxt-ttl{
        font-size: 13px;
    }
}