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

/* ************************************************************
block01
************************************************************ */
#block01{
margin:8% auto;
width:100%;
position:relative;
}

#block01 .flex-box{
margin:0 auto;
width:100%;
max-width:1000px;
display:flex;
justify-content: space-between;
flex-flow: row nowrap;
align-items: center;
}

#block01 h1{
margin:0 auto;
width:20%;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-size:35px;
text-align: center;
line-height:2;
letter-spacing: 0.15em;
padding-top:1.5%;
}

#block01 .text{
margin:0 auto;
width:80%;
font-size:16px;
line-height:2.4;
letter-spacing: 0.1em;
padding-left:10%;
}


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

#block01 .flex-box{
padding:0 0 0 5%;
}
#block01 h1{
width:20%;
font-size:30px;
}

#block01 .text{font-size:14px;}


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

#block01 .flex-box{
padding:0;
display:block;
position: relative;
}

#block01 h1{
margin:0 auto;
width:auto;
height:500px;
position:absolute;
top:150px;
left:50%;
transform:translate(-50%, -50%);
}

#block01 .text{
padding:380px 5% 0;
font-size:16px;
}
 /* ---------------------------------- */
}

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

#block01 h1{
font-size:24px;
height:300px;

}

#block01 .text{
padding:320px 0% 0;
font-size:14px;
line-height:2
}

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

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



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

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




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


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




/* ************************************************************
absolute-box
************************************************************ */

.absolute-box{
margin:5% auto;
width:100%;
max-width:1400px;
height:500px;
position:relative;
z-index: 1;
}

.absolute-box .absolute1{
margin:auto;
width:auto;
position:absolute;
top:0;
right:8%;
}

.absolute-box .absolute2{
margin:auto;
width:auto;
position:absolute;
top:65%;
left:10%;
}

.absolute-box .absolute3{
margin:auto;
width:auto;
position:absolute;
top:125%;
right:25%;
}

/* *********** MaxWidth1400(pc)*********** */
@media screen and (max-width: 1400px) {
 /* ---------------------------------- */

.absolute-box .absolute1{right:1%;}
.absolute-box .absolute2{
top:65%;
left:5%;
}

.absolute-box .absolute3{
top:130%;
right:30%;
}

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

/* *********** MaxWidth1300(pc)*********** */
@media screen and (max-width: 1300px) {
 /* ---------------------------------- */

.absolute-box .absolute1{right:0;}
.absolute-box .absolute2{
top:65%;
}
.absolute-box .absolute3{
top:130%;
right:20%;
}

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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
.absolute-box .absolute2{left:0}

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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1100px) {
 /* ---------------------------------- */
.absolute-box .absolute1{max-width:600px;}
.absolute-box .absolute2{max-width:350px;}
.absolute-box .absolute3{max-width:350px;}

.absolute-box .absolute3{
top:120%;
right:20%;
}
 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
.absolute-box{
margin:20% auto 0;
}

.absolute-box .absolute3{
top:110%;
right:20%;
}
 /* ---------------------------------- */
}

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


.absolute-box .absolute1{
right:0;
max-width:450px;
}
.absolute-box .absolute2{
top:60%;
}

.absolute-box .absolute3{
top:120%;
right:10%;
}

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

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

.absolute-box .absolute1{
max-width:350px;
}

.absolute-box .absolute2{
top:62%;
max-width:300px;
}

.absolute-box .absolute3{
top:124%;
right:0;
max-width:300px;
}

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

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




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

.absolute-box .absolute1{
max-width:300px;
}

.absolute-box .absolute2{
top:55%;
max-width:250px;
}

.absolute-box .absolute3{
top:108%;
right:0;
max-width:250px;
}

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



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

#block02{
margin:20% auto 0;
width:100%;
position:relative;
background:#e8efe8;
padding:12% 5% 10%;
}

#block02 h2{
margin:0 auto 0;
width:100%;
text-align: center;
font-size:30px;
letter-spacing: 0.08em;
}

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

#block02 ul li{
margin:4% auto 0;
width:50%;
max-width:1000px;
text-align: center;
}

/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#block02{
margin:20% auto 0;
padding:17% 5% 16%;
}
 /* ---------------------------------- */
}

/* *********** MaxWidth1400(pc)*********** */
@media screen and (max-width: 1400px) {
 /* ---------------------------------- */
#block02{
margin:20% auto 0;
padding:23% 10% 16%;
}
 /* ---------------------------------- */
}
/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

#block02{
margin:25% auto 0;
padding:25% 10% 16%;
}

#block02 ul li{
width:45%;
}

 /* ---------------------------------- */
}
/* *********** MaxWidth1100(pc)*********** */
@media screen and (max-width: 1100px) {
 /* ---------------------------------- */

#block02{
margin:25% auto 0;
padding:18% 10% 16%;
}
#block02 h2{font-size:28px;}

 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02{
margin:30% auto 0;
padding:25% 10% 23%;
line-height:1.8;
}

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

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

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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block02 h2{margin:5% auto;}

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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 550px) {
 /* ---------------------------------- */
#block02{
margin:50% auto 0;
padding:35% 10% 30%;
}

