@charset "utf-8";
img{
	max-width: 100%;
	height: auto;
}
.para_fixed{
	position: relative;
	height: 250px;
}
.para_fixed::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image: url("../images/parallax.jpg?202511");
}
@media screen and (min-width: 768px){
	.para_fixed{
		height: 300px;
	}
}
@media screen and (min-width: 992px){
	.para_fixed{
		height: 400px;
	}
}
@media screen and (min-width: 1200px){
	.para_fixed{
		height: 500px;
	}
}
@media screen and (min-width: 1400px){
	.para_fixed{
		height: 600px;
	}
}

/*********************
共通
*********************/
.top_big_txt{
	font-size: 1.73rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.03em;
	line-height: 1.5;
	margin-bottom: 2.3rem;
}
.top_subtit{
	font-size: 1.33rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.02em;
	line-height: 1.5;
	margin-bottom: 2.03rem;
}
.top_txt{
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.top_big_txt{
		font-size: 1.93rem;
	}
	.top_subtit{
		font-size: 1.43rem;
	}
}
@media screen and (min-width: 1400px){
	.top_big_txt{
		font-size: 2.23rem;
		margin-bottom: 2.8rem;
	}
	.top_subtit{
		font-size: 1.53rem;
		margin-bottom: 2.536rem;
	}
}

/*********************
CONCEPT
*********************/
#concept{
	display: block;
	width: 86%;
	max-width: 1550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4.91rem;
}
.top_concept_txtArea{
	margin-bottom: 4rem;
}
.en_tit{
	font-size: 1.058rem;
	letter-spacing: 0.02em;
	line-height: 1;
	margin-bottom: 2.5rem;
}
.top_concept_txtArea .top_txt{
	max-width: 580px;
}
.top_concept_txtArea .vm{
	margin-top: 2.88rem;
}
.top_concept_img1{
	display: none;
}
.top_concept_img1, .top_concept_img2{
	border-radius: 0.588rem;
	overflow: hidden;
}
.concept_big_txt{
	font-size: 2.258rem;
	letter-spacing: 0.02em;
	line-height: 1;
	font-weight: 400;
	margin-top: 2rem;
	margin-bottom: 0;
	display: none;
}
@media screen and (min-width: 768px){
	#concept{
		position: relative;
		padding-top: 6.91rem;
		padding-bottom: 2.3rem;
	}
	.en_tit{
		margin-bottom: 3.3rem;
	}
	.top_concept_txtArea{
		margin-bottom: 6rem;
	}
	.top_concept_txtArea .vm{
		margin-top: 3.88rem;
	}
	.concept_big_txt{
		font-size: 7.058rem;
	}
	.concept_big_txt{
		font-size: 4.058rem;
		position: absolute;
		margin-top: 0;
		left: 0;
		bottom: 0;
		display: block;
	}
	.top_concept_imgArea{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.top_concept_img1{
		display: block;
		width: 37%;
	}
	.top_concept_img2{
		width: 55%;
	}
}
@media screen and (min-width: 992px){
	#concept{
		padding-top: 8.41rem;
		padding-bottom: 3.2rem;
	}
	.top_concept_flex{
		display: flex;
		justify-content: space-between;
	}
	.top_concept_txtArea{
		width: 57.42%;
		margin-bottom: 10rem;
	}
	.en_tit{
		margin-bottom: 3.8rem;
	}
	.top_concept_txtArea .top_txt{
		max-width: 470px;
	}
	.top_concept_imgArea{
		width: 42.58%;
		flex-direction: column;
		justify-content: flex-end;
	}
	.top_concept_img1{
		width: 58.48%;
		margin-left: 13.63%;
		margin-bottom: 5.88rem;
	}
	.top_concept_img2{
		width: 100%;
	}
	.concept_big_txt{
		font-size: 5.158rem;
	}
}
@media screen and (min-width: 1200px){
	.top_concept_txtArea{
		width: 60.42%;
	}
	.top_concept_txtArea .top_txt{
		max-width: 550px;
	}
	.top_concept_imgArea{
		width: 39.58%;
	}
	.concept_big_txt{
		font-size: 4.958rem;
	}
}
@media screen and (min-width: 1400px){
	#concept{
		padding-top: 9.41rem;
		padding-bottom: 3rem;
	}
	.top_concept_txtArea{
		width: 58.42%;
	}
	.top_concept_txtArea .vm{
		margin-top: 4.88rem;
	}
	.top_concept_imgArea{
		width: 41.58%
	}
	.concept_big_txt{
		font-size: 5.558rem;
	}
}
@media screen and (min-width: 1600px){
	#concept{
		padding-bottom: 4rem;
	}
	.top_concept_txtArea{
		width: 57.42%;
		padding-left: 4.64rem;
		margin-bottom: 12rem;
	}
	.top_concept_imgArea{
		width: 42.58%;
	}
	.top_concept_img1{
		width: 48.48%;
	}
	.concept_big_txt{
		font-size: 6.258rem;
	}
}
@media screen and (min-width: 1800px){
	.top_concept_txtArea{
		padding-left: 7.64rem;
		margin-bottom: 16.5rem;
	}
	.concept_big_txt{
		font-size: 7.058rem;
	}
}

