@charset "utf-8";

/* ------------------------------------------ */
/* HOME CSS */
/* ------------------------------------------ */
/* 共通　------------------------- */
@media(min-width: 1501px) {
	.wrap-right-out {
		margin-left: calc(50% - 1350px / 2);
		padding-right: calc(50% - 1350px / 2);
		box-sizing: border-box;
	}

	.wrap-right-out.no-rp {
		padding-right: 0;
	}
}

@media(max-width: 1500px) {
	.wrap-right-out {
		margin-left: 5%;
		padding-right: 5%;
	}
}

@media(min-width: 1501px) {
	.wrap-right-out2 {
		margin-left: calc(50% - 1350px / 2);
		box-sizing: border-box;
	}
}

@media(max-width: 1500px) {
	.wrap-right-out2 {
		margin-left: 5%;
	}
}

/* mainvisual ------------------------ */
.mainvisual {
	overflow: hidden;
	position: relative;
}

.mv-slider {
	height: 100vh;
	overflow: hidden;
}

.mv-slider.slick-slider {
	opacity: 0;
}

.mv-slider.slick-initialized.slick-slider {
	opacity: 1;
}

.mainvisual .slide-animation img {
	animation: fadezoom 8s 0s forwards;
}

@keyframes fadezoom {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.07);
	}
}

.mv .mv-wrap .mv-catch {
	line-height: 3.2;
	letter-spacing: 0.5em;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-80%);
	z-index: 1;
}

.mv .mv-wrap .mv-catch .word {
	display: block !important;
	/* js制御 */
}

@media(max-width: 1024px) {
	.mv .mv-wrap .mv-catch {
		right: 4.5%;
		line-height: 2.7;
		letter-spacing: 0.4em;
	}
}

@media(max-width: 480px) {

	.mv-slider,
	.mv .mv-wrap .slick-track {
		height: 85vh;
		height: 85dvh;
	}

	.mv .mv-wrap .mv-catch {
		line-height: 2.2;
		transform: translate(50%, 0);
		top: 150px;
		letter-spacing: 0.04em;
		font-size: 1.5rem;
		right: 50%;
	}

	.mv .mv-wrap .mv-catch span {
		font-size: 1.8rem;
		text-shadow: 1px 1px white;
	}
}

/* fixed-campaign　------------------------- */
.fixed-campaign {
	width: 100%;
	max-width: 360px;
	aspect-ratio: 1 / 1;
	background: url(../img/home/bg-fixedCampaign-20250321.svg) no-repeat right bottom;
	background-size: contain;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 800;
	transition: transform ease 0.4s;
}

.fixed-campaign.closed {
	transform: translateY(100%);
}

.fixed-campaign .links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 0 10%;
	position: absolute;
	left: 0;
	bottom: 10%;
	z-index: 1;
}

.fixed-campaign .links a {
	transition: opacity ease 0.25s;
	width: 140px;
}

.fixed-campaign .links a:hover {
	opacity: 0.8;
}

.fixed-campaign .btn-close {
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #444;
	position: absolute;
	right: 10px;
	top: 0;
	transform: translateY(-50%) scale(1);
	z-index: 1;
	cursor: pointer;
	transition: transform ease 0.2s;
}

.fixed-campaign.closed .btn-close {
	transform: translateY(-50%) scale(0);
}

.fixed-campaign .btn-close:before,
.fixed-campaign .btn-close:after {
	content: "";
	display: block;
	width: 17px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
}

.fixed-campaign .btn-close:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.fixed-campaign .btn-close:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.fixed-campaign .btn-open {
	display: block;
	width: 100%;
	line-height: 45px;
	padding-left: 50px;
	background-color: #06c755;
	color: #fff;
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transform: translateY(-100%) scaleX(0);
	transform-origin: right center;
	cursor: pointer;
	opacity: 0;
	transition: width ease 0.4s, transform ease 0.4s, opacity ease 0.4s;
}

.fixed-campaign.closed .btn-open {
	transform: translateY(-100%) scaleX(1);
	opacity: 1;
}

