@charset "utf-8";

#torisetsu {
}
#torisetsu .content {
	background-color: #00663e;
}
#torisetsu .contentInner {
	width: 100%;
}
#torisetsu .title {
	width: calc(412 / 750 * 100%);
	margin: auto;
	padding: calc(42 / 750 * 100%) 0 calc(32 / 750 * 100%) 0;
}
#torisetsu .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	background-color: #008a3d;
	border: 10px solid #008a3d;
	box-sizing: border-box;
}
#torisetsu .list .item {
	opacity: 0;
}
#torisetsu .list.current .item {
	opacity: 1;
	transition: opacity 0.4s ease-out calc(var(--i) * 0.2s);
}
#modalPictSlide .frame {
	border: 5px solid #008a3d;
}
#torisetsu .list .item .image,
#modalPictSlide .image {
	position: relative;
	aspect-ratio: 1360 / 1056;
}
#modalPictSlide .pict {
	opacity: 0;
	transform: scale(0.7);
}
#modalPictSlide .pict.animated {
	opacity: 1;
	transform: scale(1);
	transition: all 0.2s ease-out 0.1s;
}
.frame .pict {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25%;
}
.frame01 .pict {
	width: calc(522 / 1360 * 100%);
	margin: 0 calc(99 / 1360 * 100%) calc(82 / 1360 * 100%) 0;
}
.frame02 .pict {
	width: calc(1222 / 1360 * 100%);
	margin: 0 calc(50 / 1360 * 100%) calc(105 / 1360 * 100%) 0;
}
.frame03 .pict {
	width: calc(1364 / 1360 * 100%);
	margin: 0 calc(8 / 1360 * 100%) calc(-18 / 1360 * 100%) 0;
}
.frame04 .pict {
	width: calc(608 / 1360 * 100%);
	margin: 0 calc(135 / 1360 * 100%) calc(196 / 1360 * 100%) 0;
}
.frame05 .pict {
	width: calc(513 / 1360 * 100%);
	margin: 0 calc(104 / 1360 * 100%) calc(76 / 1360 * 100%) 0;
}
.frame06 .pict {
	width: calc(759 / 1360 * 100%);
	margin: 0 calc(106 / 1360 * 100%) calc(80 / 1360 * 100%) 0;
}
.frame07 .pict {
	left: 0;
	width: calc(1208 / 1360 * 100%);
	margin: 0 auto calc(305 / 1360 * 100%) auto;
}
.frame08 .pict {
	width: calc(565 / 1360 * 100%);
	margin: 0 calc(68 / 1360 * 100%) calc(76 / 1360 * 100%) 0;
}
.frame09 .pict {
	width: calc(598 / 1360 * 100%);
	margin: 0 calc(60 / 1360 * 100%) calc(73 / 1360 * 100%) 0;
}
.frame10 .pict {
	width: calc(530 / 1360 * 100%);
	margin: 0 calc(73 / 1360 * 100%) calc(91 / 1360 * 100%) 0;
}
.frame11 .pict {
	width: calc(616 / 1360 * 100%);
	margin: 0 calc(87 / 1360 * 100%) calc(82 / 1360 * 100%) 0;
}
.frame12 .pict {
	width: calc(591 / 1360 * 100%);
	margin: 0 calc(95 / 1360 * 100%) calc(82 / 1360 * 100%) 0;
}
.frame13 .pict {
	width: calc(696 / 1360 * 100%);
	margin: 0 calc(52 / 1360 * 100%) calc(70 / 1360 * 100%) 0;
}
.frame14 .pict {
	width: calc(703 / 1360 * 100%);
	margin: 0 calc(80 / 1360 * 100%) calc(72 / 1360 * 100%) 0;
}
.frame15 .pict {
	width: calc(569 / 1360 * 100%);
	margin: 0 calc(67 / 1360 * 100%) calc(90 / 1360 * 100%) 0;
}
.frame16 .pict {
	width: calc(482 / 1360 * 100%);
	margin: 0 calc(80 / 1360 * 100%) calc(63 / 1360 * 100%) 0;
}
.frame17 .pict {
	width: calc(468 / 1360 * 100%);
	margin: 0 calc(115 / 1360 * 100%) calc(87 / 1360 * 100%) 0;
}
.frame18 .pict {
	width: calc(658 / 1360 * 100%);
	margin: 0 calc(125 / 1360 * 100%) calc(89 / 1360 * 100%) 0;
}
.frame19 .pict {
	width: calc(646 / 1360 * 100%);
	margin: 0 calc(89 / 1360 * 100%) calc(60 / 1360 * 100%) 0;
}
.frame20 .pict {
	width: calc(579 / 1360 * 100%);
	margin: 0 calc(50 / 1360 * 100%) calc(82 / 1360 * 100%) 0;
}
.frame21 .pict {
	width: calc(498 / 1360 * 100%);
	margin: 0 calc(95 / 1360 * 100%) calc(48 / 1360 * 100%) 0;
}
.frame22 .pict {
	width: calc(590 / 1360 * 100%);
	margin: 0 calc(88 / 1360 * 100%) calc(70 / 1360 * 100%) 0;
}
.frame23 .pict {
	width: calc(603 / 1360 * 100%);
	margin: 0 calc(48 / 1360 * 100%) calc(55 / 1360 * 100%) 0;
}
.frame24 .pict {
	width: calc(1191 / 1360 * 100%);
	margin: 0 calc(96 / 1360 * 100%) calc(90 / 1360 * 100%) 0;
}
.frame25 .pict {
	width: calc(456 / 1360 * 100%);
	margin: 0 calc(90 / 1360 * 100%) calc(90 / 1360 * 100%) 0;
}
.frame26 .pict {
	width: calc(720 / 1360 * 100%);
	margin: 0 calc(50 / 1360 * 100%) calc(68 / 1360 * 100%) 0;
}
.frame27 .pict {
	width: calc(721 / 1360 * 100%);
	margin: 0 calc(95 / 1360 * 100%) calc(82 / 1360 * 100%) 0;
}
.frame28 .pict {
	width: calc(588 / 1360 * 100%);
	margin: 0 calc(89 / 1360 * 100%) calc(85 / 1360 * 100%) 0;
}
@media screen and (min-width: 769px) {
	#torisetsu {
	}
	#torisetsu .content {
	}
	#torisetsu .contentInner {
		max-width: 1200px;
		padding: 0 19px;
		box-sizing: border-box;
	}
	#torisetsu .title {
		width: calc(448 / 1162 * 100%);
		margin: auto;
		padding: calc(40 / 1162 * 100%) 0 calc(47 / 1162 * 100%) 0;
	}
	#torisetsu .list {
		grid-template-columns: repeat(4, 1fr);
		gap: 6px;
		max-width: 1162px;
		margin: 0 auto;
		border: 6px solid #008a3d;
		box-sizing: border-box;
	}
	#torisetsu .list .item .frame {
		position: relative;
	}
	#torisetsu .list .item .frame .image {
		transition: transform 0.2s ease-out;
	}
	#torisetsu .list .item a:hover {
		cursor: url('../img/icon_cursor.png'), auto;
	}
	#torisetsu .list .item a:hover .frame .image {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
		transform: scale(1.2);
	}
	#torisetsu .list .item a:hover .frame .image:before {
		content: "";
		position: absolute;
		top: -6px;
		bottom: -6px;
		left: -6px;
		right: -6px;
		background-color: #008a3d;
	}
	#torisetsu .list .item .frame .image img {
		position: relative;
		z-index: 2;
	}
	#modalPictSlide .frame {
		border: 10px solid #008a3d;
	}
}

