@charset "UTF-8";
*
{
    font-family: "Noto Sans JP", "Helvetica Neue";
    line-height: 150%;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.title
{
    margin-bottom: 60px;
}
.title p
{
    font-size: 22px;
    font-weight: 700;
    color: #9e6772;
}
.title h2
{
    font-size: 54px;
    font-weight: 700;
    color: #8a0021;
}

/* メインビジュアル */
.main-visual .main-container
{
    display: flex;
    height: 662px;
}
.main-visual .sp
{
    display: none;
}
.main-visual .pc
{
    display: flex;
}

.main-box
{
    background-color: #8a0021;
    width: 50%;
    padding-top: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-box .main-img img
{
    width: 100%;
    max-width: 526px;
    height: auto;
}

.main-box2
{
    background-color: #fff;
    width: 50%;
    padding-left: 70px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding-top: 88px;
}
.main-box2 div
{
    max-width: 489px;
}
.main-box2 div p:first-of-type
{
    color: #545454;
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
}
.main-box2 div p:last-of-type
{
    color: #92202f;
    font-size: 20px;
    font-weight: bold;
}
.main-box2 div img
{
    width: 100%;
    max-width: 470px;
    padding-bottom: 40px;
}
.main-box2 div h2
{
    color: #545454;
    font-weight: 700;
    font-size: 24px;
    line-height: 160%;
}
.main-box2 div a
{
    margin-top: 70px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 11.5px 0;
    transition: .3s ease;
    text-align: center;
    color: #fff;
    border: 1px solid #208e92;
    border-radius: 16px;
    background-color: #208e92;
}
.main-box2 div a:hover
{
    color: #208e92;
    border: 1px solid #208e92;
    background-color: #fff;
}

/* リハビリ医療の質と効率を、ひとつ上のステージへ。*/
.section1
{
    background-image: url("../../../img/medical/section1_bg.png");
    background-size: cover;
}

.section1-container
{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.section1-container img
{
    flex-shrink: 0;
    max-width: 518px;
    height: auto;
    display: block;
    margin-top: 80px;
}

.section1-text
{
    width: 100%;
    max-width: 840px;
    margin: 90px 40px 151px 0;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 0 20px 20px 0;
    padding: 70px 20px 90px 90px;
}
.section1-text h2
{
    color: #8a0021;
    font-size: 42px;
    font-weight: 700;
}
.section1-text p
{
    padding-top: 60px;
    color: #545454;
    font-size: 18px;
    font-weight: 500;
    line-height: 170%;
}
.section1-text p:last-of-type
{
    padding-top: 20px;
}

/*healthtech DXとは?*/
.section2-container
{
    padding: 90px 0;
}

.section2-about
{
    background-image: url("../../../img/medical/section2_bg.png");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 388px;
}

.section2-about-container
{
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.section2-about-container div:first-of-type p
{
    color: #92202f;
    font-size: 22px;
    font-weight: 700;
}
.section2-about-container div:first-of-type h2
{
    color: #92202f;
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
}
.section2-about-container div:last-of-type
{
    max-width: 660px;
    margin-top: 80px;
}
.section2-about-container div:last-of-type h3
{
    color: #92202f;
    font-size: 28px;
    font-weight: 700;
    line-height: 180%;
}
.section2-about-container div:last-of-type p
{
    margin-top: 30px;
    color: #545454;
    font-size: 16px;
    font-weight: 500;
}
.section2-about-container div:last-of-type p:nth-of-type(2)
{
    margin-top: 0;
}
.section2-about-container img:nth-of-type(1)
{
    width: 176px;
    height: auto;
    position: absolute;
    top: 160px;
    right: 110px;
}
.section2-about-container img:nth-of-type(2)
{
    width: 416px;
    height: auto;
    position: absolute;
    top: 480px;
    right: 110px;
}
.section2-about-container img:nth-of-type(3)
{
    width: 255px;
    height: auto;
    position: absolute;
    top: 600px;
    left: 190px;
}
.section2-about-container img:nth-of-type(4)
{
    width: 160px;
    height: auto;
    position: absolute;
    top: 360px;
    left: 110px;
}

.section2-note
{
    max-width: 1092px;
    width: 100%;
    padding: 40px;
    background-color: #faf5f6;
    box-shadow: 0 0 12px rgba(115, 39, 52, .2);
    border-radius: 20px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.section2-note div:first-of-type
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section2-note div:first-of-type h3
{
    font-size: 28px;
    color: #545454;
}
.section2-note div:first-of-type p
{
    margin-top: 30px;
    color: #545454;
    font-size: 16px;
    font-weight: 400;
}
.section2-note div:last-of-type img
{
    width: 245px;
    height: auto;
}

/*サービスの特徴*/
.section3
{
    background-color: #f8eef0;
}
.section3 .section3-container
{
    padding: 90px;
}

.section3-group .sp
{
    display: none;
}

.section3-box1
{
    display: flex;
}
.section3-box1 .section3-img
{
    padding: 15px;
    background-color: #92202f;
    border-radius: 20px 20px 0 20px;
}
.section3-box1 .section3-img img
{
    width: 447px;
    height: auto;
}
.section3-box1 .section3-text
{
    border-bottom: 1px solid #92202f;
    display: flex;
    align-items: flex-start;
    padding: 40px;
}
.section3-box1 .section3-text img
{
    width: 32px;
    height: auto;
    margin-right: 12px;
    margin-top: 10px;
}
.section3-box1 .section3-text div h3
{
    font-size: 32px;
    color: #92202f;
    font-weight: 700;
}
.section3-box1 .section3-text div p
{
    margin-top: 40px;
    font-size: 18px;
    color: #545454;
    font-weight: 500;
    line-height: 170%;
}

.section3-box2
{
    margin-top: 60px;
    display: flex;
}
.section3-box2 .section3-img
{
    padding: 15px 130px;
    background-color: #92202f;
    border-radius: 20px 20px 20px 0;
}
.section3-box2 .section3-img img
{
    width: 250px;
    height: auto;
}
.section3-box2 .section3-text
{
    border-bottom: 1px solid #92202f;
    display: flex;
    align-items: flex-start;
    padding: 40px;
}
.section3-box2 .section3-text img
{
    width: 32px;
    height: auto;
    margin-right: 12px;
    margin-top: 10px;
}
.section3-box2 .section3-text div h3
{
    font-size: 32px;
    color: #92202f;
    font-weight: 700;
}
.section3-box2 .section3-text div p
{
    margin-top: 40px;
    font-size: 18px;
    color: #545454;
    font-weight: 500;
    line-height: 170%;
}

.section3-box3
{
    display: flex;
    margin-top: 60px;
}
.section3-box3 .section3-img
{
    padding: 15px 120px;
    background-color: #92202f;
    border-radius: 20px 20px 0 20px;
}
.section3-box3 .section3-img img
{
    width: 260px;
    height: auto;
}
.section3-box3 .section3-text
{
    border-bottom: 1px solid #92202f;
    display: flex;
    align-items: flex-start;
    padding: 40px;
}
.section3-box3 .section3-text img
{
    width: 32px;
    height: auto;
    margin-right: 12px;
    margin-top: 10px;
}
.section3-box3 .section3-text div h3
{
    font-size: 32px;
    color: #92202f;
    font-weight: 700;
}
.section3-box3 .section3-text div p
{
    margin-top: 40px;
    font-size: 18px;
    color: #545454;
    font-weight: 500;
    line-height: 170%;
}

/*主な機能*/
.section4
{
    background-color: #fff;
}
.section4 .section4-container
{
    padding: 90px;
}

.section4-content
{
    display: grid;
    box-sizing: border-box;
    width: 100%;
    max-width: 1066px;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 53px;
}
.section4-content .function-box
{
    display: flex;
    align-self: stretch;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    max-width: 320px;
    height: auto;
    min-height: 400px;
    padding: 24px 24px 40px 24px;
    text-align: center;
    border-radius: 24px;
    box-shadow: 0 0 12px rgba(115, 39, 52, .2);
    background-color: #f8eef0;
}
.section4-content .function-box h3
{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #545454;
}
.section4-content .function-box p
{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: #545454;
    margin-top: 28px;
}
.section4-content .function-box img
{
    display: block;
    width: 80px;
    height: auto;
    margin: 0 auto 18px;
}

/*導入までの流れ*/
.section5
{
    background-color: #f8eef0;
}
.section5 .section5-container
{
    padding: 90px;
}

.section5-card-container
{
    display: flex;
    justify-content: center;
}
.section5-card-container .pc
{
    display: block;
    width: 100%;
    max-width: 38px;
}
.section5-card-container .sp
{
    display: none;
}

.section5-card
{
    width: 100%;
    max-width: 200px;
    min-height: 261px;
    background-color: #fff5f7;
    border-radius: 24px;
    box-shadow: 0 0 12px rgba(115, 39, 52, .2);
    overflow: hidden;
    text-align: center;
    display: flex;
    align-self: stretch;
    flex-direction: column;
}
.section5-card .section5-card-header
{
    background-color: #e7cfd5;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section5-card .section5-card-header p
{
    margin: 0;
    font-size: 20px;
}
.section5-card .section5-card-header p span
{
    font-size: 28px;
}
.section5-card .section5-card-body
{
    padding: 12px 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section5-card .section5-card-body img
{
    width: 140px;
    height: auto;
}
.section5-card .section5-card-body p
{
    font-size: 20px;
    font-weight: 700;
    color: #545454;
    text-align: center;
}

/*お問い合わせ・資料請求*/
.section6
{
    background-color: #92202f;
}
.section6 .section6-container
{
    padding: 90px;
}

.section6-title p:first-of-type
{
    font-size: 22px;
    font-weight: 700;
    color: #d5a3af;
}
.section6-title h2
{
    font-size: 54px;
    font-weight: 700;
    color: #fff;
}
.section6-title p:last-of-type
{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-top: 30px;
}

.section6-content-container
{
    display: flex;
    position: relative;
    border-radius: 24px;
    min-height: 399px;
    background-color: #fff;
    margin-top: 56px;
}
.section6-content-container .box
{
    padding: 15px 0;
    background-color: #fff;
    border-radius: 24px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section6-content-container .box::before
{
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 1px;
    background-color: #8a0021;
}
.section6-content-container .box .text
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section6-content-container .box .text h2
{
    font-size: 30px;
    font-weight: 700;
    color: #545454;
}
.section6-content-container .box .text img
{
    margin-top: 20px;
    width: 70px;
}
.section6-content-container .box .text p
{
    font-size: 18px;
    font-weight: 500;
    color: #545454;
    margin-top: 20px;
}
.section6-content-container .box .text a
{
    margin-top: 40px;
}

.form-btn2
{
    font-size: 20px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 348px;
    padding: 15px 10px;
    transition: .3s ease;
    text-align: center;
    color: #fff;
    border: 1px solid #92202f;
    border-radius: 50px;
    background-color: #92202f;
}
.form-btn2:hover
{
    color: #92202f;
    border: 1px solid #92202f;
    background-color: #fff;
}

.dl-btn2
{
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    max-width: 348px;
    padding: 15px 10px;
    transition: .3s ease;
    text-align: center;
    color: #92202f;
    border: 1px solid #92202f;
    border-radius: 50px;
    background-color: #fff;
}
.dl-btn2:hover
{
    color: #fff;
    border: 1px solid #92202f;
    background-color: #92202f;
}

.fade-in
{
    opacity: 0;
    position: relative;
    bottom: -30px;
}

@media screen and (max-width: 1290px)
{
    .title p
    {
        font-size: 16px;
    }
    .title h2
    {
        font-size: 44px;
    }
    .pc
    {
        display: none;
    }
    .sp
    {
        display: block;
    }
    /* メインビジュアル */
    .main-box .main-img
    {
        padding: 0 20px;
    }
    .main-box .main-img img
    {
        max-width: 394px;
    }
    .main-box2
    {
        padding-right: 90px;
    }
    .main-box2 div a
    {
        display: block;
        max-width: 408px;
    }
    /* リハビリ医療の質と効率を、ひとつ上のステージへ。*/
    .section1-container img
    {
        max-width: 400px;
        margin-top: 160px;
    }
    .section1-text
    {
        max-width: 664px;
    }
    .section1-text h2
    {
        font-size: 32px;
    }
    .section1-text p
    {
        font-size: 16px;
    }
    /*healthtech DXとは?*/
    .section2-container
    {
        padding: 70px;
    }
    .section2-about
    {
        padding-bottom: 120px;
    }
    .section2-about-container div:first-of-type p
    {
        font-size: 16px;
    }
    .section2-about-container div:first-of-type h2
    {
        font-size: 44px;
    }
    .section2-about-container div:last-of-type h3
    {
        font-size: 28px;
    }
    .section2-about-container div:last-of-type p
    {
        font-size: 16px;
    }
    .section2-about-container div:last-of-type p:nth-of-type(2)
    {
        margin-top: 0;
    }
    .section2-about-container img:nth-of-type(1)
    {
        display: none;
    }
    .section2-about-container img:nth-of-type(2)
    {
        position: static;
        margin-top: 70px;
    }
    .section2-about-container img:nth-of-type(3)
    {
        display: none;
    }
    .section2-about-container img:nth-of-type(4)
    {
        display: none;
    }
    .section2-note
    {
        box-sizing: border-box;
        align-items: center;
    }
    .section2-note div:last-of-type img
    {
        width: 245px;
        height: auto;
        margin-left: 20px;
    }
    /*サービスの特徴*/
    .section3 .section3-container
    {
        padding: 70px;
    }
    .section3-group
    {
        padding: 0 100px;
    }
    .section3-group .sp
    {
        display: flex;
    }
    .section3-box1
    {
        flex-flow: column;
    }
    .section3-box1 .section3-img
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section3-box1 .section3-img img
    {
        width: 100%;
        max-width: 623px;
        height: auto;
    }
    .section3-box1 .section3-text
    {
        padding: 30px 10px;
        flex-direction: column;
    }
    .section3-box1 .section3-text div h3
    {
        font-size: 30px;
    }
    .section3-box2
    {
        flex-flow: column;
        margin-top: 60px;
    }
    .section3-box2 .section3-img
    {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 36px 130px;
    }
    .section3-box2 .section3-img img
    {
        width: 100%;
        max-width: 350px;
        height: auto;
    }
    .section3-box2 .section3-text
    {
        padding: 30px 10px;
        flex-direction: column;
    }
    .section3-box2 .section3-text div h3
    {
        font-size: 30px;
    }
    .section3-box3
    {
        flex-flow: column;
        margin-top: 60px;
    }
    .section3-box3 .section3-img
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section3-box3 .section3-img img
    {
        width: 100%;
        max-width: 363px;
        height: auto;
    }
    .section3-box3 .section3-text
    {
        padding: 30px 10px;
        flex-direction: column;
    }
    .section3-box3 .section3-text div h3
    {
        font-size: 30px;
    }
    /*主な機能*/
    .section4 .section4-container
    {
        padding: 70px;
    }
    .section4-content
    {
        display: grid;
        box-sizing: border-box;
        width: 100%;
        max-width: 716px;
        margin: 0 auto;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
    /*導入までの流れ*/
    .section5 .section5-container
    {
        padding: 70px;
    }
    .section5-card
    {
        max-width: 180px;
        min-height: 220px;
    }
    .section5-card .section5-card-header
    {
        padding: 10px 0 6px;
    }
    .section5-card .section5-card-header p
    {
        margin: 0;
        font-size: 18px;
    }
    .section5-card .section5-card-header p span
    {
        font-size: 26px;
    }
    .section5-card .section5-card-body
    {
        padding: 12px 8px;
    }
    .section5-card .section5-card-body img
    {
        width: 100%;
        max-width: 140px;
        height: auto;
    }
    .section5-card .section5-card-body p
    {
        font-size: 16px;
    }
    .arrow
    {
        width: 100%;
        max-width: 38px;
        height: auto;
    }
    /*お問い合わせ・資料請求*/
    .section6 .section6-container
    {
        padding: 70px;
    }
    .section6-title p:first-of-type
    {
        font-size: 16px;
    }
    .section6-title h2
    {
        font-size: 44px;
        font-weight: 700;
        color: #fff;
    }
    .section6-title p:last-of-type
    {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        margin-top: 20px;
    }
    .section6-content-container .box
    {
        padding: 15px 40px;
    }
    .section6-content-container .box .text h2
    {
        font-size: 30px;
    }
    .section6-content-container .box .text img
    {
        margin-top: 20px;
        width: 70px;
    }
    .section6-content-container .box .text p
    {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px)
{
    .title
    {
        margin-bottom: 40px;
    }
    .title p
    {
        font-size: 14px;
    }
    .title h2
    {
        font-size: 28px;
    }
    .main-visual .main-container
    {
        flex-flow: column;
        height: auto;
        justify-content: center;
        align-items: center;
    }
    .main-visual .sp
    {
        display: flex;
    }
    .main-visual .pc
    {
        display: none;
    }
    .main-box
    {
        background-color: #8a0021;
        width: 100%;
        padding: 70px 20px;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
    }
    .main-box .main-img img
    {
        width: 100%;
        max-width: 526px;
        height: auto;
    }
    .main-box2
    {
        background-color: #fff;
        width: 100%;
        padding: 20px;
        padding-top: 88px;
        box-sizing: border-box;
        justify-content: center;
    }
    .main-box2 div p:first-of-type
    {
        font-size: 14px;
    }
    .main-box2 div p:last-of-type
    {
        font-size: 15px;
    }
    .main-box2 div img
    {
        max-width: 352px;
    }
    .main-box2 div h2
    {
        font-size: 17px;
    }
    .main-box2 div a
    {
        font-size: 18px;
    }
    /* リハビリ医療の質と効率を、ひとつ上のステージへ。*/
    .section1-container img
    {
        display: none;
    }
    .section1-text
    {
        margin: 70px 20px 70px 0;
        padding: 40px 16px;
    }
    .section1-text h2
    {
        font-size: 24px;
    }
    .section1-text p
    {
        padding-top: 30px;
        font-size: 16px;
    }
    /*healthtech DXとは?*/
    .section2-container
    {
        padding: 32px 16px;
    }
    .section2-about
    {
        background-image: none;
        padding-bottom: 50px;
    }
    .section2-about-container
    {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: start;
    }
    .section2-about-container div:first-of-type p
    {
        font-size: 14px;
    }
    .section2-about-container div:first-of-type h2
    {
        font-size: 28px;
    }
    .section2-about-container div:last-of-type
    {
        max-width: 660px;
        margin-top: 30px;
    }
    .section2-about-container div:last-of-type h3
    {
        font-size: 17px;
    }
    .section2-about-container div:last-of-type p
    {
        margin-top: 30px;
        font-size: 16px;
    }
    .section2-about-container div:last-of-type p:nth-of-type(2)
    {
        margin-top: 0;
    }
    .section2-about-container img:nth-of-type(2)
    {
        width: 100%;
        max-width: 358px;
        height: auto;
        margin: 30px auto 0;
    }
    .section2-note
    {
        padding: 40px 16px;
        margin: 0 auto;
        flex-flow: column;
    }
    .section2-note div:first-of-type
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .section2-note div:first-of-type h3
    {
        font-size: 20px;
    }
    .section2-note div:first-of-type p
    {
        margin-top: 30px;
        font-size: 16px;
    }
    .section2-note div:last-of-type img
    {
        width: 100%;
        max-width: 245px;
        height: auto;
        margin: 0;
        margin-top: 30px;
    }
    /*サービスの特徴*/
    .section3 .section3-container
    {
        padding: 32px 16px;
    }
    .section3-group
    {
        padding: 0;
    }
    .section3-group .pc
    {
        display: none;
    }
    .section3-box1,
    .section3-box2,
    .section3-box3
    {
        display: flex;
    }
    .section3-box1 .section3-text,
    .section3-box2 .section3-text,
    .section3-box3 .section3-text
    {
        flex-direction: column;
    }
    .section3-box1 .section3-text .sp,
    .section3-box2 .section3-text .sp,
    .section3-box3 .section3-text .sp
    {
        display: flex;
        margin-top: 16px;
        align-items: flex-start;
    }
    .section3-box1 .section3-text .sp img,
    .section3-box2 .section3-text .sp img,
    .section3-box3 .section3-text .sp img
    {
        width: 32px;
        height: auto;
        margin-right: 12px;
        margin-top: 10px;
        flex-shrink: 0;
    }
    .section3-box1 .section3-text .sp h3,
    .section3-box2 .section3-text .sp h3,
    .section3-box3 .section3-text .sp h3
    {
        font-size: 20px;
        color: #92202f;
        font-weight: 700;
    }
    .section3-box1 .section3-text .pc,
    .section3-box2 .section3-text .pc,
    .section3-box3 .section3-text .pc
    {
        display: none;
    }
    .section3-box1 .section3-text div p,
    .section3-box2 .section3-text div p,
    .section3-box3 .section3-text div p
    {
        margin-top: 30px;
        font-size: 16px;
    }
    /*主な機能*/
    .section4 .section4-container
    {
        padding: 32px 16px;
        flex-direction: row;
    }
    .section4-content
    {
        display: grid;
        gap: 36px;
        box-sizing: border-box;
        width: 100%;
        max-width: 716px;
        margin: 0 auto;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }
    .section4-content .function-box
    {
        flex-direction: row;
        max-width: 358px;
        min-height: auto;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 18px;
        gap: 18px;
        text-align: left !important;
    }
    .section4-content .function-box h3
    {
        font-size: 16px;
        text-align: left;
    }
    .section4-content .function-box p
    {
        font-size: 14px;
        margin-top: 12px;
    }
    /*導入までの流れ*/
    .section5 .section5-container
    {
        padding: 32px 16px;
    }
    .section5-card-container
    {
        flex-direction: column;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section5-card-container .sp
    {
        display: block;
        width: 100%;
        max-width: 60px;
    }
    .section5-card-container .pc
    {
        display: none;
    }
    .section5-card
    {
        display: flex;
        max-width: 358px;
        min-height: 154px;
        margin: 0 auto;
    }
    .section5-card .section5-card-header
    {
        padding: 10px 0 6px;
    }
    .section5-card .section5-card-header p
    {
        margin: 0;
        font-size: 18px;
    }
    .section5-card .section5-card-header p span
    {
        font-size: 26px;
    }
    .section5-card .section5-card-body
    {
        padding: 12px 8px;
        flex-direction: row;
    }
    .section5-card .section5-card-body img
    {
        width: 100%;
        max-width: 140px;
        height: auto;
    }
    .section5-card .section5-card-body p
    {
        font-size: 16px;
    }
    /*お問い合わせ・資料請求*/
    .section6 .section6-container
    {
        padding: 32px 16px;
    }
    .section6-title p:first-of-type
    {
        font-size: 14px;
    }
    .section6-title h2
    {
        font-size: 28px;
    }
    .section6-title p:last-of-type
    {
        font-size: 16px;
        margin-top: 20px;
    }
    .section6-content-container
    {
        flex-direction: column;
        margin-top: 32px;
        background-color: transparent;
        justify-content: center;
        align-items: center;
        gap: 50px;
    }
    .section6-content-container .box
    {
        width: 100%;
        max-width: 358px;
        box-sizing: border-box;
    }
    .section6-content-container .box::before
    {
        display: none;
    }
    .section6-content-container .box
    {
        padding: 15px 40px;
    }
    .section6-content-container .box .text h2
    {
        font-size: 24px;
    }
    .section6-content-container .box .text img
    {
        margin-top: 20px;
        width: 70px;
    }
    .section6-content-container .box .text p
    {
        font-size: 17px;
    }
    .section6-content-container .border
    {
        border: none;
    }
}