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

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

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

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

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

#block01 article ul li{
margin: 12% auto;
width: 100%;
}

#block01 article ul li dl{margin: 0 auto;}

#block01 article ul li dt{
padding: 0 3% 0 2%;
border-bottom: 2px solid;
padding-bottom: 3%;
display: flex;
justify-content: space-between;
align-items: bottom;
flex-flow: row wrap;
}

#block01 article ul li dt p{font-size: 30px;}
#block01 article ul li dt p span{font-size: 17px;}

#block01 article ul li dd{
margin: 2% auto;
padding: 0 2%;
font-size: 17px;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: left;
}

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

#block01{padding:4% 5%;}
#block01 article{padding:0 7%;}

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

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

#block01 article{padding:0 10%;}
#block01 article ul li dt p{font-size: 24px;}
#block01 article ul li dt p span{font-size: 16px;}
#block01 article ul li dd{font-size: 14px;}

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

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


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

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

#block01 article ul li{margin: 18% auto;}

#block01 article ul li dt{
border-bottom: 1.5px solid;
padding-bottom: 3.5%;
}

#block01 article ul li dt p{font-size: 20px;}
#block01 article ul li dt p span{font-size: 14px;}

#block01 article ul li dd{
margin: 2% auto;
font-size: 13px;
}

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

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
 
#block01 article{padding:0 6%;}
#block01 article ul li{margin: 20% auto;}
#block01 article ul li dt p{font-size: 18px;}
#block01 article ul li dt p span{font-size: 12px;}
#block01 article ul li dd{font-size: 11px;}

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

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