@charset "UTF-8";


.anchor{
	margin-top: -70px !important;
}


.main {
  background: url(../img/top/foot_bg2.jpg) center top / cover no-repeat;
  padding-top: 0;
  padding-bottom: 0.5em;
}
.sec {
	padding-top: clamp(120px, 10%, 220px);
	padding-bottom: clamp(120px, 10%, 220px);
}


h2{
	max-width: 30%;
	width: 300px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sub_ttl{
	font-weight: 700;
	font-size: clamp(16px, 2.8cqw, 28px);
	margin-top: 1em;
	text-align: center;
}
.tokuten_wrap{
	margin-top: clamp(80px, 8%, 120px);
}
.item_ttl{
	font-weight: 700;
	font-size: clamp(16px, 2.2cqw, 24px);
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.item_ttl::before,
.item_ttl::after{
	content: '';
	flex: 1;
	height: 1px;
	background-color: #333;
}

.item_ttl::before{
	margin-right: 0;
}

.item_ttl::after{
	margin-left: 0;
}

.item_ttl span{
	background-color: #555;
	color: #fff;
	padding: 0.3em 1em;
	position: relative;
	z-index: 1;
}

.item_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	margin-top: 1em;
	/* border-top: 1px solid #333; */
	padding-top: 1em;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.item{
	display: block;
	flex: 0 0 calc((100% - (1em * 2)) / 3);
	max-width: calc((100% - (1em * 2)) / 3);
}

.item img{
	width: 100%;
	height: auto;
	display: block;
}

.foot{
	background: #fff;
	padding-top: 0;
	padding-bottom: 8%;
}

.cRight {
  margin-top: 2em;
  font-size: clamp(14px, 1.9cqw, 20px);
}

span + .item_ttl{
	margin-top: 2em;
}
/*--------------------PC--------------------*/
@media all and (min-width:768px){
	.item_wrap{
		gap: 1.8em;
	}
	
	.item{
		flex: 0 0 calc((100% - (1.8em * 4)) / 5);
		max-width: calc((100% - (1.8em * 4)) / 5);
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px){
	.tokuten_wrap{
		margin-top: 11cqw;
	}
	.item_ttl{
		font-size: 4cqw;
		margin-top: 1.5em;
		margin-bottom: 0.8em;
	}

	.item_wrap{
		gap: 1.2em;
	}
	
	.item{
		flex: 0 0 calc((100% - (1.2em * 2)) / 3);
		max-width: calc((100% - (1.2em * 2)) / 3);
	}
}

.btn01 {
	background: #30b4c1 url(../img/top/arrow_w.svg) right clamp(12px, 2vw, 24px) center / clamp(20px, 3vw, 40px) auto no-repeat;
	color: #fff;
	font-size: clamp(14px, 2vw, 20px);
	width: 90%;
	max-width: 500px;
	margin: clamp(40px, 6vw, 80px) auto 0;
	margin-top: 5em;
	opacity: 1;
	transition: .3s ease;
	padding: 1.2em 2em 1.2em 0.8em;
	line-height: 1.66;
	display: block;
	position: relative;
}

.btn01::before {
	content: '';
	border-left: 1px solid #30b4c1;
	border-top: 1px solid #30b4c1;
	width: clamp(60px, 8vw, 120px);
	aspect-ratio: 2 / 1;
	left: clamp(-8px, -1vw, -12px);
	top: clamp(-8px, -1vw, -12px);
	position: absolute;
}

.btn01::after {
	content: '';
	border-right: 1px solid #30b4c1;
	border-bottom: 1px solid #30b4c1;
	width: clamp(60px, 8vw, 120px);
	aspect-ratio: 2 / 1;
	right: clamp(-8px, -1vw, -12px);
	bottom: clamp(-8px, -1vw, -12px);
	position: absolute;
}