@charset "UTF-8";
/* CSS Document */

#main {
	height: 100dvh;
	min-height: 600px;
	padding-top: var(--head_padding_top);
}
#main > .inner{
	width: 100%;
	height: 100%;
	position: relative;
}
#main > .inner::before{
	content: '';
	display: block;
	width: 100%;
	height: 380px;
	background: linear-gradient(-180deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	position: absolute;
	bottom:0;
	left:0;
	z-index: 10;
}
#main .splide{height: calc(100% - 150px);}
#main .splide .splide__track{
	height: 100%;
}
#main .splide .splide__list .splide__slide {
  width: 100%;
  height: 100%;
}

#main .txtArea {
	width: fit-content;
	padding: 0px 38px 80px 38px;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	z-index: 15;
}
#main .txtArea .copy01{
  font-size: calc(30/var(--vw) * 100vw);
	line-height: calc(27/18);
	letter-spacing: 0.15em;
	color: var(--bace);
}
#main .txtArea .copy02{
  font-size: calc(45/var(--vw) * 100vw);
	line-height: calc(55/26);
	letter-spacing: 0.15em;
	color: var(--cc);
	white-space: nowrap;
}
#main .txtArea .exArea{
	column-gap: 15px;
	margin-top: 10px;
}
#main .txtArea .exArea li{
	color: #FFF;
	background: var(--cc);
  font-size: calc(15/14 * 1em);
	line-height: calc(18/15);
	letter-spacing: 0.15em;
	text-align: center;
	padding: 0.5em 0;
	flex: 1;
}
#main .txtArea .access{
	position: relative;
  font-size: calc(15/14 * 1em);
	line-height: calc(18/15);
	color: var(--cc);
	padding: 5px 45px;
	margin-top: 20px;
}
#main .txtArea .access::before,
#main .txtArea .access::after{
	content:'';
	display: block;
	width: 8px;
	height: 100%;
	border: 1px solid var(--cc);
	position: absolute;
	top:0;
}
#main .txtArea .access::before{
	border-right: none;
	left:0;
}
#main .txtArea .access::after{
	border-left: none;
	right:0;
}
#main .txtArea .access p{
  text-align: justify;      /* 全体の両端揃え */
  text-align-last: justify; /* 最終行（1行のみの場合）の両端揃え */
}

#main .txtArea .access p + p{
  margin-top: 0.25em;
}


body.top .top_bnrbox h2{margin-bottom: 30px;}



main .ctaBtList {
	padding: 0 5vw;
	column-gap: 15px;
	margin-bottom: 150px;
}