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

/* 全体（色系）*/
body {
    header {
        border-bottom: solid 3px #ffb400;
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .h-contact {
            margin-right: 30px;
        }

        .tp_sec02 {
            .ttl01:after {
                bottom: 100px;
            }
        }

        .tp_sec09 {
            .layout_a .imgbox {
                width: 50%;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            top: calc(20% - 0px);
            left: 25%;
            width: 50%;
        }

        .tp_sec02 {
            .ttl01:after {
                bottom: 100px;
            }

            .layout_a .imgbox {
                width: 100%;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        #main_visual .copy_text {
            top: 25%;
            left: 50%;
            width: 65%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
        }

        .img_list_over .slick-slide {
                aspect-ratio: 1 / 1.3;
        }

        .tp_sec09 {
            .txtbox figure {
                text-align: center;
            }
        } 
    }
}