@charset "utf-8";

.clearfix {
	display: block;
}

.tab,
.sp {
	display: none !important;
}

.pc {
	display: block !important;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
	color: #000;
}

/* fv */
#fv {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 2%;
	text-align: center;
}

#fv_left {
	width: 50%;
	min-width: 640px;
	flex-shrink: 0;
	text-align: right;
	box-sizing: border-box;
	padding-right: 2em;
}

#fv_photo {
	width: 50%;
	min-width: 640px;
	flex-shrink: 0;
	height: 800px;
}

#fv_left img {
	max-width: 600px;
	height: auto;
	display: inline-block;
}

#fv_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	display: block;
}

/* cta */
.cta {
	width: 100%;
	background-color: #f38200;
	padding: 2% 0;
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
}

.wrapper {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.cta_box {
	background-color: #fff;
	border-radius: 20px;
	padding: 2%;
	margin: 0 0 1%;
}

.cta .title {
	color: #fff;
	margin: 2% 0;
}

.cta .title:first-child {
	margin-top: 0;
}

.cta .wrapper > p {
	text-align: center;
	color: #fff;
}

.cta_box article {
	display: flex;
	align-items: center;
	margin: 0 0 2%;
	font-size: 0.9em;
	position: relative;
}

.cta_box article:last-of-type {
	margin: 0;
}

.area {
	width: 110px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	background-color: #f38200;
	margin: 0 2% 0 0;
	padding: 1% 0;
	line-height: 1;
	position: relative;
}

.area img {
	position: absolute;
	left: -36px;
	top: -12%;
	width: 55%;
}

#full {
	font-weight: 700;
	color: #da465a;
}

#onlyafewleft {
	font-weight: 700;
	color: #278cc7;
}

.day {
	padding: 0 0 0 4%;
	background-image: url(../images/cta_icon01.webp);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 32px;
	margin: 0 2% 0 0;
}

.day.no_bg {
	background-image: none;
}

.place {
	padding: 0 0 0 3%;
	background-image: url(../images/cta_icon02.webp);
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 32px;
	margin: 0 2% 0 0;
}
.cta_box article {
	position: relative;
}

.cta_box article div.day_icon {
	width: 15%;
	position: absolute;
	margin-left: 0;
	left: -16px;
	top: -45px;
	transform: rotate(-8deg);
}
.cta_box article div {
	margin-left: auto;
	width: 23%;
	text-align: center;
}

.cta_box article div a {
	color: #000;
	text-decoration: none;
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
	display: block;
	padding: 3.5% 0 4%;
	border: #f38200 1px solid;
	border-radius: 999px;
	box-sizing: border-box;
}

/* box01 */
#box01 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

.title {
	text-align: center;
	margin: 0 0 5%;
	font-size: clamp(24px, 19.8261px + 1.3043vw, 36px);
	font-weight: 900;
}

#box01 > div {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#box01 div article {
	border: #ccc 1px solid;
	padding: 1.5% 1%;
	text-align: center;
	width: 18.5%;
	box-sizing: border-box;
	border-radius: 10px;
}

#box01 div article figure {
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0.5em;
}

#box01 div article p {
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	font-weight: 700;
	line-height: 1.4em;
}

/* box01 new card design */
#box01 > .box01_cards {
	display: flex;
	justify-content: center;
	gap: 24px;
	align-items: stretch;
}

.box01_card {
	background: #e8ecf5;
	border-radius: 16px;
	padding: 40px 28px 32px;
	flex: 1;
	text-align: center;
}