/*********************
施工事例
*********************/
#gallery{
	padding-top: 6.3rem;
	padding-bottom: 4.91rem;
}
.gallery_titArea{
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2rem;
}
.gallery_titArea p{
	margin-bottom: 0;
}
.gallery_item{
	margin: 0 7px;
}
#gallery .vm{
	width: 86%;
	max-width: 360px;
	margin-top: 2.2rem;
}
@media screen and (min-width: 768px){
	#gallery{
		width: 86%;
		max-width: 1300px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 9.3rem;
		padding-bottom: 6.91rem;
	}
	.gallery_titArea{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		display: flex;
		align-items: flex-start;
		margin-bottom: 2.588rem;
	}
	.gallery_titArea .c-title1{
		margin-bottom: 0;
		flex-shrink: 0;
		margin-right: 5.29rem;
	}
	.gallery_titArea p{
		width: 100%;
	}
}
@media screen and (min-width: 992px){
	#gallery{
		padding-top: 10.3rem;
		padding-bottom: 8.41rem;
	}
	.gallery_titArea{
		margin-bottom: 3.588rem;
	}
}
@media screen and (min-width: 1400px){
	#gallery{
		padding-top: 14.3rem;
		padding-bottom: 9.41rem;
	}
	.gallery_titArea{
		margin-bottom: 5.088rem;
	}
	#gallery .vm{
		margin-top: 4.2rem;
	}
}

