img{
	max-width: 100%;
}
.ib {
	display: inline-block;
}
.btn-wrap {
    padding: 2.5em 0;
    margin-bottom: clamp(1.5em, 2em, 3vw);
    display: flex;
    gap: 1em;
    justify-content: center;
	flex-wrap:wrap;
	text-align: center;
}
/*ボタン設計*/
.btn-base{
	display: inline-block;
	width:320px;
	max-width: 100%;
	border: 1px solid #104b2b;
	color: #104b2b;
	background: #fff;
	line-height: 1.4em;
	padding: clamp(0.7em, 1.2em, 4vw) clamp(1em, 1.5em, 4vw);
	font-size: clamp(12px, 16px, 3vw);
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: 0.2s all ease-in;
	position: relative;
}
.btn-base:hover{
	background: #cde5d8;
    box-shadow: 0 0 15px -6px rgba(0, 0, 0, 0.4);
}
.btn-base:after{
	content: '';
	font-size: clamp(10px, 14px, 3vw);
	width: 0.7em;
	height: 0.7em;
	border-top: 2px solid #104b2b;
	border-right: 2px solid #104b2b;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	border-radius: 1px;
	transition: 0.2s ease-in;
}
/* 1：緑→白 */
.btn-col-1{
	background-color:#104b2b;
	color:#fff;
}
.btn-col-1:after{
	border-color:#fff;
}
.btn-col-1:hover{
	background-color:#fff;
	color:#104b2b;
}
.btn-col-1:hover:after{
	border-color:#104b2b;
}
/* 2：白→緑 */
.btn-col-2{
	border-color:#104b2b;
	background-color:#fff;
	color:#104b2b;
}
.btn-col-2:after{
	border-color:#104b2b;
}
.btn-col-2:hover{
	background-color:#cde5d8;
	color:#104b2b;
}
.btn-col-2:hover:after{
	border-color:#104b2b;
}

/* 3：オレンジ→白 */
.btn-col-3{
	border-color:#EA8108;
	background-color:#EA8108;
	color:#fff;
}
.btn-col-3:after{
	border-color:#fff;
}
.btn-col-3:hover{
	background-color:#fff;
	color:#EA8108;
}
.btn-col-3:hover:after{
	border-color:#EA8108;
}

/* 4：白→オレンジ */
.btn-col-4{
	border-color:#EA8108;
	background-color:#fff;
	color:#EA8108;
}
.btn-col-4:after{
	border-color:#EA8108;
}
.btn-col-4:hover{
	background-color:#fff3e7;
	color:#EA8108;
}
.btn-col-4:hover:after{
	border-color:#EA8108;
}
/* 5：ゴールド→白 */
.btn-col-5{
	border-color:#bd7f3c;
	background-color:#bd7f3c;
	color:#fff;
}
.btn-col-5:after{
	border-color:#fff;
}
.btn-col-5:hover{
	background-color:#fff;
	color:#bd7f3c;
}
.btn-col-5:hover:after{
	border-color:#bd7f3c;
}

/* 6：白→ゴールド */
.btn-col-6{
	border-color:#bd7f3c;
	background-color:#fff;
	color:#bd7f3c;
}
.btn-col-6:after{
	border-color:#bd7f3c;
}
.btn-col-6:hover{
	background-color:#fff3e7;
	color:#bd7f3c;
}
.btn-col-6:hover:after{
	border-color:#bd7f3c;
}