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

/* 全体（色系）*/
body {
    .era {
        border-bottom: none;
        margin-bottom: 5px;
        padding-bottom: 0;
    }

    .tp_sec08 {
        .flow hr.line01.line_gr {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .layout_dl01 dd {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .layout_dl01 {
            border-bottom: none;
            padding-bottom: 0;
        }
    }

    .gnav .gnav__inr .header-drawer-nav {
        text-align: left;
    }

    .gnav .gnav__inr .header-drawer-nav li a {
        color: #097572;
    }
}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            .layout_a .txtbox {
                margin-right: 80px;
            }

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

        .tp_sec08 .layout_dl01 {
            margin: 0 5%;
        }

        .tp_sec08 .qa {
            padding: 0 5%;
        }

        .tp_sec10 {
            .layout_b .txtbox {
                margin-left: 60px;
            }

            .layout_b .imgbox {
                width: 40%;
            }
        }

        .tp_sec11 {
            .layout_b .imgbox {
                width: 42%;
            }
        }
		
		.header-nav li a {
			padding-left: 7px;
    		padding-right: 7px;
		}
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {

        .chk_list02.cul02 li {
            margin-bottom: 10px;
            padding-bottom: 5px;
        }

        .h_btn01 {
            display: block;
        }

        header .h_btn01 {
            display: none;
        }


    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        .swiper-container .swiper-wrapper .swiper-slide {
            height: 460px;
        }

        #main_visual {
            height: auto;
        }

        #main_visual:after,
        #main_visual:before {
            display: none;
        }

        #main_visual .copy_text {
            top: calc(70% - 50px);
            left: 60%;
            width: 65%;
        }

        .ttl01:after {
            left: 7%;
        }

        .tp_sec05 .sub_images_ul.cul2 li, 
        .tp_sec06 .sub_images_ul.cul2 li, 
        .tp_sec07 .sub_images_ul.cul2 li {
            width: 100%;
        }

        .tp_sec05 .reserve_area .reserve_ttl .b_ttl:after, 
        .tp_sec06 .reserve_area .reserve_ttl .b_ttl:after, 
        .tp_sec07 .reserve_area .reserve_ttl .b_ttl:after {
            display: none;
        }

        .tp_sec05 .reserve_area .reserve_ttl .ma_r_10px, 
        .tp_sec06 .reserve_area .reserve_ttl .ma_r_10px, 
        .tp_sec07 .reserve_area .reserve_ttl .ma_r_10px {
            margin-right: 0 !important;
        }

        .footerUpper .footer_flex .f_company {
            width: 100%;
            text-align: center;
        }

        .gnav .gnav__inr .header-drawer-nav {
            width: 90%;
        }
    }
}