#block02 h2{
margin:5% auto;
font-size:25px;
line-height:1.6;
}

#block02 ul li{
margin:8% auto 0;
padding:0 5%;
}
 /* ---------------------------------- */
}
/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

#block02{
margin:60% auto 0;
padding:35% 10% 30%;
}

#block02 ul li{
margin:8% auto 0;
padding:0 2%;
}


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

#block02{
margin:50% auto 0;
padding:30% 10% 30%;
}

#block02 h2{
margin:5% auto;
font-size:20px;
line-height:1.6;
}

#block02 ul li{
margin:8% auto 0;
padding:0;
}
 /* ---------------------------------- */
}



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

#block03{
margin:100px auto 0;
width:100%;
}

#block03 h2{
margin:0 auto 0;
width:100%;
position:relative;
text-align: center;
padding:120px 0 0;
font-size:28px;
letter-spacing: 0.15em;
}

#block03 h2:before{
content:" ";
position:absolute;
width:1px;
height:250px;
background:#000;
top:-200px;
left:50%;
}

#block03 .text{
margin:2% auto 0;
width:100%;
font-size:16px;
text-align: center;
letter-spacing: 0.07em;
}

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

#block03 ul li{
margin:5% auto 0;
width:33%;
}

#block03 ul li .pic{
margin:0 auto 0;
width:100%;
text-align: center;
}

#block03 ul li .title{
margin:5% auto 0;
width:100%;
text-align: center;
font-size:22px;
letter-spacing: 0.06em;
line-height:1;
}

#block03 ul li .in-text{
margin:3% auto 0;
width:100%;
text-align: left;
font-size:14px;
letter-spacing: 0.06em;
line-height:1.5;
padding:0 8%;
}

#block03 a{
margin:4% auto 0;
width:100%;
max-width:400px;
text-align: left;
font-size:14px;
line-height:1.5;
padding:12px 12px 12px 90px;
border:1px solid #326443;
display:block;
position:relative;
font-size:17px;
letter-spacing: 0.08em;
color:#326443;
}

#block03 a:after{
content:" ";
position:absolute;
top:41%;
left:260px;
width: 70px;
height: 9px;
border-bottom: 1px solid #326443;
border-right: 1px solid #326443;
transform: skew(50deg);
}

#block03 a:hover{background:#e4e5e4}


/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */

#block03 ul{padding:0 2%;}

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

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


#block03 ul{margin:0 auto 0;}
#block03 ul li{padding:1% 2%}

#block03 ul li .title{
margin:6% auto 0;
}

#block03 ul li .in-text{
margin:4% auto 0;
padding:0 3%;
}

#block03 a{
margin:4% auto 0;
max-width:350px;
font-size:16px;
}

#block03 a:after{left:240px;}

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

/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block03 ul{padding:0 7%;}

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

#block03 .text{
margin:3% auto 0;
font-size:14px;
}

#block03 ul li{width:45%}
#block03 ul li .title{font-size:18px;}

#block03 a{
margin:8% auto 0;
max-width:350px;
font-size:16px;
}

#block03 a:after{
left:200px;
width: 65px;
}

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

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block03 ul{padding:2% 7%;}

#block03 .text{
margin:4% auto 0;
font-size:13px;
}
#block03 ul li{
width:50%;
padding:3%;}

#block03 ul li .title{
margin:6% auto 0;
font-size:16px;}


#block03 ul li .in-text{
margin:4% auto 0;
font-size:12px;
}

#block03 a{
margin:6% auto 0;
max-width:300px;
padding:12px 12px 12px 70px;
font-size:14px;
}
 /* ---------------------------------- */
}

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



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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block03 .text{
margin:6% auto 0;
padding:0 10%;
line-height:1.8;}
#block03 ul li{
width:100%;
padding:5% 3%;}

#block03 ul li .in-text{
margin:4% auto 0;
font-size:13px;
}

#block03 a{
margin:8% auto 0;
max-width:280px;
}

#block03 a:after{
left:200px;
width: 60px;
}

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

#block03 a{
max-width:250px;
padding:12px 12px 12px 50px;
}

#block03 a:after{
left:160px;
}
 /* ---------------------------------- */
}



/* ************************************************************
block04
************************************************************ */

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

#block04 dl{
margin:10% auto 0;
width:100%;
max-width:1200px;
border-left:1px solid #000;
padding:10px 40px 15px;
}

#block04 dl dt{
margin:0 auto 0;
width:100%;
font-size:30px;
line-height: 1.6;
letter-spacing: 0.2em;
}

#block04 dl dd{
margin:0 auto 0;
width:100%;
font-size:16px;
line-height: 1.6;
letter-spacing: 0.07em;
padding-left:2px;
}



