/**************************************************************************************/


/**************************************************************************************/


/* PC Site*/


/**************************************************************************************/


/**************************************************************************************/

p {
    font-family: "Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Segoe UI,SegoeUI,Meiryo,'繝｡繧､繝ｪ繧ｪ',sans-serif;
}

.header {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 94px;
    background-color: #EFEEEA;
    z-index: 34;
}

.header_dummy {
    width: 100%;
    height: 94px;
    z-index: 1;
}

.header_inner {
    width: 100%;
    max-width: 1366px;
    height: 94px;
    padding: 0px 22px;
    margin: 0px auto;
}

.header_logo {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translate(0%, -50%);
    width: 140px;
}

.header_inq {
    float: right;
    width: 164px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #1C273E;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 28px;
}

.header_tel {
    float: right;
    width: 270px;
    margin: 22px 10px 0px 0px;
}

.fv_superbox {
    width: 100%;
    max-width: 1920px;
    margin: 0px auto;
    background-color: #EFEEEA;
}

.fv_image {
    width: 100%;
    z-index: 1;
    opacity: 0.01;
}

.fv_catch {
    position: absolute;
    top: 60px;
    left: 100px;
    width: 300px;
    z-index: 4;
    margin-left: 40px;
    opacity: 0;
}

.inner1000 {
    width: 100%;
    max-width: 1080px;
    padding: 0px 40px;
    margin: 0px auto;
}

.about_company_name {
    width: 100%;
    text-align: center;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    left: 20px;
}

.about_company_nameimage {
    display: inline-block;
    width: 180px;
    margin: 0px 10px 0px;
    vertical-align: -2px;
}

.about_company_story {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 64px auto 0px;
    left: 20px;
}

.about_title {
    width: 100%;
    height: 60px;
    margin: 120px auto 0px;
}

.section_title_text {
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    left: 20px;
    z-index: 4;
    color: #1C273E;
}

.titleback_en {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    margin-left: 80px;
    z-index: 1;
}

.about_superbox {
    width: 100%;
    max-width: 780px;
    margin: 54px auto 0px;
}

.about_image {
    float: right;
    width: 300px;
    left: 20px;
}

.about_storybox {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 350px;
    font-size: 16px;
    margin-left: 20px;
}

.about_movie_superbox {
    width: 100%;
    max-width: 1080px;
    padding: 0px 40px;
    margin: 140px auto 0px;
}

.about_movie_tn {
    width: 33%;
    max-width: 290px;
    font-size: 13px;
    margin-bottom: 20px;
    left: 20px;
    cursor: pointer;
    text-align: center;
}

.about_movie_tn_wrap {
    width: 100%;
    height: 160px;
    margin-bottom: 4px;
}

.about_movie_tn_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.icon_movie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    z-index: 4;
}

.movie_overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 52;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.movie_overlay video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 53;
}

.movie_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    z-index: 54;
}

.movie_close_bar01 {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    transform: rotate(45deg);
}

.movie_close_bar02 {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    transform: rotate(-45deg);
}

.reason_story {
    width: 100%;
    max-width: 750px;
    font-size: 16px;
    margin: 64px auto 0px;
    left: 20px;
}

.reason_flex {
    width: 100%;
    max-width: 750px;
    margin: 64px auto 0px;
    justify-content: center !important;
}

.reason_flex_item01 {
    width: 210px;
    height: 68px;
    padding-left: 70px;
    left: 20px;
    margin: 0px 0px;
}

.reason_flex_item02 {
    width: 300px;
    height: 68px;
    padding-left: 66px;
    left: 20px;
    margin: 0px 10px;
}

.reason_flex_item02 span {
    font-size: 11px;
}

.reason_flex_item04 {
    width: 260px;
    height: 68px;
    padding-left: 60px;
    left: 20px;
    margin: 0px 10px;
}

.reason_flex_item05 {
    width: 340px;
    height: 68px;
    padding-left: 60px;
    left: 20px;
    margin: 0px 10px;
}

.reason_flex_item06 {
    width: 280px;
    height: 68px;
    padding-left: 66px;
    left: 20px;
    margin: 0px 10px;
}

.reason_flex_icon {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    width: 60px;
}

.reason_felx_tablecell {
    display: table-cell;
    width: 100%;
    height: 68px;
    vertical-align: middle;
}

.reason_item_title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 110px auto 0px;
    left: 20px;
}

.reason_item_icon {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 60px;
}

