@charset "utf-8";
/*base*/

@keyframes showroom__inner {
	0% {
		background: rgba(0,0,0,0.5);
	}
	16% {
		background: rgba(0,0,0,0.5);
	}
	18% {
		background: rgba(0,0,0,0);
	}
	95% {
		background: rgba(0,0,0,0);
	}
	97% {
		background: rgba(0,0,0,0.5);
	}
	100%{
		background: rgba(0,0,0,0.5);
	}
}

/*common*/
.greetingPage .c-hero__bg {background-color: #ece3e3;}
.greetingPage .c-hero__body .c-hero__text._title {
	color: #d10f31;
}
.greetingPage .c-hero__body .c-hero__title {
	color: #614f38;
	font-weight: bold;
	margin-bottom: 20px;
}
.c-hero__inner .c-hero__text.__name {
	font-size: 25px;
	margin-top: 5px;
	line-height: 1.2;
}
.c-hero__inner .c-hero__text.__name .eng {font-size: 10px;}

.greetingPage .c-textSec__titleS {
	color: #614f38;
	font-weight: bold;
}
.greetingPage .c-textSec__text p {margin-bottom: 0;}

.greetingPage .c-imgSec {margin-top: 30px;}
.greetingPage .c-textSec__text p {text-indent: 1em;}
.greetingPage .c-textSec__text p.sml {
	color: #999;
	font-size: 12px;
	text-indent: 0;
}

.greetingPage .c-textSec__thumbTitle {
	color: #614f38;
	position: relative;
	padding-left: 1.4em;
}
.greetingPage .c-textSec__thumbTitle::before,
.greetingPage .c-textSec__thumbTitle::after {
	content: '';
	display: block;
	position: absolute;
}
.greetingPage .c-textSec__thumbTitle::before {
	width: 1em;
	height: 1em;
	border: 1px solid #614f38;
	left: 0;
	top: 4px;
}
.greetingPage .c-textSec__thumbTitle::after {
	width: calc(1em - 6px);
	height: calc(1em - 6px);
	background-color: #614f38;
	left: 3px;
	top: 7px;
}

.c-textSec__thumbImg .img {
	width: 100%;
	max-width: auto;
	height: auto;
}
/*middle*/
@media screen and (min-width:768px) {
	.greetingPage .c-hero__bg {
		min-height: 640px;
		background-image: url(../../img/greeting/v2_hero_img.jpg);
		background-size: auto 100%;
	}
	.greetingPage .c-hero__body {
		right: auto;
		top: 215px;
		left: min(3.2vw, 50px);
	}

	.c-textSec__text.__flex,
	.c-imgSec.__flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.__flex > .c-textSec__thumbImg,
	.__flex .wrap_txt {width: 48%;}
	.__sec01 .wrap_txt {order: 2;}
	.__sec01 .c-textSec__thumbImg {order: 1;}
}

/*large*/
@media screen and (max-width:900px) {
}

@media screen and (min-width:992px) {
	.greetingPage .c-hero__body {
		top: 205px;
	}
}

/*small*/
@media screen and (max-width:767px) {
	.greetingPage .c-hero__bg {
		background-image: url(../../img/sp/greeting/v2_hero_img.jpg);
		background-position: right bottom;
		background-size: contain
	}
	.greetingPage .c-hero__body {
		text-align: left;
		padding-left: min(8.97vw, 70px);
	}
	.c-hero__inner .c-hero__text._title {
		font-size: clamp(9px, 2.345vw, 18px);
	}
	.c-hero__inner .c-hero__title {
		font-size: clamp(20px, 5.21vw, 30px);
	}
	.c-hero__inner .c-hero__text {
		font-size: clamp(12px, 3.126vw, 24px);
	}
	.c-hero__inner .c-hero__text.__name {
		font-size: clamp(18px, 4.688vw, 26px);
	}
	.c-hero__inner .c-hero__text.__name .eng {
		font-size: clamp(10px, 2.606vw, 14px);
	}
	.__sec01 .c-textSec__thumbImg {margin-top: 30px;}
	.greetingPage .c-textSec__thumbCaption {text-align: right;}

	.__sec02 .c-textSec__thumbImg.__02 {margin-top: 50px;}

}
@media screen and (max-width:460px) {
	.greetingPage .c-hero__body {padding-left: calc(min(8.97vw, 70px) / 2);}
	.__sec02 .c-textSec__thumbImg.__02 {margin-top: 40px;}
}