body.lock {
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}
.modal-link {
	cursor: pointer;
}
.modalContentWrap {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100000;
}
.modalContentWrap.open {
}
.modalContentWrap .bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(13, 110, 72, 0.95);
}
.modalContentWrap .modalContent {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.modalContentWrap .modalContent .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(600 / 750 * 100%);
	max-width: 688px;
	height: 100%;
	text-align: center;
	margin: auto;
}
.modalContentWrap .modalContent .wrap {
	position: relative;
	width: 100%;
}
.modalContentWrap .modalContent .closeButtonArea {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.modalContentWrap .modalContent .closeButton {
	cursor: pointer;
	position: absolute;
	height: auto;
	top: 10px;
	right: 10px;
	width: calc(32 / 750 * 100%);
	background-image: url(../img/img_modal_close.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 1 / 1;
}
.modalContentWrap .slick-arrow {
	width: 3.6rem;
	height: auto;
	background-image: url(../img/img_modal_prev.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 64 / 107;
}
.modalContentWrap .slick-arrow.slick-prev {
	left: -7rem;
	border-top: 0;
	border-left: 0;
	transform: rotate(0);
}
.modalContentWrap .slick-arrow.slick-next {
	right: -7rem;
	border-top: 0;
	border-right: 0;
	transform: rotate(180deg);
}
.modalContentWrap .slick-arrow.slick-disabled {
	display: none !important; 
}
@media screen and (min-width: 769px) {
	.modalContentWrap .modalContent .closeButton {
		top: 30px;
		right: 30px;
		width: 3.2rem;
	}
	.modalContentWrap .slick-arrow {
		width: 3.4rem;
	}
	.modalContentWrap .slick-arrow.slick-prev {
		left: -13.2rem;
	}
	.modalContentWrap .slick-arrow.slick-next {
		right: -13.2rem;
	}
}

/* toTop2 */
#toTop2 {
	background-color: #00663e;
}
#toTop2:after {
	content: "";
	display: block;
	width: 100%;
	background-image: url(../img/bg_border_nav_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: calc(18 / 750 * 100%) 0 0 0;
}
#toTop2 a {
	display: block;
	width: calc(93.25 / 750 * 100%);
	margin: auto;
	padding: calc(42 / 750 * 100%) 0 calc(32 / 750 * 100%) 0;
}
@media screen and (min-width: 769px) {
	#toTop2:after {
		background-image: url(../img/bg_border_nav.png);
		padding: 10px 0 0 0;
	}
	#toTop2 a {
		width: 69px;
		padding: 28px 0 14px 0;
	}
}
/* healthclaim */

