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

/* ************************************************************
coating
************************************************************ */
/*interiorと同じ*/

#block01{
margin:5% auto;
width:100%;
}


#block01 h2{
margin:0 auto 2%;
width:100%;
}

#block01 h2 span{
background:#000;
font-size:20px;
color:#fff;
padding:1% 2%;
letter-spacing: 0.05em;
}

#block01 p{
margin:0 auto;
width:100%;
max-width:800px;
font-size:15px;
color:#000;
padding:1% 2%;
line-height:1.5;
letter-spacing: 0.05em;
}

#block01 p.caution{
font-size:12px;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#block01{
margin:10% auto;
padding:0 5%
}

#block01 h2{margin:0 auto 5%;}

#block01 h2 span{
font-size:18px;
padding:2% 3%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block01{
margin:15% auto;
}

#block01 h2{margin:0 auto 6%;}

#block01 h2 span{
font-size:16px;
line-height:2;
}

#block01 p{
font-size:14px;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#block01 h2 span{
font-size:14px;
line-height:1.6;
padding:2% 5%;
}
#block01 p{
font-size:13px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}

/* ************************************************************
block02
************************************************************ */

#block02{
margin:5% auto;
width:100%;
max-width:1100px;
}

#block02 .box{
margin:0 auto 7%;
width:100%;
}

#block02 .main-img{
margin:4% auto;
width:100%;
}

.title01,
.title02,
.title03{
margin:2% auto;
width:100%;
font-size:30px;
letter-spacing: 0.05em;
}

.title01{color:#ca886b}
.title02{color:#7d8fc3}
.title03{color:#7ec7aa}

.data{
margin:5% auto;
width:100%;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.data li:first-of-type{padding-right:1.5%}
.data li:first-of-type{padding-left:1.5%}


/*ポイント*/
.box .point{
margin:10% auto;
width:100%;
}

.box .point li{
margin:0 auto;
width:100%;
padding:3% 1%;
display:block;
}

.glassneo .point li{border-bottom:1px solid #ca886b}
.glasis .point li{border-bottom:1px solid #7d8fc3}
.polymer .point li{border-bottom:1px solid #7ec7aa}


.box .point li dl{
margin:0 auto;
width:100%;
position:relative
}

.box .point li dt{
width:40%;
float:left;
}

.box .point li dd{
width:60%;
float:right
}

.box .point li dd p:first-of-type{
margin:1% auto;
font-size:25px;
}
.box .point li dd p:nth-of-type(2){
margin:1% auto;
font-size:15px;
}

.glassneo .point li dd p:first-of-type{color:#ca886b}
.glasis .point li dd p:first-of-type{color:#7d8fc3}
.polymer .point li dd p:first-of-type{color:#7ec7aa}


/*カーポリッシュ*/
.border{
margin:4% auto;
height:10px;border-top:1px solid #000;
border-bottom:1px solid #000;
}

.title04{
margin:8% auto 6%;
width:100%
}
.title04 span{
color:#fff;
background:#000;
padding:1% 12%;
font-size:24px;
letter-spacing: 0.1em;
}


/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
#block02{padding:0 5%;}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

.title01,
.title02,
.title03{
margin:4% auto;
font-size:25px;
}

.box .point li{padding:3%;}
.box .point li dd{width:55%;}

.title04{margin:12% auto 8%;}

.title04 span{
font-size:22px;
}
.box .point li dd p:first-of-type{
font-size:22px;
}
.box .point li dd p:nth-of-type(2){
font-size:14px;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.title01,
.title02,
.title03{
font-size:22px;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block02{padding:0;}


.data{
margin:10% auto;
padding:0 10%;
display:block;
}

.title01,
.title02,
.title03{
padding:0 5%;
}
.point,
#polish{padding:0 10%;}

.border{width:95%}
.data li{margin:0 auto 5%;}

.box .point li dl{
margin:3% auto;
}

.box .point li dt{
margin:3% auto;
width:100%;
}

.box .point li dd{
width:100%;
}

.box .point li dd p:nth-of-type(2){
font-size:14px;
line-height:1.5;
text-align: justify
}

.title04{
margin:14% auto 10%;
}

.title04 span{
padding:2% 12%;
font-size:20px;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
.data li{margin:0 auto 10%;}

#block02 .box{
margin:0 auto 25%;
width:100%;
}

.title01,
.title02,
.title03{
margin:5% auto;
font-size:20px;
line-height:1.5;
}

.data li:first-of-type{padding-right:0}
.data li:first-of-type{padding-left:0}


.box .point li dd p:first-of-type{
margin:1% auto;
font-size:18px;
}

.box .point li dd p:nth-of-type(2){
font-size:13px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */



 /* *************** */
}