.fixed-campaign .btn-open:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	left: 20px;
	top: 55%;
	transform: translateY(-50%) rotate(-45deg);
	transition: top ease 0.3s;
}

@media (min-width: 768px) {
	.fixed-campaign .btn-open:hover:before {
		top: 40%;
	}
}

@media (max-width: 480px) {
	.fixed-campaign {
		max-width: 280px;
	}

	.fixed-campaign .links {
		gap: 5px;
	}

	.fixed-campaign .btn-open {
		width: 100vw;
	}
}

/* sec-event　------------------------- */
#sec-event .event-wrap {
	padding-left: 130px;
}

#sec-event .event-head {
	padding-left: 50px;
}

#sec-event .event-cont {
	position: relative;
	column-gap: 4%;
	padding-left: 50px;
	padding-right: 50px;
}

#sec-event .event-cont::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background-color: #f6f5e3;
}

#sec-event .event-cont::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 140px;
	background: url(../img/home/bg-wagara_repeatX.png) repeat-x;
	background-size: contain;
}

#sec-event .event-cont .term {
	position: absolute;
	top: -11px;
	right: 0;
	padding-right: 50px;
}

#sec-event .event-cont .term .term-block {
	position: relative;
	display: block;
	max-width: 90vw;
	background-color: #f1e671;
	padding: 8px 25px;
}

#sec-event .event-cont .term .term-block:before {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 11px;
	height: 11px;
	background-color: #c3b200;
	clip-path: polygon(0 0, 100% 100%, 0 100%);
}

#sec-event .event-cont .left {
	flex: 1;
}

#sec-event .event-cont .right {
	max-width: 420px;
	width: 39%;
	padding-top: 25px;
}

#sec-event .event-img {
	width: 100%;
}

#sec-event .event-img>img {
	width: 100%;
	height: 100%;
}

@media(min-width:768px) {
	#sec-event .event-cont .right {
		text-align: center;
	}

	#sec-event .event-img>img {
		max-width: 100%;
		max-height: 400px;
		width: auto;
	}
}

@media(max-width:1200px) {
	#sec-event .event-wrap {
		padding-left: 65px;
	}
}

@media(max-width:1024px) {
	#sec-event .event-wrap {
		padding-left: 5%;
	}

	#sec-event .event-head {
		padding-left: 5%;
	}

	#sec-event .event-cont {
		padding-right: 5%;
		padding-left: 5%;
	}

	#sec-event .event-cont.is-period {
		padding-top: 60px;
	}

	#sec-event .event-cont .term .term-block {
		padding: 8px 15px;
	}
}

@media(max-width:767px) {
	#sec-event .event-cont .left {
		flex: 0 1 auto;
		width: 100%;
	}

	#sec-event .event-cont .right {
		width: 100%;
		max-width: none;
		padding-top: 40px;
	}

	#sec-event .event-cont .term {
		padding-left: 5%;
		padding-right: 5%;
	}

	#sec-event .event-head {
		column-gap: 25px;
	}

	#sec-event .event-cont .btn-area {
		width: 100%;
	}
}

@media(max-width:480px) {
	#sec-event .event-head .mr40 {
		margin-right: 5%;
	}

	#sec-event .btn-area {
		width: 100%;
	}

	#sec-event .event-cont.is-period {
		padding-top: 45px;
		margin-left: -5%;
	}

	#sec-event .event-cont .term {
		width: 100%;
	}

	#sec-event .event-cont .term .term-block {
		font-size: 1.2rem;
		padding: 8px 0;
		text-align: center;
	}

	#sec-event .event-cont .term .term-block .date {
		display: block;
	}

	#sec-event .event-cont .left .ttl {
		margin-bottom: 10px;
	}

	#sec-event .event-cont .left .f-sz18 {
		font-size: 1.55rem;
	}

	#sec-event .event-cont .right {
		padding-top: 20px;
	}

	#sec-event .btn-area.sp-only .btnarea {
		justify-content: center;
		padding-top: 10px;
	}
}