/*********************
性能・素材
*********************/
#top_spec{
	width: 100%;
	position: relative;
	padding: 4.91rem 0;
}
#top_spec::before{
	position: absolute;
	content: "";
	width: 94.44%;
	height: 100%;
	background-color: #fff;
	border-radius: 0.588rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.top_spec_block{
	position: relative;
	width: 100%;
	margin-bottom: 0;
}
.top_spec_block li{
	width: 100%;
	list-style: none;
}
.top_spec_block li:first-child{
	margin-bottom: 4.91rem;
}
.spec_img{
	width: 93%;
	overflow: hidden;
	margin-bottom: 2.5rem;
}
.top_spec_block li:first-child .spec_img{
	margin-right: auto;
	border-radius: 0 0.588rem 0.588rem 0;
}
.top_spec_block li:nth-child(2) .spec_img{
	margin-left: auto;
	border-radius: 0.588rem 0 0 0.588rem;
}
.spec_txtArea{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.spec_txtArea .c-title1{
	margin-bottom: 1.8rem;
}
.top_spec_txt{
	margin-bottom: 3rem;
}
@media screen and (min-width: 768px){
	#top_spec{
		padding: 6.41rem 0;
	}
	.top_spec_block li{
		width: 91.33%;
		display: flex;
		justify-content: space-between;
	}
	.top_spec_block li:first-child{
		margin-right: auto;
		margin-bottom: 5.88rem;
	}
	.top_spec_block li:nth-child(2){
		margin-left: auto;
		flex-direction: row-reverse;
	}
	.spec_img{
		width: 52%;
		margin-bottom: 0;
	}
	.top_spec_block li:first-child .spec_img{
		margin-right: unset;
	}
	.top_spec_block li:nth-child(2) .spec_img{
		margin-left: unset;
	}
	.spec_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.spec_txtArea{
		width: 40%;
		margin: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.spec_txtArea .top_subtit{
		font-size: 1.33rem;
	}
}
@media screen and (min-width: 992px){
	#top_spec{
		padding: 8.41rem 0;
	}
	.top_spec_block li{
		width: 90.22%;
		align-items: center;
	}
	.spec_img{
		width: 55%;
	}
	.spec_txtArea{
		width: 36%;
	}
}
@media screen and (min-width: 1400px){
	#top_spec{
		padding: 9.41rem 0;
	}
	.spec_img{
		width: 57%;
	}
	.spec_txtArea{
		width: 34%;
	}
	.spec_txtArea .c-title1{
		margin-bottom: 2.529rem;
	}
	.top_spec_txt{
		margin-bottom: 4.44rem;
	}
}
@media screen and (min-width: 1600px){
	.top_spec_block li{
		width: 89.22%;
	}
	.spec_img{
		width: 60%;
	}
	.spec_txtArea{
		width: 31%;
	}
}
@media screen and (min-width: 1800px){
	.top_spec_block li{
		width: 84.44%;
	}
	.spec_img{
		width: 60.526%;
	}
	.spec_txtArea{
		width: 28.947%;
		max-width: 440px;
	}
}

/*********************
EBEN HOUSEの建てる家
*********************/
#top_ebenhouse{
	width: 86%;
	max-width: 1540px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5.29rem;
}
.top_ebenhouse_txt{
	margin-bottom: 2.15rem;
}
#top_ebenhouse ul{
	margin-bottom: 0;
}
#top_ebenhouse ul li{
	list-style: none;
}
#top_ebenhouse ul li:first-child{
	margin-bottom: 30px;
}
#top_ebenhouse ul li a{
	display: block;
	position: relative;
	border-radius: 0.588rem;
	overflow: hidden;
}
#top_ebenhouse ul li a:hover{
	text-decoration: none;
}
.top_eben_img{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.top_eben_img::after{
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	transition: .3s;
}
#top_ebenhouse ul li a:hover .top_eben_img::after{
	background-color: rgba(0,0,0,0.5);
	transition: .3s;
}
.top_eben_txtArea{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	color: #fff;
	text-align: center;
}
.top_eben_txtArea .top_big_txt{
	margin-bottom: 0.888rem;
}
.top_eben_txt{
	font-size: 1.076rem;
	letter-spacing: 0.02em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 1.87rem;
}
.top_eben_txtArea .arrow{
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 50%;
	border: 1px solid #fff;
}
.top_eben_txtArea .arrow::after{
	position: absolute;
	content: "";
	background-image: url("../images/arrow_w.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 13px;
	height: 11px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (min-width: 768px){
	#top_ebenhouse{
		padding-top: 7.29rem;
	}
	.top_ebenhouse_txt{
		margin-bottom: 3.15rem;
	}
	#top_ebenhouse ul{
		display: flex;
		justify-content: space-between;
	}
	#top_ebenhouse ul li{
		width: calc((100% - 40px)/2);
	}
	#top_ebenhouse ul li:first-child{
		margin-bottom: 0;
	}
}
@media screen and (min-width: 992px){
	#top_ebenhouse{
		padding-top: 9.29rem;
	}
	.top_ebenhouse_txt{
		margin-bottom: 4.15rem;
	}
	#top_ebenhouse ul li{
		width: calc((100% - 50px)/2);
	}
	.top_eben_txt{
		font-size: 1.176rem;
	}
	.top_eben_txtArea .arrow{
		width: 50px;
		height: 50px;
	}
	.top_eben_txtArea .arrow::after{
		width: 16px;
	}
}
@media screen and (min-width: 1400px){
	#top_ebenhouse{
		padding-top: 10.29rem;
	}
	.top_ebenhouse_txt{
		margin-bottom: 4.79rem;
	}
	#top_ebenhouse ul li{
		width: calc((100% - 60px)/2);
	}
	.top_eben_txtArea .top_big_txt{
		margin-bottom: 1.388rem;
	}
	.top_eben_txt{
		margin-bottom: 3.87rem;
	}
	.top_eben_txtArea .arrow{
		width: 60px;
		height: 60px;
	}
}