.box01_card_icon {
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box01_card_icon svg {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
}

.box01_card:nth-child(1) .box01_card_icon svg {
	fill: #5ab0e0;
}

.box01_card:nth-child(2) .box01_card_icon svg {
	fill: #f599b5;
}

.box01_card:nth-child(3) .box01_card_icon svg {
	fill: #f5c030;
}

.box01_card_title {
	font-size: clamp(16px, 14px + 0.5vw, 20px);
	font-weight: 700;
	color: #333;
	margin-bottom: 12px;
}

.box01_card_text {
	font-size: clamp(13px, 11px + 0.4vw, 15px);
	color: #333;
	line-height: 1.7;
}

/* box02 */
#box02 {
	width: 100%;
	background-color: #fff9d9;
	padding: 0 0 5%;
}

.arrow {
	margin: 0 auto;
	max-width: 470px;
}

#box02_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 3%;
}

#box02_title h2.title {
	margin: 0;
}

#box02_title span {
	color: #fff;
	background-color: #f38200;
	border-radius: 10px;
	display: inline-block;
	padding: 0.5% 3%;
	margin: 0 0 2%;
}

#box02 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#box02 ul li {
	background-color: #fff;
	border-radius: 10px;
	width: 49%;
	margin: 0 0 2%;
	padding: 2% 3% 2% 6%;
	box-sizing: border-box;
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	font-weight: 700;
	background-image: url(../images/box02_icon.webp);
	background-repeat: no-repeat;
	background-position: left 20px top 24px;
	background-size: 7%;
}

#box02 ul li span {
	background: linear-gradient(transparent 60%, #ffff00 60%);
}

/* box03 */
#box03 {
	padding: 5% 0;
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}

#box03 div {
	display: flex;
	justify-content: space-between;
}

#box03 div article {
	width: 32%;
	background-color: #e4e9f6;
	border-radius: 0 20px 20px 0;
	position: relative;
	padding: 2%;
	box-sizing: border-box;
}

#box03 div article:nth-child(2) {
	background-color: #fdefee;
}

#box03 div article:nth-child(3) {
	background-color: #edf7f1;
}

.step {
	position: absolute;
	background-color: #5184c5;
	color: #fff;
	position: absolute;
	left: 6%;
	top: -3%;
	padding: 0 5% 0.5%;
}

#box03 div article:nth-child(2) .step {
	background-color: #ef858d;
}

#box03 div article:nth-child(3) .step {
	background-color: #3bb485;
}

#box03 div article h3 {
	font-size: clamp(24px, 19.8261px + 1.3043vw, 36px);
	margin: 0 0 5%;
}

#box03 div article h3 span {
	font-size: clamp(14px, 10.8696px + 0.9783vw, 23px);
	display: block;
}

#box03 div article h3 strong {
	color: #5184c5;
}

#box03 div article:nth-child(2) h3 strong {
	color: #ef858d;
}

#box03 div article:nth-child(3) h3 strong {
	color: #3bb485;
}

#box03 div article figure {
	text-align: center;
	margin: 0 0 3%;
}

/* box04 */
#box04 {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	padding: 0 0 5%;
}

#box04 h2.title {
	display: inline-block;
	position: relative;
	padding: 0 1.2em;
	margin: 0 0 2%;
}

#box04 h2.title::before {
	content: '＼';
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 700;
}

#box04 h2.title::after {
	content: '／';
	position: absolute;
	right: 0;
	bottom: 0;
	font-weight: 700;
}

#box04_box {
	text-align: left;
	border: #f6edba 10px solid;
	padding: 3%;
	display: flex;
	justify-content: space-between;
}

#box04_left {
	width: 50%;
}

#box04_left article {
	margin: 0 0 6%;
}

#box04_left article:last-of-type {
	margin: 0;
}

.point_title {
	display: flex;
	align-items: center;
	margin: 0 0 2%;
}

.point_title figure {
	width: 11%;
}

.point_title h3 {
	padding: 0 0 0 3%;
	font-size: clamp(18px, 13.8261px + 1.3043vw, 30px);
}

#box04_left ul li {
	background-image: url(../images/box04_icon04.webp);
	background-repeat: no-repeat;
	background-position: 5px;
	padding: 0 0 0 6%;
	margin: 0 0 1%;
}