@media(max-width:374px) {
	#sec-event .event-head .ttl {
		letter-spacing: 0.1em;
	}
}

/* sec-about  ------------------------- */
#sec-about .about-top {
	position: relative;
	overflow: hidden;
}

#sec-about .about-top .txt-box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

#sec-about .about-top .ttl {
	padding-top: 70px;
	letter-spacing: 0.2em;
}

#sec-about .about-top .txt {
	position: absolute;
	top: 0;
	right: -120px;
	letter-spacing: 0.2em;
}

/* Chrome, Edge用 */
_:lang(x)::-internal-media-controls-overlay-cast-button,
#sec-about .about-top .ttl {
	letter-spacing: -0.2em;
}

_:lang(x)::-internal-media-controls-overlay-cast-button,
#sec-about .about-top .txt {
	letter-spacing: -0.2em;
}

#sec-about .about-top .img-left {
	position: absolute;
	top: 25px;
	width: 41.2%;
	overflow: hidden;
}

#sec-about .about-top .img-right {
	position: absolute;
	top: 170px;
	right: 0;
	width: 32.1%;
	overflow: hidden;
}

#sec-about .about-top .img-left::after,
#sec-about .about-top .img-right::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}

#sec-about .about-top .img-left.is-active::after,
#sec-about .about-top .img-right.is-active::after {
	animation-name: img-anm;
	animation-duration: 0.8s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#sec-about .about-top .img-right.is-active::after {
	animation-delay: 0.3s
}

#sec-about .message {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(65px);
}

#sec-about .btnarea {
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	/*max-width: calc(200px * 2 + 30px);*/
	margin: 0 auto;
}

#sec-about .btnarea .btn {
	width: calc(50% - 15px);
}

@keyframes img-anm {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(101%);
	}
}

@media(min-width: 2000px) {
	#sec-about .about-top .img-left {
		height: 300px;
	}

	#sec-about .about-top .img-right {
		height: 230px;
	}

	#sec-about .about-top .img-left>img,
	#sec-about .about-top .img-right>img {
		object-fit: cover;
		object-position: top;
	}
}

@media(max-width: 1200px) {
	#sec-about .top .img-right {
		width: 29.5%;
	}
}

@media(max-width: 991px) {
	#sec-about .about-top .img-right {
		width: 27%;
	}

	#sec-about .message {
		margin-right: 0;
		transform: none;
	}
}

@media(max-width: 767px) {
	#sec-about .about-top {
		margin-bottom: 30px;
	}

	#sec-about .about-top .img-left,
	#sec-about .about-top .img-right {
		position: static;
	}

	#sec-about .about-top .img-left {
		width: 85%;
		min-width: 250px;
		margin-bottom: 40px;
	}

	#sec-about .about-top .img-right {
		width: 35%;
		min-width: 150px;
		margin-left: auto;
	}

	#sec-about .about-top .txt-box {
		margin-bottom: 35px
	}

	/* #sec-about .btnarea {
		width: 100%;
		gap: 5px;
	}
	#sec-about .btnarea .btn {
		width: calc(50% - 2.5px);
	} */
}

/* @media(max-width:640px) {
	#sec-about .btnarea .btn {
		width: calc(100% / 2 - 15px);
	}
} */
@media(max-width: 480px) {
	#sec-about .btnarea {
		width: 100%;
		gap: 5px;
	}

	#sec-about .btnarea .btn {
		width: calc(50% - 2.5px);
	}

	#sec-about .about-top .txt {
		font-size: 1.5rem;
	}

	#sec-about .message .mb50 {
		margin-bottom: 15px;
	}

	#sec-about .btnarea .btn .btn-txt {
		font-size: min(4.2vw, 1.5rem);
	}
}

@media(max-width: 413px) {
	/* #sec-about .btnarea {
		gap: 15px;
	} */
	/* #sec-about .btnarea .btn {
		width: 100%;
	} */
}

/* sec-cmn  ------------------------- */
.sec-cmn {
	position: relative;
}