/*********************
MODEL HOUSE
*********************/
#top_model{
	padding: 4.91rem 0;
	width: 86%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
.top_model_img{
	border-radius: 0.588rem;
	overflow: hidden;
	margin-bottom: 4rem;
}
.top_model_txtArea .top_txt{
	margin-bottom: 1rem;
}
.top_model_txtArea .top_txt.mb0{
	margin-bottom: 0;
}
.top_model_txtArea .vm{
	margin-top: 2.88rem;
}
@media screen and (min-width: 768px){
	#top_model{
		padding: 6.41rem 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.top_model_img{
		margin-bottom: 0;
		width: 43.07%;
	}
	.top_model_txtArea{
		width: 50%;
	}
	.top_model_txtArea .vm{
		margin-top: 3.88rem;
	}
}
@media screen and (min-width: 992px){
	#top_model{
		padding: 8.41rem 0;
	}
	.top_model_txtArea{
		width: 44.61%;
	}
}
@media screen and (min-width: 1400px){
	#top_model{
		padding: 9.41rem 0;
	}
	.top_model_txtArea .vm{
		margin-top: 4.88rem;
	}
}

/*********************
イベント情報
*********************/
#top_event{
	padding-bottom: 4.91rem;
}
.top_event_block{
	width: 86%;
	max-width: 1540px;
	margin-right: auto;
	margin-left: auto;
	background-color: #32362b;
	color: #fff;
	border-radius: 0.588rem;
}
#top_event .event_block li a{
	position: relative;
}
#top_event .event_block li a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.05);
	transform: scale(0,1);
	transform-origin: left;
	transition: transform .4s;
}
#top_event .event_block li a:hover::after{
	transform: scale(1);
}
.top_event_inner{
	width: 86%;
	max-width: 1300px;
	padding: 4.91rem 0;
	margin-right: auto;
	margin-left: auto;
}
#top_event .c-title1{
	text-align: center;
}
#top_event .event_tit{
	color: #fff;
}
#top_event .event_detail{
	color: #fff;
}
#top_event .vm{
	color: #3a3e33;
	background-color: #f6faee;
	border: 1px solid rgba(246, 250, 238, 0.75);
	margin-top: 3rem;
}
#top_event .vm::after{
	background-image: url("../images/arrow.svg");
}
#top_event .vm:hover{
	background-color: #32362b;
	color: #fff;
}
#top_event .vm:hover::after{
	background-image: url("../images/arrow_w.svg");
}
@media screen and (min-width: 768px){
	#top_event{
		padding-bottom: 6.41rem;
	}
	.top_event_inner{
		display: flex;
		padding: 6.41rem 0;
	}
	#top_event .c-title1{
		writing-mode: vertical-rl;
		text-align: left;
		margin: 0;
		line-height: 1;
		flex-shrink: 0;
		margin-right: 3.32rem;
	}
	#top_event .event_block{
		width: 100%;
	}
	#top_event .vm{
		margin-top: 3.5rem;
	}
}
@media screen and (min-width: 992px){
	#top_event{
		padding-bottom: 8.41rem;
	}
	.top_event_inner{
		padding: 8.41rem 0;
	}
	#top_event .c-title1{
		margin-right: 6.32rem;
	}
	#top_event .vm{
		margin-top: 4rem;
	}
}
@media screen and (min-width: 1400px){
	#top_event{
		padding-bottom: 9.41rem;
	}
	.top_event_inner{
		padding: 9.41rem 0;
	}
	#top_event .vm{
		margin-top: 4.7rem;
	}
}

