@charset "utf-8";

/* 
page_heading
======================================================================== */
.heading_type1 {
    margin-top: 62px;
}
.heading_type1 .heading_text {
    color: #011A5D;
}

/* 
step
======================================================================== */
.step {
    padding: 21px 0 100px;
}
.install_step_list {
    margin-top: 61px;
}
.install_step_list_item {
    display: flex;
    justify-content: space-between;
    gap: 33px;
}
.install_step_list_item_step {
    width: 102px;
    position: relative;
}
.install_step_list_item_step::after {
    content: '';
    width: 18px;
    height: 100%;
    background-color: #EAEFF3;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.install_step_list_item:last-of-type .install_step_list_item_step:after {
    content: none;
}
.install_step_list_item_step_text {
    width: 102px;
    height: 102px;
    padding: 18px;
    background: #0468BF;
    border: 6px solid #DEF3F9;
    border-radius: 9999px;
    color: #fff;
    font-size: 1.125rem;/* 18px */
    font-weight: bold;
    line-height: 1;
    text-align: center;
    font-family: "roboto", sans-serif;
}
.install_step_list_item_step_text .num {
    display: block;
    color: #fff;
    font-size: 2.5rem;/* 40px */
    line-height: 1;
    font-family: "roboto", sans-serif;
}
.install_step_list_item_contents {
    flex: 1;
    padding: 34px 0 51px;
}
.install_step_list_item:last-of-type .install_step_list_item_contents {
    padding-bottom: 0;
}
.install_step_list_item_contents .column_2col {
    justify-content: space-between;
    gap: 5%;
}
.install_step_list_item_contents .column_2col .column_item {
    flex: auto;
}
.install_step_list_item_detail {
    width: 49%;
}
.install_step_list_item_detail .contents_text {
    margin-top: 23px;
    font-size: 1.125rem;/* 18px */
    line-height: 1.777;
}
.install_step_list_item_img {
    width: 46%;
    padding-bottom: 7.192%;
}
.install_step_list_item_img img {
    width: 86.196%;
    border-radius: 10px;
    box-shadow: 64px 74px 0 #DEF3F9;
}
.install_step_list_item_contents .contents_button {
    margin-top: 50px;
    padding-bottom: 61px;
}
.install_step_list_item:last-of-type .contents_button {
    padding-bottom: 0;
} 

@media screen and (max-width: 1164px) {
    .install_step_list_item_img {
        padding-bottom: 6vw;
    }
    .install_step_list_item_img img {
        box-shadow: 6vw 6vw 0 #DEF3F9;
    }
}

@media screen and (max-width: 767px) {
    /* 
    page_heading
    ======================================================================== */
    .heading_type1 {
        margin-top: 32px;
    }

    /* 
    step
    ======================================================================== */
    .step {
        padding: 34px 0 60px ;
    }
    .step .heading_type2 .heading_text {
        font-size: 1.5625rem;/* 25px */
        line-height: 1.7;
    }
    .install_step_list {
        margin-top: 25px;
    }
    .install_step_list_item {
        display: flex;
        justify-content: space-between;
        gap: 13px;
    }
    .install_step_list_item_step {
        width: 51px;
        position: relative;
    }
    .install_step_list_item_step::after {
        width: 9px;
    }
    .install_step_list_item:last-of-type .install_step_list_item_step:after {
        content: none;
    }
    .install_step_list_item_step_text {
        width: 51px;
        height: 51px;
        padding: 9px;
        border-width: 3px;
        font-size: 0.5625rem;/* 9px */
    }
    .install_step_list_item_step_text .num {
        font-size: 1.25rem;/* 20px */
    }
    .install_step_list_item_contents {
        padding: 0 0 45px;
    }
    .install_step_list_item_detail {
        width: 100%;
    }
    .install_step_list_item_detail .heading_type3 .heading_text {
        font-size: 1.25rem;/* 20px */
    }
    .install_step_list_item_detail .contents_text {
        margin-top: 10px;
        font-size: 0.9375rem;/* 15px */
        line-height: 1.7;
    }
    .column_2col .install_step_list_item_img.column_item {
        width: 100%;
        margin-top: 18px;
        text-align: center;
    }
    .install_step_list_item_img img {
        width: 75.27%;
        border-radius: 5px;
        box-shadow: 32px 32px 0 #DEF3F9;
    }
    .install_step_list_item .contents_button {
        margin-top: 47px;
        padding-bottom: 58px;
        position: relative;
    }
    .install_step_list_item:last-of-type .contents_button {
        padding-bottom: 71px;
    }
    .install_step_list_item .contents_button > a {
        width: 77.334vw;
        transform: translateX(-42px);
        position: absolute;
        padding: 8px 11px;
        line-height: 1.5;
    }

}