@charset "utf-8";
/* CSS Document */
/*全体*/
.tire_labeling-container{

background-color: #FCF9C2;
width: 100%;
max-width: none;
}
/*全体*/
.labeling_main{
position: relative;
width: 100%;
max-width: 880px;
margin: 0 auto;

}

.labeling_main p{
line-height: 1.8;

}

.labeling_main img{
image-rendering: -webkit-optimize-contrast;
}


.ex_info{
width: 100%;
max-width: 860px;
margin: 0 auto 40px;
background-color: #FFFFFF;
border-radius: 10px;
padding: 20px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
}

.ex_info_contet{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.ex_info_contet div{
width: 50%;
padding: 10px;
box-sizing: border-box;
}

.ex_info_contet div img{
width: 100%;
}

.ex_info_contet p{
font-size: 14px;
}

.ex_info_contet_01{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 700px;
	
margin: 0 auto;
border: solid #21aee4 2px;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;}

.ex_info_contet_01_title{
width: 100%!important;
}
.ex_info_contet_01_title_img{
width: 15%!important;
height: 15%!important;
display: block;
}
.ex_info_contet_01 p{
display: block;
width: 80%;
box-sizing: border-box;
padding-left: 10px;
margin-left: 20px;
}

.head_line{
text-align: center;
font-size: 16px;
line-height: 1.5;
}

.emphasis{
font-weight: bold;
border-bottom: #000000 solid 1px;
}

.emphasis_p{
font-weight: bold;
 background-color: #ff9;
}
.s_size{
font-size: 12px;
font-weight: nomal;
line-height: 1.5!important;
}

.t_center{
text-align: center;
	display: block;
	margin: 0 auto;
}




.head_line_sub{
text-align: left!important;
font-size: 14px!important;
line-height: 2.1!important;
display: block;
padding: 10px;
}



/*説明部分*/

.text{
position: relative;
z-index:1
}


.fukidashi{
background-color: #FFFFFF;
border-radius: 10px;
width: 100%;
max-width: 860px;
height: auto;
margin: 0 auto 20px;
position: relative;
padding: 40px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
position: relative;
}


.fukidashi p{
font-size: 14px;
box-sizing: border-box;
}

.chara{
position: absolute;
width: 150px;
	left: 60px;
	bottom: 10px;
	
}

/*低燃費タイヤ*/
.ex_info.eco h2{
text-align: center;
color: #009944;
font-size: 30px;
margin: 0 0 10px 0;
padding: 0;
}

.ex_info.eco h3{
text-align: left;
color: #009944;
margin: 0 0 0 10px;
padding: 0;
display: block;
font-size: 24px;
width: calc(100%- 60px);
}

.ex_info.eco h4{
text-align: left;
color: #000;
margin: 0 0 10px 0;
padding: 0;
display: block;
font-size: 16px;
}


.eco_title{
width: 100%!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: solid 2px #009944;
margin: 20px 0;
}


.label_img{
display: inline-block;
width: 50px!important;
}


.eco_img{
width: 100%;
}


.eco_contet_01,.eco_contet_01-02{
width: 45%!important;
}



.eco_contet_02,.eco_contet_02-02{
width: 55%!important;
margin-top: -20px;
}



.table{
margin: 0;
}

.table_02{
margin: 30px 0 0 0;	
	
}


.label_info{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}


/*低車外音タイヤ*/

.ex_info.lownoise h2{
text-align: center;
color: #20aee5;
font-size: 30px;
margin: 0 0 10px 0;
padding: 0;
}

.ex_info.lownoise h3{
display: block;
text-align: center;
color: #00ADF0;
font-size: 20px;
margin: 20px 0 10px 0;
padding: 0;
}

.s_txt{
display: block;
margin: auto 20px 20px;
text-indent : -1.2em;
padding-left : 1.2em
}



.f_btn{
	
	
position: absolute;
bottom:180px;
left: 50%;
transform: translateX(-50%)

}
/*タブレットスタイル*/
@media only screen and (max-width : 869px) {
.eco_contet_01{
width: 40%!important;
}

.eco_contet_01-02{
width: 45%!important;
}

.eco_contet_02{
width: 60%!important;
}
	
.eco_contet_02-02{
width: 55%!important;
}
	
}
/*タブレットスタイル*/
@media only screen and (max-width : 768px) {

.eco_contet_01,.eco_contet_01-02{
width: 100%!important;
}

.eco_contet_02,.eco_contet_02-02{
width: 80%!important;
margin: 0 auto;
}
	
.ex_info_contet div{
width: 100%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
align-items: flex-end;
}
	
.ex_info_contet div img{
width: 45%;
}
.ex_info_contet div p{
width: 55%;
box-sizing: border-box;
padding-left: 20px;
}	
}
/*SPスタイル*/
@media only screen and (max-width : 699px) {
.fukidashi {
    padding: 20px;

}
.ex_info {
    padding: 16px;
}
.ex_info.eco h2 {
    font-size: 20px;
}
.ex_info_contet div img{
width: 100%;
}
.ex_info_contet div p{
width: 100%;
box-sizing: border-box;
padding: 0;
}
	
.ex_info.eco h3 {
    font-size: 18px;
    width: calc(100% - 60px);
}

.eco_title {
-webkit-box-align: center!important;
align-items: center!important;
margin:20px 0 0;
}
	
.eco_contet_02, .eco_contet_02-02 {
        width: 100% !important;
        margin: 0 auto;
    }

.ex_info_contet div {
    padding: 10px 0;
}
.ex_info.eco h4 {
    text-align: center;
	display: block;
	width: 100%;
}
.ex_info.lownoise h2 {
    font-size: 20px;
	}
	
	.s_txt {
    display: block;
    margin: auto 0 20px;
		}
	
.ex_info_contet_01_img {
  
}
	
.ex_info_contet_01_title_img {
  width: 32%!important;
    height: 32%!important;
    float: left;
    padding-right: 10px;
	display: block;
}	
	
.ex_info_contet_01 {
	display: block;
    width: 96%;
    padding: 10px;
    border: solid 2px #21aee4;
    border-radius: 10px;
    margin: 0 auto;
}	
.ex_info_contet_01 p {
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
	width: 100%;
	font-size: 13px;
	line-height: 1.8;
}	
	}