/*********************
お客様インタビュー
*********************/
#top_voice{
	padding: 0 0 4.91rem;
}
.top_voice_titArea{
	width: 86%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2rem;
}
#top_voice .vm{
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3rem;
}
@media screen and (min-width: 768px){
	#top_voice{
		padding: 0 0 6.41rem;
	}
	.top_voice_titArea{
		margin-bottom: 3rem;
	}
	#top_voice .vm{
		margin-top: 3.5rem;
	}
}
@media screen and (min-width: 992px){
	#top_voice{
		padding: 0 0 8.41rem;
	}
	.top_voice_titArea{
		margin-bottom: 3.5rem;
	}
	#top_voice .vm{
		margin-top: 4rem;
	}
}
@media screen and (min-width: 1400px){
	#top_voice{
		padding: 0 0 9.41rem;
	}
	.top_voice_titArea{
		margin-bottom: 4.79rem;
	}
	#top_voice .vm{
		margin-top: 4.7rem;
	}
}


.top_voice_block {
	width: 100%;
	overflow: hidden; /* スライドの見切れ部分が表示されるように設定 */
	display: flex;
	justify-content: center;
}

.top_voice_block .slick-list{
	padding-top: 1.2rem !important;
	padding-bottom: 1.2rem !important;
}
.top_voice_block .slick-track{
	display: flex;
	align-items: center;
}
.top_voice_block .voice_item {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease; /* スライドのトランジション */
	transform: translate3d(0, 0, 0); /* ハードウェアアクセラレーションを利用 */
	background-color: #fff;
	border-radius: 0.588rem;
	overflow: hidden;
	margin: 0 1rem;
	padding: 2rem 1.5rem 1.5rem;
}

.top_voice_block .voice_item.slick-current {
	transform: translate3d(0, 0, 0) scale(1.1);
}
.top_voice_block .voice_txtArea{
	margin-bottom: 1.8rem;
}
.top_voice_block .voice_tit{
	font-size: 1.15rem;
	margin-bottom: 1rem;
}
.top_voice_block .voice_txt {
	opacity: 0;
	transition: opacity 0.5s ease-in-out; /* スムーズに表示・非表示を切り替え */
	height: 40px;
	font-size: 0.88rem;
	margin-bottom: 1.2rem;
}

.top_voice_block .slick-current .voice_txt {
	display: block; /* クラスが追加されたときに表示 */
	opacity: 1;
	height: auto;
}
.top_voice_block .voice_detail{
	font-size: 0.8rem;
}