.sec-cmn.bg::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 61.8%;
	opacity: 0;
	transition: opacity linear 1.2s;
}

.sec-cmn.js-classitem.is-active.bg::before {
	opacity: 1;
}

.sec-cmn.bg-pnk,
.sec-cmn.bg-blu,
.sec-cmn.bg-grn {
	background: #fff;
}

.sec-cmn.bg-pnk::before {
	background-color: #f9eff8;
}

.sec-cmn.bg-blu::before {
	background-color: #eaedf2;
}

.sec-cmn.bg-grn::before {
	background-color: #e8f3f6;
}

.sec-cmn .sec-wrap {
	column-gap: 45px;
}

.sec-cmn .img-area {
	width: 56.2%;
	z-index: +1;
}

.sec-cmn .txt-area {
	position: relative;
	flex: 1;
}

.sec-cmn .txt-sub {
	position: absolute;
	top: 25px;
	right: 0;
	letter-spacing: 0.55em;
}

.sec-cmn .txt-ttl {
	letter-spacing: 0.4em;
	line-height: 1.625;
}

.sec-cmn .txt-desc {
	line-height: 2.118;
}

/* Chrome, Edge用 */
_:lang(x)::-internal-media-controls-overlay-cast-button,
.sec-cmn .txt-sub {
	letter-spacing: 0.3em;
}

_:lang(x)::-internal-media-controls-overlay-cast-button,
.sec-cmn .txt-ttl {
	letter-spacing: 0.03em;
}

@media(min-width:768px) {
	.sec-cmn .sec-wrap {
		box-sizing: border-box;
		width: 90%;
		margin: 0 auto;
		max-width: 1350px;
		column-gap: 45px;
	}

	.sec-cmn:nth-of-type(even) .img-area {
		order: 1;
	}
}

@media(max-width:1023px) {
	.sec-cmn .img-area {
		width: 50%;
	}
}

@media (min-width:767px) and (max-width: 1023px) {
	.sec-cmn .txt-sub {
		line-height: 2;
	}
}

@media(max-width:767px) {
	.sec-cmn .img-area {
		width: 90%;
	}

	.sec-cmn:nth-of-type(even) .img-area {
		margin-left: auto;
	}

	.sec-cmn .txt-area {
		width: 90%;
		margin: 0 auto;
		flex: 0 1 auto;
	}
}

@media(max-width:480px) {
	.sec-cmn.bg::before {
		height: 65%;
	}

	.sec-cmn .txt-sub {
		line-height: 1.7;
		letter-spacing: 0.015em;
		font-size: min(3.9vw, 1.6rem);
		right: 5px;
	}

	.sec-cmn .btnarea {
		/*justify-content: normal;*/
	}

	/*.sec-cmn .btnarea .btn.btnW-sp-half.btn-more {
        margin-left: -20px;
    }*/
	.sec-cmn .txt-desc {
		line-height: 1.9;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}

	.sec-cmn .txt-ttl {
		font-size: 2.4rem;
	}
}

@media(max-width:375px) {
	.sec-cmn.bg::before {
		height: 70%;
	}

	.sec-cmn .txt-sub {
		line-height: 1.7;
	}
}

/* sec-kakejiku  ------------------------- */
#sec-kakejiku .sec-cont {
	min-height: 360px;
}

#sec-kakejiku .txt-area {
	padding-left: 4%;
	padding-right: 30px;
	width: 535px;
}

#sec-kakejiku .txt-area .desc {
	line-height: 2.118;
}

#sec-kakejiku .img-area {
	flex: 1;
}

@media(max-width:1023px) {
	#sec-kakejiku .txt-area {
		width: 50%;
	}
}

@media(max-width:767px) {
	#sec-kakejiku .sec-cont {
		min-height: auto;
	}

	#sec-kakejiku .txt-area {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: clamp(3rem, 2.3328rem + 1.39vw, 4rem);
	}

	#sec-kakejiku .img-area {
		width: 100%;
		aspect-ratio: 407 / 180;
		flex: 0 1 auto;
		order: -1;
	}

	#sec-kakejiku .img-area>img {
		object-fit: contain;
	}
}