#box04_box > figure {
	width: 45.2%;
}

/* box05 */
#box05 {
	background-color: #fff9d9;
	padding: 5% 0;
}

#box05 article {
	background-color: #fff;
	border-radius: 20px;
	padding: 3%;
	margin: 0 0 3%;
	display: flex;
	justify-content: space-between;
}

#box05 article:last-of-type {
	margin: 0;
}

#box05 article figure {
	width: 40%;
}

.profile {
	width: 57%;
}

#box05 article {
	display: block;
}

#box05 article figure {
	width: 20%;
	float: left;
	margin: 0 2% 0 0;
}

.profile {
	width: auto;
}

.profile h3 {
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	margin: 0 0 1%;
}

.instructor {
	display: flex;
	align-items: center;
	margin: 0 0 1%;
}

.instructor p {
	width: 60px;
	text-align: center;
	background-color: #36c3e1;
	color: #fff;
	padding: 0 0 0.1%;
	margin: 0 1% 0 0;
}

.instructor h4 {
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
	color: #36c3e1;
}

#koushi02 .instructor p {
	background-color: #da465a;
}

#koushi02 .instructor h4 {
	color: #da465a;
}

#koushi02 .profile_text a {
	color: #da465a;
}

#koushi03 .instructor p {
	background-color: #b0d57f;
}

#koushi03 .instructor h4 {
	color: #b0d57f;
}

#koushi03 .profile_text a {
	color: #b0d57f;
}

.instructor_text {
	text-align: center;
	margin: 5% 0 3%;
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	font-weight: 700;
}

.warning {
	text-align: center;
	padding: 2% 0;
}

/* box06 */
#box06 {
	margin: 0 auto;
	padding: 5% 0;
	text-align: center;
	background-color: #f8f8f8;
}

#box06 p {
	text-align: center;
	margin: 0 0 5%;
}

#box06 figure {
	text-align: center;
	width: 90%;
	max-width: 944px;
	margin: 0 auto;
}

#voice {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#box06 article {
	margin: 0 auto 1%;
	border: #000 2px solid;
	padding: 2%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	background-color: #fff;
	width: 48%;
	gap: 1em;
}

#box06 article p {
	order: 1;
	/* 左 */
	flex: 1;
	text-align: left;
	margin: 0;
}

#box06 article figure {
	order: 2;
	/* 右 */
	width: 130px;
	margin: 0;
	flex-shrink: 0;
	text-align: center;
}

#box06 article figure img {
	max-width: 100%;
	height: 130px;
	width: auto;
	object-fit: contain;
	display: inline-block;
	margin: 0 auto 0;
}

/* box07 */
#box07 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

#box07 h2 {
	margin: 0 0 1%;
}

.box07_text {
	text-align: center;
	margin: 0 0 5%;
}

#specialoffer {
	display: flex;
	justify-content: space-between;
}

#specialoffer article {
	width: 31%;
	border: #f38200 1px solid;
	padding: 4% 2.5% 3%;
	box-sizing: border-box;
	border-radius: 20px;
	position: relative;
}

.noicon {
	position: absolute;
	left: 50%;
	top: -6%;
	transform: translate(-50%, 0);
}

#specialoffer article figure {
	margin: 0 0 3%;
}

#specialoffer article p span {
	display: block;
	text-align: right;
	font-size: 0.8em;
}

#specialoffer article h3 {
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	margin: 0 0 2%;
}

/* box08 */
#box08 {
	padding: 0 0 5%;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.box08_top {
	display: flex;
	gap: 1em;
	justify-content: center;
	margin: 0 0 5%;
	font-size: clamp(24px, 19.8261px + 1.3043vw, 36px);
	font-weight: 900;
}

.box08_top p span {
	font-weight: 400;
	display: block;
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
	text-align: center;
}