/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */

#block04 dl{width:80%;}


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

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

#block04 .pic{
margin:0;
max-width:800px;
}


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

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

#block04{margin:15% auto 0;}

#block04 .pic{max-width:600px;}
#block04 dl{
margin:15% auto 0;
padding:7px 34px 10px;
}
#block04 dl dt{font-size:25px;}
#block04 dl dd{font-size:14px;}

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

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



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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 #block04{margin:25% auto 0;}

#block04 .pic{
width:100%;
margin-left:-0%;
}

#block04 dl{
margin:25% auto 0;
width:85%;
}
#block04 dl dt{font-size:23px;}
#block04 dl dd{font-size:13px;}


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

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

#block04 .pic{
width:200%;
margin-left:-50%;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#block04 dl dt{font-size:20px;}
#block04 dl dd{font-size:12px;}
 /* ---------------------------------- */
}


/* ************************************************************
block05
************************************************************ */

#block05{
margin:13% auto 0;
width:100%;
position:relative;
}

#block05 .absolute1{
margin:auto;
width:auto;
position: absolute;
top:20px;
left:10%;
}

#block05 .box{
margin:0;
width:35%;
position:absolute;
top:0;
right:10%;
}

#block05 .box h2{
margin:0 auto 0;
width:auto;
position:relative;
text-align: center;
padding:180px 0 0;
font-size:28px;
letter-spacing: 0.2em;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
align-items: center;
}

#block05 .box h2:before{
content:" ";
position:absolute;
width:1px;
height:150px;
background:#000;
top:0px;
left:50%;
}

#block05 .blog-list-text{
margin:10% auto 0;
width:100%;
}

#block05 .blog-list-text .list-in{
margin:1% auto;
width:100%;
border-bottom:1px solid #000;
padding:15px;
display:flex;
}

#block05 .blog-list-text .list-in p{
font-size:16px;
letter-spacing: 0.07em;
line-height:1.6;
}


#block05 .blog-list-text .list-in .title01{
padding-left:10px;
}


/* *********** MaxWidth1300(pc)*********** */
@media screen and (max-width: 1300px) {
 /* ---------------------------------- */


#block05 .absolute1{
left:5%;

}

#block05 .absolute2{
max-width:150px;
}

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

#block05 .absolute1{
margin:0 auto;
position:static;
text-align: center;
width:100%;
}

#block05 .box{
margin:0 auto;
padding:50px 0 0;
width:70%;
position:static;
}

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

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


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

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block05{margin:25% auto 0;}


#block05 .absolute1{
padding:0 10%;
}


#block05 .box h2{
font-size:24px;
padding:160px 0 0;
}

#block05 .box h2:before{height:130px;}

#block05 .blog-list-text .list-in p{
font-size:14px;
}

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

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block05{margin:30% auto 0;}
#block05 .box h2{
height:290px;
}

#block05 .blog-list-text .list-in p{
font-size:12px;
}
 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

#block05 .box h2{
font-size:22px;
height:280px;
}

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

/* ************************************************************
block06
************************************************************ */

#block06{
margin:65% auto 0;
width:100%;
}

#block06 article{
margin:10% auto 0;
width:100%;
max-width:1200px;
padding:0 1%;
display:flex;
align-items: center;
}
#block06 article .kanta{
max-width:55px;
margin:1% 0 0;
}
#block06 article dl{
padding-left:20px;
}
#block06 article dl dt{
font-size:28px;
letter-spacing: 0.09em;
line-height:1.6;
}
#block06 article dl dd{
font-size:15px;
letter-spacing: 0.05em;
line-height:1.6;
}

/* *********** MaxWidth1700(pc)*********** */
@media screen and (max-width: 1700px) {
 /* ---------------------------------- */

#block06{margin:75% auto 0;}

 /* ---------------------------------- */
}
/* *********** MaxWidth1400(pc)*********** */
@media screen and (max-width: 1400px) {
 /* ---------------------------------- */

#block06{margin:85% auto 0;}

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

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block06{margin:95% auto 0;}
#block06 article{padding:2% 8% 0;}


 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block06{margin:20% auto 0;}

#block06 article{
margin:15% auto 0;
padding:2% 8% 0;
}
 /* ---------------------------------- */
}

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


#block06 article .kanta{
max-width:50px;
margin:1% 0 0;
}

#block06 article dl{
padding-left:20px;
}
#block06 article dl dt{
font-size:23px;
}
#block06 article dl dd{
font-size:13px;
}


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

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

#block06 article .kanta{
margin:0 0 0;
}


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

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

#block06{margin:25% auto 0;}

#block06 article{
margin:30% auto 0;
padding:2% 8% 0;
}

#block06 article dl dt{
font-size:20px;
}
#block06 article dl dd{
font-size:12px;
}

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

#block06{margin:30% auto 0;}

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