@charset "utf-8";

@media screen and (max-width: 412px) {
    #insulation #section_heading {
        height: 15.5rem;
    }
}

/* ///////////////// */
/* SECTION ABOUT INSUL */
/* ///////////////// */

#about_reform h3 {
    text-align: center;
    line-height: 1.8em;
    margin-bottom: 3.13rem;
}

#about_reform .catch-copy_sub {
    text-align: center;
    line-height: 1.8em;
    position: relative;
    margin-bottom: 9.375rem;
}

@media screen and (max-width: 412px) {
    #about_reform .catch-copy_sub {
        text-align: center;
        line-height: 1.8em;
        position: relative;
        margin-bottom: 6.25rem;
    }
}

#about_reform .catch-copy_sub::after {
    content: "";
    display: block;
    border-left: 1.5px solid #777;
    position: absolute;
    height: 3.13rem;
    bottom: -6.25rem;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 412px) {
    #about_reform .catch-copy_sub::after {
        bottom: -4.3rem;
    }
}

.about_insulation_img-box {
    aspect-ratio: 3 / 1.5; 
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.88rem;
    box-sizing: border-box;
    margin-bottom: 9.375rem;
    position: relative;
}

@media screen and (max-width: 412px) {
    .about_insulation_img-box {
        aspect-ratio: 3 / 2; 
        margin-bottom: 6.25rem;
    }
}

.about_insulation_img-box img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 412px) {
    .about_insulation_img-box img {
        width: 90%;
        height: 90%;
    }
}

.about_insulation_img-box::after {
    content: "";
    display: block;
    border-left: 1.5px solid #777;
    position: absolute;
    height: 3.13rem;
    bottom: -6.25rem;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 412px) {
    .about_insulation_img-box::after {
        bottom: -4.7rem;
    }
}

.youtube-box h4,
.youtube-box p {
    text-align: center;
    line-height: 1.8em;
}

.youtube-box h4 {
    margin-bottom: 1.88rem;
}

.youtube-box p {
    margin-bottom: 3.13rem;
}

.insul_movie-box {
    aspect-ratio: 3 / 1.8;
    width: 70%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.88rem;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 412px) {
    .insul_movie-box {
        aspect-ratio: 3 / 2;
        width: 100%;
    }
}

.insul_movie-box iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ///////////////// */
/* SECTION NECESSITY */
/* ///////////////// */

#necessity h3 {
    text-align: center;
}

#necessity::before {
    content: "";
    display: block;
    border: 4px solid #9f9f9f;
    opacity: .5;
    border-radius: 10px;
    margin-top: 3.13rem;
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 412px) {
    #necessity::before {
        margin-bottom: 3.13rem;
    }
}

#necessity h3 {
    margin-bottom: 3.13rem;
}

#necessity ul {
    margin-top: 5rem;
    flex-wrap: wrap;
}

@media screen and (max-width: 412px) {
    #necessity ul {
        margin-top: 3.13rem;
    }
}

#necessity ul li {
    margin-bottom: 5rem;
}

@media screen and (max-width: 412px) {
    #necessity ul li {
        margin-bottom: 3.13rem;
    }
}

#necessity ul li:last-of-type {
    margin-bottom: 0;
}

#necessity ul li figcaption {
    text-align: center;
    margin-bottom: 1.25rem;
    font-weight: bold;
}

.necessity_img-box {
    aspect-ratio: 3 / 1.85;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9f9f9f;
}

.necessity_img-box img {
    width: 102%;
    height: 102%;
    object-fit: contain;
    object-position: center;
    display: block;
}

/* ///////////////// */
/* SECTION MERIT */
/* ///////////////// */

#insulation_merit::before {
    content: "";
    display: block;
    border: 4px solid #9f9f9f;
    opacity: .5;
    border-radius: 10px;
    margin-top: 3.13rem;
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 412px) {
   #insulation_merit::before {
        margin-bottom: 3.13rem;
    }
}

#insulation_merit h3 {
    text-align: center;
}

#insulation_merit .merit_box {
    margin-bottom: 5rem;
    align-items: flex-start;
}

@media screen and (max-width: 412px) {
   #insulation_merit .merit_box:last-of-type {
        margin-bottom: 3.13rem;
    }
}

#insulation_merit h3 {
    margin-bottom: 3.13rem;
}

.insulation_merit_img-box {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #9f9f9f;
    background: #fff;
}

@media screen and (max-width: 412px) {
   .insulation_merit_img-box {
        margin-top: 3.13rem;
    }
}

.insulation_merit_img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.insulation_merit_img-box_02 {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #9f9f9f;
    padding: 1rem;
    background: #fff;
}

@media screen and (max-width: 412px) {
   .insulation_merit_img-box_02 {
        margin-top: 3.13rem;
        padding: 5%;
    }
}

.insulation_merit_img-box_02 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.insul_merit-item {
    display: flex;
    align-items: center;
}

.insul_merit-item_number {
    margin-right: 1.25rem;
    font-size: 1.88rem;
    font-weight: bold;
}

/* ///////////////// */
/* METHOD */
/* ///////////////// */

#insulation_method h3 {
    text-align: center;
}

#insulation_method::before {
    content: "";
    display: block;
    border: 4px solid #9f9f9f;
    opacity: .5;
    border-radius: 10px;
    margin-top: 3.13rem;
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 412px) {
   #insulation_method::before {
        margin-bottom: 3.13rem;
    }
}

#insulation_method h3 {
    margin-bottom: 3.13rem;
}

.insul_method-item {
    display: flex;
    align-items: center;
}

.insul_method-item_number {
    margin-right: 1.25rem;
    font-size: 1.88rem;
    font-weight: bold;
}

.method_item .method_heading_text {
    margin-bottom: 3.13rem;
}