@media screen and (min-width: 768px) {
	.top_voice_block .slick-list{
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.top_voice_block .voice_item {
		margin: 0 2rem; /* larger screens with slightly wider spacing */
		padding: 2.7rem 2.5rem 2.5rem;
	}
	.top_voice_block .voice_item.slick-current{
		transform: translate3d(0, 0, 0) scale(1.1);
	}
	.top_voice_block .voice_txtArea{
		margin-bottom: 2.5rem;
	}
	.top_voice_block .voice_tit{
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
	}
	.top_voice_block .voice_txt{
		font-size: 0.85rem;
		margin-bottom: 1.7rem;
	}
}
@media screen and (min-width: 992px){
	.top_voice_block .slick-list {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.top_voice_block .voice_item{
		margin: 0 2.5rem;
	}
	.top_voice_block .voice_item.slick-current{
		transform: translate3d(0, 0, 0) scale(1.15);
	}
	.top_voice_block .voice_txtArea{
		margin-bottom: 2.8rem;
	}
	.top_voice_block .voice_tit{
		font-size: 1.45rem;
		margin-bottom: 1.4rem;
	}
	.top_voice_block .voice_txt{
		font-size: 0.84rem;
		margin-bottom: 1.8rem;
	}
}
@media screen and (min-width: 1200px){
	.top_voice_block .slick-list {
		padding-top: 2.8rem !important;
		padding-bottom: 2.8rem !important;
	}
	.top_voice_block .voice_item{
		margin: 0 3rem;
		padding: 3.5rem 3rem 3rem;
	}
}
@media screen and (min-width: 1400px){
	.top_voice_block .slick-list {
		padding-top: 3.7rem !important;
		padding-bottom: 3.7rem !important;
	}
	.top_voice_block .voice_item{
		padding: 3.7rem 3.5rem 3.5rem;
		margin: 0 3rem;
	}
}
@media screen and (min-width: 1600px){
	.top_voice_block .slick-list {
		padding-top: 3.2rem !important;
		padding-bottom: 3.2rem !important;
	}
	.top_voice_block .voice_item{
		padding: 4.3rem 3.5rem 3.5rem;
		margin: 0 3rem;
	}
	.top_voice_block .voice_txtArea{
		margin-bottom: 3.129rem;
	}
	.top_voice_block .voice_tit{
		font-size: 1.429rem;
		margin-bottom: 1.55rem;
	}
	.top_voice_block .voice_txt{
		font-size: 0.83rem;
		margin-bottom: 2.14rem;
	}
}

/*********************
サポート
*********************/
#top_support{
	width: 86%;
	max-width: 1540px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4.91rem;
}
#top_support ul{
	margin-bottom: 0;
}
#top_support ul li{
	list-style: none;
	margin-bottom: 1rem;
}
#top_support ul li:last-child{
	margin-bottom: 0;
}
#top_support ul li a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 1200 / 713;
	border-radius: 0.588rem;
	overflow: hidden;
}
.support_img{
	position: relative;
}
.support_img::before{
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .3s;
}
.support_img::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	transition: .3s;
}
#top_support ul li:first-child .support_img::after{
	background-color: #5a9433;
}
#top_support ul li:nth-child(2) .support_img::after{
	background-color: #ece4cc;
}
#top_support ul li:nth-child(3) .support_img::after{
	background-color: #282d27;
}
#top_support ul li a:hover .support_img::before{
	opacity: 1;
	transition: .3s;
}
#top_support ul li a:hover .support_img::after{
	opacity: 0;
	transition: .3s;
}
.support_txt{
	color: #fff;
	position: absolute;
	width: 78%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
#top_support ul li:nth-child(2) .support_txt{
	color: #282d27;
}
#top_support ul li:nth-child(2) a:hover .support_txt{
	color: #fff;
}
#top_support ul li a .arrow{
	position: absolute;
	content: "";
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	top: 3rem;
	right: 11%;
}
#top_support ul li a .arrow::after{
	position: absolute;
	content: "";
	background-image: url("../images/arrow_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 13px;
	height: 11px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#top_support ul li:nth-child(2) a .arrow{
	border: 1px solid #282d27;
}
#top_support ul li:nth-child(2) a .arrow::after{
	background-image: url("../images/arrow.svg");
}
#top_support ul li:nth-child(2) a:hover .arrow{
	border: 1px solid #fff;
}
#top_support ul li:nth-child(2) a:hover .arrow::after{
	background-image: url("../images/arrow_w.svg");
}
.support_txt .en_tit {
	margin-bottom: 0.7rem;
}
.support_txt .top_big_txt{
	margin-bottom: 2rem;
}
@media screen and (min-width: 768px){
	#top_support{
		padding-top: 6.41rem;
	}
	#top_support ul{
		display: flex;
		justify-content: space-between;
	}
	#top_support ul li{
		width: calc((100% - 3rem)/3);
		margin-bottom: 0;
	}
	#top_support ul li a{
		aspect-ratio: 16 / 19;
	}
	.support_txt{
		width: 75%;
	}
	.support_txt .en_tit{
		margin-bottom: 1.2rem;
	}
	.support_txt .top_big_txt{
		font-size: 1.33rem;
	}
	#top_support ul li a .arrow{
		top: 2rem;
		right: 12.5%;
	}
}
@media screen and (min-width: 992px){
	#top_support{
		padding-top: 8.41rem;
	}
	#top_support ul li{
		width: calc((100% - 3.5rem)/3);
	}
	.support_txt .top_big_txt{
		font-size: 1.73rem;
		margin-bottom: 2.5rem;
	}
	.support_txt .en_tit{
		margin-bottom: 1.7rem;
	}
	#top_support ul li a .arrow{
		top: 2.5rem;
		width: 50px;
		height: 50px;
	}
	#top_support ul li a .arrow::after{
		width: 16px;
	}
}
@media screen and (min-width: 1400px){
	#top_support{
		padding-top: 9.41rem;
	}
	#top_support ul li{
		width: calc((100% - 5.88rem)/3);
	}
	.support_txt .top_big_txt{
		font-size: 1.93rem;
		margin-bottom: 4rem;
	}
	#top_support ul li a .arrow{
		width: 60px;
		height: 60px;
		top: 4rem;
	}
}
@media screen and (min-width: 1600px){
	.support_txt .top_big_txt{
		font-size: 2.23rem;
	}
}

