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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

.slider{
opacity: 0;
transition: opacity 0.3s ease;
}
.slider.slick-initialized{
opacity: 1;
}

section h2 {
	font-family: butlerstencil, serif;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	
	div#mv_block::after{
        content: "";
		height: 16.6%;
    }
	
	section#info {
		width: 1120px;
		margin: 0 auto 60px;
		position: relative;
		z-index: 10;
	}
	
	section#info div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#info div.block p.messe{
		width: 546px;
	}
	
	section#info div.block div.box{
		width: 434px;
		padding-top: 100px;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		position: relative;
	}
	
	section#info div.block div.box p{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2.2;
		color: #736357;
		letter-spacing: 0.2em;
	}
	
	section#info div.block div.box a.more {
		font-size: 18px;
		font-size: 1.8rem;
		color: #736357;
		letter-spacing: 0.2em;
	}
	
	section#info div.block div.box span.deco01{
		width: 50px;
		position: absolute;
		bottom: 15px;
		right: -10px;
	}
	
	section#about{
		margin-bottom: 90px;
		position: relative;
	}
	
	section#about span.deco02{
		width: 100px;
		position: absolute;
		top: 86px;
		left: 126px;
		z-index: 5;
	}
	
	section#about span.deco03{
		width: 80px;
		position: absolute;
		top: 72px;
		left: 34px;
		z-index: 5;
	}
	
	section#about h2{
		font-size: 70px;
		font-size: 7.0rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.05em;
		color: #736357;
		text-align: center;
		margin-bottom: 40px;
	}
	
	section#about h2 span{
		font-size: 16px;
		font-size: 1.6rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		display: block;
		margin-top: 10px;
	}
	
	section#about ul{
		display: flex;
		flex-wrap: wrap;
		/*justify-content: space-between;*/
		justify-content: center;
		list-style: none;
	}
	
	section#about ul li{
		width: 30.4%;
		margin: 0 2.5%;
	}
	
	section#about ul li:first-child{
		margin-top: 60px;
	}
	
	/*section#about ul li:last-child{
		margin-top: -60px;
	}*/
	
	section#about ul li a{
		display: block;
	}
	
	section#about ul li a figure{
		border-radius: 14px;
		overflow: hidden;
		line-height: 0;
		margin-bottom: 40px;
	}
	
	section#about ul li a h4{
		font-size: 26px;
		font-size: 2.6rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 1;
		color: #736357;
		margin-bottom: 15px;
	}
	
	section#about ul li a p{
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		line-height: 2.1;
		color: #4d4d4d;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 640px){
	
	div#mv_block::after{
        content: "";
		height: 8.4vw;
    }
	
	section#info {
		width: 82%;
		margin: 10px auto 50px;
	}
	
	section#info div.block{
	}
	
	section#info div.block p.messe{
		width: 85%;
	}
	
	section#info div.block div.box{
		width: 80%;
		min-width: 284px;
		padding-top: 45px;
		margin: 0 auto;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		position: relative;
	}
	
	section#info div.block div.box p{
		font-size: 17px;
		font-size: clamp(13px, 2.8vw, 17px);
		line-height: 2.2;
		color: #736357;
		letter-spacing: 0.2em;
	}
	
	section#info div.block div.box a.more {
		font-size: 17px;
		font-size: clamp(13px, 2.8vw, 17px);
		color: #736357;
		letter-spacing: 0.2em;
	}
	
	section#info div.block div.box span.deco01{
		width: 12%;
		max-width: 44px;
		position: absolute;
		bottom: 3.6%;
		right: 2%;
	}
	
	section#about{
		margin-bottom: 50px;
		position: relative;
	}
	
	section#about span.deco02{
		width: 24.4%;
		max-width: 90px;
		position: absolute;
		top: -8vw;
		right: 1%;
		z-index: 5;
	}
	
	section#about span.deco03{
		width: 18.2%;
		max-width: 68px;
		position: absolute;
		top: 3.3vw;
		left: 2.3%;
		z-index: 5;
	}
	
	section#about h2{
		font-size: 48px;
		font-size: clamp(38px, 8.15vw, 48px);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.05em;
		color: #736357;
		text-align: center;
		margin-bottom: 35px;
	}
	
	section#about h2 span{
		font-size: 17px;
		font-size: clamp(13px, 2.8vw, 17px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		display: block;
		margin-top: 8px;
	}
	
	section#about ul{
		width: 100%;
		list-style: none;
	}
	
	section#about ul li{
		width: 100%;
		max-width: 380px;
		margin: 0 auto;
	}
	
	section#about ul li + li{
		margin-top: 35px;
	}
	
	section#about ul li a{
		display: block;
	}
	
	section#about ul li a figure{
		border-radius: 14px;
		overflow: hidden;
		line-height: 0;
		margin-bottom: 20px;
	}
	
	section#about ul li a h4{
		font-size: 28px;
		font-size: clamp(18px, 4.6vw, 28px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 1;
		color: #736357;
		margin-bottom: 12px;
	}
	
	section#about ul li a p{
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		letter-spacing: 0.05em;
		line-height: 2.1;
		color: #4d4d4d;
	}
	
}