@charset "UTF-8";

#dtire_lp #mainimg_sp{display: none;}

#dtire_lp #summary{background-color: #ecf4f6; padding:3em 0;}
#dtire_lp #summary .container{max-width: 800px; padding: 0 20px; margin: 0 auto;}
#dtire_lp #summary li{font-size: 2.2rem; font-size: 22px; background:url(../images/list.png) left center no-repeat; padding: 1em 0 1em 3em; font-weight: 600; letter-spacing: 0.07em; color: #0a0a0a;}
#dtire_lp #cont1 {background-color: #fff; padding: 90px 0;}
#dtire_lp #cont1 .cont_ttl_area, #dtire_lp #cont2 .cont_ttl_area, #cont3 .cont_ttl_area{text-align: center; max-width:1020px; padding:0 20px; margin:0 auto;}
#dtire_lp #cont1 .ttlimg{max-width: 119px; margin: 0 auto; padding-bottom: 20px;}
#dtire_lp #cont1 .ttl{max-width: 420px; margin: 0 auto; padding-bottom: 85px;}
#dtire_lp #cont1 .sub_box, #dtire_lp #cont2 .sub_box, #dtire_lp #cont3 .sub_box{background-color: #abd9e5; border-radius: 30px;}
#dtire_lp #cont2 {background: url(../images/bg-noise2.png); padding: 50px 0 90px;}
#dtire_lp #cont2 .ttlimg{max-width: 180px; margin: 0 auto; padding-bottom: 20px;}
#dtire_lp #cont2 .ttl{max-width: 508px; margin: 0 auto; padding-bottom: 85px;}
#dtire_lp #cont2 .add_box{background-color: #5dbdd0; padding: 35px; margin-top: 60px;}
#dtire_lp #cont2 .add_box .wid48p{text-align: center;}
#dtire_lp #cont2 .add_box h4{color: #fff; margin-bottom: 30px;}
#dtire_lp #cont2 .add_box .add_innerbox{background-color: #fff; border-radius: 20px; padding: 25px;}
#dtire_lp #cont2 .add_box .add_innerbox img{margin-bottom: 20px;}
#dtire_lp #cont3 {background-color: #fff; padding: 90px 0;}
#dtire_lp #cont3 .ttl{max-width: 553px; margin: 0 auto; padding-bottom: 100px;}

#dtire_lp .base_lay01 {max-width:1020px; padding:0 20px; margin:0 auto;}
#dtire_lp .wid50p {width:50%;}
#dtire_lp .wid48p {width:48%;}
#dtire_lp .wid46p {width:46%;}
#dtire_lp .d_table {display:table;}
#dtire_lp .d_cell {display:table-cell; vertical-align:middle;}
/*#dtire_lp .d_cell.img_box,
#dtire_lp .img_box .d_cell {vertical-align:top;}*/
#dtire_lp .base_lay01 .pad_l4p {padding-left:4%;}
#dtire_lp .flo_l {float:left;}
#dtire_lp .flo_r {float:right;}



#dtire_lp p {font-size: 16px; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.9em;}
#dtire_lp h3 {padding-bottom:1.4em; color: #5dbdd0; font-size: 24px; font-size: 2.4rem; letter-spacing: 0.18em; line-height: 1.8em;}
#dtire_lp h4 {padding-bottom:1.4em; color: #5dbdd0; font-size: 18px; font-size: 1.8rem; letter-spacing: 0.18em;}
#dtire_lp .text_box p { padding-bottom:30px;}
#dtire_lp .text_box .sub_box {background-color:#ccc; padding:30px;}
#dtire_lp .text_box .sub_box p {padding-bottom:0;}
#dtire_lp .bd_white {border: 2px solid #fff; border-radius: 25px; display: inline-block; padding:0.3em 1.5em;}



/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {

#dtire_lp #cont1 .ttlimg{max-width: 100px;}


}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {

#dtire_lp #mainimg_sp{display: block;}
#dtire_lp #mainimg_pc{display: none;}
#dtire_lp #summary{padding:1em 0;}
#dtire_lp #summary li{font-size: 1.4rem; font-size: 14px; background-size: 2em; padding: 0.7em 0 0.7em 2.5em; font-weight: 600; letter-spacing: 0.07em; color: #0a0a0a;}
#dtire_lp #cont1 {padding: 40px 0;}
#dtire_lp #cont1 .ttlimg{max-width: 70px; padding-bottom: 20px;}
#dtire_lp #cont1 .ttl, #dtire_lp #cont2 .ttl, #dtire_lp #cont3 .ttl{padding:0 5% 25px; }
#dtire_lp #cont2 {padding: 25px 0;}
#dtire_lp #cont2 .ttlimg{max-width: 100px; padding-bottom: 20px;}
#dtire_lp #cont2 .add_box{background-color: #5dbdd0; padding:10% 5%; margin-top: 30px;}
#dtire_lp #cont2 .add_box .wid48p.flo_l{margin-bottom: 30px;}
#dtire_lp #cont2 .add_box h4{margin-bottom: 15px;}
#dtire_lp #cont2 .add_box .add_innerbox{padding: 5%;}
#dtire_lp #cont3 {padding: 30px 0;}
#dtire_lp #cont3 .ttl{padding-bottom: 25px;}




#dtire_lp .wid50p,
#dtire_lp .wid48p,
#dtire_lp .wid46p {width:100%;}
#dtire_lp .d_table,
#dtire_lp .d_cell {display:block;}
#dtire_lp .base_lay01 .pad_l4p {padding-left:0;}
#dtire_lp .flo_l,
#dtire_lp .flo_r {float:none;}

#dtire_lp p {font-size: 14px; font-size: 1.4rem;}
#dtire_lp h3 {padding-bottom:1em; font-size: 15px; font-size: 1.5rem;}
#dtire_lp h4 {padding-bottom:1em; font-size: 15px; font-size: 1.5rem;}
#dtire_lp .text_box p { padding-bottom:1em;}
#dtire_lp .text_box .sub_box {padding:5%;}

.img_box{margin-bottom: 25px; padding: 0 10%}



}