.backup_image01 {
    float: left;
    width: 483px;
    margin-top: 64px;
    left: 20px;
}

.backup_image02 {
    float: right;
    width: 483px;
    margin-top: 64px;
    left: 20px;
}

.reason_sphone_flex {
    width: 100%;
    max-width: 750px;
    margin: 64px auto 0px;
}

.reason_sphone_item {
    width: 33%;
    max-width: 202px;
}

.reason_sphone_item img {
    width: 100%;
}

.reason_sphone_item01 {
    margin-top: 40px;
}

.reason_sphone_item02 {
    margin-top: 80px;
}

.reason_sphone_item03 {
    margin-top: 120px;
}

.design_imagebox {
    width: 100%;
    max-width: 1920px;
    margin: 160px auto 0px;
    top: 40px;
}

.design_imagebox img {
    width: 100%;
}

.spec_sheetbox {
    width: 100%;
    max-width: 750px;
    margin: 50px auto 0px;
    padding: 0px 0px 0px 375px;
    left: 20px;
}

.spec_sheet_title {
    font-size: 16px;
    font-weight: 700;
}

.spec_sheet_story {
    font-size: 16px;
    margin-bottom: 16px;
}

.spec_image {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    width: 50%;
    max-width: 330px;
}

.price_title {
    font-size: 21px;
    margin-top: 60px;
    text-align: center;
    left: 20px;
}

.price_image {
    width: 300px;
    margin: 20px auto 0px;
    left: 20px;
}

.price_caption {
    text-align: center;
    font-size: 17px;
    margin-top: 8px;
    left: 20px;
}

.flow_superbox {
    width: 100%;
    max-width: 640px;
    margin: 60px auto 0px;
}

.flow_itembox {
    width: 100%;
    padding: 0px 0px 0px 180px;
    left: 20px;
}

.flow_item_image {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(0%, -50%);
    width: 100px;
}

.flow_item_title {
    width: 374px;
    font-size: 18px;
    font-weight: 700;
    color: #1C273E;
    border-bottom: 1px solid #1C273E;
    padding-bottom: 10px;
}

.flow_item_story {
    width: 374px;
    font-size: 16px;
    margin-top: 10px;
}

.icon_flow_arrow {
    width: 21px;
    margin: 30px auto;
    left: 20px;
}

.contact_superbox {
    width: 100%;
    max-width: 500px;
    margin: 60px auto 0px;
    left: 20px
}

.contact_notice {
    text-align: right;
    font-size: 12px;
    color: #E10000;
    margin-bottom: 10px;
}

.contact_itemname {
    float: left;
    width: 250px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 16px;
}

.contact_itemn_right {
    float: right;
    width: 250px;
    margin-bottom: 24px;
    font-size: 16px;
}

#contact_year_notice,
#contact_vol_notice,
#contact_mail_notice,
#contact_tel_notice,
#contact_add1_notice,
#contact_state_notice,
#contact_zip_notice,
#contact_kana_notice,
#contact_name_notice {
    font-size: 12px;
    color: #E10000;
    display: none;
}

.contact_name_cap {
    font-size: 10px;
    color: #565656;
}

.contact_input {
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding: 0px 10px;
    font-size: 14px;
    border: 1px solid #000000;
    background-color: #EFEEEA;
    border-radius: 4px;
    -webkit-appearance: none;
}

.contact_input.must {
    border: 1px solid #E10000;
}

.input_must {
    border: 1px solid #E10000;
}

.contact_itemn_right_radio {
    display: block;
    padding-left: 96px;
}

.hassystem {
    display: none;
}

.contact01_q {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #EFEEEA;
    -webkit-appearance: none;
}

.contact_submit {
    box-sizing: border-box;
    display: block;
    width: 60px;
    height: 30px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 60px auto 0px;
    background-color: #1C273E;
    border: 1px solid #1C273E;
    cursor: pointer;
    -webkit-appearance: none;
}

.contact_submit p {
    margin-top: -2px;
}

.footer_bar {
    width: 244px;
    margin: 0px auto;
}

.footer_bar_cap {
    width: 244px;
    margin: 10px auto 0px;
    font-size: 14px;
    color: #FFFFFF;
}

.footer_bar_cap a,
.footer_bar_cap a:link,
.footer_bar_cap a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

.footer_logo {
    width: 256px;
    margin: 70px auto 0px;
}

.footer_tel {
    width: 256px;
    margin: 0px auto 0px;
}

