.mv_area,.contentsInr{font-family: 'Noto Sans JP', sans-serif;}

.mv_area{
min-height: 676px;
padding-bottom: 20px;
box-sizing: border-box;
}
.mv_area.hotel{
background: url(../img/index_bg_hotel.jpg) no-repeat;
background-size: cover;
}
.mv_area.car_rental{
background: url(../img/index_bg_car.jpg) no-repeat;
background-size: cover;
}
.mv_area.net_shopping{
background: url(../img/index_bg_net.jpg) no-repeat;
background-size: cover;
}
.mv_area.goods{
background: url(../img/index_bg_goods.jpg) no-repeat;
background-size: cover;
}
.mv_area .mv_inr{
width: 950px;
margin: 0 auto;
padding: 50px 0 0;
color: #fff;
}
.mv_ttl{
margin-bottom: 50px;
text-align: center;
position: relative;
}
.mv_ttl .badge{
margin: 0 35px 0 -183px;
}
.mv_ttl .badge.icon_new{
position: relative;
display: inline-block;
vertical-align: top;
}
.mv_ttl .badge.icon_new .icon{
position: absolute;
top: -30px;
left: -10px;
}
.mv_tab_list{
display: flex;
justify-content: space-between;
}
.mv_tab_list li{
width: 312px;
text-align: center;
display: flex;
}
.mv_tab_list li a{
position: relative;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 5px 5px;
box-sizing: border-box;
}
.mv_tab_list li a:before{
content: "";
width: 100%;
height: 100%;
background: #000;
display: inline-block;
opacity: .6;
position: absolute;
top: 0;
left: 0;
}
.mv_tab_list li a:hover{
text-decoration: none;
opacity: .8;
z-index: 10;
}
.mv_tab_list li.active a:before{
background: #c00;
opacity: 1;
height: calc(100% + 8px);
}
.mv_tab_list li.active a:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 13.5px 0 13.5px;
border-color: #cc0000 transparent transparent transparent;
position: absolute;
bottom: -18px;
left: 50%;
margin-left: -13.5px;
z-index: 10;
}
.mv_tab_list .list_txt{
position: relative;
z-index: 2;
font-size: 1.5rem;
font-weight: bold;
}
.mv_tab_list .sub{
display: block;
font-size: 1.2rem;
font-weight: normal;
}
.navi_area{
position: relative;
padding: 25px;
margin: 8px 0 0 0;
}
.navi_area:before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: #000;
opacity: .6;
}
.navi_area .noteList > li{
margin-top: 5px;
font-size: 13px;
}
.navi_inr{
position: relative;
z-index: 10px;
}
.link_tab_list{
display: flex;
color: #fff;
}
.link_tab_list.single{
justify-content: center;
}
.link_tab_list li{
width: 50%;
margin: 0 0 0 25px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
}
.link_tab_list li:first-of-type{
margin-left: 0;
}
.link_tab_list li:before{
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.link_tab_list li a{
width: 100%;
display: flex;
flex-direction: column;
color: #fff;
text-decoration: none;
padding-bottom: 43px; 
}
.link_tab_list li a:hover{
opacity: .8;
}
.link_tab_list .btm .icon_ow{
position: absolute;
right: 18px;
}
.link_tab_list .top{
display: flex;
align-items: center;
background: #fff;
color: #333;
font-size: 1.7rem;
font-weight: bold;
padding: 15px 30px;
}
.link_tab_list .top .icon{
margin: 0 20px 0 0;
}
.link_tab_list .btm{
font-size: 1.5rem;
font-weight: bold; 
background: #cc0000;
text-align: center;
position: relative;
padding: 9px 0px;
position: absolute;
width: 100%;
bottom: 0;
}
.hdg_ttl_lv1{
margin: 0 0 30px 0;
padding: 0 0 15px 0;
border-bottom: 2px solid #c00;
text-align: center;
}
.hdg_ttl_lv1 .ttl{
font-size: 2.2rem;
line-height: 1.5;
}
.hdg_ttl_lv2{
margin-bottom: 30px;
}
.hdg_ttl_lv2 .ttl{
font-size: 2.2rem;
font-weight: bold;
}
.box_typeC.info_box{
padding: 40px 20px;
}
.col_wrap{
display: flex;
}
.col_2{
width: 50%;
margin-left: 20px;
}
.col_2:first-of-type{
margin-left: 0;
}
.info_box .col_2 .ttl{
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 10px;
}
.car_hotel .btn_rec{
display: none;
}
.rec .btn_car_hotel{
display: none;
}