#healthclaim {
  font-size: 11px; /* 基準：1rem = 11px */
}
#healthclaim p {
  font-size: 1.2rem; /* 1.5 × 11px = 13px */
}

#healthclaim {
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.3;
	padding: calc(50 / 750 * 100%) calc(26 / 750 * 100%) 0 calc(26 / 750 * 100%);
}
#healthclaim p img {
	width: calc(560 / 750 * 100%);
	height: 100%;
	display: block;
	margin: 0 auto;
}
#healthclaim ul {
	padding: calc(40 / 750 * 100%) 0 0 0;	
}
#healthclaim ul li.text_large {
	font-size: 2.2rem;
	line-height: 1.3;
}
#healthclaim ul li {
	font-size: 1.6rem;
	line-height: 1.3;
/*
	text-indent: -1em;
	padding-left: 1em;
*/
}

@media screen and (min-width: 769px) {
	#healthclaim {
		font-size: 11px;
		line-height: 1.3;
		padding: calc(30 / 1162 * 100%) 0 calc(10 / 1162 * 100%) 0;
	}
	#healthclaim p img {
		width: calc(420 / 1162 * 100%);
	}
	#healthclaim ul {
		padding: calc(20 / 1162 * 100%) 0 0 0;	
	}
	#healthclaim ul li.text_large {
		font-size: 13px;
		line-height: 1.3;
	}
	#healthclaim ul li {
		font-size: 11px;
	}
}