@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		background: url(../img/1650010_m.jpg) center top / cover no-repeat;
		width: 100%;
		height: 50vw;
	}
	.main_top::before{
		content: '';
		position: absolute;
		width: 100%;
		height: 50vw;
		background: inherit;
		filter: brightness(85%);
		/* 最背面へ */
		z-index: 0;
	}
	.main_top_in {
		position: relative;
		color: #fff;
		text-shadow: 0 2px 4px #66666694;
		top: 20vw;
		text-align: center;
		font-size: 2.3vw;
		letter-spacing: 0.3vw;
	}
	.main_top_in span {
		display: block;
		font-size: 1.6vw;
		margin-top: 3vw;
		letter-spacing: 0vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		background: url(../img/1650010_m.jpg) center top / cover no-repeat;
		width: 100%;
		height: 120vw;
	}
	.main_top::before{
		content: '';
		position: absolute;
		width: 100%;
		height: 120vw;
		background: inherit;
		filter: brightness(85%);
		/* 最背面へ */
		z-index: 0;
	}
	.main_top_in {
		position: relative;
		color: #fff;
		text-shadow: 0 2px 4px #66666694;
		top: 90vw;
		text-align: center;
		font-size: 4.7vw;
		letter-spacing: 0.3vw;
	}
	.main_top_in span {
		display: block;
		font-size: 2.8vw;
		margin-top: 3vw;
		letter-spacing: 0vw;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	event news

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.event {
		padding: 120px 0;
	}
	.title {
		font-size: 24px;
		width: 800px;
		border-bottom: 1px solid #000;
		padding: 0 0 10px 0;
	}
	.title span {
		font-size: 18px;
		font-weight: lighter;
		margin-left: 24px;
	}
	.post__wrap ul li {
		display: flex;
		justify-content: left;
		margin: 30px 0 0;
	}
	.post_date {
		width: 120px;
	}
	.post_title {
		width: 270px;
		font-size: 18px;
		margin-right: 30px;
	}
	.post_title a {
		color: #000;
	}
	.post_excerpt {
		width: 580px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.event {
		padding: 20vw 3vw;
	}
	.title {
		font-size: 5vw;
		width: 94vw;
		border-bottom: 1px solid #000;
		padding: 0 0 4vw 0;
	}
	.title span {
		font-size: 4vw;
		font-weight: lighter;
		margin-left: 4vw;
	}
	.post__wrap ul li {
		display: block;
		margin: 5vw 0 0;
	}
	.post_date {
		width: 94vw;
	}
	.post_title {
		width: 94vw;
		font-size: 4vw;
	}
	.post_title a {
		color: #000;
		font-size: 5vw;
	}
	.post_excerpt {
		width: 94vw;
	}
	
}





/* ================================================================================

	About

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.about {
		padding: 120px 0;
		background: #f3fafd;
	}
	.about__title {
		font-size: 20px;
	}
	.about__title span {
		font-size: 16px;
		font-weight: lighter;
		margin-left: 24px;
	}
	.col {
		margin-bottom: 40px;
	}
	.col__text {
		width: 400px;
		padding: 0 50px;
	}
	.text {
		margin-top: 40px;
	}
	.col__img img {
		width: 440px;
		height: 320px;
		object-fit: cover;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.about {
		padding:  20vw 3vw;
		background: #f3fafd;
	}
	.about__title {
		font-size: 5vw;
	}
	.about__title span {
		font-size: 4vw;
		font-weight: lighter;
		margin-left: 4vw;
	}
	.col {
		margin-bottom: 7vw;
	}
	.col__text {
		/* padding: 7vw 0; */
	}
	.text {
		margin-top: 5vw;
	}
	.col__img img {
		width: 100%;
		height: 80vw;
		object-fit: cover;
		margin-top: 4vw;
	}
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.ruby {
		padding: 120px 0;
		background: #bd3636;
		color: #fff;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.ruby {
		padding: 20vw 3vw;
		background: #bd3636;
		color: #fff;
	}
	
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.item {
		padding: 120px 0;
		background: #fffef2;
	}
	.item .title {
		padding-bottom: 10px;
		margin-bottom: 40px;
	}
	.item__title {
		font-size: 20px;
	}
	.item__title span {
		display: block;
		font-size: 16px;
		font-weight: lighter;
		margin-top: 12px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.item {
		padding: 20vw 3vw;
		background: #fffef2;
	}
	.item .title {
		padding-bottom: 2vw;
		margin-bottom: 7vw;
	}
	.item__title {
		font-size: 5vw;
		margin-top: 4vw;

	}
	.item__title span {
		display: block;
		font-size: 4vw;
		font-weight: lighter;
		margin-top: 3vw;
	}
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.lineup {
		padding: 120px 0;
		background: url(../img/mio-ito-B_SLtmXPKNA-unsplash.jpg) center top / cover no-repeat;
	}
	.lineup .title {
		padding-bottom: 10px;
		margin-bottom: 40px;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.col__contact {
		margin-top: 40px;
	}
	.col__contact h3 {
		font-size: 20px;
	}
	.contact__text {
		margin-left: 20px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.lineup {
		padding: 20vw 3vw;
		background: url(../img/mio-ito-B_SLtmXPKNA-unsplash.jpg) center top / cover no-repeat;
	}
	.lineup .title {
		padding-bottom: 2vw;
		margin-bottom: 7vw;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#gallery-1 {
		display: flex;
		flex-wrap: wrap;
	}
	.gallery-item {
		width: 50% !important;
	}
	.lineup__gal img {
		width: 98%;
		height: 40vw;
		object-fit: cover;
		margin-bottom: 1vw !important;
	}
	.col__contact {
		margin-top: 40px;
	}
	.col__contact h3 {
		font-size: 20px;
	}
	.contact__text {
		margin-left: 20px;
	}
}