.box08_event_title {
	display: block;
	width: 100%;
	text-align: left;
	color: #f38200;
	font-weight: 900;
	font-size: clamp(18px, 14.6087px + 1.087vw, 28px);
	margin: 0 0 3%;
	padding: 0 0 0.4em;
	border-bottom: 1px dashed #f38200;
}

#box08 article {
	display: flex;
	justify-content: space-between;
	margin: 0 0 5%;
}

.map {
	width: 48%;
}

.information {
	width: 47%;
}

.information_list {
	border-bottom: #ccc 1px solid;
	padding: 0 0 3%;
	margin: 0 0 3%;
	display: flex;
	align-items: center;
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
}

.information_list p.information_icon {
	background-color: #f38200;
	width: 20%;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 0 0 0.5%;
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
}

.information_list p {
	width: 80%;
	padding: 0 0 0 3%;
	box-sizing: border-box;
	font-size: 0.9em;
}

.information_list p span {
	display: block;
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
}

.information_list p strong {
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
	font-weight: normal;
	border: #000 1px solid;
	padding: 0 2% 0.7%;
}

.red {
	color: #da465a;
}

.contact_box {
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 20px;
	padding: 3%;
	margin: 0 0 5%;
	display: flex;
	align-items: center;
	font-size: clamp(18px, 13.8261px + 1.3043vw, 30px);
}

.contact_box h2 {
	width: 30%;
	text-align: center;
	border-right: #ccc 2px solid;
}

.contact_box > div {
	width: 70%;
	padding: 0 0 0 5%;
}

.contact_box_title {
	display: flex;
}

.contact_box_title h3 {
	padding: 0 5% 0 0;
}

.contact_box_title address {
	font-weight: 700;
}

.contact_box_title address a {
	color: #000;
	text-decoration: none;
}

.contact_box > div p {
	font-size: clamp(14px, 12.5455px + 0.4545vw, 18px);
}

#lunch {
	text-align: center;
}

/* Swiperコンテナ */
.lunch-swiper {
	width: 90%;
	max-width: 944px;
	/* #box06 の最大幅に合わせます */
	margin: 0 auto 3%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.lunch-swiper .swiper-slide {
	width: 100%;
}

.lunch-swiper .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

/* 左右の矢印カスタマイズ（色をオレンジにする） */
.lunch-swiper .swiper-button-next,
.lunch-swiper .swiper-button-prev {
	color: #f38200 !important;
	background: rgba(255, 255, 255, 0.85);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transition: all 0.3s ease;
	opacity: 0.8;
}

/* 矢印アイコンのサイズ調整 */
.lunch-swiper .swiper-button-next::after,
.lunch-swiper .swiper-button-prev::after {
	font-size: 18px !important;
	font-weight: bold;
}

.lunch-swiper .swiper-button-next:hover,
.lunch-swiper .swiper-button-prev:hover {
	background: #fff;
	transform: scale(1.05);
	opacity: 1;
}

/* ドットナビゲーション（色をオレンジにする） */
.lunch-swiper .swiper-pagination-bullet {
	background: #bbb;
	opacity: 0.8;
}

.lunch-swiper .swiper-pagination-bullet-active {
	background: #f38200 !important;
	opacity: 1;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
	.lunch-swiper {
		width: 95%;
		/* スマホでは画面いっぱいに近く表示 */
		max-width: 100%;
	}

	.lunch-swiper .swiper-slide img {
		aspect-ratio: 4 / 3;
		border-radius: 0;
		/* スマホ全幅表示では個別スライドの角丸は不要 */
	}

	.lunch-swiper .swiper-button-next,
	.lunch-swiper .swiper-button-prev {
		width: 32px;
		height: 32px;
	}

	.lunch-swiper .swiper-button-next::after,
	.lunch-swiper .swiper-button-prev::after {
		font-size: 14px !important;
	}
}

#lunch_text {
	text-align: center;
}

/* form */
#form {
	background-color: #fff9d9;
	padding: 5% 0;
}