@media(max-width:480px) {
	#sec-kakejiku .txt-area .desc {
		line-height: 1.8;
	}
}

/* sec-news  ------------------------- */
#sec-news .sec-wrap {
	padding-right: 3.34%;
}

#sec-news .news-cont {
	position: relative;
}

#sec-news .ttl-area .ttl-ja {
	padding-left: 90px;
	letter-spacing: 0.35em;
}

#sec-news .ttl-area .ttl-en::before {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.6);
}

#sec-news .ttl-area .ttl-en::before {
	bottom: 0;
	left: 44%;
	height: 100%;
	width: 1px;
}

#sec-news .ttl-area .ttl-en .txt {
	background-color: #fff;
	padding-bottom: 25px;
	letter-spacing: 0.01em;
}

#sec-news .news-list {
	padding: 15px 0 25px 17%;
}

#sec-news .news-list .news-item .cont-box {
	min-height: 100px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px max(3%, 10px);
	position: relative;
}

#sec-news .news-list .news-item .cont-box::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #555;
	transition: all .3s ease;
}

#sec-news .news-list .news-item .news-date {
	width: 130px;
}

@media(min-width: 1024px) {
	#sec-news .news-list .news-item .cont-box:hover::after {
		width: 100%;
	}
}

@media(min-width: 768px) {
	#sec-news .news-cont {
		min-height: 270px;
	}

	#sec-news .news-list .news-item .news-cat {
		min-width: 150px;
		padding-right: 20px;
	}

	#sec-news .news-list .news-item .news-ttl {
		flex: 1;
	}

	#sec-news .ttl-area .ttl-en {
		position: absolute;
		bottom: 0;
		left: 30px;
		height: 65%;
	}
}

@media(max-width:767px) {
	#sec-news .sec-wrap {
		padding-right: 0;
	}

	#sec-news .ttl-area {
		position: relative;
		max-width: none;
		width: 100%;
		display: flex;
		align-items: center;
	}

	#sec-news .ttl-area .ttl-ja {
		padding-left: max(3%, 10px);
		margin-right: 25px;
		flex: 0 0 auto;
	}

	#sec-news .ttl-area .ttl-en {
		position: relative;
		padding-left: min(20%, 125px);
		width: fit-content;
		order: 1;
	}

	#sec-news .ttl-area .ttl-en::before {
		bottom: 49%;
		left: 0;
		height: 1px;
		width: 100%;
	}

	#sec-news .ttl-area .ttl-en .txt {
		display: block;
		padding-bottom: 0;
		padding-left: 25px;
		margin-bottom: 3px;
	}

	#sec-news .news-list {
		max-width: none;
		padding-left: 0;
	}

	#sec-news .news-list .news-item .cont-box {
		min-height: 100px;
	}

	#sec-news .news-list .news-item .upper-stage {
		width: 100%;
	}

	#sec-news .news-list .news-item .news-cat {
		width: auto;
	}

	#sec-news .news-list .news-item .news-date {
		width: 100%;
	}
}

@media(max-width:480px) {
	#sec-news .ttl-area .ttl-ja {
		margin-right: 15px;
	}

	#sec-news .ttl-area .ttl-en {
		padding-left: 15%;
	}

	#sec-news .ttl-area .ttl-en .txt {
		padding-left: 15px;
	}
}

@media(max-width:375px) {
	#sec-news .ttl-area .ttl-en {
		padding-left: 10%;
	}

	#sec-news .ttl-area .ttl-en .txt {
		padding-left: 10px;
	}
}

/* sec-voice  ------------------------- */
#sec-voice .sec-wrap {
	position: relative;
	padding-left: 35px;
}

#sec-voice .voice-cont {
	min-height: 50px;
}

#sec-voice .voice-cont a {
	display: inline-flex;
}

#sec-voice .ttl {
	position: relative;
	padding-left: 50px;
	/*padding-right: 40px;*/
	width: 280px;
}

