@charset "UTF-8";
h2 a{
	color:#000;
	text-decoration: underline;
}

h2 a:hover{
	color:#666;
}

.title{
	font-family: 'Noto Sans JP', sans-serif;
	margin-left:5px;
	font-size:4rem;
	font-weight:900;
}

p{
	letter-spacing:2px;
	font-size:1.4rem;
}

.slick div.img01{
	background-image: url("img/top-03.jpg");
}

.slick div.img02{
	background-image: url("img/top-04.jpg");
}

.slick div.img03{
	background-image: url("img/top-01.jpg");
}

.slick div.img04{
	background-image: url("img/top-02.jpg");
}

.bg-color-one, .bg-color-two, .bg-color-three{
	box-sizing: border-box;
	padding:50px 0;
}

.bg-color-one, .bg-color-two{
	background-color:#eee8aa;
}

.bg-color-one .title, .bg-color-two .title{
	color:#6E6B4E;
}

/*.bg-color-two{
	background-color:#D9D49A;
}

.bg-color-two .title{
	color:#595525;
}*/

.bg-color-three{
	background-color:#D9D49A;
}

.bg-color-three .title{
	color:#595525;
}

.first-wrapper{
	width:900px;
	margin:20px auto;
}

.gif-img{
	width:500px;
	margin:30px auto;
}

.grid-container{
	display:flex;
	gap:15px;
}

.grid-container img, .flex-grid-img video, .flex-grid-img-02 video, .full-video video{
	max-width: 100%;
	height:auto;
}

.flex-grid-img, .flex-grid-img-02{
	width:calc(100% - 15px * 2) / 2!important;
}


.flex-grid-img ul li img:first-of-type, .flex-grid-img-02 ul li img:first-of-type, .flex-grid-img video, .flex-grid-img-02 video, .full-video{
	margin-bottom:10px;
}

.caption{
	margin:30px 0;
	box-sizing: border-box;
	padding:15px;
}

.caption p{
	margin-bottom:15px;
}

.second-wrapper, .third-wrapper{
	width:900px;
	margin:30px auto;
	box-sizing: border-box;
}

.second-wrapper .flex-img{
	margin-top:15px;
}

/*タブレット用*/
@media screen and (max-width: 820px){

	.first-wrapper, .second-wrapper, .third-wrapper{
		width:700px;
	}

}

/*スマホ用*/
@media screen and (max-width:640px){

	.first-wrapper, .second-wrapper, .third-wrapper{
		width:330px;
	}
	
	.title{
		font-size:3rem;
	}
	
	.sp-block{
		display:block;
	}
	
	.caption{
		padding:10px 0;
	}


}
/* CSS Document */