@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-YH */
/* clearfix */
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/* font */
.en {
	font-family: "Jost", sans-serif;
}
.mPlus {
	font-family: "M PLUS 1p", sans-serif;
}
/*------------------------------------------------------------
	fadeIn
------------------------------------------------------------*/
.fadeIn {
	opacity: 0;
	transition: 1s;
}
.fadeIn.on {
	opacity: 1;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 81.6rem;
}
/*------------------------------------------------------------
	popBox
------------------------------------------------------------*/
.popBox {
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	overflow: auto;
}
.popBox.show {
	opacity: 1;
	visibility: visible;
}
.popBox .popInner {
	padding: 2rem;
	position: absolute;
	left: 26.3rem;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
}
.popBox .popClose {
	width: 2.5rem;
	position: absolute;
	right: 0;
	top: 1.7rem;
	cursor: pointer;
	z-index: 10;
}
@media (hover: hover) {
	.popBox .popClose:hover {
		opacity: 0.7;
	}
}
.popBox .subBox {
	margin: auto;
	width: 96.2rem;
	position: relative;
}
.popBox .subBox .slideBox {
	margin-top: 1.2rem;
	padding: 0 7.3rem;
	position: relative;
}
.popBox .subBox .slideBox .slider {
	position: relative;
}
.popBox .subBox .slideBox .slider li {
	padding: 1.7rem 0 0;
}
.popBox .subBox .slideBox .slider li .innerBox {
	padding: 2.4rem 2.9rem;
	min-height: 46.8rem;
	position: relative;
	background: #F6E7D9;
}
.popBox .subBox .slideBox .arrowList li {
	margin-top: 0.8rem;
	width: 10.4rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.popBox .subBox .slideBox .arrowList li:hover {
	opacity: 0.7;
}
.popBox .subBox .slideBox .arrowList li.prev {
	left: 0;
}
.popBox .subBox .slideBox .arrowList li.next {
	right: 0;
}
.popBox.popStyle {
	color: #3e3a39;
	font-size: 1.4rem;
	line-height: 1.85;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.popBox.popStyle .popClose {
	width: 2.6rem;
	right: 2.9rem;
	top: 3.8rem;
}
.popBox.popStyle .title {
	position: absolute;
	top: -2.3rem;
	left: 2.6rem;
}
.popBox.popStyle .title img {
	height: 4.4rem;
}
.popBox.popStyle .topTxt {
	margin: 0 3.5rem 1.6rem 0;
}
.popBox.popStyle .flexBox {
	display: flex;
	justify-content: space-between;
}
.popBox.popStyle .leftBox {
	width: 26.2rem;
	flex-shrink: 0;
}
.popBox.popStyle .rightBox {
	margin: 0 0 0 3.4rem;
	flex: 1;
}
.popBox.popStyle .mapBox .txt {
	padding: 0.6rem 0.5rem 0.6rem;
	color: #ffffff;
	line-height: 1.5;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	background-color: #e8350d;
}
.popBox.popStyle .showBox {
	padding: 1.6rem 1.5rem 1.5rem;
	background-color: rgba(255, 255, 255, 0.35);
	text-align: center;
	font-weight: 900;
}
.popBox.popStyle .showBox .image {
	height: 9.2rem;
}
.popBox.popStyle .showBox .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.popBox.popStyle .showBox .txt {
	margin-top: 0.6rem;
}
.popBox.popStyle .messageBox {
	margin: -0.6rem 1.2rem 0.9rem 0.5rem;
	display: flex;
	justify-content: space-between;
}
.popBox.popStyle .messageBox .right {
	flex: 1;
	text-align: right;
}
.popBox.popStyle .messageBox .photo {
	margin: 0.5rem 0 0 -1rem;
	width: 15rem;
}
.popBox.popStyle .notes {
	font-size: 0.9rem;
	color: #666464;
	line-height: 1.33;
	letter-spacing: 0.05em;
}
.popBox.popStyle .name {
	margin-bottom: 1.5rem;
	font-weight: 900;
	line-height: 1;
}
.popBox.popStyle .name span {
	margin-right: 0.7rem;
	font-size: 2.4rem;
}
.popBox.popStyle .talkBox {
	margin: 0 0 1rem auto;
	width: 17.5rem;
	height: 7.7rem;
	background: url("../img/common/pop_bg.png") no-repeat left top / 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1.6;
	text-align: center;
}
.popBox.popStyle .talkBox .wid {
	width: 100%;
}
.popBox.value .subBox {
	width: 81.6rem;
	min-height: 46.8rem;
	background: rgba(245, 219, 171, 0.8);
}
.popBox.value .valueTitle {
	padding: 0.1rem 7rem 1.5rem 2.7rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	background: #E8350D;
	font-feature-settings: normal;
	letter-spacing: 0.07em;
}
.popBox.value .pop_close02 {
	width: 2.6rem;
	position: absolute;
	right: 2rem;
	top: 1rem;
	display: none;
}
.popBox.value .valueTitle span {
	display: block;
}
.popBox.value .valueTitle .en {
	margin: -2rem 0 0.6rem;
	height: 3.8rem;
}
.popBox.value .valueTitle img {
	width: auto;
	height: 100%
}
.popBox.value .imgBox {
	padding: 2.5rem 2.4rem 2.5rem 3rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
}
.popBox.value .imgBox .photoList {
	width: 34.3rem;
}
.popBox.value .imgBox .textBox {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.popBox.value .heading {
	margin: -1.1rem 0 1.4rem;
	min-width: 28rem;
	width: fit-content;
	font-weight: 800;
	font-size: 3.6rem;
	font-style: italic;
	line-height: 1.2;
	color: #DB3715;
	text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff;
}
.popBox.value .heading span {
	display: block;
	text-align: right;
}
.popBox.value .photoList li {
	position: relative;
}
.popBox.value .photoList li + li {
	margin-top: 2.2rem;
}
.popBox.value .numTxt {
	font-size: 1.4rem;
	color: #E8350D;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0;
	font-family: "Jost", sans-serif;
}
.popBox.value .photoList .numTxt {
	position: absolute;
	right: 1rem;
	bottom: 0;
	line-height: 0.75;
	font-size: 3.6rem;
	color: rgba(255, 255, 255, 0.75);
}
.popBox.value .vSubBox {
	padding: 1.7rem 1.8rem 1.3rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.75);
}
.popBox.value .vSubBox p {
	line-height: 1.857;
	text-align: justify;
	letter-spacing: 0.05em;
}
.popBox.value .title {
	margin: auto 0 0.5rem;
	padding: 0.7rem 0 0.7rem 5.2rem;
	background: url(../img/index/value_img.png) no-repeat left top / 4.4rem;
	font-feature-settings: normal;
}
.popBox.value .textList {
	margin-right: 3rem;
	display: flex;
	flex-direction: column;
	gap: 0.9rem 0;
}
.popBox.value .textList li {
	width: 100%;
	min-height: 2.4rem;
	display: flex;
	gap: 0.9rem;
}
.popBox.value .textList li + li {
	margin-top: 0;
}
.popBox.value .textList li .numTxt {
	margin: -0.3rem 0 0.3rem;
}
.popBox.value .textList p {
	line-height: 1.333;
}
.popBox.value .textList .text {
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	flex: 1;
}
.popBox.value04 .heading {
	min-width: 33rem;
}
.popBox.value05 .heading {
	min-width: 31.3rem;
}
.popBox.value .popClose {
	right: 2.5rem;
}
.goal .subBox .slideBox .slider li .innerBox {
	padding-top: 2.8rem;
}
.popBox.popStyle.goal .topTxt {
	margin-bottom: 1.1rem;
}
.popBox.popStyle.scene .title img {
	height: 4.8rem;
}
.popBox.popStyle.scene .showBox {
	padding-top: 1.4rem;
	padding-bottom: 1.2rem;
}
.popBox.popStyle.scene .showBox .txt {
	margin-top: 0.6rem;
	font-size: 1.6rem;
}
/*------------------------------------------------------------
	sp
------------------------------------------------------------*/
@media all and (max-width: 896px) {
	.spTips {
		padding: 20rem 1rem;
		text-align: center;
	}
	.spTips img {
		width: 63.2rem;
	}
}
@media all and (orientation: landscape) {
	.spTips {
		display: none;
	}
}