#sec-voice .ttl-area .txt-top {
	line-height: 1.882;
}

#sec-voice .ttl::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 28px;
	height: 27px;
	transform: translateY(-50%);
	background: url(../img/home/icon-voice-blk.svg) no-repeat;
}

#sec-voice .link-box {
	position: relative;
	z-index: 0;
}

#sec-voice .link-box .link-item {
	display: block;
	padding: 5px 0 5px 70px;
	position: relative;
	/*white-space: nowrap;*/
	max-width: 100%;
	/*overflow: hidden;*/
}

#sec-voice .link-box .link-item .arrow {
	position: absolute;
	top: 50%;
	left: 35px;
	z-index: -1;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #F1E671;
	transform: translateY(-50%);
}

#sec-voice .link-box .link-item .arrow::before {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

#sec-voice .link-box .link-item .txt-voice {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.slider-voice {
	overflow: hidden;
	opacity: 0;
}

.slider-voice.slick-initialized {
	opacity: 1;
}

@media(min-width:992px) {
	#sec-voice .sec-wrap {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#sec-voice .link-box {
		flex: 1;
		max-width: calc(100% - 280px);
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}

	.slider-voice {
		height: 50px;
		display: flex;
		align-items: center;
	}
}

@media(max-width:991px) {
	#sec-voice .sec-wrap {
		padding-left: 5vw;
	}

	#sec-voice .ttl {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	#sec-voice .link-box {
		width: 100%;
	}

	#sec-voice .link-box .link-item {
		padding: 20px 0 20px 35px;
	}

	/*.slider-voice {
        height: auto;
    }*/
	#sec-voice .link-box .link-item {
		white-space: normal;
	}

	#sec-voice .link-box .link-item .arrow {
		left: 0;
		top: 35px;
	}

	#sec-voice .link-box .link-item .txt-voice {
		-webkit-line-clamp: 2;
	}
}

@media(max-width:767px) {
	#sec-voice .ttl {
		padding-left: 40px;
	}
}

/* sec-five  ------------------------- */
#sec-five .ttl-area {
	flex: 0 0 auto;
	width: 300px;
}

#sec-five .bottom-area {
	position: relative;
}

#sec-five .sec-ttl {
	letter-spacing: 0.6em;
}

#sec-five .slick-area {
	position: relative;
	width: calc(100% - 300px);
}

#sec-five .slick-area .slider-item {
	padding-top: 20px;
}

#sec-five .slick-area .item-cont {
	position: relative;
	min-height: 285px;
	width: 450px;
	padding-left: 20px;
	padding-right: 25px;
	margin-right: 40px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#sec-five .slick-area .month {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 50px;
	transform: translateY(-50%);
}

#sec-five .slick-area .desc {
	line-height: 1.867;
}

@media(min-width: 1501px) {
	#sec-five .bottom-area {
		padding-left: calc(50% - 1350px / 2);
		box-sizing: border-box;
	}
}

@media(max-width: 1500px) {
	#sec-five .bottom-area {
		padding-left: 5%;
	}
}

@media(max-width:991px) {
	#sec-five .ttl-area {
		width: 100%;
		padding-top: 0;
		margin-bottom: 15px;
	}

	#sec-five .slick-area {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#sec-five .slick-area .item-cont {
		width: 350px;
	}

	#sec-five .head-sub {
		display: block;
	}
}

@media (max-width: 480px) {
	#sec-five .slick-area .item-cont {
		width: 300px;
		padding-left: 10px;
		padding-right: 15px;
		margin-right: 25px;
	}
}

@media (max-width: 375px) {
	#sec-five .slick-area .item-cont {
		width: 240px;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 20px;
	}

	#sec-five .head-sub {
		font-size: 1.4rem;
	}
}

/* slide-controller ------ */
.box-property-control {
	position: absolute;
	top: -40px;
	right: 0;
	width: 100%;
	transform: translateY(-100%);
}

.slide-controller {
	display: flex;
	align-items: center;
	justify-content: right;
	position: relative;
	z-index: 1;
}

