@charset 'UTF-8';
/*****************************************************

top

*****************************************************/

#main_visual{
margin:0% auto;
width:100%;
position:relative;
z-index: -1;
}
#main_visual img{
width:100%;
height: 800px;
object-fit: cover;
object-position: center center;
}

.wave1{
margin:-2% auto -2%;
width:100%;
height:50px;
background-image: url(../img/wave.svg);
background-repeat:repeat-x;
z-index:1;
}

.wave2{
margin:-1% auto;
width:100%;
height:55px;
background-image: url(../img/wave.svg);
background-repeat:repeat-x;
z-index:1;
}

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


.wave2{
margin:-2% auto -2%;
height:50px;
}

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

#main_visual img{
height: 500px;
}

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

#main_visual img{
height: 400px;
}


 /* *************** */
}


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

#main_visual img{
height: 350px;
}

.wave1{margin:-5% auto -5%;}
.wave2{margin:-3% auto -5%;}

 /* *************** */
}


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

#main_visual img{
height: 400px;
}

.wave2{margin:-5% auto -5%;}

#main_visual li:first-of-type img{
object-position:70% 100%;
right:20%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#main_visual img{
height: 300px;
}
.wave2{margin:-5% auto -5%;}

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

#main_visual img{
height: 250px;
}
.wave2{margin:-6% auto -5%;}

 /* *************** */
}

/*****************************************************

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

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

.head-set{
margin:-5% auto 0;
width:100%;
text-align: center;
}

#block01 p:nth-of-type(2){
margin:1% auto 0;
width:100%;
text-align: center;
}

#block01 .yern{
margin:auto;
position:absolute;
top:10%;
right:0;
}

#block01 dl{
margin:3% auto;
width:100%;
}

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

#block01 dd ul{
margin:1% auto;
width:100%;
max-width:1200px;
display: flex;
flex-flow:row wrap;
justify-content: space-between;
}

#block01 dd ul li{
margin:0 auto;
padding:1%;
width:23%;
}

#block01 dd ul li:first-child{
width:26%;
}
#block01 dd ul li:nth-child(even){
margin:8% auto 0;
}


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

#block01{padding:0 3%;}
.head-set{margin:-8% auto 0;}

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

.head-set{margin:-8% auto 0;}
#block01 dt{margin:3% auto;}

#block01 dt img{
width:50%;}

#block01 dd ul li{
padding:0;
width:24%;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
.head-set{
margin:-12% auto 0;
width:15%;
}

#block01 p:nth-of-type(2){width:10%;}

#block01 .yern{
right:0;
width:30%;
}

#block01 dt{margin:5% auto;}
#block01 dt img{width:60%;}

#block01 dd ul li{
width:48%;
padding:1%;
}
#block01 dd ul li:first-child{
width:52%;
}
#block01 dd ul li:nth-child(even){
margin:0 auto;
}

 /* *************** */
}


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

#block01 dt img{width:70%;}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
.head-set{
margin:-22% auto 0;
width:20%;
}

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

 /* *************** */
}

/*****************************************************

block02

*****************************************************/

#block02 img{
width:100%;
}
#block02{
margin:8% auto;
width:100%;
height:auto;
position:relative;
}

.copy{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform:translateY(-50%) translateX(-50%);
  background: rgba(255,255,255,0.6);
  width:300px;
  height:300px;
  text-align: center;
  border-radius:50%;
}

.copy p{
margin:28% auto;
text-align: center;
font-size:23px;
color:#7f7f7f;
letter-spacing: 0.1em;
line-height:1.8;
}


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

.copy{
  width:250px;
  height:250px;
}

.copy p{
margin:30% auto 0;
font-size:18px;
}


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

#block01 p:nth-of-type(2){width:0.9%;}

 /* *************** */
}


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


#block02{
margin:25% auto;
}

.copy{
  width:200px;
  height:200px;
}

.copy p{
margin:30% auto 0;
font-size:16px;
}
 /* *************** */
}


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


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


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


 /* *************** */
}




/*****************************************************

block03

*****************************************************/

#block03{
margin:0 auto 5%;
width:100%;
position:relative;
background-color:#fadcd8;
height:400px;
}

#block03 p{
margin:auto;
position:absolute;
top:-30%;
left:20%;
}

}
#block03 div{
margin:0 auto;
position:absolute;
top:0;
right:0;
}