/*********************
お知らせ／ブログ
*********************/
#top_info{
	padding-top: 4.91rem;
}
#top_info .c-title1{
	margin-bottom: 2.147rem;
}
.top_info_inner{
	width: 93%;
	margin-left: auto;
}
.top_info_btn{
	width: 92.5%;
	margin-top: 3.5rem;
}
@media screen and (min-width: 768px){
	#top_info{
		padding-top: 6.91rem;
	}
	.top_info_inner{
		display: flex;
		align-items: flex-start;
	}
	.top_info_left{
		display: flex;
		align-items: flex-start;
		width: 240px;
	}
	#top_info .c-title1{
		writing-mode: vertical-rl;
		line-height: 1;
		margin: 0 4rem 0 0;
	}
	.top_info_right{
		width: calc(100% - 240px);
	}
	.top_info_btn{
		margin-top: 4rem;
	}
}
@media screen and (min-width: 992px){
	#top_info{
		padding-top: 8.91rem;
	}
	.top_info_btn{
		margin-top: 5rem;
	}
}
@media screen and (min-width: 1200px){
	.top_info_left{
		width: 300px;
	}
	.top_info_right{
		width: calc(100% - 300px);
	}
}
@media screen and (min-width: 1400px){
	#top_info{
		padding-top: 9.91rem;
	}
	.top_info_btn{
		margin-top: 5.88rem;
	}
}
@media screen and (min-width: 1600px){
	.top_info_inner{
		width: 86.11%;
	}
	.top_info_left{
		width: 410px;
	}
	#top_info .c-title1{
		margin-right: 6.17rem;
	}
	.top_info_right{
		width: calc(100% - 410px);
	}
}
#nav-news {
  width: 100%;
}
#nav-news li {
  padding: 2px 0 2px 17px;
    margin-bottom: 0.5rem;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  color: #70736f;
  display: flex;
  align-items: center;
}
#nav-news li:last-child{
    margin-bottom: 0;
}
#nav-news .active {
    color: #485041;
    transition: .3s ease-in-out;
	position: relative;
}
#nav-news .active::before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 5px;
    height: 1px;
    background-color: #485041;
    transition: .3s ease-in-out;
    margin-right: 5px;
}
.accordion {
  margin: 1rem 0;
  max-width: 150px;
}
.toggle {
  display: none;
}
.option {
  position: relative;
  margin-bottom: 1em;
}
.title {
	display: block;
	color: #282d27;
	cursor: pointer;
	font-size: 1.058rem;
	letter-spacing: 0.02em;
	line-height: 1;
	margin-bottom: 1rem;
}
.title::after, .title::before {
	content: "";
	position: absolute;
	right: 50px;
	top: 0;
	width: 1px;
	height: 13px;
	background-color: #282d27;
	transition: all 0.3s;
}
.title::after {
  transform: rotate(90deg);
}
.content {
  max-height: 0;
  overflow: hidden;
}
.content p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
}
.toggle:checked + .title + .content {
  max-height: 500px;
  transition: all 0.5s;
}
.toggle:checked + .title::before {
  transform: rotate(90deg) !important;
}
.toggle:checked + .title + .content #nav-news{
	margin-bottom: 0;
}
.toggle:checked + .title + .content #nav-news li {
	font-size: 0.88rem;
	line-height: 2;
	margin-bottom: 0;
	transition: .3s;
}
.toggle:checked + .title + .content #nav-news li.active{
	transition: .3s;
}
.toggle:checked + .title + .content #nav-news .active::before {
	width: 5px;
}
.toggle + .title + .content > a{
	color: #70736f;
	padding: 2px 0 2px 17px;
	font-size: 0.88rem;
	line-height: 2;
	margin-bottom: 0;
}
.toggle + .title + .content > a:hover{
	text-decoration: none;
}
#top_info .post {
  display: none;
  margin-bottom: 0;
}
#top_info .post.active {
  display: block;
    letter-spacing: 0;
}
@media screen and (min-width: 768px){
	#nav-news{
		width: 105px;
		margin-bottom: 0;
	}
	#nav-news li:last-child{
		margin-bottom: 0.5rem;
	}
	.top_info_left_block a{
		padding: 2px 0 2px 17px;
		margin-bottom: 0.5rem;
		color: #70736f;
	}
	.top_info_left_block a:hover{
		text-decoration: none;
	}
}
@media screen and (min-width: 1200px){
	#nav-news{
		width: 120px;
	}
}
/* slider */
.post_block .slick-list {
    padding: 0 10% 0 0 !important;
}
.post_item {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid rgba(40,45,39,0.5);
}
.post_item:first-child {
    margin-left: unset;
}
.post_item a {
    display: block;
}
.post_item a:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .post_block .slick-list {
        padding: 0 15% 0 0 !important;
    }
}
@media screen and (min-width: 992px) {
    .post_block .slick-list {
        padding: 0 20% 0 0 !important;
    }
    .post_item {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media screen and (min-width: 1400px) {
    .post_block .slick-list {
        padding: 0 25% 0 0 !important;
    }
    .post_item {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media screen and (min-width: 1600px) {
    .post_item {
        padding-right: 40px;
        padding-left: 40px;
    }
}

/* MOUSE FOLLOW */
#mouse-follow {
	width: 140px;
	height: 140px;
	margin-top: -80px;
	margin-left: -80px;
	border-radius: 50%;
	background-color: #282d27;
	color: #fff;
	position: absolute;
	z-index: 2000;
	pointer-events: none;
	will-change: transform;
	opacity: 0;
	transform: scale(0);
	transition: transform 0.2s, opacity 0.4s, -webkit-transform 0.2s;
}
#mouse-follow::after{
	position: absolute;
	content: "";
	background-image: url("../images/mouse_follow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 96px;
	height: 40px;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(-50%,-50%);
}
#mouse-follow.is-show {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width: 1023px) {
	#mouse-follow {
		display: none;
	}
}


/*********************
インスタグラム
*********************/
#top_insta{
	width: 86%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5rem;
	padding-bottom: 3.35rem;
	margin-bottom: -5rem;
}
#top_insta .c-title1{
	margin-bottom: 2rem;
}
#top_insta #sb_instagram #sbi_images .sbi_item{
	border-radius: 0.588rem;
}
#top_insta #sb_instagram .sbi_photo_wrap{
	border-radius: 0.588rem;
	overflow: hidden;
}
@media screen and (min-width: 768px){
	#top_insta{
		padding-top: 7.5rem;
		padding-bottom: 5.35rem;
		margin-bottom: -7.5rem;
	}
	#top_insta .c-title1{
		margin-bottom: 2.447rem;
	}
}
@media screen and (min-width: 992px){
	#top_insta{
		padding-top: 8.5rem;
		padding-bottom: 6.35rem;
		margin-bottom: -8.5rem;
	}
}
@media screen and (min-width: 1400px){
	#top_insta{
		padding-top: 10rem;
		padding-bottom: 8.815rem;
		margin-bottom: -10.58rem;
	}
	#top_insta .c-title1{
		margin-bottom: 4rem;
	}
}