.footer_copy {
    width: 100%;
    height: 68px;
    line-height: 68px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
    margin-top: 40px;
}

.float_superbox {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 64px;
    padding-top: 12px;
    background-color: #1C273E;
    z-index: 44;
}

.float_tel {
    width: 256px;
    margin: 0px auto;
}

.mailsend_section {
    width: 100%;
    padding: 40px 0px 160px;
    background-color: #EFEEEA;
}

.mailsend_superbox {
    width: 100%;
    max-width: 640px;
    padding: 40px;
    margin: 40px auto;
}

.mailsend_superbox p {
    margin-top: 40px;
    font-size: 14px;
}

.mailsend_tel {
    width: 100%;
    max-width: 270px;
    margin: 0px auto;
}

.mailsend_back {
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    margin-top: 20px;
    text-align: center;
}

@media screen and (max-width: 1200px) {}


/**************************************************************************************/


/**************************************************************************************/


/* TB Site*/


/**************************************************************************************/


/**************************************************************************************/

@media screen and (max-width: 1000px) {
    .header {
        height: 76px;
    }
    .header_dummy {
        height: 76px;
    }
    .header_inner {
        height: 76px;
        padding: 0px 16px;
    }
    .header_logo {
        left: 10px;
        transform: translate(0%, -50%);
        width: 140px;
    }
    .header_inq {
        margin-top: 20px;
    }
    .header_tel {}
    .fv_superbox {}
    .fv_image {}
    .fv_catch {
        top: 40px;
        left: 20px;
        width: 40%;
        min-width: 130px;
    }
    .about_section {}
    .inner1000 {}
    .about_company_name {
        height: auto;
        line-height: 30px;
        left: 20px;
    }
    .about_company_nameimage {
        display: block;
        width: 180px;
        margin: 10px auto 10px;
        vertical-align: 0px;
    }
    .about_company_story {
        text-align: left;
        left: 20px;
    }
    .about_title {
        height: auto;
        margin: 120px auto 0px;
    }
    .section_title_text {
        width: 100%;
        text-align: center;
        height: auto;
        line-height: 30px;
    }
    .titleback_en {
        height: 30px;
        margin-left: 80px;
    }
    .about_superbox {}
    .about_image {
        float: none;
        width: 300px;
        margin: 0px auto 20px;
        left: 20px;
    }
    .about_storybox {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 0px 40px;
    }
    .about_movie_superbox {
        max-width: 400px;
    }
    .about_movie_tn {
        width: 100%;
        max-width: 320px;
        font-size: 13px;
        margin-bottom: 40px;
    }
    .about_movie_tn_wrap {
        height: auto;
    }
    .about_movie_tn_image {
        width: 100%;
        height: auto;
        object-fit: auto;
        z-index: 2;
    }
    .icon_movie {}
    .movie_overlay {}
    .movie_overlay video {}
    .movie_close {}
    .movie_close_bar01 {}
    .movie_close_bar02 {}
    .reason_story {}
    .reason_flex {
        max-width: 360px;
        display: block !important;
    }
    .reason_flex_item01 {
        width: 100%;
        height: 68px;
        padding-left: 60px;
        margin: 20px 0px;
        left: 20px;
    }
    .reason_flex_item02 {
        width: 100%;
        height: 68px;
        padding-left: 60px;
        margin: 20px 0px;
        left: 20px;
    }
    .reason_flex_item02 span {
        font-size: 11px;
    }
    .reason_flex_item04 {
        width: 100%;
        height: 68px;
        padding-left: 60px;
        margin: 20px 0px;
        left: 20px;
    }
    .reason_flex_item05 {
        width: 100%;
        height: 68px;
        padding-left: 60px;
        margin: 20px 0px;
        left: 20px;
    }
    .reason_flex_item06 {
        width: 100%;
        height: 68px;
        padding-left: 60px;
        margin: 20px 0px;
        left: 20px;
    }
    .reason_flex_icon {
        width: 50px;
    }
    .reason_felx_tablecell {
        line-height: 1.3em;
    }
    .reason_item_title {}
    .reason_item_icon {
        width: 60px;
    }
    .backup_image01 {
        float: none;
        width: 100%;
        max-width: 483px;
        margin: 64px auto 0px;
    }
    .backup_image02 {
        float: none;
        width: 100%;
        max-width: 483px;
        margin: 32px auto 0px;
    }
    .reason_sphone_flex {}
    .reason_sphone_item {}
    .reason_sphone_item img {}
    .reason_sphone_item01 {}
    .reason_sphone_item02 {}
    .reason_sphone_item03 {}
    .design_imagebox {}
    .design_imagebox img {}
    .spec_sheetbox {
        padding: 0px 0px 0px 0px;
    }
    .spec_sheet_title {}
    .spec_sheet_story {}
    .spec_image {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0%, 0%);
        width: 100%;
        max-width: 330px;
        margin: 40px auto 40px;
    }
    .price_title {}
    .price_image {}
    .price_caption {}
    .flow_superbox {}
    .flow_itembox {
        padding: 0px 40px 0px 80px;
        left: 20px;
    }
    .flow_item_image {
        left: 20px;
        transform: translate(0%, -50%);
        width: 60px;
    }
    .flow_item_title {
        width: 100%;
    }
    .flow_item_story {
        width: 100%;
    }
    .icon_flow_arrow {}
    .contact_superbox {
        padding: 0px 40px;
    }
    .contact_notice {}
    .contact_itemname {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 12px;
    }
    .contact_itemn_right {
        float: none;
        width: 100%;
        margin-bottom: 32px;
    }
    #contact_year_notice,
    #contact_vol_notice,
    #contact_mail_notice,
    #contact_tel_notice,
    #contact_add1_notice,
    #contact_state_notice,
    #contact_zip_notice,
    #contact_kana_notice,
    #contact_name_notice {}
    .contact_name_cap {}
    .contact_input {
        height: 32px;
    }
    .contact_input.must {}
    .input_must {}
    .contact_itemn_right_radio {
        display: block;
        padding-left: 96px;
        margin-bottom: 10px;
    }
    .hassystem {}
    .contact01_q {}
    .contact_submit {
        width: 80px;
        height: 40px;
    }
    .contact_submit p {}
    #footer {
        padding: 64px 40px 64px;
    }
    .footer_bar {}
    .footer_bar_cap {}
    .footer_bar_cap a,
    .footer_bar_cap a:link,
    .footer_bar_cap a:visited {}
    .footer_logo {}
    .footer_copy {}
}

