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

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


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

@media print, screen and (min-width: 641px){
	
	#mv_block span.photo01{
		width: 244px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		bottom: -100px;
		left: 170px;
		z-index: 15;
	}
	
	div.section_outer{
		width: 100%;
		min-width: 1260px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	section {
		width: 1260px;
		position: relative;
	}
	
	section#mission {
		margin-bottom: 160px;
	}
	
	section#mission span.photo02{
		width: 342px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		top: 28px;
		right: -140px;
	}
	
	section#mission p {
		font-size: 28px;
		font-size: 2.8rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.08em;
		line-height: 2.1;
		text-align: center;
	}
	
	section#practices {
		margin-bottom: 120px;
		position: relative;
	}
	
	section#practices h2 {
		margin-bottom: 100px;
	}
	
	section#practices span.photo03{
		width: 342px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		top: -120px;
		left: -118px;
	}
	
	section#practices ul{
		width: 990px;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#practices ul li{
		width: 244px;
	}
	
	section#practices ul li:nth-child(2),
	section#practices ul li:nth-child(5){
		margin-left: 128px;
		margin-right: 128px;
	}
	
	section#practices ul li:nth-child(n + 4){
		margin-top: 130px;
	}
	
	figure.image_photo {
		width: 100%;
		line-height: 0;
	}
	
	div#profile {
		width: 100%;
		min-width: 1260px;
		background: #f1f0ef;
		padding: 100px 0 80px;
		position: relative;
		overflow: hidden;
	}
	
	div#profile dl {
		width: 1120px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-left: 160px;
		font-size: 20px;
		font-size: 2.0rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		color: #736357;
		line-height: 1.9;
	}
	
	div#profile dl dt{
		width: 150px;
		font-weight: 400;
		padding-bottom: 20px;
	}
	
	div#profile dl dd{
		width: 810px;
		padding-bottom: 20px;
	}
	
	div#profile span.photo04{
		width: 520px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		bottom: -354px;
		right: -118px;
		z-index: 10;
	}
	
	section#history {
		padding-top: 80px;
	}
	
	section#history span.photo04{
		width: 520px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		top: -60px;
		right: -118px;
		z-index: 10;
	}
	
	section#history span.photo05{
		width: 304px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: -106px;
	}
	
	section#history dl {
		width: 1120px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-left: 160px;
		font-size: 20px;
		font-size: 2.0rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		color: #736357;
		line-height: 1.9;
	}
	
	section#history dl dt{
		width: 150px;
		font-weight: 400;
		padding-bottom: 20px;
	}
	
	section#history dl dd{
		width: 810px;
		padding-bottom: 20px;
	}
}


@media screen and (max-width: 640px){
	
	div#mv_block {
        margin-bottom: 0;
    }
	
	#mv_block span.photo01{
		width: 23%;
		line-height: 0;
		border-radius: 16px;
		overflow: hidden;
		position: absolute;
		bottom: -8.8vw;
		left: 5.2%;
		z-index: 15;
	}
	
	div.section_outer{
		width: 100%;
		overflow: hidden;
	}
	
	section {
		width: 90%;
		position: relative;
	}
	
	section#mission {
		padding-top: 45px;
		margin-bottom: 24.6vw;
	}
	
	section#mission span.photo02{
		width: 33vw;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		top: 15px;
		right: -9.4vw;
	}
	
	section#mission p {
		font-size: 18px;
		font-size: clamp(11px, 3.25vw, 18px);
		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: 2.1;
		text-align: center;
	}
	
	section#practices {
		margin-bottom: 50px;
		position: relative;
	}
	
	section#practices span.photo03{
		width: 33vw;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
		position: absolute;
		top: -28vw;
		left: -8vw;
	}
	
	section#practices ul{
		width: 100%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#practices ul li{
		width: 48.6%;
	}
	
	section#practices ul li:nth-child(n + 3){
		margin-top: 45px;
	}
	
	figure.image_photo {
		width: 100%;
		line-height: 0;
	}
	
	div#profile {
		width: 100%;
		background: #f1f0ef;
		padding: 45px 0 40px;
		position: relative;
	}
	
	div#profile dl {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		color: #736357;
		line-height: 1.5;
	}
	
	div#profile dl dt{
		width: 100%;
		font-size: 16px;
		font-size: clamp(11px, 2.79vw, 16px);
		font-weight: 400;
	}
	
	div#profile dl dd{
		width: 100%;
		padding-bottom: 20px;
	}
	
	div#profile dl dd a{
		color: #736357;
	}
	
	div#profile span.photo04{
		width: 32.5vw;
		line-height: 0;
		border-radius: 16px 0 0 16px;
		overflow: hidden;
		position: absolute;
		bottom: -110px;
		right: -5vw;
		z-index: 10;
	}
	
	section#history {
		padding-top: 30px;
	}
	
	section#history span.photo05{
		width: 35.4vw;
		line-height: 0;
		border-radius: 16px;
		overflow: hidden;
		position: absolute;
		top: 38%;
		right: 0;
	}
	
	section#history dl {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		color: #736357;
		line-height: 1.5;
	}
	
	section#history dl dt{
		width: 100%;
		font-size: 16px;
		font-size: clamp(11px, 2.79vw, 16px);
		font-weight: 400;
	}
	
	section#history dl dd{
		width: 100%;
		padding-bottom: 20px;
	}
}