.slide-controller .arrow.slick-disabled {
	cursor: default;
	background-color: rgba(0, 0, 0, 0.15);
}

.slide-controller .slick-arrow.slick-hidden {
	display: block;
	pointer-events: none;
}

.slide-controller .arrow {
	width: 70px;
	height: 70px;
	background-color: #e5e5e5;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	transition: background-color 0.2s ease;
	z-index: 1;
}

.slide-controller .arrow:before {
	content: "";
	width: 13px;
	height: 13px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	position: absolute;
	top: 50%;
	left: 50%;
}

.is-right .arrow:before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.is-left .arrow:before {
	transform: translate(-50%, -50%) rotate(-135deg);
}

.slide-controller .slick-disabled .arrow,
.slide-controller .slick-hidden .arrow {
	opacity: 0.5;
	cursor: default;
}

@media(max-width:991px) {
	.box-property-control {
		top: 30px;
		transform: none;
	}
}

@media (max-width: 767px) {
	#sec-five .wrap-l:has(.top-txt) {
		margin-bottom: 20px;
	}
}

@media (max-width: 480px) {
	.box-property-control {
		/*position: static;
		margin-top: 20px;*/
		top: 30px;
	}

	.box-property-control .arrow-wrap {
		width: 100%;
		padding-right: 5%;
	}

	.box-property-control .slide-controller {
		transform: scale(0.7);
		transform-origin: right;
	}
}

/* sec-baby  ------------------------- */
#sec-baby {
	padding-top: 120px;
	position: relative;
	z-index: 0;
}

#sec-baby::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background-color: #fff;
}

#sec-baby::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 90px;
	aspect-ratio: 1/1;
	background: url(../img/home/baby.svg) no-repeat;
	transform: translateX(-50%);
}

#sec-baby .ttl-area {
	display: flex;
	justify-content: center;
}

#sec-baby .sec-ttl {
	line-height: 3.235;
}

/* Chrome, Edge用 */
_:lang(x)::-internal-media-controls-overlay-cast-button,
#sec-baby .sec-ttl {
	letter-spacing: 0;
}

_:lang(x)::-moz-placeholder,
#sec-baby .sec-ttl {
	letter-spacing: 0.5em;
}

#sec-baby .cont-list {
	column-gap: 60px;
	column-gap: 4.8%;
}

#sec-baby .cont-list .list-item {
	width: calc(50% - 2.4%);
	padding-left: 20px;
	padding-right: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#sec-baby .cont-list .list-item:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#sec-baby .cont-list .top-area {
	margin-bottom: 10px;
	padding-top: 5px;
}

#sec-baby .cont-list .top-area .ttl {
	margin-right: 30px;
	line-height: 1.25;
}

#sec-baby .cont-list .top-area .ttl-sub {
	flex: 1;
}

#sec-baby .cont-list .txt {
	line-height: 1.867;
}

@media(min-width:768px) {
	#sec-baby .cont-list .list-item:nth-last-child(2) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

@media(max-width:767px) {
	#sec-baby .cont-list .list-item {
		width: 100%;
	}
}

@media(max-width:480px) {
	#sec-baby {
		padding-top: 95px;
	}

	#sec-baby::before {
		height: 38px;
	}

	#sec-baby::after {
		width: 76px;
	}

	#sec-baby .sec-ttl {
		line-height: 2.5;
	}

	#sec-baby .cont-list .list-item {
		padding: 20px 15px;
	}

	#sec-baby .cont-list .top-area {
		margin-bottom: 5px;
	}

	#sec-baby .cont-list .top-area .ttl-sub {
		flex: 0 1 auto;
		width: 100%;
		margin-top: 10px;
	}
}

/* sec-map  ------------------------- */
#sec-map .map-cont {
	height: 350px;
}

#sec-map .map-cont iframe {
	width: 100%;
	height: 100%
}

@media (max-width:480px) {
	#sec-map .map-cont {
		height: 250px;
	}
}

/* toTop */
#toTop {
	display: none !important;
	/* js制御 */
}