.bg-green {
    background-color: #06C755;
}

.text-green {
    color: #06C755;
}

a {
    text-decoration: none !important;
}

.header_linexhidamari {
    width: 82%;
    padding-top: 119px;
}

.header_step_text-1 {
    position: absolute;
    bottom: 456px;
    width: 60%;
    left: 4.3rem;
    z-index: 999;
}

.header_step_text-2 {
    position: absolute;
    bottom: 420px;
    width: 60%;
    left: 4rem;
}

.header_step_text-3 {
    position: absolute;
    bottom: 26.8rem;
    width: 72%;
    left: 3rem;
    z-index: 888;
}

.header_logo {
    width: 18%;
}

.step {
    width: 75%;
}

.f-line-size {
    font-size: 20px;
}

@media screen and (min-width: 460px) {
    .header_step_text-1 {
        position: absolute;
        bottom: 466px;
        width: 70%;
        left: 4rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 456px;
        width: 66%;
        left: 4rem;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 28rem;
        width: 80%;
        left: 2rem;
        z-index: 888;
    }
}

@media screen and (min-width: 461px) {
    .header_step_text-1 {
        position: absolute;
        bottom: 466px;
        width: 70%;
        left: 4rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 456px;
        width: 63%;
        left: 5rem;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 29rem;
        width: 72%;
        left: 3rem;
        z-index: 888;
    }
}

@media screen and (min-width: 768px) {
    .header_linexhidamari {
        width: 50%;
        padding-top: 170px;
    }
    .header_step_text-1 {
        position: absolute;
        bottom: 420px;
        width: 80%;
        left: 1rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 422px;
        width: 72%;
        left: 2rem;
        z-index: 999;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 426px;
        width: 90%;
        left: 1rem;
        z-index: 888;
    }
    .header_human1 {
        position: absolute;
        bottom: 460px;
        width: 42%;
        left: 2rem;
        z-index: 888;
    }
    .header_human2 {
        position: absolute;
        bottom: 456px;
        width: 42%;
        left: 6rem;
        z-index: 777;
    }
    .header_logo {
        width: 12%;
    }
    .step {
        width: 80%;
    }
    .f-line-size {
        font-size: 30px;
    }
}