#block03 dl{
margin:auto;
margin-right:20% ;
width:30%;
position:relative
}

#block03 dt{
margin:0 auto;
position:absolute;
top:-10%;
left:0%
}

#block03 .dd01{
padding:10% 0 0 0;
text-align: justify;
letter-spacing: 0.05em;
line-height:1.7;
font-size:15px;
}

#block03 .dd02{
margin:5% auto;
text-align: center
}


/* ▼▼▼▼▼▼▼▼MaxWidth2300(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 2300px) {
 /* ************** */

#block03 p{
margin:auto;
position:absolute;
top:-30%;
left:0%;
}


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

#block03 dl{
margin:auto;
margin-right:10% ;
width:30%;
position:relative
}

#block03 p{
width:50%;
}

 /* *************** */
}

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

#block03{
margin:15% auto 5%;
;
height:350px;
}

#block03 p{
width:40%;
top:-15%;
left:0;
}

#block03 dl{
width:40%;
}

#block03 .dd02{
margin:4% auto;
text-align: center;
width:10%;
}
 /* *************** */
}

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

#block03 p{
width:45%;
top:-10%;
left:0;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block03{
margin:0 auto 5%;
width:100%;
position:relative;
background-color:#fffbfc;
height:400px;
}

#block03 p{
margin:4% auto 10% 0;
position:static;
width:50%;
}

#block03 div{
margin:auto;
margin-right:0;
width:70%;
text-align: right;
background-color:#fadcd8;
padding-bottom:4%;
}

#block03 dl{
margin:auto;
width:70%;
position:relative;
}

#block03 dt{
margin:0 auto;
top:-6%;
width:80%;
}

#block03 .dd01{
padding:10% 5% 0 5%;
width:100%;
text-align: justify;
letter-spacing: 0.05em;
line-height:1.9;
font-size:14px;
}

#block03 .dd02{
margin:2% auto;
text-align: center
}
.dd03{
text-align: center;
}
 /* *************** */
}


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

#block03 p{
width:70%;
}

#block03 div{
width:80%;
}

#block03 dl{
width:80%;
}

#block03 dt{
top:-6%;
width:80%;
}

#block03 .dd01{
padding:10% 5% 0 5%;
font-size:14px;
}

#block03 .dd02{
margin:2% auto;
}
 /* *************** */
}


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

#block03 .dd01{
font-size:13px;
line-height:1.6;
}

#block03 .dd02{
margin:5% auto;
width:2%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block03 p{
margin:4% auto 12% 0;
width:75%;
}

#block03 div{
margin-right:0;
width:90%;
position:static;
background-color:#fadcd8;
padding-bottom:4%;
}

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


 /* *************** */
}


/*****************************************************

block04

*****************************************************/

#block04{
margin:20% auto 5%;
width:100%;
position:relative;
background-color:#fadcd8;
height:400px;
}

#block04 p{
margin:auto;
text-align: right;
position:absolute;
top:-30%;
right:20%;
}

#block04 div{
margin:auto;
position:absolute;
top:0;
left:0;
}

#block04 dl{
margin:auto;
margin-left:20% ;
width:50%;
position:relative
}

#block04 dt{
margin:0 auto;
position:absolute;
top:-10%;
left:0%
}

#block04 .dd01{
padding:10% 0 0 0;
text-align: justify;
letter-spacing: 0.05em;
line-height:1.7;
font-size:15px;
}

#block04 .dd02{
margin:5% auto;
text-align: center
}


/* ▼▼▼▼▼▼▼▼MaxWidth2300(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 2300px) {
 /* ************** */

#block04 p{
margin:auto;
position:absolute;
top:-30%;
right:0;
}

#block04 dl{
margin:auto;
margin-left:20% ;
width:35%;
}


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

#block04 dl{
margin:auto;
margin-left:10% ;
width:30%;
position:relative
}

#block04 p{
width:50%;
}

 /* *************** */

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

#block04 dl{
margin:auto;
margin-left:10% ;
width:30%;
position:relative
}

#block04 p{
width:50%;
}

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


#block04{
margin:15% auto 5%;;
height:350px;
}

#block04 p{
width:40%;
top:-15%;
right:0;
}

#block04 dl{
width:40%;
}

#block04 .dd02{
margin:4% auto;
text-align: center;
width:10%;
}
 /* *************** */
}

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