#form_wrapper {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 3%;
	background-color: #fff;
	border-radius: 10px;
	padding: 3%;
	box-sizing: border-box;
}

#pp {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #eee;
	height: 300px;
	overflow: auto;
	padding: 3%;
	box-sizing: border-box;
}

#pp h3 {
	font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
	margin: 0 0 1%;
}

/* footer */
footer {
	text-align: center;
	padding: 3%;
}

@media screen and (max-width: 1200px) {
	.pc,
	.sp {
		display: none !important;
	}

	.tab {
		display: block !important;
	}

	#fv {
		display: block;
	}

	#fv .tab {
		width: 100%;
		height: auto;
		display: block;
	}

	/* cta */
	.cta_box {
		border-radius: 10px;
		padding: 5%;
	}

	.cta_box article {
		flex-direction: column;
		align-items: stretch;
		margin: 0 auto 5%;
		max-width: 700px;
	}

	.cta_box article:last-of-type {
		margin: 0 auto;
	}

	.area {
		margin: 0 0 2% 0;
	}

	.day {
		padding: 0 0 0 5%;
		background-size: 28px;
		margin: 0 0 2%;
	}

	.day.no_bg {
		background-image: url(../images/cta_icon01.webp);
	}

	.place {
		padding: 0 0 0 5%;
		background-size: 30px;
		margin: 0 0 2% 0;
	}

	.cta_box article div.day_icon {
		width: 120px;
		left: 50%;
		top: -12%;
		transform: none;
	}

	.cta_box article div {
		margin-left: 0;
		width: 90%;
	}

	/* box01 */

	#box01 > div {
		flex-wrap: wrap;
		align-items: stretch;
	}

	#box01 div article {
		padding: 3% 1%;
		width: 49%;
	}

	#box01 div div {
		width: 100%;
		padding: 2em 1em;
		text-align: center;
		box-sizing: border-box;
	}

	#box01 div article figure {
		height: 40px;
		margin: 0 0 1em;
	}

	#box01 div article figure img {
		height: 40px;
	}

	/* box01 new card design */
	#box01 > .box01_cards {
		gap: 16px;
	}

	/* box02 */
	#box02_title figure {
		width: 20%;
	}

	#box02_title h2.title {
		margin: 0;
		padding: 0 1em;
		width: 60%;
		box-sizing: border-box;
	}

	#box02 ul li {
		padding: 2% 3% 2% 8%;
		background-position: left 20px top 17px;
	}

	/* box03 */

	#box03 div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4%;
	}

	#box03 div article {
		width: 48%;
		padding: 5% 2% 3%;
		margin: 0 0 5%;
	}

	#box03 div article h3 {
		text-align: center;
	}

	/* box04 */

	#box04_left {
		width: 60%;
	}

	#box04_box > figure {
		width: 40%;
	}

	#box04_left ul li {
		padding: 0 0 0 7%;
	}

	/* box08 */
	.map iframe {
		width: 100%;
		height: 300px;
	}

	.area img {
		position: absolute;
		left: -36px;
		top: -27%;
		width: 55%;
	}
}

