@charset "UTF-8";

/*-------------------------
__voice_style
-------------------------*/
img{ width: 100%; height: auto;}
.mv{width:100%;height:100%;aspect-ratio: 2 / 1; overflow:hidden;position:relative; max-width: 1200px; margin: 0 auto;}
/*
.mv .txt_wrap{ text-align: left; color: #fff; position:absolute; top: 8%; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .2)) drop-shadow(0px 0px 5px rgba(0, 0, 0, .2)) drop-shadow(0px 0px 5px rgba(0, 0, 0, .2)); left: 5%;}
.mv .txt_wrap .mv_ttl{ font-size: 24px; line-height: 1.4;}
.mv .txt_wrap .mv_ttl span{ font-size: 28px;}
.mv .txt_wrap .mv_subttl{ font-size: 14px; top: 20%; line-height: 1.4; margin-top: 20px;}
*/

.mv > img{width:100%;height:100%;object-fit:cover;vertical-align:bottom;}

.main_com{text-align:center;margin:100px 20px;box-sizing:border-box;}
.main_com .en{font-size:32px;margin-bottom:20px;}
.main_com .block_ttl{font-size:28px;color:#000;margin-bottom:30px; font-weight: 700;}
.main_com .block_txt{font-size: 16px;line-height: 1.6;}

.loc_wrap{max-width:1140px;box-sizing:border-box;margin:0 auto;padding:0 20px 120px;}
.loc_wrap ul{display:flex;flex-wrap:wrap;gap:30px; justify-content: center;}
.loc_wrap ul .loc_card{width:calc(50% - 15px);}
.loc_wrap ul .loc_card .card_inner .card_img img{width:100%;height:auto;}
.loc_wrap ul .loc_card .card_inner .card_txt{text-align:left;font-size:16px;color:#000;margin-top:15px;}
.mb{ margin: 0 auto 80px;}
@media screen and (max-width:980px) {
.mb{ margin: 0 auto 114px;}
}
@media screen and (max-width:767px) {
.mv{ aspect-ratio: 4 / 3;}
/*
.mv .txt_wrap{ top: 5%; left: 20px;}
.mv .txt_wrap .mv_ttl span{ font-size: 18px;}
.mv .txt_wrap .mv_ttl{ font-size: 15px;}
.mv .txt_wrap .mv_subttl{ font-size: 12px; margin-top: 10px; margin-right: 20px;}
*/

.main_com{margin:30px 20px;}
.main_com .block_ttl{font-size:18px;line-height:1.6;}
.main_com .block_txt{font-size:14px;}

.loc_wrap{padding:0 20px 50px;}
.loc_wrap ul{display:flex;flex-wrap:wrap;gap:12px;}
.loc_wrap ul .loc_card{width:calc(50% - 9px);}
.loc_wrap ul .loc_card .card_inner .card_txt{font-size:14px;margin-top:8px;}
.mb{ margin: 0 auto 112px;}
}

@media screen and (max-width:374px) {
.mv{ aspect-ratio: 1 / 1;}

/*
.mv .txt_wrap .mv_ttl span{ font-size: 16px;}
.mv .txt_wrap .mv_ttl{ font-size: 14px;}
.mv .txt_wrap .mv_subttl{ font-size: 12px;}
*/

.loc_wrap ul{display:flex;flex-wrap:wrap;gap:20px 0;}
.loc_wrap ul .loc_card{width:100%;}
.mb{ margin: 0 auto 88px;}
}