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


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

#block01 ul{
margin:0 auto 0;
width:100%;
display:flex;
justify-content: flex-start;
flex-flow: row wrap;
align-items: flex-start;
max-width:1200px;
}

#block01 ul li{
margin-left: 0;
width:33.3%;
padding:4% 2%;
}

#block01 ul li .photo{
padding:0 0 10px 0;
}

#block01 ul li .text{
letter-spacing: 0.05em;
line-height:1.5;
font-size:18px;
}

/* *********** ******************************** */
@media screen and (max-width: 1500px) {
/* ---------------------------------- */
#block01{padding:0 10%;}

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

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

#block01 ul li .text{
font-size:16px;
}
/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */

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

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */
#block01{padding:0 5%;}

#block01 ul li{
width:50%;
padding:4% 2%;
}
#block01 ul li .text{
font-size:14px;
}
/* ---------------------------------- */
}

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

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

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */
#block01 ul{
justify-content: space-between;
}

#block01 ul li{
margin: 0 auto;

width:90%;
padding:8% 2%;
}

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

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



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

#block02 ul{
margin:0 auto;
width:100%;
display:flex;
justify-content: space-between;
flex-flow: row wrap;
align-items: flex-start;
max-width:1200px;
}

#block02 ul li{
text-align: left;
margin: 0 auto 7%;
width:32%;
}

/* *********** ******************************** */
@media screen and (max-width: 1500px) {
/* ---------------------------------- */
#block02{padding:0 5%;}
#block02 ul li{
width:48%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */
#block02 ul li{
margin: 0 auto 10%;
width:80%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */
#block02{
margin:0 auto 20%;
width:100%;
}
#block02 ul li{
width:90%;
}
/* ---------------------------------- */
}