@charset "utf-8";

/* ===================================================
	Daytrip CSS
====================================================== */
.sec_plan {
	padding: clamp(60px, 18%, 100px) 0 clamp(60px, 22%, 120px);
}
.sec_plan.cmn_bg_gry {
	padding: clamp(60px, 13%, 100px) 0 clamp(60px, 16%, 120px);
}
.sec_plan .cmn_tit01 {
	margin: 0 0 clamp(15px, 5%, 30px);
}

/* 余白 */
.sec_plan .img + .txt,
.sec_plan .txt + .img02,
.sec_plan .note + .btn,
.sec_plan .note + .tel-link {
	margin: clamp(15px, 5%, 30px) 0 0;
}
.sec_plan .img02 + .cmn_table {
	margin: clamp(25px, 9%, 50px) 0 0;
}
.sec_plan .cmn_table + .note {
	margin: clamp(10px, 3.5%, 20px) 0 0;
}

/* img02 */
.sec_plan .img02 {
	display: flex;
	gap: 0 5px;
}
.sec_plan .img02 > div {
	width: 100%;
}

/* sec02 */
#sec02 .cmn_btn_reserve {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
}

/* sec03 */
#sec03 .tel-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: clamp(15px, 5%, 25px) max(20px, 6%);
	margin: clamp(15px, 7.2%, 40px) 0 0;
	text-align: center;
	background: #fff;
	border: 1px solid var(--color-bd);
}
#sec03 .tel-link .tel > span {
	display: inline-block;
}
#sec03 .tel-link .tel .font_lg {
	font-size: 20px;
}

@media screen and (min-width: 651px) {
	/* sec02 */
	#sec02 .cmn_btn_reserve {
		min-height: 85px;
	}

	/* sec03 */
	#sec03 .tel-link .tel .font_lg {
		font-size: 25px;
	}
}