@media screen and (max-width: 767px) {
	.pc,
	.tab {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	#fv {
		display: block;
	}

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

	.day {
		padding: 0 0 0 9%;
		background-size: 18px;
		margin: 0 0 2%;
	}

	.place {
		padding: 0 0 0 8%;
		background-size: 19px;
	}

	#box01 div div {
		padding: 1em;
	}

	#box01 div div img {
		height: 150px;
	}

	/* box01 new card design */
	#box01 > .box01_cards {
		flex-direction: column;
		gap: 12px;
	}

	.box01_card {
		padding: 28px 20px 24px;
	}

	.box01_card_icon {
		margin-bottom: 8px;
		height: 64px;
	}

	.box01_card_icon svg {
		width: 64px;
		height: 64px;
	}

	.box01_card_title {
		font-size: 20px;
	}

	.box01_card_text {
		font-size: 16px;
	}

	#box02_title figure {
		display: none;
	}

	#box02_title h2.title {
		padding: 0;
		width: 100%;
		font-size: 20px;
	}

	#box02_title span {
		padding: 1% 3%;
	}

	#box02 ul {
		flex-direction: column;
	}

	#box02 ul li {
		padding: 2% 3% 2% 14%;
		background-position: left 20px top 10px;
		width: 100%;
		background-size: 18px;
	}

	#box03 div {
		flex-direction: column;
	}

	#box03 div article {
		width: 100%;
		padding: 8% 7% 8%;
		margin: 0 0 10%;
	}

	#box04 h2.title {
		font-size: 19px;
	}

	#box04_box {
		border: #f6edba 5px solid;
		flex-direction: column;
		padding: 5%;
	}

	#box04_left {
		width: 100%;
		margin: 0 0 5%;
	}

	#box04_left ul li {
		padding: 0 0 0 8%;
		background-position: 0 5px;
		background-size: 17px;
	}

	#box04_box > figure {
		width: 100%;
	}

	#box05 article {
		flex-direction: column;
		padding: 5%;
		border-radius: 10px;
	}

	#box06 article {
		display: block;
		width: 100%;
		overflow: hidden;
		/* float解除用 */
	}

	#box06 article figure {
		float: right;
		width: 80px;
		margin: 0 0 0 15px;
		font-size: 10px;
	}

	#box06 article figure img {
		width: 100%;
		height: 65px;
	}

	#box06 article p {
		display: block;
	}

	.profile {
		width: 100%;
	}

	#specialoffer {
		flex-direction: column;
	}

	.box07_text {
		margin: 0 0 15%;
	}

	#specialoffer article {
		width: 100%;
		padding: 14% 5% 7%;
		border-radius: 10px;
		margin: 0 0 15%;
	}

	#specialoffer article h3 {
		font-size: 20px;
	}

	.box08_top {
		flex-direction: column;
		text-align: center;
		display: block;
	}

	#box08 article {
		flex-direction: column;
	}

	.information {
		width: 100%;
		margin: 0 0 5%;
	}

	.map {
		width: 100%;
	}

	.contact_box {
		border-radius: 10px;
		flex-direction: column;
		padding: 5%;
		margin: 0 0 8%;
	}

	.contact_box h2 {
		width: 100%;
		text-align: center;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding: 0 0 3%;
		margin: 0 0 3%;
	}

	.contact_box_title {
		flex-direction: column;
		text-align: center;
	}

	.contact_box > div {
		width: 100%;
		padding: 0;
	}

	.contact_box > div p {
		text-align: center;
	}

	#lunch_text {
		font-size: 10px;
	}

	#form_wrapper {
		width: 100%;
	}

	#pp {
		width: 100%;
		height: 200px;
		font-size: 12px;
	}

	#specialoffer article figure {
		margin: 0 0 3%;
		text-align: center;
	}

	#box05 article {
		display: block;
	}

	#box05 article figure {
		width: 40%;
		float: left;
		margin: 0 5% 0 0;
	}

	.profile {
		width: auto;
	}

	.profile h3 {
		font-size: 16px;
		margin: 0 0 1%;
	}

	.instructor {
		display: flex;
		align-items: flex-start;
		margin: 0 0 1%;
		flex-direction: column;
	}

	.instructor p {
		width: 45px;
		text-align: center;
		background-color: #36c3e1;
		color: #fff;
		padding: 0 0 0.1%;
		margin: 0 3% 0 0;
	}

	.instructor h4 {
		font-size: clamp(14px, 10.5217px + 1.087vw, 24px);
		color: #36c3e1;
	}

	.area img {
		position: absolute;
		left: -11%;
		top: -64%;
		width: 40%;
	}
}