@charset "utf-8";
/* 
サイト固有の記述
*/


body {
    
    .tp_sec05 .sub_images_ul {
        justify-content: center;
    }
    
    .tp_sec06 .tab-wrap {
        justify-content: center;
    }
    
    .tp_sec06 .tab-label {
        margin: 25px;
    }
    
    hr {
        border-bottom: solid 2px #CCCCCC;
    }

    .ttl05 {
        border-bottom: solid 2px #CCCCCC;
    }

    .tab-switch:checked + .tab-label {
        background: #5B6264 !important;
    }

    .tab-label {
        border: solid 2px #5B6264;
    }

    .flow_list li h3 {
        font-size: 22px;
    }

    .ttl02:after {
        border-bottom: solid 3px #879FAA;
    }

    .tbl_list02 li .list_ttl {
        width: 250px;
        padding: 10px 10px;
    }

    .tbl_list02 li:before {
        width: 200px;
    }

    .tp_sec10 .txtbox img {
        margin-bottom: 18px;
    }

    #main_visual .copy_text {
        width: 50%;
    }

    .tp_sec05 .h3a {
        font-size: 28px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 500;
    }
}

@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            width: 80%;
        }
        
        header .copy_area {
            display: none;
        }
        
        .tp_sec02 {
            .layout_a {
                display: flex;
                flex-direction: column-reverse;
            }

            .layout_a .txtbox {
                margin-top: 0px;
            }

            .layout_a .imgbox {
                margin-top: 20px;
            }

        }
    }
}

@media screen and (max-width: 767px) {
    body {
        #main_visual .copy_text {
            width: 97%;
        }

        .ttl02.type01 .eng_txt {
            font-size: 38px;
        }

        .tp_sec02 {
            .layout_a {
                display: flex;
                flex-direction: column-reverse;
            }

            .layout_a .txtbox {
                margin-top: 0px;
            }

            .layout_a .imgbox {
                margin-top: 20px;
            }

        }

        .tp_sec03 {
            background-color: #F7F8F9;

            .ttl02 .line:before {
                height: 85%;
            }

            .color_box {
                background-color: transparent;
                padding: 40px 0%;
            }


        }

        .tp_sec04 {


            .ttl02 .line:before {
                height: 85%;
            }

            .sub_images_ul.cul4 li {
                width: 100%;
            }

            .color_box {
                background-color: transparent;
                padding: 80px 0% 0px;
            }

        }
        
        .tp_sec05 .h3a {
            font-size: 19px;
            font-family: "Zen Old Mincho", serif;
            font-weight: 500;
        }
        
        .tbl_list02 li .list_ttl {
            width: 140px;
            padding: 10px 5px;
        }
        
        .tbl_list02 li:before {
            width: 115px;
        }
        
        .faq_box dt {
            font-size: 15px;
        }
        
        .tp_sec10 .txtbox figure {
        text-align: center;
    }
        
        .tp_sec10 .btn03 {
            text-align: center;
        }
        
    }
}

@media screen and (max-width: 480px) {
    .sticky_box .sticky_ul li {
        width: calc(100% / 2);
    }
}