#block04 p{
width:45%;
top:-10%;
right:0;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block04{
margin:60% auto 5%;
width:100%;
position:relative;
background-color:#fffbfc;
height:400px;
}

#block04 p{
margin:4% auto 10% 0;
position:static;
width:50%;
}

#block04 div{
margin-right:0;
width:70%;
position:static;
background-color:#fadcd8;
padding-bottom:4%;
}

#block04 dl{
margin:auto;
width:70%;
position:relative;
}

#block04 dt{
margin:0 auto;
top:-6%;
width:80%;
}

#block04 .dd01{
padding:10% 5% 0 5%;
width:100%;
text-align: justify;
letter-spacing: 0.05em;
line-height:1.9;
font-size:14px;
}

#block04 .dd02{
margin:2% auto;
text-align: center
}
.dd03{
text-align: center;
}
 /* *************** */
}


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

#block04{
margin:80% auto 5%;
}

#block04 p{
width:70%;
}

#block04 div{
width:80%;
}

#block04 dl{
width:80%;
}

#block04 dt{
top:-6%;
width:80%;
}

#block04 .dd01{
padding:10% 5% 0 5%;
font-size:14px;
}

#block04 .dd02{
margin:2% auto;
}
 /* *************** */
}


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

#block04{
margin:70% auto 5%;
}
#block04 .dd01{
font-size:13px;
line-height:1.6;
}

#block04 .dd02{
margin:5% auto;
width:2%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block04 p{
margin:4% auto 12% 0;
width:75%;
}

#block04 div{
margin-right:0;
width:90%;
position:static;
background-color:#fadcd8;
padding-bottom:4%;
}

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


 /* *************** */
}


/*****************************************************

block05

*****************************************************/

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

#block05 .yern{
margin:0;
position:absolute;
top:40%;
left:0;
}

#block05 p.ball{
margin:2% auto;
width:100%;
text-align: center;
}

#block05 p.news-p01{
margin:2% auto 0;
width:40%;
text-align: left;
border-bottom:5px dotted #f7c6bd;
padding-bottom:0.5%;
}

#feed{
margin:2% auto;
width:40%;
position:relative
}

#feed li{
 margin-top:1%;
	color:#534135;
	width:100%;
	padding:1% 1% 0.5% 1%;
	border-bottom: 1px #534135 solid;
	font-size:14px;
	letter-spacing: 0.05em;
	text-align:left;
	height:auto;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#feed li a{color:#534135;}
#feed li a:hover{color:#866f60;}

#feed p{
	display:inline-block;
	margin-left:2%;
	margin-right:3%;
}


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

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

#block05 p.ball img{
width:0.7%;
}

#block05 .yern{
top:-15%;
left:0;
}

#block05 p.news-p01{
margin:8% auto 0;
width:50%;
}

#feed{
width:50%;
}
 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth1100(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1100px) {
 /* ************** */

#block05 p.news-p01{
margin:10% auto 0;
width:50%;
}

 /* *************** */
	}
   
	
/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block05{
margin:55% auto 0;
}

#block05 p.ball img{
width:0.9%;
}

#block05 .yern{
width:30%;
top:-5%;
}

#block05 p.news-p01{
margin:10% auto 0;
width:70%;
}
#feed{
width:70%;
}
#news{
padding:0%
}
#feed li{font-size:14px;}

 /* *************** */
	}
    


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


#block05{
margin:65% auto 0;
}

#block05 p.ball img{
width:1%;
}
	#feed li{
	margin:auto;
	width:100%;
	font-size:13px;}

 /* *************** */
}


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


#block05{
margin:60% auto 0;
}

#block05 p.ball img{
width:1.5%;
}

#block05 .yern{
width:40%;
top:5%;
}
#block05 p.news-p01{
margin:20% auto 0;
width:70%;
}

#block05 p.news-p01 img{
width:50%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
#feed{
width:100%;
}
	#feed li{
	margin:auto;
	width:85%;
	font-size:12px;}

#block05 p.news-p01{
margin:20% auto 0;
width:85%;
}
 /* *************** */
	}


/*****************************************************

block06

*****************************************************/
#block06{
margin:8% auto;
width:100%;
position:relative;
font-size:0;
}

#block06 p img{
width:100%;
}
#block06 p{
margin:0 auto;
width:49.9%;
display:inline-block;
}

/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block06 p{
margin:0 auto;
width:100%;
display:block;
}
 /* *************** */
}