@media screen and (min-width: 992px) {
    .header_step_text-1 {
        position: absolute;
        bottom: 406px;
        width: 74%;
        left: 2rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 404px;
        width: 72%;
        left: 2rem;
        z-index: 999;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 412px;
        width: 88%;
        left: 1rem;
        z-index: 888;
    }
    .header_human1 {
        position: absolute;
        bottom: 454px;
        width: 48%;
        left: 1rem;
        z-index: 888;
    }
    .header_human2 {
        position: absolute;
        bottom: 451px;
        width: 48%;
        left: 9rem;
        z-index: 777;
    }
}

@media screen and (min-width: 1200px) {
    .header_step_text-1 {
        position: absolute;
        bottom: 448px;
        width: 68%;
        left: 3rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 452px;
        width: 62%;
        left: 4rem;
        z-index: 999;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 461px;
        width: 78%;
        left: 2rem;
        z-index: 888;
    }
    .header_human1 {
        position: absolute;
        bottom: 504px;
        width: 36%;
        left: 2rem;
        z-index: 888;
    }
    .header_human2 {
        position: absolute;
        bottom: 502px;
        width: 38%;
        left: 12rem;
        z-index: 777;
    }
}

@media screen and (min-width: 1400px) {
    .header_step_text-1 {
        position: absolute;
        bottom: 454px;
        width: 68%;
        left: 4rem;
        z-index: 999;
    }
    .header_step_text-2 {
        position: absolute;
        bottom: 452px;
        width: 64%;
        left: 4rem;
        z-index: 999;
    }
    .header_step_text-3 {
        position: absolute;
        bottom: 456px;
        width: 80%;
        left: 2rem;
        z-index: 888;
    }
    .header_human1 {
        position: absolute;
        bottom: 506px;
        width: 42%;
        left: 4rem;
        z-index: 888;
    }
    .header_human2 {
        position: absolute;
        bottom: 504px;
        width: 42%;
        left: 12rem;
        z-index: 777;
    }
}
/* 2024.02.24 higashi*/
.bg-navy {
    background-color: #1d4294!important;
}
.bg-gray {
    background-color: #c3c3c3!important;;
}
.bg-lightblue {
    background-color: #d1eeff!important;;
}
.text-navy {
    color: #1d4294;
}
.border-navy {
    border: 1px solid #1d4294;
}
.border-bottom-navy {
    border-bottom: 1px solid #1d4294;
}
.border-white03 {
    border: 4px solid #fff;
    border-radius: 20px;
    padding: 20px;
    margin: 0 8px;
}
@media screen and (min-width: 768px) {
    .border-white03 {
        border: 4px solid #fff;
        border-radius: 20px;
        padding: 54px 108px;
        margin: 0;
    }
}
.fz-14 {
    font-size: 14px;
}
.fz-15 {
    font-size: 15px;
}
.fz-16 {
    font-size: 16px;
}
.fz-18 {
    font-size: 18px;
}
.fz-20 {
    font-size: 20px;
}
.fz-24 {
    font-size: 24px;
}
.fz-28 {
    font-size: 28px;
}
.fz-32 {
    font-size: 32px;
}
.lh-15 {
    line-height: 1.5rem;
}
@media screen and (min-width: 768px) {
    .fz-md-14 {
        font-size: 14px;
    }
    .fz-md-16 {
        font-size: 16px;
    }
    .fz-md-18 {
        font-size: 18px;
    }
    .fz-md-20 {
        font-size: 20px;
    }
    .fz-md-24 {
        font-size: 24px;
    }
    .fz-md-28 {
        font-size: 28px;
    }
    .fz-md-32 {
        font-size: 32px;
    }
    .fz-md-40 {
        font-size: 40px;
    }
    .fz-md-48 {
        font-size: 48px;
    }
    .fz-md-56 {
        font-size: 56px;
    }
    .lh-md-23 {
        line-height: 2.3rem;
    }
}

.pt-50-100 {
    padding-top: 100px;
}
@media (min-width: 992px) {
    .pt-50-100 {
        padding-top: 120px;
    }
}
@media (min-width: 1500px) {
    .pt-50-100 {
        padding-top: 150px;
    }
}

.pt-150 {
    padding-top: 150px;
}
.kome, .kome-list li {
    padding-left: 1em;
    font-size: 85%;
    line-height: 1.4;
    text-indent: -1em;
}
.plan-4 {
    background-image: url(../images/4plan-bg.jpg);
    background-size: cover;
    background-position: top center;
}


/* 繧医￥縺ゅｋ雉ｪ蝠� */
#faq .accordion {
  border-width: 5px;
}

