@charset "UTF-8";
/* CSS Document */
body{color:#4f4f4f}
/* ************************************************************
block02
************************************************************ */
#block02{
margin:8% auto 0;
width:100%;
}

#block02 h2{
margin:0 auto 0;
width:100%;
text-align: center;
font-size:28px;
line-height:1.6;
color:#134600;
}

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

#block02 ul li{
margin:0 auto;
width:33%;
padding:2% 3%;
}

#block02 ul li p:first-of-type{
padding:1%;
}

#block02 ul li p:nth-of-type(2){
margin:5% auto;
text-align: justify;
font-size:14px;
letter-spacing: 0.04em;
line-height:1.5;
}

.br480{display:none}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02{
padding:0 5%;
}
#block02 h2{
font-size:27px;
}
 
#block02 ul li p:first-of-type{
padding:1% 3%;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02{margin:10% auto;}

#block02 h2{font-size:25px;}

#block02 ul{margin:5% auto;}

#block02 ul li{width:50%;}

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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block02 h2{font-size:20px;}

#block02 ul li{width:75%;}

#block02 ul li p:first-of-type{
max-width:200px;
text-align: center;
margin:0 auto;
}

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
.br480{display:block}

#block02 ul li{
margin:5% auto;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#block02 h2{font-size:18px;}

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

/* ************************************************************
block03
************************************************************ */

#block03{
margin:5% auto;
width:100%;
background:#f0f0f0;
max-width:1000px;
padding:5% 5%;
}

#block03 h2{
margin:0 auto;
color:#134600;
font-size:30px;
line-height:1.5;
letter-spacing: 0.05em;
}

#block03 p{
margin:3% auto 0;
width:80%;
font-size:15px;
line-height:1.5;
letter-spacing: 0.05em;
text-align: justify;
}

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

#block03{
width:90%;
padding:7% 5%;
}

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

#block03{margin:8% auto;}
#block03 h2{font-size:28px;}

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

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

#block03{
padding:10% 5%;
}
#block03 h2{font-size:25px;}
#block03 p{font-size:14px;}


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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block03 h2{width:90%;}
#block03 h2 br{display:none}

#block03 p{width:85%;}

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

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

#block03{
padding:10% 5%;
}

#block03 h2{
text-align: left;
font-size:20px;
}

#block03 p{
margin:7% auto 0;
font-size:13px;
line-height:1.7;
}


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

#block03 h2{
font-size:18px;
}

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





/* ************************************************************
block04 flow.cssと同様
************************************************************ */
#block04{
margin:15% auto 0;
width:100%;
max-width:1000px;
text-align: left;
}

#block04 .sub{
margin:0 auto;
width:100%;
color:#134600;
font-size:20px;
line-height:1.5;
text-align: center;
}

#block04 h2{
margin:2% auto;
width:100%;
color:#134600;
font-size:34px;
line-height:1.5;
text-align: center;
}

#block04 h2 span{
border-bottom:2px solid #134600;
padding:1%;
}


#block04 ul{
margin:0 auto 0;
width:100%;
padding:0 5%;
display:flex;
justify-content: space-between;
align-items: center;
}

#block04 article{
margin:8% auto 0;
width:100%;
}

#block04 article h3{
margin:8% auto 0;
width:100%;
background:#134600;
color:#fff;
font-size:20px;
letter-spacing: 0.06em;
line-height:1.5;
padding:1em 1.5em;
text-align: center
}

#block04 article div{
margin:2% auto 0;
width:100%;
padding:0 3%;
display:flex;
justify-content: space-between;
align-items: center;
}

#block04 article div .img{
margin:0 auto 0;
width:50%;
}

#block04 article div .text{
margin:0 auto 0;
width:50%;
font-size:16px;
letter-spacing: 0.06em;
line-height:1.7;
padding:1em 1.5em;
text-align: justify
}


#block04 .tri{
margin:4% auto 0;
width:100%;
text-align: center;
}


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


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

#block04 article div .img{
width:54%;
}
#block04 article div .text{
font-size:14px;
width:60%;
}

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

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

#block04 .sub{
font-size:18px;
}

#block04 h2{
margin:2% auto 15%;
font-size:30px;
}

#block04 ul li{
padding:0 4%;
}

#block04 article h3{
margin:10% auto 0;
font-size:18px;
}

#block04 article div{
margin:6% auto 0;
display:block;
}

#block04 .tri img{
max-width:60px;
}
#block04 article div .img{
margin:0 auto 0;
width:100%;
text-align: center;
}

#block04 article div .text{
font-size:14px;
width:80%;
padding:5% 0;
}

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

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

#block04 .sub{
font-size:16px;
}

#block04 h2{
font-size:25px;
}

#block04 article div .text{
width:100%;
line-height:1.8;
}

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

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

#block04 .sub{font-size:14px;}
#block04 h2{font-size:20px;}

#block04 article h3{
margin:10% auto 0;
font-size:16px;
}


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


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




/* ************************************************************
block05 
************************************************************ */
#block05{
margin:15% auto 0;
width:100%;
max-width:1000px;
}

#block05 .ba{
margin:10% auto 0;
}
#block05 .ba p{
margin:5% auto 0;
width:100%;
max-width:1000px;
}

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

#block05{padding:0 5%;}

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


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

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

.block-title p.mon{font-size:40px;}
.block-title p.sub{margin:14px auto;}

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

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



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

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




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


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