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

/* ************************************************************
block01
************************************************************ */
#block01{
margin:1% auto;
width:100%;
font-size:16px;
letter-spacing: 0.06em;
line-height:1.5;
max-width:850px;
text-align: center;
}

#block01 ul{
margin:4% auto;
width:100%;
display:flex;
justify-content: space-between;
flex-flow:row nowrap;
}

#block01 ul li{
width:30%
}

#block01 ul li a{
margin:0 auto;
width:100%;
text-align: center;
display:block;
border:1px solid #326443;
padding:3% 5%;
color:#326443;
letter-spacing: 0.05em;
font-size:18px;
}

#block01 ul li a:hover{
background:#326443;
color:#fff;
}


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

#block01{
margin:2% auto;
}


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

#block01{
margin:3% auto;
font-size:14px;
padding:0 5%;
}

#block01 ul li a{font-size:16px;}
 /* ---------------------------------- */
}

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

#block01 ul li a{font-size:14px;}


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

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

#block01{font-size:13px;}

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block01{text-align: justify;}

#block01 br{display:none;}

#block01 ul{
margin:4% auto;
width:100%;
display:block;
}

#block01 ul li{
margin:3% auto;
width:90%;
}

#block01 ul li a{padding:2% 4%;}


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

#block01{padding:0 8%;}
#block01 ul li{width:95%;}

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