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

/* ************************************************************
block01
************************************************************ */

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

#block01 article{
margin: 6% auto;
width: 100%;
max-width: 1000px;
}

#block01 article .car-navigation{
margin: 3% auto;
width: 100%;
font-size: 24px;
}

#block01 article .car-navigation span{
padding: 0.5% 5%;
background-color: #fff;
border-radius: 50px;
}

#block01 article h2{
margin: 4% auto 3%;
font-size: 24px;
font-weight: 600;
}

#block01 article p:nth-last-child(2){
margin: 2% auto;
font-size: 22px;
}

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

#block01 article{margin: 10% auto;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

#block01 article .car-navigation{font-size: 22px;}
#block01 article h2{font-size: 20px;}

#block01 article p:nth-last-child(2){
margin: 0 auto;
font-size: 18px;
}

 /* ---------------------------------- */
}

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

#block01 article{margin: 12% auto;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */

#block01 article{margin: 18% auto;}
#block01 article .car-navigation{margin: 5% auto;}
#block01 article .car-navigation{font-size: 21px;}
#block01 article h2{margin: 7% auto 5%;}
#block01 article p:nth-last-child(2){font-size: 17px;}

 /* ---------------------------------- */
}

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

#block01 article .car-navigation{font-size: 20px;}
#block01 article .car-navigation span{padding: 1% 7%;}

#block01 article h2{
margin: 6% auto 4%;
font-size: 19px;
line-height: 1.5;
}

#block01 article p:nth-last-child(2){font-size: 12px;}
    
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

#block01 article{margin: 22% auto;}
#block01 article .car-navigation{font-size: 18px;}

 /* ---------------------------------- */
}

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

#block02{
margin: 0 auto 10%;
width: 100%;
}

#block02 iframe{width: 100%;}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 
#block02{margin: 0 auto 15%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 
#block02 iframe{height: 400px;}

 /* ---------------------------------- */
}

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

#block02{margin: 18% auto;}
#block02 iframe{height: 350px;}

 /* ---------------------------------- */
}

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

#block02 iframe{height: 300px;}

 /* ---------------------------------- */
}