@charset "utf-8";
/* CSS Document */

.sec_box > h4{
margin-top: 0;
}
.sec_box + .sec_box{
padding-top: 0;
}

.merit_list li{
background-color: #00A3E2;
width: 100%;
height: 88px;
border-radius: 50px;
color: #fff;
font-weight: bold;
font-size: 2rem;
line-height: 1.4;
display: flex;
align-items: center;
margin-top: 20px !important;
padding: 0 0 0 80px;
position: relative;
}
.merit_list li::before{
content: "";
width: 52px;
height: 38px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../images/common/icn_tire-chk@2x.png");
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.yoyaku_list {
display: flex;
flex-wrap: wrap;
}

.yoyaku_list li{
border: 1px solid #AAAAAA;
border-radius: 2.5px;
font-size: 1.4rem;
font-weight: bold;
padding: 2px 12px 0;
display: inline-flex;
align-items: center;
margin-right: 10px;
margin-top: 10px;
}
.yoyaku_list li .yoyaku_num{
font-size: 1.6rem;
font-weight: 500;
color: #AAAAAA;
margin-right: 5px;
}

.rental_info{
margin-top: 40px;
padding: 50px 50px 40px;
}







@media screen and (max-width: 768px){

.merit_studless{
display: flex;
}
.merit_studless .box{
width: 48%;
height: 165px;
border-radius: 40px;
margin-top: 15px !important;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
font-size: 1.4rem;
line-height: 1.4;
}
.merit_studless .box:nth-of-type(1),
.merit_studless .box:nth-of-type(2){
margin-top: 0 !important;
}	
.merit_list li::before{
position: static;
margin:0 auto 10px;
width: 58px;
height: 45px;
position: relative;
left: 8px;
top: auto;
transform: none;

}
.studless-rental .exam_txt{
text-align: left;
}



.rental_info {
margin-top: 30px;
padding: 30px 15px 15px;
}


}



/*--------------- tire-keeping -----------------*/

.keep_tbl {
display: flex;
flex-wrap: wrap;
}
.keep_tbl dt{
font-size: 2rem;
width: 33px;
position: relative;
top: -3px;
}
.keep_tbl dd{
width: calc( 100% - 33px );
letter-spacing: -0.04em;
}
.merit_keeping li{
justify-content: center;
text-align: center;
height: 80px;
}
.merit_keeping li::before{
background-image: url("../images/common/icn_tire-chk02@2x.png");
width: 70px;
height: 50px;
}

.tire-keeping-demo .flow_btn{
margin-top: 40px;
}
.shop_info dd .en{
margin-bottom: 5px;
display: inline-block;
}
.shop_info dd:last-of-type .en{
margin-bottom: 0;
}
.shop_status .btn{
width: 225px;
height: 42px;
margin-top: 20px;
}
.tab_box{
border-bottom: 1px solid #EEEEEE;
padding-bottom: 40px;
}

.two_column{
padding-bottom: 120px;
}

@media screen and (max-width: 768px){


.merit_keeping li{
font-size: 1.8rem;
height: 84px;
}
.merit_keeping li::before{
width: 55px;
height: 40px;
position: absolute;
left: 15px;
margin: 0;
}

.shop_tab{
width: 108%;
margin: 0 -4% 30px;
}
.return_btn{
margin-top: 50px !important;
}	
.two_column{
padding-bottom: 0;
}

}






.rem-inner{
text-align:left;
}



.tkp-ttl{
font-size:5vw;
line-height:7.5vw;
color:#082F8F;
margin-bottom:3vw;
font-weight:bold;
}
.tkp-ttl span{
display:inline-block;
margin-left:.5em;
font-size:.6em;
}

.tkpList{
width:90vw;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.tkpList li{
width:28vw;
background:#082F8F;
color:#fff;
font-size:4vw;
line-height:10vw;
text-align:center;
font-weight:bold;
margin:0 0 3vw;
}

.tkpList li a{
display:block;
cursor:pointer;
}



.tkp-s-ttl{
font-size:6vw;
line-height:9vw;
margin-bottom:6vw;
font-weight:bold;
}


.tkp-md01{
font-size:5vw;
line-height:8vw;
margin-bottom:3vw;
font-weight:bold;
}
.tkp-md01 span.taxin{
font-size:.7em;
}
.tkp-md01 span.tkp-att2{
display:block;
font-size:.7em;
line-height:1.3;
}

.tkp-cont{
font-size:3.8vw;
line-height:7vw;
font-weight:500;
margin-bottom:1.5em;
}

.tkp-p{
width:100%;
table-layout:fixed;
margin-bottom:2vw;
}

.tkp-p th{
font-weight:bold;
line-height:8vw;
padding:2vw 3vw;
border:1px solid #ccc;
background:#f0f8ff;
}
.tkp-p td{
font-weight:bold;
line-height:8vw;
color:#082F8F;
padding:2vw 3vw;
border:1px solid #ccc;
text-align:right;
}

.tkp-att{
margin-top:2vw;
font-size:3.2vw;
line-height:4.5vw;
}




@media screen and (min-width:768px){


.rem-inner{
text-align:left;
}


.tkp-ttl{
font-size:24px;
line-height:48px;
color:#082F8F;
margin-bottom:12px;
font-weight:bold;
}
.tkp-ttl span{
display:inline-block;
margin-left:.5em;
font-size:.6em;
}

.tkpList{
width:auto;
margin:0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.tkpList li{
width:260px;
background:#082F8F;
color:#fff;
font-size:18px;
line-height:50px;
text-align:center;
font-weight:bold;
margin:0 0 15px;
}

.tkpList li a{
display:block;
cursor:pointer;
}


.tkp-s-ttl{
font-size:24px;
line-height:36px;
margin-bottom:24px;
font-weight:bold;
}


.tkp-md01{
font-size:20px;
line-height:30px;
margin-bottom:10px;
font-weight:bold;
}
.tkp-md01 span.taxin{
font-size:.7em;
}
.tkp-md01 span.tkp-att2{
display:block;
font-size:.7em;
line-height:2;
}

.tkp-cont{
font-size:16px;
line-height:30px;
font-weight:500;
margin-bottom:1.5em;
}

.tkp-p{
width:300px;
border:1px solid #ccc;
table-layout:fixed;
margin-bottom:10px;
}

.tkp-p th{
padding:10px 15px;
border:1px solid #ccc;
font-weight:bold;
line-height:30px;
background:#f0f8ff;
}
.tkp-p td{
font-weight:bold;
line-height:30px;
color:#082F8F;
padding:10px 15px;
border:1px solid #ccc;
text-align:right;
}

.tkp-att{
margin-top:10px;
font-size:14px;
line-height:30px;
}