#faq .accordion-button.collapsed {
  background-color: #ffffff;
  color: #fff;
  box-shadow: unset;
}

#faq .accordion-button .question {
  width: 100%;
  color: #fff;
  font-weight: bold;
}
@media (min-width: 992px) {
    #faq .accordion-button .question {
        font-size: 20px;
    }
}

#faq .accordion-button.collapsed .question {
    color: #1d4294;
}

#faq .accordion-button::before {
  position: relative;
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/questionmark.svg) center/contain no-repeat;
  margin-right: 1em;
}

#faq .accordion-button::after {
  background-image: url("../images/arrow-down.svg");
  width: 18px;
  height: 12px;
  background-size: contain;
}

#faq .accordion-body {
  position: relative;
  display: flex;
  border-width: 5px !important;
  padding: .85rem;
  background-color: #d1eeff;
}

#faq .border {
    border: 0!important;
}

/*#faq .accordion-body::before {
  position: relative;
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/answermark.svg) center/contain no-repeat;
  margin-right: 1em;
}*/

#faq .accordion-body .answer {
  width: 100%;
  text-align: justify;
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #1d4294!important;
}

.text-justify {
    text-align: justify;
}

.answermark {
    width: 25px;
}
@media (min-width: 992px) {
   .answermark {
        width: 35px;
    } 
}

.faq_title {
    font-size: 26px;
    font-weight: bold;
}
@media (min-width: 992px) {
   .faq_title {
        font-size: 34px;
    } 
}

.cpmongon {
    font-size:15px;
    font-weight: bold;
    bottom:-5%;
    left:50%;
    transform: translate(-50%, 0%);
    z-index:100;
    width:102%;
    color: #1d4294;
}
@media (min-width: 1200px) {
    .cpmongon {
        width: 80%;
    }
}
@media (min-width: 1500px) {
    .cpmongon {
        width: 70%;
    }
}

.cpmongon::after {
  content: url(../images/arrowbottomyellow.svg);
  vertical-align: middle;
  padding-right: 5px;
  width: 30px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -15px;
}

.cpmongon p {
    font-size: 15px;
}
@media (min-width: 992px) {
    .cpmongon p {
        font-size: 22px;
    }
}

.saidaien {
    margin-top: 40px;
}

.hiduke-size {
    font-size: 26px;
    font-weight: 800;
}
@media (min-width: 992px) {
    .hiduke-size {
        font-size: 32px;
    }
}
@media (min-width: 1200px) {
    .hiduke-size {
        font-size: 40px;
    }
}

.pb-fithaba {
    padding-bottom: 120px;
}
@media (min-width: 576px) {
    .pb-fithaba {
        padding-bottom: 70px;
    }
}
@media (min-width: 767px) {
    .pb-fithaba {
        padding-bottom: 40px;
    }
}

.fz-20 {
    font-size: 20px;  
}

.bb-1-primary {
    border-bottom: 1px solid #1d4294;
}

.text-ao {
    color: #1d4294!important;
}

a.moushikomiform-btn {
    background-color: #1d4294;
    color: #fff!important;
    border: 5px solid #1d4294;
    border-radius: 10px;
    font-weight: bold;
    max-width: 230px;
    padding: 15px 15px;
}
a.moushikomiform-btn:hover {
    background-color: #fff;
    color: #1d4294!important; 
}

a.moushikomiform-btn2 {
    background-color: #fff;
    color: #1a4899!important;
    border: 8px solid #fbe800;
    border-radius: 20px;
    font-weight: bold;
    max-width: 460px;
    padding: 30px 20px;
    font-size: 24px;
}
a.moushikomiform-btn2:hover {
    background-color: #fbe800;
}

.by-3-ao {
    border-top: 3px solid;
    border-bottom: 3px solid;
}

.moushikomiform-btn3 {
    position: fixed;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 100;
    color: #1d4294!important;
    font-size: 24px;
    font-weight: bold;
    background-color: #fbe800;
    border: 5px solid #1d4294;
    border-radius: 10px;
    padding: 20px 15px;
}
/*a.moushikomiform-btn3:hover {
    background-color: #1d4294;
    color: #fbe800!important;
}*/

.footer {
    position: relative;
    z-index: 111;
}

.moushikomiform-btn4 {
    position: fixed;
    z-index: 120;
    top: 50%;
    right: 0;
    width: 70px;
    transform: translate(0%, -50%);
}