@charset "UTF-8";

.bg_color {
	background-image: linear-gradient(to right, #daecd4, #d6e8f0);
	/* background-color: #fbecde; */
}
figure {
	position: relative;
}
/* common
---------------------------------------------- */
.sp-br {
    display: none;
}
@media only screen and (max-width:768px) {
    .sp-br {
        display: block;
    }
}

/* mv
---------------------------------------------- */
.mv {
	position: relative;
	background-image: url(../img/mv.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 16 / 8;
}
.mv_box {
	position: absolute;
	color: #fff;
	text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 20px #333, 0px 0px 20px #333;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 98%;
}
.locationTtl .txt{
	color: #fff;
	font-weight: 100;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	font-size: min(190px, 9vw);
	letter-spacing: normal;
	position: absolute;
	left: 0.3em;
	bottom: 0;
	line-height: 0.7;
}
.mv_tite {
	margin-top: 60px;
	font-size: 42px;
	font-size: clamp(1.625rem, 0.177rem + 3.013vw, 2.625rem);
	letter-spacing: 0.065em;
	font-weight: bold;
	line-height: 1.8;
}
.mv_tite .title_s {
	font-size: 24px;
	font-size: clamp(1.25rem, 0.888rem + 0.753vw, 1.5rem);
	display: block;
	font-weight: bold;
}
.mv_tite_lead {
	margin-top: 30px;
	font-size: clamp(1rem, 0.955rem + 0.227vw, 1.125rem);
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.8;
}
.mv .cap {
	position: absolute;
	color: #fff;
	font-size: 12px;
	bottom: 10px;
	right: 10px;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}

@media only screen and (max-width:768px) {
	.mv {
		aspect-ratio: 1 / 1;
	}
	.locationTtl .txt{
	font-size: max(50px, 13vw);
	letter-spacing: normal;
	position: absolute;
	left: 50%;
	bottom: 0;
	line-height: 0.7;
	width: 100%;
	transform: translateX(-50%) !important;
}
	.mv_tite {
		margin-top: 60px;
		font-size: max(20px, 4vw);
		letter-spacing: 0.065em;
		font-weight: bold;
		line-height: 1.8;
	}
	.mv_tite .title_s {
		font-size: max(14px, 3vw);
		/* font-size: clamp(1.25rem, 0.888rem + 0.753vw, 1.5rem); */
		display: block;
		font-weight: bold;
	}
	.mv_tite_lead {
		margin-top: 20px;
        font-size: max(0.8em, 2.2vw);
	}
	.mv .cap {
		bottom: unset;
		top: 10px;
	}
}

/* s_contents
================================================== */
.s_contents {
	position: relative;
	margin-top: -100px;
	padding: 0 0 40px;
}

.s_contents_body {
	padding-top: 160px;
}
.s_contents_title {
	/* font-weight: bold; */
	font-size: 36px;
	letter-spacing: 0.08em;
	color: #000;
	text-align: center;
	/* font-family: 'Urbanist', sans-serif; */
	display: flex;
	align-items: center;
	gap: min(30px, 3vw);
	justify-content: center;
}
.s_contents_title::before,
.s_contents_title::after {
	display: block;
	content: "";
	/* position: absolute; */
	width: min(150px, 100%);
	height: 1px;
	background-color: rgba(0, 0, 0, 0.2);

}
.shop_bottom_title {
	font-size:clamp(1.5rem, 1.091rem + 2.045vw, 2.625rem);
	text-align: center;
	line-height: 1.4;
	margin-top: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.shop_bottom_title span {
	font-size:28px;
}
.swiper_area {
	position: relative;
	margin-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}
.swiper-wrapper{
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:calc((40/1240)*100vw);
	width:100%;
	max-width:1240px;
	padding:0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media(max-width:768px){
	.swiper-wrapper{
		grid-template-columns: 1fr;
	}
}

.swiper-slide {
	position: relative;
	/* transform: scale(.8); 左右のスライドを小さくする */
	transition: .7s; /* ゆっくり小さくさせる */
	/* padding: 0 30px; */
}
@media(min-width:769px){
	.swiper-slide  .slide-list{
		width:100%;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:20px;
	}
}

@media(max-width:768px){
	.swiper-slide  .slide-list{
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
}
/* @media(max-width:375px){
	.swiper-slide  .slide-list{
		bottom:10px;
	}
} */
.swiper-slide .inline_text{
	font-size:16px;
	/* position: absolute; */
	width: 100%;
	font-weight:400;
	/* top: calc((270/440)*100%);
	left: 50%;
	transform: translate(-50%,-50%); */
	color:#fff;
	margin-top: 30px;
	line-height: 2;
}

@media(min-width:1241px){
	.swiper-slide .inline_text{
		margin-top: 20px;
	}
}
@media(max-width:768px){
	.swiper-slide .inline_text{
		margin-top: 10px;
		font-size:14px;
	}
}
@media(max-width:400px){
	.swiper-slide .inline_text{
		margin-top: 10px;
		font-size:12px;
		line-height: 1.5;
	}
}
.swiper-slide a p.cap{
	position:absolute;
	bottom:10px;
	right:10px;
	display:inline-block;
	color: #fff;
	font-size: 12px;
	z-index: 5;
}
@media(max-width:768px){
	.swiper-slide a p.cap{
		font-size:10px;
		bottom:5px;
		right:5px;
	}
}
.swiper-slide img {
	display: block;
	position: relative;
	height: auto;
	width: 100%;
}
.swiper-slide a {
	position: relative;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, .3) 10px 10px 15px;
}

.swiper-slide a:hover{
	opacity:.7;
}

/* .swiper-slide a .cap {
	position: absolute;
	bottom: clamp(0.5rem, -0.073rem + 1.192vw, 1rem);
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 12px;
	z-index: 5;
} */
.swiper-slide a .cap.left {
	left: 20px;
	transform: translateX(0);
}
.swiper-slide-active {
	transition: 0s;
	transform: scale(1); 
	z-index: 1; /* 中央のスライドを一番上にする */
}
.slide_in_body {
	position: absolute;
	width: 100%;
	height: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 4;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.slide_in_text {
	/* position: absolute; */
	/* margin-top: clamp(0.625rem, -1.524rem + 4.471vw, 2.5rem); */
	font-size: clamp(1.125rem, 0.311rem + 1.69vw, 1.625rem);
	letter-spacing: 0.065em;
	line-height: 1.3;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: 16px 0;
	color: #fff;
	/* top: calc((170/440)*100%);
	left: 50%;
	transform: translateX(-50%); */
	background: rgb(228,151,85);
	background: linear-gradient(90deg, rgba(228,151,85,0.8) 0%, rgba(107,188,104,0.8) 100%);
}
.cs_label {
	/* position: absolute; */
	font-size:24px;
	letter-spacing: 0.1em;
	background: rgb(228,151,85);
	background: linear-gradient(90deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	height:40px;
	width:100%;
	max-width:240px;
	/* bottom: clamp(1.375rem, -0.631rem + 4.173vw, 3.125rem);
	left: 50%;
	transform: translateX(-50%); */
	margin: 20px auto 0 auto;
	font-weight: bold;
	color: #fff;
	border-radius: 100px;
	display:flex;
	align-items:center;
	justify-content: center;
	font-family:'Urbanist', sans-serif;
}
/* 前への矢印 */
.swiper-button-prev {
	left: 28%;
	/* left: calc(50% - 55px); */
	top: 50%;
	transform: translateY(-50%);
}
/* 次への矢印 */
.swiper-button-next {
	right: 28%;
	top: 50%;
	transform: translateY(-50%);
}
/* 幅・高さを指定 */
.swiper-button-prev,
.swiper-button-next {
	height: 40px;
	width: 40px;
	display:none;
}

/* 矢印を消す、画像に変更 */
.swiper-button-prev:after,
.swiper-button-next:after {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	height: 50px;
	width: 50px;
	margin: auto;
	display:none;
}
/* 前に戻る画像パス */
.swiper-button-prev:after {
	background-image: url(../img/icon_prev01.svg);
}
/* 次に進む画像パス */
.swiper-button-next:after {
	background-image: url(../img/icon_next01.svg);
}

/* モーダルコンテンツ */
.modaal-content-container {
	padding: 30px 30px;
}
.inline_title {
	text-align: center;
	font-size: clamp(1.375rem, 0.862rem + 2.564vw, 2.625rem);
	font-weight: bold;
	line-height: 1.6;
	background-color: #e49755;
	color: #fff;
	padding: clamp(0.75rem, 0.545rem + 1.026vw, 1.25rem) 0;
	border-radius: 50px;
}
.inline_text {
	margin-top: clamp(1.25rem, 0.994rem + 1.282vw, 1.875rem);
	font-size: clamp(0.75rem, 0.442rem + 1.538vw, 1.5rem);
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.inline_img {
	width: 100%;
	position: relative;
	margin-top: 20px;
}
.inline_img.mt {
	margin-top: 50px;
}
.inline_img .cap {
	position: absolute;
	right: 0;
	bottom: -14px;
	font-size: 12px;
	z-index: 999;
}
.inline_img .cap2 {
	position: absolute;
	right: 4px;
	bottom: 8px;
	color: #fff;
	font-size: 12px;
	z-index: 999;
}
.inline_img--ugoclo {
	width: min(320px,calc((160/330)*100vw));
	margin-inline: auto;
	margin-block: 40px;
}
.modaal-wrapper .modaal-close {
	border: 2px solid #fff;
}
.modaal-close:after, .modaal-close:before {
	top: 10px;
	left: 21px;
	width: 4px;
	height: 28px;
}

@media only screen and (max-width:768px) {
	.modaal-content-container {
		padding: 30px 20px;
	}
	.s_contents {
		position: relative;
		padding: 0 0 40px;
		margin-top: -130px;
	}
	.swiper-slide {
		padding: 0px;
	}
	.swiper-slide a .cap {
		/* position: absolute;
		bottom: clamp(0.5rem, -0.073rem + 1.192vw, 1rem);
		left: 50%;
		transform: translateX(-50%); */
		color: #fff;
		font-size: 12px;
		z-index: 5;
	}
	.slide_in_text {
		/* position: absolute; */
		/* margin-top: clamp(0.625rem, -1.524rem + 4.471vw, 2.5rem); */
		font-size: 14px;
		letter-spacing: 0.065em;
		line-height: 1.3;
		font-weight: bold;
		width: 100%;
		text-align: center;
		padding: 8px 0;
		color: #fff;
		/* top: 30%;
		left: 50%; */
	}
	.cs_label {
		font-size: 14px;
		bottom: clamp(1.25rem, -0.089rem + 6.696vw, 3.125rem);
		width:70%;
		max-width:auto;
		margin-top: 10px;
		height:30px;
	}
	/* 前への矢印 */
	.swiper-button-prev {
		left: 10%;
	}
	/* 次への矢印 */
	.swiper-button-next {
		right: 10%;
	}
	/* 幅・高さを指定 */
	.swiper-button-prev,
	.swiper-button-next {
		height: 30px;
		width: 30px;
	}
	
	/* 矢印を消す、画像に変更 */
	.swiper-button-prev:after,
	.swiper-button-next:after {
		content: "";
		background-repeat: no-repeat;
		background-size: contain;
		height: 50px;
		width: 50px;
		margin: auto;
	}
	.swiper-slide a .cap {
		font-size: 10px;
	}
}
@media(max-width:375px){
	.slide_in_text{
		font-size:12px;
	}
	.cs_label{
		font-size:12px;
	}
}

/* kitchen_contents
============================================ */
.kitchen_contents {
	padding: 60px 0;
	background-color: #fff;
}
.kitchen_sub-title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.065em;
	text-align: center;
}
.kitchen_title {
	margin-top: 20px;
	display: block;
	text-align: center;
	color: rgb(228,151,85);
	background: linear-gradient(90deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0.065em;
}
.kitchen_img_wrap {
	margin-top: 40px;
	display: flex;
	border-radius: 20px;
	overflow: hidden;
}
.kitchen_img_wrap2 {
	display: grid;
	grid-template-columns: 0.42fr 0.6fr;
	grid-template-rows: 1fr 1fr;
    grid-template-areas:
        'a c'
        'b c';
	gap: 20px;
}
.kitchen_img.a {
	grid-area: a;
}
.kitchen_img.b {
	grid-area: b;
}
.kitchen_img.c {
	grid-area: c;
}
figcaption {
	position: absolute;
	font-size: 12px;
	bottom: 0;
	z-index: 1;
	right: 6px;
	padding: 8px 8px;
	color: #fff;
	text-shadow: 
	0px 0px 10px rgba(0, 0, 0, 0.3), 
	0px 0px 10px rgba(0, 0, 0, 0.3), 
	0px 0px 10px rgba(0, 0, 0, 0.3), 
	0px 0px 10px rgba(0, 0, 0, 0.3), 
	0px 0px 10px rgba(0, 0, 0, 0.3), 
	0px 0px 10px rgba(0, 0, 0, 0.3);
}
.kitchen_item_wrap {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 4%;
}
.kitchen_item_body {
	border-radius: 20px;
	overflow: hidden;
}
.kitchen_item_title {
	color: #fff;
	font-size: clamp(0.875rem, -0.593rem + 3.053vw, 1.125rem);
	padding: 14px 0;
	letter-spacing: 0.03em;
	line-height: 1.55;
	text-align: center;
	font-weight: bold;
	background-color: rgb(228,151,85);
	background: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
}
.kitchen_item_text {
	margin-top: 14px;
	font-size: clamp(0.813rem, -0.288rem + 2.29vw, 1rem);
	letter-spacing: 0.065em;
	line-height: 2;
}

@media only screen and (max-width:768px) {
	.kitchen_contents {
		padding: 30px 0;
		background-color: #fff;
	}
	.kitchen_sub-title {
		font-size: 16px;
	}
	.kitchen_title {
		margin-top: 10px;
		font-size: 24px;
	}
	.kitchen_img_wrap {
		margin-top: 20px;
		flex-direction: column;
	}
	.kitchen_img_wrap2 {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: unset;
	}
	.kitchen_img.a,
	.kitchen_img.b,
	.kitchen_img.c {
		grid-area: auto;
	}
	.kitchen_img.a,
	.kitchen_img.c {
		order: -1;
	}
	.kitchen_img.b {
		width: 75%;
		margin-inline: auto;
	}
	figcaption {
		font-size: 10px;
		padding: 8px 8px;
	}
	.kitchen_item_wrap {
		margin-top: 30px;
		grid-template-columns: repeat(1,1fr);
		row-gap: 30px;
	}
	.kitchen_item_title {
		padding: 12px 0;
	}
	.kitchen_item_text {
		margin-top: 12px;
		font-size: 14px;
	}
}

/* doma_contents
============================================ */
.doma_contents {
	padding: 60px 0;
	background-color: #fff;
}
.doma_item_wrap {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 4%;
	row-gap: 90px;
}
.doma_item {
	position: relative;
}
.doma_icon {
	display: block;
	position: absolute;
	width: 70px;
	top: -60px;
	left: 50px;
	z-index: 2;
}
.doma_item_body {
	border-radius: 20px;
	overflow: hidden;
}
.doma_item_text {
	text-align: center;
	font-weight: bold;
	margin-top: 14px;
	font-size: clamp(0.875rem, -0.593rem + 3.053vw, 1.125rem);
	letter-spacing: 0.065em;
	line-height: 2;
}

@media only screen and (max-width:768px) {
	.doma_contents {
		padding: 50px 0;
	}
	.doma_item_wrap {
		margin-top: 40px;
		grid-template-columns: repeat(1,1fr);
		row-gap: 90px;
	}
	.doma_icon {
		width: 60px;
		top: -50px;
		left: 26px;
		z-index: 2;
	}
	.doma_item_text {
		margin-top: 12px;
		font-size: 15px;
	}
}

/* ugoclo_contents
============================================ */
.ugoclo_contents {
	padding: 20px 0 60px;
	background-color: #fff;
}
.ugoclo_item_wrap {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 5%;
	row-gap: 80px;
}
.ugoclo_item {
	position: relative;
}
.ugoclo_item_title {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E49755;
	padding-bottom: 16px;
}
.point {
	color: #fff;
	font-size: 14px;
	padding: 3px 12px;
	background-color: #E49755;
	border-radius: 20px;
}
.point .num {
	font-size: 24px;
	line-height: 1;
	vertical-align: sub;
	margin-left: 4px;
}
.ugoclo_item .title {
	font-size: 30px;
	letter-spacing: 0.065em;
	color: #E49755;
	font-weight: bold;
	margin-left: 20px;
}
.ugoclo_item_flex {
	margin-top: 16px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.ugoclo_img {
	width: 48%;
}
.ugoclo_img figcaption {
	font-size: 10px;
	text-shadow: none;
	color: #000;
	bottom: -24px;
}
.ugoclo_item_text {
	width: 49%;
	font-size: clamp(0.813rem, -0.288rem + 2.29vw, 1rem);
	letter-spacing: 0.065em;
	line-height: 2;
}
.youtube_banner {
	margin-top: 80px;
	border: 4px solid rgb(228,151,85);
	border-image: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	border-image-slice: 1;
	padding: 30px 30px;
}
.youtube_banner a:hover {
	transition: .4s;
	opacity: .7;
}
.youtube_banner_wrap {
	display: flex;
	justify-content: space-between;
}
.youtube_banner_img {
	width: 43%;
}
.youtube_banner_body {
	width: 54%;
	text-align: center;
}
.youtube_banner_icon {
	display: block;
	width: 125px;
	margin: auto;
}
.youtube_banner_title {
	font-size: 30px;
	letter-spacing: 0.065em;
	line-height: 1.73;
	font-weight: bold;
}
.youtube_banner_title .en {
	font-size: 34px;
	letter-spacing: 0.045em;
	color: #E49755;
	font-weight: bold;
}
.youtube_banner_title .jan {
	font-size: 40px;
	letter-spacing: 0.055em;
	color: #E49755;
	font-weight: bold;
}
.youtube_banner_btn {
	width: 80%;
	margin: 0px auto 0;
	padding: 10px 0;
	max-width: 380px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: bold;
	border-radius: 50px;
	background-color: rgb(228,151,85);
	background: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
}
.youtube_banner_cap {
	font-size: 12px;
	letter-spacing: 0.065em;
	margin-top: 10px;
}

@media only screen and (max-width:768px) {
	.ugoclo_contents {
		padding: 20px 0 0;
	}
	.ugoclo_item_wrap {
		margin-top: 40px;
		grid-template-columns: repeat(1,1fr);
		row-gap: 50px;
	}
	.ugoclo_item_title {
		padding-bottom: 12px;
	}
	.ugoclo_item_flex {
		margin-top: 22px;
		flex-direction: column;
		row-gap: 30px;
	}
	.ugoclo_img {
		width: 80%;
		margin: auto;
	}
	.ugoclo_img figcaption {
		bottom: -24px;
	}
	.ugoclo_item_text {
		width: 100%;
		font-size: 14px;
		letter-spacing: 0.065em;
		line-height: 2;
	}
	.youtube_banner {
		margin-top: 40px;
		border: 2px solid rgb(228,151,85);
		padding: 10px 10px;
	}
	.youtube_banner_wrap {
		align-items: center;
	}
	.youtube_banner_img {
		width: 43%;
	}
	.youtube_banner_body {
		width: 54%;
	}
	.youtube_banner_icon {
		width: 68px;
	}
	.youtube_banner_title {
		font-size: 12px;
		line-height: 1.4;
	}
	.youtube_banner_title .en {
		font-size: 14px;
	}
	.youtube_banner_title .jan {
		font-size: 14px;
	}
	.youtube_banner_btn {
		width: 100%;
		max-width: 180px;
		padding: 4px 0;
		margin-top: 4px;
		font-size: 10px;
	}
	.youtube_banner_cap {
		font-size: 10px;
		margin-top: 4px;
	}
}

/* plan_contents
================================================== */
.plan_contents {
	position: relative;
	padding: 0 0 60px;
}
.plan_contents_title {
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 0.08em;
	color: #e49755;
	text-align: center;
	font-family: 'Urbanist', sans-serif;
}
.plan_contents_text {
	font-size: 30px;
	letter-spacing: 0.065em;
	text-align: center;
	line-height: 2;
	margin-top: 20px;
	font-weight: bold;
}
.plan_contents_lead {
	font-size: 40px;
	text-align: center;
	line-height: 1.7;
	margin-top: 20px;
	font-weight: bold;
	letter-spacing: 0.065em;
}
.plan_contents_lead .under {
	background: linear-gradient(transparent 70%, #f9ff00 30%);
}

@media only screen and (max-width:768px) {
	.plan_contents {
		margin-top: 0px;
		padding: 0 0 40px;
	}
	.plan_contents_title {
		font-size: 24px;
	}
	.plan_contents_text {
		font-size: 20px;
		line-height: 1.7;
		margin-top: 20px;
	}
	.plan_contents_lead {
		font-size: 28px;
		line-height: 1.7;
		margin-top: 20px;
	}
}
.plan_ugoclo {
	width: 95%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
	max-width: 1400px;
    margin-top: 100px;
	margin-bottom: 100px;
}
@media only screen and (max-width:768px) {
	.plan_ugoclo {
		width: min(100%, 560px);
		margin-top: 50px;
		margin-bottom: 50px;
	}
}
.plan-new {
	position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 6px 10px;
    color: #fff;
    background-color: #dd0b13;
}
.plan-patch {
	position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 6px 10px;
    color: #fff;
    background-color: #dd0b13;
}

/* obi_title
============================================ */
.obi_title {
	position: relative;
	padding: 30px 10px ;
	background: rgb(228,151,85);
	background: linear-gradient(90deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	font-size: 36px;
	line-height: 1.7;
	letter-spacing: 0.065em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.obi_title .yellow {
	color: #f9ff00;
}
.obi_title::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-top: 30px solid #fbecde;
	border-bottom: 0;
}

@media only screen and (max-width:768px) {
	.obi_title {
		padding: 40px 10px ;
		line-height: 1.6;
		font-size: 24px;
	}
}


/* obi_title2
============================================ */
.obi_title2 {
	position: relative;
	padding: 10px 10px ;
	background: rgb(228,151,85);
	background: linear-gradient(90deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	font-size: min(36px, 3.5vw);
	line-height: 1.7;
	letter-spacing: 0.065em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

@media only screen and (max-width:768px) {
	.obi_title2 {
		padding: 10px 10px ;
		font-size: max(15px, 3.6vw);
	}
}

/*パノラマ*/
.containerbox {
	overflow: hidden;
	position: relative;
	height: 400px;
	cursor: move;
}

@media only screen and (max-width: 768px) {
	.containerbox {
			height: 260px;
	}
}
.panoramixImg {
	width: auto;
	max-width: none !important;
	height: 100% !important;
	position: absolute;
	margin: auto;
}

.pano {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.pano .controls {
	position: static;
}

.pano .controls a {
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -47px;
	padding: 0;
}

.pano .controls .left {
	background: url(../img/pano_btn_left.png) no-repeat center center/contain;
	left: 20px;
}

.pano .controls .right {
	background: url(../img/pano_btn_right.png) no-repeat center center/contain;
	right: 20px;
	left: auto;
}

@media only screen and (max-width: 991px) {
	.pano .controls a {
			width: 40px;
			height: 40px;
	}
}


/*モーダル内のパノラマ*/
.panorama_content2 {
	margin-top: 40px;
	padding-bottom: 66px;
}
.panorama_content2 .cap {
	text-align: right;
	font-size: 11px;
}

.containerbox2 {
	overflow: hidden;
	position: relative;
	height: 100px;
	cursor: move;
}

@media only screen and (max-width: 768px) {
	.containerbox2 {
			height: 220px;
	}
}
.panoramixImg {
	width: auto;
	max-width: none !important;
	height: 100% !important;
	position: absolute;
	margin: auto;
}

.pano {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.pano .controls {
	position: static;
	z-index: 9999;
}

.pano.pano2 .controls a {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -60px;
	top: auto;
	margin-top: -47px;
	padding: 0;
}

.pano.pano2 .controls .left {
	background: url(../img/pano_left.png) no-repeat center center/contain;
	left: calc(50% - 60px);
}

.pano.pano2 .controls .right {
	background: url(../img/pano_right.png) no-repeat center center/contain;
	right: calc(50% - 60px);
	transform: rotate(0deg);
}

@media only screen and (max-width: 991px) {
	.pano.pano2 .controls a {
			width: 40px;
			height: 40px;
	}
}


/* plan_contents_img
============================================ */
.plan_contents_img {
	max-width: 1016px;
	margin: 80px auto;
	padding: 0 20px;
}
.plan_contents_img_cap {
	text-align: center;
	font-size: 11px;
	line-height: 2;
	letter-spacing: 0.065em;
	margin-top: 40px;
	font-weight: bold;
}

@media only screen and (max-width:768px) {
	.plan_contents_img {
		margin: 40px auto;
	}
	.plan_contents_img_cap {
		text-align: left;
		margin-top: 20px;
	}
}



/* plan_link
============================================ */
.plan_link {
	margin-top: 20px;
	padding-top: 60px;
}
.plan_link .inner {
	max-width: 1240px;
	padding: 0 20px;
}
.plan_link_wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 40px;
	row-gap: 40px;
}
.plan_link_item {
	display: block;
	width: 100%;
	padding: 30px 20px 30px 0 ;
	background: rgb(228,151,85);
	background: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	border-radius: 20px;
	font-family: 'Urbanist', sans-serif;
	transition: .4s;
	height:100%;
	box-sizing: border-box;
}
.plan_link_item:hover {
	opacity: .7;
}
.plan_link_item_wrap {
	display: flex;
	column-gap: 15px;
	/* height:100%; */
	box-sizing: border-box;
}
.plan_link_img {
	width: 50%;
	padding: 20px 20px;
	border-radius: 0 20px 20px 0 ;
	background-color: #fff;
}
.plan_link_img.mg_img figure,
.plan_link_img.w1g_img figure{
	aspect-ratio: 230/414;
	/* max-height:414px; */
	margin: 0 auto;
}
.plan_link_body {
	color: #fff;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.plan_link_label {
	background-color: rgba(255, 255, 255, .8);
	color: #231815;
	border-radius: 0 20px 20px 0;
	font-size: 16px;
	line-height: 1;
	padding: 10px 10px;
	letter-spacing: 0.065em;
	font-weight: bold;
	line-height: 1.2;
}
.plan_link_label + .plan_link_label {
	margin-top: 10px;
}
.plan_link_date {
	margin-top: 20px;
	margin-left: 20px;
}
.type_wrap {
	display: flex;
	align-items: center;
}
.type {
	text-align: center;
	color: #fff;
	line-height: .8;
	font-size: clamp(1.125rem, 0.696rem + 0.89vw, 1.5rem);
	letter-spacing: 0.1em;
}
.type span {
	font-weight: bold;
	display: block;
	font-size: clamp(1.5rem, -1.071rem + 5.36vw, 3.75rem);
	line-height: .8;
}
@media(max-width:768px){
	.type span{
		font-size:clamp(1.5rem, -0.107rem + 8.04vw, 3.75rem);
	}
}
.mg .type span,
.w1g .type span{
	line-height:1.2;
}
.ldk {
	font-size: clamp(0.75rem, -0.107rem + 1.79vw, 1.5rem);
	letter-spacing: 0.08em;
	padding-left: clamp(0.625rem, 0.339rem + 0.6vw, 0.875rem);
	margin-left: clamp(0.5rem, 0.214rem + 0.6vw, 0.75rem);
	border-left: 1px solid #fff;
}
.ldk .text_l {
	font-weight: bold;
	font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
}
@media(max-width:768px){
	.ldk .text_l {
		font-size:clamp(1.5rem, 0.696rem + 4.02vw, 2.625rem);
	}
}
.ldk .text_m {
	font-weight: bold;
	font-size: clamp(0.75rem, -0.107rem + 1.79vw, 1.5rem);
	vertical-align: bottom;
}
@media(max-width:768px){
	.ldk .text_m{
		font-size:clamp(0.75rem, 0.214rem + 2.68vw, 1.5rem);
	}
}

.uc_img {
	width: clamp(8.125rem, 2.804rem + 11.07vw, 10rem);
	padding-left: 10px;
}
.menseki {
	margin-top: 24px;
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	justify-content: space-between;
}
.menseki .text_s {
	font-size: 14px;
	margin-right: clamp(0.25rem, -0.607rem + 1.79vw, 1rem);
	line-height: 1.5;
	letter-spacing: 0.4em;
}
.menseki .num {
	font-size: clamp(1.25rem, -0.75rem + 4.17vw, 3rem);
	line-height: 0.8;
	letter-spacing: 0.05em;
}
@media(max-width:768px){
	.menseki .num {
		font-size:clamp(1.25rem, 6.25vw, 3rem);
	}
}
.menseki p:nth-of-type(2){
	font-size:clamp(0.75rem, -0.107rem + 1.79vw, 1.5rem);
}
@media(max-width:768px){
	.menseki p:nth-of-type(2){
		font-size:clamp(0.75rem, 0.214rem + 2.68vw, 1.5rem);
	}
}
.tsubo {
	margin-top: 6px;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
}
.other {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}
.other_text {
	display: block;
	text-align: left;
	font-size: clamp(0.625rem, 0.339rem + 0.6vw, 0.875rem);
	letter-spacing: 0.05em;
	line-height: 1.2;
}
@media(max-width:768px){
	.other_text{
		font-size:clamp(0.75rem, 0.661rem + 0.45vw, 0.875rem);
	}
}
.other_text span {
	display: inline-block;
}
.other_text span em{
	font-size: clamp(1rem, 0.714rem + 0.6vw, 1.25rem);
}
@media(max-width:768px){
	.other_text span em{
		font-size: clamp(1rem, 0.821rem + 0.89vw, 1.25rem);
	}
}
.plan_link_btn {
	position: relative;
	text-align: center;
	margin-left: 20px;
	background-color: #fff;
	padding: 8px 4px;
	font-weight: bold;
	color: #e49755;
	font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
	letter-spacing: 0.1em;
	border-radius: 20px;
	margin-top: 30px;
}

.plan_link_btn::after {
	content: '';
	position: absolute;
	display: block;
	background-image: url(../img/plan_btn_icon.png);
	width: clamp(1rem, -0.143rem + 2.38vw, 2rem);
	height: clamp(1rem, -0.143rem + 2.38vw, 2rem);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
}

@media only screen and (max-width:768px) {
	.plan_link {
		margin-top: 20px;
		padding-top: 60px;
	}
	.plan_link .inner {
		max-width: 1240px;
		padding: 0 0px;
	}
	.plan_link_wrap {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
	.plan_link_item {
		padding: 30px 20px  ;
	}
	.plan_link_item_wrap {
		flex-direction: column;
		row-gap: 20px;
	}
	.plan_link_img {
		width: 100%;
		padding: 10px;
		border-radius:0 0 20px 20px;
	}
	.plan_link_body {
		display: contents;
	}
	.plan_link_label {
		margin-left: -20px;
	}
	.plan_link_label + .plan_link_label {
		margin-top: 10px;
	}
	.plan_link_date {
		margin-top: 20px;
		margin-left: 0px;
	}
	.type_wrap {
		justify-content: center;
	}
	.menseki {
		margin-top: 24px;
		justify-content: center;
	}
	.other {
		row-gap: 4px;
	}
	.plan_link_btn {
		order: 1;
		margin-left: 0;
	}
}
/* ugoclo Btn
============================================ */

.ugoclo_btn {
	width: 100%;
	margin-top: 40px;
}
.ugoclo_btn a{
	display: block;
	width: min(600px,100%);
	margin-inline: auto;
	padding: 40px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #DE6692;
	border-radius: 15px;
	letter-spacing: 1px;
}
@media only screen and (max-width:768px) {
	.ugoclo_btn a{
	font-size: 14px;
    padding: 20px 7px;
    border-radius: 10px;
	}
}
figcaption.black {
	color: #000;
	text-shadow: 
	0px 0px 10px rgba(255, 255, 255, 0.6), 
	0px 0px 10px rgba(255, 255, 255, 0.6), 
	0px 0px 10px rgba(255, 255, 255, 0.6), 
	0px 0px 10px rgba(255, 255, 255, 0.6);
}

/* モーダル追加部分 */

/* 専用庭＋駐車場付き1階住戸 */
.pickup-plan{
	margin-top: 50px;
}
.pickup-plan .title{
	text-align:center;
}
.pickup-plan .title h3{
	font-size:24px;
	font-weight: bold;
	background: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-family:'Urbanist', sans-serif;
}

.pickup-plan .contents{
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	max-width:510px;
	box-sizing: border-box;
}

.pickup-plan .contents > div{
	margin:0 auto;
	background: linear-gradient(135deg, rgba(228,151,85,1) 0%, rgba(107,188,104,1) 100%);
	padding:30px;
	border-radius:20px;
	box-sizing: border-box;
	display:inline-block;
	width:100%;
	max-width:510px;
}
@media(max-width:600px){
	.pickup-plan .contents > div{
		padding:20px 10px;
	}
}
.pickup-plan .upper-contents{
	display:flex;
	color:#fff;
	align-items:center;
	gap:10px;
	font-family:'Urbanist', sans-serif;
}
@media(max-width:600px){
	.pickup-plan .upper-contents{
		flex-direction: column;
		gap:20px;
	}
}

.pickup-plan .type span{
	line-height:1.2;
}
@media(max-width:600px){
	.pickup-plan .type{
		font-size:20px;
	}
	.pickup-plan .type span{
		font-size:32px;
	}
}

.pickup-plan .ldk .text_l{
	margin-bottom: 5px;
	display: inline-block;
}
@media(max-width:600px){
	.pickup-plan .ldk .text_l{
		font-size:18px;
	}
	.pickup-plan .ldk .text_m{
		font-size:16px;
	}
}

.pickup-plan .contents-list{
	margin-top: 20px;
	display:flex;
	align-items:center;
	gap:20px;
}
@media(max-width:600px){
	.pickup-plan .contents-list{
		flex-direction: column;
		gap:10px;
	}
}
@media(max-width:375px){
	.pickup-plan .contents-list li{
		width:100%;
	}
}
.pickup-plan .contents-list .plan_link_label{
	border-radius:20px;
	margin-top: 0;
}
.pickup-plan .contents-list .plan_link_label .sp-only{
	display:none;
}

@media(max-width:768px){
	.pickup-plan .contents-list .plan_link_label{
		margin-left: 0;
	}
}

@media(max-width:600px){
	.pickup-plan .contents-list .plan_link_label{
		font-size:12px;
		margin-left: 0;
		margin-top: 0;
		line-height: 1.5;
		width:100%;
		max-width:200px;
	}
}
@media(max-width:375px){
	.pickup-plan .contents-list .plan_link_label{
		font-size:10px;
		margin-left: 0;
		margin-top: 0;	
		line-height: 1;
	}
}
.pickup-plan .menseki{
	margin-top: 0;
	align-items:flex-start;
}

@media(max-width:600px){
	.pickup-plan .menseki .num{
	font-size:24px;
	}
}
/* 専用庭＋駐車場付き1階住戸 */


/* アトリエキッチン */
.kitchen_contents .kitchen_item_wrap{
	counter-reset:section;
}
.kitchen_contents .kitchen_item_title{
	display:flex;
	align-items:center;
	gap:5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
}
.kitchen_contents .kitchen_item_title:before{
	counter-increment: section;
	content: counter(section);
	font-size:20px;
	color:rgba(228,151,85,1);
	background: #fff;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius:50%;
}

.kitchen_contents .kitchen-image-map{
	width:100%;
	max-width:420px;
	margin:60px auto;
}

.pickup-plan.kitchen .pickup-lists,.pickup-plan.doma .pickup-lists{
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:40px;
	margin-top: 20px;
}
.pickup-plan.kitchen .pickup-list,.pickup-plan.doma .pickup-list{
	width:100%;
	max-width:450px;
}
.pickup-plan.kitchen .pickup-list .contents > div,.pickup-plan.doma .pickup-list .contents > div{
	width:100%;
	
}
@media(max-width:960px){
	.pickup-plan.kitchen .pickup-lists,.pickup-plan.doma .pickup-lists{
		grid-template-columns: 1fr;
	}
	.pickup-plan.kitchen .pickup-list,.pickup-plan.doma .pickup-list{
		margin: 0 auto;
	}

}
.pickup-plan.kitchen .pickup-list .contents,.pickup-plan.doma .pickup-list .contents{
	margin-top: 0;
}

.pickup-plan.kitchen .type span{
	font-size:48px;
	line-height:.8;
}
.pickup-plan.doma .type span{
	font-size:48px;
	line-height:1.2;
}
.pickup-plan.kitchen .text_l,.pickup-plan.doma .text_l{
	font-size:32px;
}
.pickup-plan.kitchen .text_m,.pickup-plan.doma .text_m{
	font-size:18px;
}

.pickup-plan.kitchen span.num,.pickup-plan.doma span.num{
	font-size:32px;
}

/* .pickup-plan .plan_link_label{
	font-size:12px;
} */


.ugoclo-banner{
	width:100%;
	max-width:840px;
	margin: 50px auto 0 auto;
	display:block;
}
.ugoclo-banner:hover{
	opacity:.7;
}
.pickup-list:hover{
	opacity:.7;
}
.doma_contents .pickup-plan .contents:hover{
	opacity:.7;
}
@media(max-width:600px){

	.swiper-slide .sp-none{
		display:none;
	}
}

.plan_link_label .space{
	opacity:0;
}

.pickup-list .plan_link_label{
	font-size:14px;
}

/* アトリエキッチン */

/* barrierfree_contents
============================================ */
.barrierfree_contents {
	padding: 60px 0;
	background-color: #fff;
}
.barrierfree_item_wrap {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 4%;
	row-gap: 90px;
}
.barrierfree_item {
	position: relative;
}
.barrierfree_icon {
	display: block;
	position: absolute;
	width: 70px;
	top: -60px;
	left: 50px;
	z-index: 2;
}
.barrierfree_item_body {
	border-radius: 20px;
	overflow: hidden;
}
.barrierfree_item_text {
	text-align: center;
	font-weight: bold;
	margin-top: 14px;
	font-size: clamp(0.875rem, -0.593rem + 3.053vw, 1.125rem);
	letter-spacing: 0.065em;
	line-height: 2;
}

@media only screen and (max-width:768px) {
	.barrierfree_contents {
		padding: 50px 0;
	}
	.barrierfree_item_wrap {
		margin-top: 40px;
		grid-template-columns: repeat(1,1fr);
		row-gap: 90px;
	}
	.barrierfree_icon {
		width: 60px;
		top: -50px;
		left: 26px;
		z-index: 2;
	}
	.barrierfree_item_text {
		margin-top: 12px;
		font-size: 15px;
	}
}

/* southview
----------------------- */
.tar {
	text-align: right;
}
/* .southview {} */
.southview__bg {
	background: url(../img/img-bg.jpg) no-repeat center 100px/cover;
}
.southview__header {
	margin-block: 60px;
}
.southview__title {
	font-size: 40px;
	letter-spacing: 0.05em;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #286552;
	width: fit-content;
	min-width: 715px;
	margin-inline: auto;
	display: grid;
	place-items: center;
	padding: 1.4em 1em;
	text-align: center;

	position: relative;
	margin-bottom: 50px;
	box-shadow: 0px 0px 30px #00000011;
}
.southview__title-num {
	width: auto;
	height: 67px;
	padding-inline: 1em;
	background-color: #fff;

	position: absolute;
	top: -1em;
}
.southview__header-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
}
.southview__wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: min(40px, 4vw);
	margin-bottom: 20px;
}
.southview__item-title {
	color: #286552;
	font-size: min(24px, 1.9vw);
	text-align: center;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #286552;
}
.southview__item-title span {
	font-size: min(36px, 3.5vw);
}
.southview__item-text {
	font-size: min(18px, 1.7vw);
	font-weight: 500;
	line-height: 2;
	margin-bottom: 20px;
}
.southview__img01 {
	width: min(448px, 100%);
	margin-inline: auto;
}

.point02__text {
	text-align: right;
	line-height: 1.4;
}

/* point03
------------------- */
/* .point03 {} */
.point03__wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 0.4fr;
	gap: 40px;
}
.point03__wrap--reverse {
	grid-template-columns: 0.4fr 1fr 1fr;
}
.point03__item {
	position: relative;
}
.point03__item-texts {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.point03__item-title {
	color: #e49755;
	font-size: min(30px, 2.4vw);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-shadow: 1px 0px 8px #fff, 0px 1px 8px #fff, -1px 0px 8px #fff, 0px -1px 8px #fff;
	padding-bottom: 1em;
}
.pint03__item-num {
	font-size: 75%;
	letter-spacing: 0em;
}	
.pint03__item-num i {
	font-style: normal;
	font-size: 200%;
}
.point03__item-text {
	font-size: min(18px, 1.7vw);
	font-weight: 500;
	line-height: 1.6;
}
.mt-200 {
	margin-top: -200px !important;
}
.point03__wrap02 {
	position: relative;
	z-index: 1;
}
.point03__wrap02-img {
	width: 50%;
}
.point03__wrap02-inner {
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	
	width: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.point03__wrap02-texts {
	width: 55%;
	margin-left: auto;
}
.point03__wrap02-title {
	color: #e49755;
	font-size: min(30px, 2.6vw);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}
.point03__wrap02-text {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}

@media only screen and (max-width:1200px) {
	.southview__item-text {
		text-align: center;
	}
}
@media only screen and (max-width:768px) {
	.southview__header {
		margin-bottom: 40px;
	}
	.southview__title {
		min-width: unset;
		font-size: 23px;
		line-height: 1.2;
		margin-bottom: 24px;
	}
	.southview__header-text {
		font-size: 14px;
	}
	.southview__title-num {
		height: 32px;
		top: -0.8em;
		padding-inline: 0.5em;
	}
	.s_contents_title {
		font-size: 24px;
	}
	.s_contents_title::before,
	.s_contents_title::after {
		width: 60px;
	}
	.southview__bg {
		background-position: center 50px;
	}
	.southview__wrap {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.southview__item-title {
		font-size: 14px;
	}
	.southview__item-title span {
		font-size: 22px;
	}
	.southview__item-text {
		font-size: 14px;
		line-height: 1.6;
	}
	.point02__text {
		font-size: 10px;
		text-align: left;
	}
	.point03__wrap {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.point03__item {
		width: 80%;
	}
	.point03__item--right {
		margin-left: auto;
	}
	.point03__item-title {
		font-size: max(20px, 5vw);
	}
	.point03__item-text {
		font-size: max(12px, 3vw);
	}
	.point03__wrap02-inner {
		width: 100%;
		margin-left: 20px;
		position: relative;
		top: unset;
		margin-top: -30px;
		padding-top: 40px;
	}
	.point03__wrap02-img {
		width: 92%;
	}
	.point03__wrap02-texts {
		width: 100%;
	}
	.point03__wrap02-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.point03__wrap02-text {
		font-size: 14px;
	}
}