#insulation_method .flex_responsive {
    flex-wrap: wrap;
    align-items: flex-start;
}

#insulation_method .method_item {
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 412px) {
   #insulation_method .method_item {
        margin-bottom: 5rem;
    }
}

.method_3_item {
    width: 30.5%;
}

@media screen and (max-width: 412px) {
   .method_3_item {
        width: 100%;
        margin-bottom: 3.13rem;
    }
}

.method_3_item .method_3_img-box {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #9f9f9f;
    margin-bottom: 1.25rem;
}

#insulation_method figure {
    position: relative;
}

.method_3_heading {
    text-align: center;
    color: #fff;
    font-size: 1rem;
    position: absolute;
    border-radius: 1.25rem 1.25rem 0 0;
    width: 100%;
    line-height: 1.5em;
    padding: 0.62rem;
    box-sizing: border-box;
}

.method_3_heading p {
    text-align: center;
}

.method_3_item .method_3_img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: translateY(10%);
    display: block;
    bottom: 0;
}

.method_3_item figcaption p:first-child {
    margin-bottom: 1.25rem;
}

.method_3_item figcaption p:last-child {
    font-weight: normal;
}

/* METHOD MATERIAL*/

.method_material li {
    margin-bottom: 5rem;
}

.method_material li:last-child {
    margin-bottom: 0;
}

.method_material h5 {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.88rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.method_material h5::before {
    content: "";
    display: block;
    width: 0.94rem;
    height: 0.94rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    background-color: #A6381B;
}

.method_material h6 {
    margin-bottom: 1.25rem;
}

.material-01_img-box {
    width: 100%;
    overflow: hidden;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 412px) {
   .material-01_img-box {
        margin-bottom: 3.13rem;
    }
}

.material-01_img-box img {
    width: 100%;
    height: auto;
    display: block;
}

.method_material .material_text {
    margin-bottom: 1.25rem;
    font-weight: normal;
}

@media screen and (max-width: 412px) {
   .method_material .material_text {
        margin-bottom: 3.13rem;
        font-weight: normal;
    }
}

@media screen and (max-width: 412px) {
   .method_material .material_text_mb {
        margin-bottom: 1.25rem;
    }
}

.method_material .material-02_img-box {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
}

.method_material .material-02_img-box img {
    width: 105%;
    height: 105%;
    object-fit: contain;
    object-position: center;
    display: block;
}

/* ///////////////// */
/* SECTION INFORMATION */
/* ///////////////// */

#insulation_information::before {
    content: "";
    display: block;
    border: 4px solid #9f9f9f;
    opacity: .5;
    border-radius: 10px;
    margin-top: 3.13rem;
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 412px) {
   #insulation_information::before {
        margin-bottom: 3.13rem;
    }
}

#insulation_information h3 {
    margin-bottom: 3.13rem;
}

#insulation_information li {
    border: 1px solid #9f9f9f;
    border-radius: 1.88rem;
    background-color: #fff;
    padding: 3.13rem;
    margin-bottom: 3.13rem;
}

@media screen and (max-width: 412px) {
   #insulation_information li {
        padding: 5%;
    }
}

#insulation_information li:last-of-type {
    margin-bottom: 9.375rem;
}

@media screen and (max-width: 412px) {
   #insulation_information li:last-of-type {
        margin-bottom: 6.25rem;
    }
}

#insulation_information li.flex_responsive {
    align-items: center;
}

.insulation_information_li_left {
    width: 40%;
}

@media screen and (max-width: 412px) {
   .insulation_information_li_left {
        width: 100%;
    }
}

.insulation_information_li_left p {
    margin-bottom: 1.88rem;
}

@media screen and (max-width: 412px) {
   .insulation_information_li_left p {
        margin-bottom: 1.25rem;
    }
}

.insulation_information_li_left p.addition {
    margin-bottom: 1.25rem;
}

.insulation_information_li_left p.addition.margin-none {
    margin-bottom: 0;
}

.showroom_logo-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem;
}

.showroom_logo-box img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.insulation_information_img-box_01 {
    aspect-ratio: 3 / 2;
    flex-shrink: 0;  
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    width: 50%;
}

@media screen and (max-width: 412px) {
   .insulation_information_img-box_01 {
        width: 100%;
        margin-bottom: 1.88rem;
    }
}

.insulation_information_img-box_01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.insulation_information_iframe-box {
    aspect-ratio: 3 / 2;
    flex-shrink: 0;  
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    box-sizing: border-box;
    width: 50%;
}

@media screen and (max-width: 412px) {
   .insulation_information_iframe-box {
        width: 100%;
        margin-bottom: 1.88rem;
    }
}

.insulation_information_iframe-box iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.insulation_information_img-box_02 {
    width: 50%;
    box-sizing: border-box;
    display: flex;  
    justify-content: center;
    align-items: center;
    border-radius: 1.25rem;
    overflow: hidden;
}

@media screen and (max-width: 412px) {
   .insulation_information_img-box_02 {
        width: 100%;
        margin-bottom: 1.88rem;
    }
}

@media screen and (max-width: 412px) {
   .addition_subsidy {
        text-align: center;
    }
}

.insulation_information_img-box_02 img {
   max-width: 100%; 
   height: auto; 
   display: block; 
}

#insulation_information .link-box_left {
    margin-bottom: 1.25rem;
}

.insulation_information_to_contact {
    text-align: center;
    position: relative;
}

.insulation_information_to_contact::before {
    content: "";
    display: block;
    border-left: 1.5px solid #777;
    position: absolute;
    height: 3.13rem;
    bottom: 7.6rem;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 412px) {
   .insulation_information_to_contact::before {
        bottom: 8.4rem;
    }
}