/*
Last Updated: 2025-02-04
Author: zeal
Theme Name: theme_shimotsuke
*/
*{
	box-sizing: border-box;
	font-feature-settings: "palt";
}
:root {
	--text12: clamp(1.0rem,1.375vw,1.2rem);
	--text14: clamp(1.2rem,1.625vw,1.4rem);
	--text16: clamp(1.4rem,1.875vw,1.6rem);
	--text18: clamp(1.6rem,2.125vw,1.8rem);
	--text19: clamp(1.6rem,2.1875vw,1.9rem);
	--text20: clamp(1.6rem,2.375vw,2.0rem);
	--text22: clamp(1.9rem,2.5625vw,2.2rem);
	--text24: clamp(2.0rem,2.75vw,2.4rem);
	--text26: clamp(2.1rem,2.9375vw,2.6rem);
	--text30: clamp(2.2rem,3.25vw,3.0rem);
	--text33: clamp(2.4rem,3.75vw,3.3rem);
	--text36: clamp(2.6rem,4vw,3.6rem);
	--text38: clamp(3rem,4vw,3.8rem);
	--text40: clamp(3rem,4vw,4.0rem);
	--text42: clamp(3rem,4.25vw,4.2rem);
	--text45: clamp(3.3rem,4.875vw,4.5rem);
	--text48: clamp(3.4rem,5vw,4.8rem);
	--text50: clamp(3.6rem,5.25vw,5.0rem);
	--text60: clamp(3.6rem,6.25vw,6.0rem);
	--text72: clamp(5rem,7.5vw,7.2rem);
	--text75: clamp(5.2rem,7.775vw,7.5rem);
	--text78: clamp(5.2rem,8vw,7.8rem);
	--text80: clamp(5.4rem,8.5vw,8.0rem);
	--text88: clamp(5.6rem,8.75vw,8.8rem);
	--text90: clamp(5.8rem,9vw,9.0rem);

	--text100: clamp(6rem,9.25vw,10.0rem);
	--transition01: 0.4s linear;
	--transition_normal: 0.4s ease-in-out;
	--arrow_yoko: 42 / 77;
	--arrow_tate: 77 / 42;
	--arrow_down: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220.56 120.21"><path class="cls-1" d="m210.56,0c2.56,0,5.12.98,7.08,2.94,3.9,3.91,3.9,10.24-.01,14.14l-100.4,100.21c-3.91,3.9-10.23,3.9-14.14,0L2.93,17.13C-.98,13.22-.98,6.89,2.93,2.99c3.91-3.91,10.24-3.9,14.14,0l93.09,93.09L203.49,2.92c1.95-1.95,4.51-2.92,7.06-2.92Z"/></svg>' ) no-repeat;
	--arrow_up: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220.56 120.21"><path class="cls-1" d="m10,120.21c-2.56,0-5.12-.98-7.08-2.94-3.9-3.91-3.9-10.24.01-14.14L103.34,2.92c3.91-3.9,10.23-3.9,14.14,0l100.15,100.15c3.91,3.91,3.91,10.24,0,14.14-3.91,3.91-10.24,3.9-14.14,0L110.4,24.14,17.06,117.29c-1.95,1.95-4.51,2.92-7.06,2.92Z"/></svg>' ) no-repeat;
	--arrow_left: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.21 220.56"><path class="cls-1" d="m120.21,210.56c0,2.56-.98,5.12-2.94,7.08-3.91,3.9-10.24,3.9-14.14-.01L2.92,117.22c-3.9-3.91-3.9-10.23,0-14.14L103.08,2.93c3.91-3.91,10.24-3.91,14.14,0,3.91,3.91,3.9,10.24,0,14.14L24.14,110.16l93.16,93.33c1.95,1.95,2.92,4.51,2.92,7.06Z"/></svg>' ) no-repeat;
	--arrow_right: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.21 220.56"><path class="cls-1" d="m0,10c0-2.56.98-5.12,2.94-7.08,3.91-3.9,10.24-3.9,14.14.01l100.21,100.4c3.9,3.91,3.9,10.23,0,14.14L17.13,217.63c-3.91,3.91-10.24,3.91-14.14,0-3.91-3.91-3.9-10.24,0-14.14l93.09-93.09L2.92,17.06c-1.95-1.95-2.92-4.51-2.92-7.06Z"/></svg>' ) no-repeat;
	--bg_plaid:linear-gradient(0deg, transparent calc(100% - 1px), #4779c4 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #4779c4 calc(100% - 1px));
	--h_height: 92px;
	--check_icon: url( 'data:image/svg+xml;utf-8,<svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 7"><g id="-2"><path class="cls-1" d="m3.1,7c-.07,0-.15,0-.22-.03-.28-.06-.52-.25-.66-.5L.12,2.57c-.26-.49-.08-1.09.41-1.35.48-.26,1.09-.08,1.35.41l1.56,2.89L9.41.19c.45-.33,1.07-.22,1.4.22.32.45.22,1.07-.22,1.4L3.69,6.81c-.17.12-.38.19-.59.19Z"/></g></svg>' ) no-repeat;
	--check_icon_aspect: 11 / 7;
}


@media screen and (max-width: 899px) {
	:root{
		--h_height: 80px;
	}
}
@media screen and (max-width: 599px) {
	:root{
		--h_height: 62px;
	}
}
.h_height{
	padding-top: var(--h_height);
}
/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:"Noto Sans JP", sans-serif;
	font-size:62.5%;
	color:  #3e3e3e;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
body{ font-size:1.4rem; font-size: 1.4em; }
p{
	font-feature-settings: "palt";
	line-height: 2;
	/* letter-spacing: calc(0.001em * 100); */
}
address{
	font-style: normal;
}
img{
	vertical-align: bottom;
	backface-visibility: hidden;
	height: auto;
}
a{
	color: inherit;
	transition: all 0.3s;
	text-decoration: none;
}
.op:hover{ opacity: 0.65; }
.op img{ transition: all 0.3s; }
#container{ overflow: clip; }
li{list-style:none; }
.center{ text-align:center; }
.w_max_content{
	width: max-content;
}
.w_fit_content{
	width: fit-content;
}
.block_center{
	width: fit-content;
	margin-inline: auto;
}
.text_center{
	text-align: center;
}
.m_center{
	margin-inline: auto;
}
.m_l_auto{
	margin-left: auto;
}
.m_t_auto{
	margin-top: auto;
}
.m_r_auto{
	margin-right: auto;
}
@media screen and (max-width: 599px) {
	.sp_m_center{
		margin-inline: auto;
	}
	.sp_w_auto{
		width: auto;
	}

}
.max_410{
	max-width: 410px;
	--inner_frame_w: 410;
}
.max_450{
	max-width: 450px;
	--inner_frame_w: 450;
}
.max_470{
	max-width: 470px;
	--inner_frame_w: 470;
}
.max_490{
	max-width: 490px;
	--inner_frame_w: 490;
}
.max_500{
	max-width: 500px;
	--inner_frame_w: 500;
}
.max_510{
	max-width: 510px;
	--inner_frame_w: 510;
}
.max_550{
	max-width: 550px;
	--inner_frame_w: 550;
}
.max_680{
	max-width: 680px;
	--inner_frame_w: 680;
}
.max_700{
	max-width: 700px;
	--inner_frame_w: 700;
}
.max_720{
	max-width: 720px;
	--inner_frame_w: 720;
}
.max_730{
	max-width: 730px;
	--inner_frame_w: 730;
}
.max_750{
	max-width: 750px;
	--inner_frame_w: 750;
}
.max_760{
	max-width: 760px;
	--inner_frame_w: 760;
}
.max_820{
	max-width: 820px;
	--inner_frame_w: 820;
}
.max_850{
	max-width: 850px;
	--inner_frame_w: 850;
}
.max_860{
	max-width: 860px;
	--inner_frame_w: 860;
}
.max_880{
	max-width: 880px;
	--inner_frame_w: 880;
}
.max_930{
	max-width: 930px;
	--inner_frame_w: 930;
}
.max_950{
	max-width: 950px;
	--inner_frame_w: 950;
}
.max_990{
	max-width: 990px;
	--inner_frame_w: 990;
}
.max_1010{
	max-width: 1010px;
	--inner_frame_w: 1010;
}
.max_1040{
	max-width: 1040px;
	--inner_frame_w: 1040;
}
.max_1050{
	max-width: 1050px;
	--inner_frame_w: 1050;
}
.max_1350{
	max-width: 1350px;
	--inner_frame_w: 1350;
}

.p_box_30{
	padding: calc(30 / var(--inner_frame_w,1040) * 100%);
}
.p_box_40{
	padding: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.p_box_50{
	padding: calc(50 / var(--inner_frame_w,1040) * 100%);
}
.p_box_75{
	padding: calc(75 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_10{
	padding-inline: calc(10 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_20{
	padding-inline: calc(20 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_30{
	padding-inline: calc(30 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_40{
	padding-inline: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_50{
	padding-inline: calc(50 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_80{
	padding-inline: calc(80 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_100{
	padding-inline: calc(100 / var(--inner_frame_w,1040) * 100%);
}
@media screen and (max-width: 821px) {
	.p_box_75{
		padding: calc(50 / var(--inner_frame_w,1040) * 100%);
	}
	.p_inner_80,
	.p_inner_100{
		padding-inline: 5%;
	}
}
@media screen and (max-width: 599px) {

	.sp_text_left{
		text-align: left;
	}
	.sp_center{
		text-align: center;
	}
	.sp_text_center{
		text-align: center;
	}
	.sp_right{
		text-align: right;
	}
	.text_center{
		text-align: left;
	}

}/*END*/
.f_noto{
	font-family: "Noto Sans JP", sans-serif;
}

.f_w100 {
	font-weight: 100;
}
.f_w200 {
	font-weight: 200;
}
.f_w300 {
	font-weight: 300;
}
.f_w400 {
	font-weight: 400;
}
.f_w500 {
	font-weight: 500;
}
.f_w600 {
	font-weight: 600;
}
.f_w700 {
	font-weight: 700;
}
.f_w800 {
	font-weight: 700;
}

.rela{
	position:relative;
}
.abs{
	position:absolute;
}

.z_1{
	z-index: 1;
}
.z_2{
	z-index: 2;
}
.z_3{
	z-index: 3;
}
.z_4{
	z-index: 4;
}
.z_5{
	z-index: 5;
}
.order01{order: 1;}
.order02{order: 2;}
.order03{order: 3;}
.order04{order: 4;}
.order05{order: 5;}

.text_upper{
	text-transform: uppercase;
}
.a_delay01{
	animation-delay: 0.2s;
	--animation_d: 0.2s;
}
.a_delay02{
	animation-delay: 0.4s;
	--animation_d: 0.4s;
}
.a_delay03{
	animation-delay: 0.6s;
	--animation_d: 0.6s;
}
.a_delay04{
	animation-delay: 0.8s;
	--animation_d: 0.8s;
}
.a_delay05{
	animation-delay: 1s;
	--animation_d: 1s;
}
.a_delay06{
	animation-delay: 1.2s;
	--animation_d: 1.2s;
}
.a_delay07{
	animation-delay: 1.4s;
	--animation_d: 1.4s;
}
.t_delay0{
	transition-delay: 0s;
	--transition_d: 0s;
}
.t_delay01{
	transition-delay: 0.2s;
	--transition_d: 0.2s;
}
.t_delay02{
	transition-delay: 0.4s;
	--transition_d: 0.4s;
}
.t_delay03{
	transition-delay: 0.6s;
	--transition_d: 0.6s;
}
.t_delay04{
	transition-delay: 0.8s;
	--transition_d: 0.8s;
}
.t_delay05{
	transition-delay: 1s;
	--transition_d: 1s;
}
.t_delay06{
	transition-delay: 1.2s;
	--transition_d: 1.2s;
}
.t_delay07{
	transition-delay: 1.4s;
	--transition_d: 1.4s;
}

/*----------------------------------------
	text
----------------------------------------*/

.text_bold{ font-weight: bold; }
.text_bold800{ font-weight: 800; }
.text_normal{ font-weight: normal; }
.text_right{text-align:right;}
.text_left{text-align:left;}
@media screen and (max-width: 599px) {
	.sp_text_left{
		text-align: left;
	}
}
.text_10{ font-size:1.0rem !important; }
.text_12{ font-size: var(--text12) }
.text_14{ font-size: var(--text14) }
.text_16{ font-size: var(--text16) }
.text_18{ font-size: var(--text18) }
.text_20{ font-size: var(--text20) }
.text_22{ font-size: var(--text22) }
.text_24{ font-size: var(--text24) }
.text_26{ font-size: var(--text26) }
.text_30{ font-size: var(--text30) }
.text_33{ font-size: var(--text33) }
.text_36{ font-size: var(--text36) }
.text_38{ font-size: var(--text38) }
.text_40{ font-size: var(--text40) }
.text_42{ font-size: var(--text42) }
.text_45{ font-size: var(--text45) }
.text_48{ font-size: var(--text48) }
.text_50{ font-size: var(--text50) }
.text_60{ font-size: var(--text60) }
.text_72{ font-size: var(--text72) }
.text_78{ font-size: var(--text78) }
.text_80{ font-size: var(--text80) }
.text_88{ font-size: var(--text88) }
.text_90{ font-size: var(--text90) }
.text_100{ font-size: var(--text100) }
.lh_34{ line-height: 3.4 !important; }
.lh_32{ line-height: 3.2 !important; }
.lh_30{ line-height: 3 !important; }
.lh_28{ line-height: 2.8 !important; }
.lh_26{ line-height: 2.6 !important; }
.lh_24{ line-height: 2.4 !important; }
.lh_22{ line-height: 2.2 !important; }
.lh_20{ line-height: 2 !important; }
.lh_18{ line-height: 1.8 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_14{ line-height: 1.4 !important; }
.lh_12{ line-height: 1.2 !important; }
.lh_11{ line-height: 1.1 !important; }
.lh_10{ line-height: 1 !important; }
.ls_0{ letter-spacing: initial; }
.ls_1{ letter-spacing: 1px !important; }
.ls_2{ letter-spacing: 2px !important; }
.ls_3{ letter-spacing: 3px !important; }
.ls_4{ letter-spacing: 4px !important; }
.ls_100{letter-spacing: calc(0.001em * 100);}
.ls_200{letter-spacing: calc(0.001em * 200);}
.ls_300{letter-spacing: calc(0.001em * 300);}
.ls_400{letter-spacing: calc(0.001em * 400);}
.ls_500{letter-spacing: calc(0.001em * 500);}

.ls_-1{ letter-spacing: -1px !important; }
.ls_-2{ letter-spacing: -2px !important; }
.ls_-3{ letter-spacing: -3px !important; }
.ls_-4{ letter-spacing: -4px !important; }
@media screen and (max-width: 599px){
	.sp_ls_0{ letter-spacing: initial; }

	.sp_lh_15{
		line-height: 1.5!important;
	}
	p{ line-height: 1.8; }
}/*END*/

/*----------------------------------------
	layout
----------------------------------------*/
.outline_frame{
	width: 100%;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}
.inner_frame{
	width: 100%;
	max-width: 1080px;
	padding-inline: 20px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	--inner_frame_w: 1040;
}

.inner_frame2{
	width: 100%;
	max-width: 1400px;
	padding-inline: 20px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	--inner_frame_w: 1040;
}


.inner_frame_post{
	width: 100%;
	max-width:900px;
	position: relative;
	box-sizing: border-box;
	margin:0 auto;
	--inner_frame_w: 900;
}
@media screen and (max-width: 820px){
	
.inner_frame2{
	width: 100%;
	max-width: 1080px;
	padding-inline: 20px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	--inner_frame_w: 1040;
}	
	
	.inner_frame,.top_frame{
		padding-right: 3%;
		padding-left: 3%;
	}
	.large_inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}


}/*END*/

@media screen and (max-width: 599px){
	.inner_frame,.sp_inner_frame,.top_frame{
		padding-right: 5%;
		padding-left: 5%;
	}
}/*END*/


/*----------------------------------------
	画像を中央配置
----------------------------------------*/

.photo_frame{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	aspect-ratio: 200 / 240;
}
.photo_frame img{
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.hover_zoom img{
	transition: var(--transition_normal);
}
.hover_zoom:hover img{
	scale: 1.1;
}


.hover_white_overlay {
  position: relative;
  display: inline-block;
}

.hover_white_overlay::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0); /* 最初は透明 */
  transition: background 0.4s ease-in-out;
  pointer-events: none; /* クリック透過 */
}

.hover_white_overlay:hover::after {
  background: rgba(255,255,255,0.4); /* 白く半透明に */
}


.photo_frame{ z-index: 1; }/*chrome*/
/* 分岐 */

/*----------------------------------------
	header
----------------------------------------*/
body.open{
	overflow: hidden;
}
header{
	--head_num: 1;
}
header.js-scroll-down{
	--head_num: 0.5;
}
header{
	position: fixed;
	top: calc(var(--head_num , 1) * 4%);
	left: calc(30 / 1350 * 100%);
	width: calc(1290 / 1350 * 100%);
	margin-inline: auto;
	transition: var(--transition_normal);
}
.head_frame{
	display: grid;
	/*grid-template-columns: auto max(calc(850 / 1290 * 100%),815px);*/
    grid-template-columns: auto max(calc(850 / 1210 * 100%),815px);
	align-items: center;
	justify-content: space-between;
}
.head_list > li{
	display: contents;
}
.head_list_box{
	border-radius: 100vmax;
	border: 5px solid #000;
	background-color: #fff;
	overflow: clip;
	/*max-width: 815px;*/
    max-width: 1000px;
	margin-left: auto;
}
.head_list{
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;*/
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr;
}
.head_list a{
	font-size: var(--text16);
	padding: 1.5em 0.5em;
	text-align: center;
	
}
.head_list > li:nth-last-child(2) a{
    background-color: var(--color01);
	color: #fff;
}
.head_list > li:nth-last-child(2) a:hover{
	background-color: transparent;
	color: #000;
}
.head_list > li:last-of-type a{
	background-color: var(--color04);
	color: #fff;
}
.head_list > li:last-of-type a:hover{
	background-color: transparent;
	color: #000;
}
/* hover */
.follower{
	background-color: var(--color05);
	top: 0;
	pointer-events: none;
}


@media screen and (min-width: 1100px) {
	.menu_btn{
		display: none;
	}
}
@media screen and (max-width: 1099px){
	.head_logo{
		width: 25%;
	}
	header{
		top: calc(var(--head_num , 1) * 2%);
	}

	.head_list_box{
		display: none;
	}
	.head_frame{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.menu_btn{
		width: 50px;
		aspect-ratio: 1;
		position: relative;
		cursor: pointer;
		z-index: 9999;
		background-color: transparent;
		border: none;
	}
	.menu_btn span{
		display: inline-block;
		width: 80%;
		height: 1px;
		background-color: #fff;
		background-size: cover;
		background-repeat: repeat-x;
		position: absolute;
		left: 10%;
		transition: all 0.6s;
	}
	.menu_btn span:nth-child(1){
		top: 25%;
	}
	.menu_btn span:nth-child(2){
		top: 50%;
	}
	.menu_btn span:nth-child(3){
		top: 75%;
	}
	.open .menu_btn{
		background: none;
	}
	.open .menu_btn::after{
		bottom: 0;
	}
	.open .menu_btn span:nth-child(1){
		transform: rotate(-45deg);
		/*background: #c79f62;*/
		top: 50%;
	}
	.open .menu_btn span:nth-child(2){
		opacity: 0;
	}
	.open .menu_btn span:nth-child(3){
		transform: rotate(45deg);
		bottom: auto;
		top: 50%;

	}
}
.drawer{
	position: fixed;
	background: #404040;
	top: 0;
	right: 0;
	width: 100%;
	overflow-y: scroll;
	height: 100vh;
	color: #fff;
	display: flex;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s ease-in-out;
	z-index: 99;
	align-items: center;
	text-align: center;
}
.drawer li{
	padding-top: 15px;
	padding-bottom: 15px;
}
.open .drawer{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.open .drawer ul li{
	transform: translateX(0);
}

/*END*/
/*----------------------------------------
	iframe中央配置
----------------------------------------*/

/*iframe比率維持*/
.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	aspect-ratio: 1350 / 460;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.map{ z-index: 2; }/*chrome対策*/



/*----------------------------------------
	contents concept
----------------------------------------*/
/* ぱんくず */
.pan_nav{
	font-size: var(--text16);
}
.pan_nav li{ 
	display: inline-block;
}
.pan_nav li a{
	color: inherit;
}
.pan_nav li a:after{
	content: ">";
	position: relative;
	font-size: 1.3rem;
	margin-right: 5px;
	margin-left: 6px;
}
/* 共通 */
.text_under_line{
	border-bottom: 1px solid currentColor;
}
.top_line{
	border-top: #000 1px solid;
}
.under_line{
	border-bottom: 1px solid #000;
}
.under_line_2{
	border-bottom: 2px solid #000;
}
.under_line_3{
	border-bottom: 3px solid #000;
}
.top_line_fff{
	border-top: #fff 1px solid;
}
.under_line_fff{
	border-bottom: 1px solid #fff;
}
.top_line_000{
	border-top: #000 1px solid;
}
.under_line_000{
	border-bottom: 1px solid #000;
}
.line_all_fff{
	border: 1px solid #fff;
}
.border_box_000{
	border: 2px #000 solid;
}
.under_line_dots{
	background-image : linear-gradient(to right, #000 1px, transparent 2px);
	background-size: 7px 1px;
	background-repeat: repeat-x; 
	background-position: left bottom;
   	width: 95%;
	margin: 0 auto;
}
.top_radius_10{
	border-radius: 10px 10px 0 0;
}
.text_white{
	color: #fff;
}
.bg_white{
	background-color: #fff;
}
.bg_black{
	background-color: #000;
}
:root{
	--color01: #5691ec;
	--color02: #92ceec;
	--color03: #ffbb59;
	--color04: #fa7804;
	--color05: #fff80d;
}
/* 頻出背景 */
.bg_color01{ 
	background-color: var(--color01);
	--bg_color: var(--color01);
}
.bg_color02{ 
	background-color: var(--color02);
	--bg_color: var(--color02);
}
.bg_color03{ 
	background-color: var(--color03);
	--bg_color: var(--color03);
}
.bg_color04{ 
	background-color: var(--color04);
	--bg_color: var(--color04);
}
.bg_color05{ 
	background-color: var(--color05);
	--bg_color: var(--color05);
}
.bg_color06{ 
	background-color: var(--color06);
	--bg_color: var(--color06);
}
.bg_color07{ 
	background-color: var(--color07);
	--bg_color: var(--color07);
}
.bg_color08{ 
	background-color: var(--color08);
	--bg_color: var(--color08);
}
/* 頻出文字色 */
.text_color01{color: var(--color01);}
.text_color02{color: var(--color02);}
.text_color03{color: var(--color03);}
.text_color04{color: var(--color04);}
.text_color05{color: var(--color05);}
.text_color06{color: var(--color06);}
.text_color07{color: var(--color07);}
.text_color08{color: var(--color08);}
/* btn */
.btn_link_normal{
	font-size: var(--text16);
	font-weight: bold;
	width: 100%;
	max-width: 250px;
	padding: 1.5em 2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition_normal);
	background-color: var(--btn_bg,#fff);
	color: #6f887a;
}
.btn_link_normal:hover{
	color: #fff;
	--btn_bg: #6f887a;
}

.btn_link_normal[data-btn_size="large"]{
	max-width: 355px;
}
.btn_link_normal[data-btn_color="green"]{
	color: #fff;
	--btn_bg: #6f887a;
}
.btn_link_normal[data-btn_color="green"]:hover{
	color: #6f887a;
	--btn_bg: #fff;
}
.btn_arrow{
	width: 24px;
	aspect-ratio: 1;
	background-color: currentColor;
	border-radius: 50%;
	position: relative;
}
.btn_arrow::after{
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	background-color: var(--btn_bg,#fff);
}
.btn_arrow[data-btn_type="arrow"]::after{
	width: 5px ;
	aspect-ratio: var(--arrow_yoko);
	-webkit-mask: var(--arrow_right);
	mask:var(--arrow_right);
}

.btn_arrow[data-btn_type="more"]::after{
	width: 7px;
	height: 2px;
}
.btn_arrow[data-btn_type="more"]::before{
	content: "";
	width: 2px;
	height: 7px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	background-color: var(--btn_bg,#fff);
}
.more_details[open] .btn_arrow[data-btn_type="more"]::after{
	opacity: 0;
}
.more_details[open] .btn_arrow[data-btn_type="more"]::before{
	rotate: 90deg;
	transition: var(--transition_normal);
}


/* hover_list */
.list_hover_effect:hover a:not(a:hover){
	opacity: 0.3;
}


/* grid,flex */
.dis_flex{
	display: flex;
}
.flexbox{
	display: flex;
}

@media screen and (max-width: 599px) {
	.flexbox{
		flex-direction: column;
		row-gap: 30px;
	}
}
.flex_wrap{
	flex-wrap: wrap;
}
.al_center{
	align-items: center;
}
.al_end{
	align-items: flex-end;
}
.al_s_end{
	align-self: flex-end;
}
.jsc_sb{
	justify-content: space-between;
}
.jsc_center{
	justify-content: center;
}
.grid_two_auto,
.grid_two,
.grid_three,
.grid_four{
	display: grid;
	column-gap: 3.5%;
	row-gap: 30px;
}
.grid_two_auto{
	grid-template-columns: repeat(2,auto);
}
.grid_two{
	grid-template-columns: repeat(2,1fr);
}
.grid_three{
	grid-template-columns: repeat(3,1fr);
}
.grid_four{
	grid-template-columns: repeat(4,1fr);
}

@media screen and (max-width: 599px) {
	.grid_two_auto,
	.grid_two,
	.grid_three{
		grid-template-columns: repeat(1,1fr);
	}
	.sp_grid_two,
	.grid_four{
		grid-template-columns: repeat(2,1fr);
	}
	.sp_grid_three{
		grid-template-columns: repeat(3,1fr);
	}
	.sp_grid_two.grid_two_auto{
		grid-template-columns: repeat(2,auto);
	}
}
.flex_two{
	display: flex;
	justify-content: space-between;
}
.reverse{
	flex-direction: row-reverse;
}
.flex_two > div{
	width: 48.078%
}
@media screen and (max-width: 599px) {
	.flex_two,
	.reverse{
		flex-direction: column;
		row-gap: 30px;
	}
	.flex_two > div{
		width: 100%;
	}
	.sp_dis_contents{
		display: contents;
	}
}
.sp_archive_link_layout{
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
@media screen and (max-width: 599px) {
	.sp_archive_link_layout{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.sp_archive_link_layout_text{
		width: 55%;
	}
	.sp_archive_link_layout_img{
		width: 42%;
	}
}
.c_gap_0{
	column-gap: 0%;
}
.c_gap_1{
	column-gap: 1%;
}
.c_gap_3{
	column-gap: 3%;
}
.c_gap_5{
	column-gap: 5%;
}
.c_gap_7{
	column-gap: 7%;
}
.c_gap_10{
	column-gap: 10%;
}
.row_gap_0{
	row-gap: 0px;
}
.row_gap_60{
	row-gap: 60px;
}
.row_gap_100{
	row-gap: 100px;
}
.gap_0{
	gap: 0px;
}
.gap_5{
	gap: 5px;
}
.gap_10{
	gap: 10px;
}
@media screen and (max-width: 599px) {
	.row_gap_100{
		row-gap: 50px;
	}
	.sp_row_gap_150{
		row-gap: 150px;
	}
	.sp_row_gap_100{
		row-gap: 100px;
	}
	.sp_row_gap_30{
		row-gap: 30px;
	}
	.sp_row_gap_0{
		row-gap: 0;
	}
}
.flex_item300{
	width: calc(300 / var(--inner_frame_w,1150) * 100%);
}
.flex_item310{
	width: calc(310 / var(--inner_frame_w,1150) * 100%);
}
.flex_item350{
	width: calc(350 / var(--inner_frame_w,1150) * 100%);
}
.flex_item400{
	width: calc(400 / var(--inner_frame_w,1150) * 100%);
}
.flex_item410{
	width: calc(410 / var(--inner_frame_w,1150) * 100%);
}
.flex_item430{
	width: calc(430 / var(--inner_frame_w,1150) * 100%);
}
.flex_item450{
	width: calc(450 / var(--inner_frame_w,1150) * 100%);
}
.flex_item480{
	width: calc(480 / var(--inner_frame_w,1150) * 100%);
}
.flex_item500{
	width: calc(500 / var(--inner_frame_w,1150) * 100%);
}
.flex_item520{
	width: calc(520 / var(--inner_frame_w,1150) * 100%);
}
.flex_item540{
	width: calc(540 / var(--inner_frame_w,1150) * 100%);
}
.flex_item550{
	width: calc(550 / var(--inner_frame_w,1150) * 100%);
}
.flex_item580{
	width: calc(580 / var(--inner_frame_w,1150) * 100%);
}
.flex_item590{
	width: calc(590 / var(--inner_frame_w,1150) * 100%);
}
.flex_item610{
	width: calc(610 / var(--inner_frame_w,1150) * 100%);
}
.flex_item650{
	width: calc(650 / var(--inner_frame_w,1150) * 100%);
}
@media screen and (max-width: 599px) {
	.flex_item650,
	.flex_item610,
	.flex_item590,
	.flex_item580,
	.flex_item550,
	.flex_item540,
	.flex_item520,
	.flex_item500,
	.flex_item480,
	.flex_item450,
	.flex_item430,
	.flex_item410,
	.flex_item400,
	.flex_item350,
	.flex_item310,
	.flex_item300{
		width: 100%;
	}
}
.over_item_box745{
	width: calc(745 / 1350 * 100vw);
	max-width: 745px;
}
.over_item_box745[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1150) * 1px)) / -2) , -20px);
}
.over_item_box655{
	width: calc(655 / 1350 * 100vw);
	max-width: 655px;
}
.over_item_box655[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1150) * 1px)) / -2) , -20px);
}
.over_item_box650{
	width: calc(650 / 1350 * 100vw);
	max-width: 650px;
}
.over_item_box650[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1150) * 1px)) / -2) , -20px);
}
@media screen and (max-width: 599px) {
	.over_item_box650,
	.over_item_box650[data-item_position="left"],
	.over_item_box745,
	.over_item_box745[data-item_position="left"],
	.over_item_box655,
	.over_item_box655[data-item_position="left"]{
		width: 100%;
		margin-left: 0;
	}
}



/* mv */
.mv_frame{
	background-color: var(--color01);
	background-image: radial-gradient(circle, #2e6cb6 2.5px, transparent 2.5px);
	background-position: 0 0;
	background-size: 15px 15px;
}
.mv_bg_img{
	overflow: clip;
    width: 100vw;
    max-height: 1000px;
	left: 0;
	top: 0;
}
.mv_box{
	aspect-ratio: 1350 / 1000;
    max-width: 1350px;
    margin-inline: auto;
}
@media screen and (max-width: 599px) {
	.mv_box{
		aspect-ratio: 800 / 1400;
	}
}
.mv_main_contents{
	left: 50%;
	top: 50%;
	translate: -50% -45%;
	width: calc(845 / 1350 * 100%);
	aspect-ratio: 845 /740;
}
.mv_speech_bubble{
	left: 0;
	top: 0;
}
.mv_title01{
	width: calc(623 / 845 * 100%);
	left: 50%;
	top: 50%;
	translate: -50% -62%;
}
.mv_title02{
	width: calc(423 / 845 * 100%);
	left: 50%;
	bottom: 0%;
	translate: -50% -8%;
}
.mv_access_deco{
	width: calc(310 / 845 * 100%);
    top: 0;
    left: 0;
    translate: -8% -30%;
}
@media screen and (max-width: 599px) {
	.mv_main_contents{
		width: calc(829 / 800 * 100%);
		aspect-ratio: 829 /952;
		translate: -50% -53%;
		}
	.mv_title01{
		width: 75%;
	}
	.mv_title02{
		width: 60%;
		translate: -50% -33%;
	}
	.mv_access_deco{
		width: calc(322 / 829 * 100%);
		translate: 0;
		left: 8%;
        top: 2%;
	}
}

.mv_deco01{
	width: calc(158 / 1350 * 100%);
    top: 36%;
    left: 14%;
}
.mv_deco02{
	width: calc(65 / 1350 * 100%);
    left: 50%;
    top: 16%;
}
.mv_deco03{
	width: calc(128 / 1350 * 100%);
    bottom: -2%;
    right: 33%;
}
.mv_deco04{
	width: calc(80 / 1350 * 100%);
    top: 13%;
    left: 40.5%;
}
.mv_deco05{
	width: calc(106 / 1350 * 100%);
    top: 20.5%;
    left: 61%;
}
.mv_deco06{
	width: calc(161 / 1350 * 100%);
    top: 55%;
    left: 73%;
}
.mv_deco07{
	width: calc(419 / 1350 * 100%);
    top: 22%;
    left: 0%;
    translate: -17%;
}
@media screen and (max-width: 599px) {
	.mv_deco07{
		width: 60%;
		top: 5%;
	}
}
/* mv_text_box01 */
.mv_text_box01{
	width: calc(268 / 1350  * 100%);
	aspect-ratio: 1;
	left: 4%;
    top: 48.5%;
}
.mv_speech_bubble01{
	width: calc(196 / 268  * 100%);
	top: 0;
	left: 0;
}
.mv_main_human01{
	width: calc(236 / 268  * 100%);
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 599px) {
	.mv_text_box01{
		width: calc(309 / 800  * 100%);
		aspect-ratio: 309/321;
		right: auto;
		left: 0%;
        bottom: 0;
        top: auto;
		}
	.mv_speech_bubble01{
		width: calc(221 / 309  * 100%);
	}
	.mv_main_human01{
		width: calc(281 / 309  * 100%);
	}
}

/* mv_text_box02 */
.mv_text_box02{
	width: calc(354 / 1350  * 100%);
	aspect-ratio: 354/266;
	left: 5%;
    bottom: -8%;
}
.mv_speech_bubble02{
	width: calc(174 / 354  * 100%);
	top: 0;
	left: 0;
}
.mv_main_human02{
	width: calc(196 / 354  * 100%);
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 599px) {
	.mv_text_box02{
		width: calc(323 / 800  * 100%);
		aspect-ratio: 323/326;
		right: auto;
		left: 30%;
        bottom: -1%;
		}
	.mv_speech_bubble02{
		width: calc(203 / 323  * 100%);
	}
	.mv_main_human02{
		width: calc(200 / 323  * 100%);
	}

}


/* mv_text_box03 */
.mv_text_box03{
	width: calc(258 / 1350  * 100%);
	aspect-ratio: 258/305;
	right: 3%;
    top: 23%;
}
.mv_speech_bubble03{
	width: calc(177 / 258  * 100%);
	top: 0;
	right: 0;
}
.mv_main_human03{
	width: calc(218 / 258  * 100%);
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 599px) {
	.mv_text_box03{
		width: calc(216 / 800  * 100%);
		aspect-ratio: 216/339;
		right: 3%;
        bottom: -2%;
        top: auto;
		}
	.mv_speech_bubble03{
		width: calc(205 / 216  * 100%);
	}
	.mv_main_human03{
		width: calc(214 / 216  * 100%);
	}
}



/* mv_text_box04 */
.mv_text_box04{
	width: calc(285 / 1350  * 100%);
	aspect-ratio: 285/425;
	right: 3%;
    bottom: -8%;
}
.mv_speech_bubble04{
	width: calc(195 / 285  * 100%);
	top: 0;
	right: 0;
}
.mv_main_human04{
	width: calc(156 / 285  * 100%);
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 599px) {
	.mv_text_box04{
		width: calc(287 / 800  * 100%);
		aspect-ratio: 287/371;
		right: 15%;
        bottom: auto;
        top: 6%;	}
	.mv_speech_bubble04{
		width: calc(227 / 287  * 100%);
	}
	.mv_main_human04{
		width: calc(145 / 287  * 100%);
	}

}
.start.mv_deco_anime{
	animation: kakukaku 4s infinite steps(1) calc(var(--animation_d,0s) * 1);
}
.mv_delay01{
	--animation_d: 2s;
}
@keyframes kakukaku {
  0% {
    transform: rotate(-2.5deg);
  }
  15% {
    transform: rotate(2.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
  }
  50% {
    transform: rotate(2.5deg);
  }
}

/* concept */
.concept_bg{
	background-image: url(../images/concept_bg.png);
	background-position: center center;
	background-size: auto 120%;
	background-color: var(--color02);
	background-repeat: no-repeat;
}
.concept_layout{
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 1099px) {
	.concept_layout{
		margin-bottom: -20%;
	}
}
.concept_imgbox_l,
.concept_imgbox_r{
	width: calc(329 / 1040 * 100%);
}
.concept_imgbox_l{
	margin-top: calc(35 / 1040 * 100%);
	margin-left: clamp(-115px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.concept_imgbox_r{
	margin-right: clamp(-175px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
	margin-top: calc(-45 / 1040 * 100%);
}
@media screen and (min-width: 1350px) {
	.concept_textbox{
		margin-right: calc(65 / 1040 * 100%);
	}
}
.concept_img01{
	width: 100%;
}
.concept_img02{
	width: calc(192 / 329 * 100%);
}
.concept_img03{
	width: calc(290 / 329 * 100%);
}
.concept_deco01_l{
	right: -19%;
	top: 55%;
	width: calc(220 / 329 * 100%);
}
.concept_deco01_l{
	transform-origin: 75% 100%;
}
.concept_img02_l{
	margin-left: calc(25 / 329 * 100%);
	margin-top: calc(45 / 329 * -100%);
}
.concept_img03_l{
	margin-top: calc(45 / 329 * -100%);
}
.concept_img02_r{
	margin-right: calc(35 / 329 * 100%);
	margin-left: auto;
	margin-top: calc(45 / 329 * -100%);
}
.concept_img03_r{
	margin-top: calc(40 / 329 * -100%);
}
.concept_deco01_r{
	left: -27%;
	top: 10%;
	width: calc(272 / 329 * 100%);
}

/* produce */
.produce_bg{
	background-image: url(../images/produce_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	overflow: hidden;
}
.produce_t01_deco{
	width: calc(141 / 455 * 100%);
	right: 0;
	top: 0;
	translate: 30% -35%;
}
.produce_t02_deco{
	width: calc(199 / 455 * 100%);
	right: 0;
	top: 0;
	translate: 30% 4%;
}
.produce_t03_deco{
	width: calc(260 / 455 * 100%);
	right: 0;
	top: 0;
	translate: 38% 3%;
}
.produce_family{
	width: calc(302 / 500 * 100%);
	bottom: 89%;
	right: 51%;
}
.smoke_position{
	will-change: transform;
}
.smoke{
	top: 50%;
}
.smoke_position[data-smoke-position="right"]{
	right: -10%;
}
.smoke_position[data-smoke-position="left"]{
	left: -10%;
}
.produce_deco01{
	width: calc(436 / 1080 * 100%);
	top: 9.5%;
	right: -19%;
}
.produce_deco02{
	width: calc(489 / 1080 * 100%);
	bottom: 26%;
	left: -29%;
}
/* Taipa */
.taipa_bg{
	background-image: url(../images/taipa_main_img.jpg);
	background-size: cover;
	background-position: left;
}

.bg_plaid_blue{
	background-image: var(--bg_plaid);
	background-size: 100px 100px;
	background-color: var(--color01);
	animation: bg_anime 30s linear infinite;
}
@keyframes bg_anime{
	from{
		background-position: 0%;
	}
	to{
		background-position: 100%;
	}
}
.land_layout{
	display: flex;
	flex-direction: row-reverse;
/*	justify-content: space-between;*/
}

.land_layout2{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: clamp(20px, 3vw, 50px);
}


.land_layout2 .land_text_box2{
	width: auto !important;
	flex: 0 1 38%;
	min-width: 0;
}

.land_layout2 .land_img_box2{
	width: auto !important;
	max-width: none;
	margin-left: 0;
	flex: 1 1 62%;
	min-width: 0;
}

.land_layout2 .land_text_box2 img,
.land_layout2 .land_img_box2 img{
	width: 100%;
	max-width: 100%;
	height: auto;
}





.land_text_box.flex_item490{
	width: auto;
	flex: 1 1 38%;
	min-width: 300px;
}

/*.land_text_box2.flex_item490{
	width: auto;
	flex: 1 1 38%;
	min-width: 300px;
}*/


.land_img_box2{
	width: auto;
	max-width: none;
	margin-left: 0;
	flex: 1.5 1 0;
	min-width: 0;
}

.land_img_box2 img{
	width: 100%;
	height: auto;
}


/* 近隣土地バナー */
.kinrin_banner{
	width: 80%;
	max-width: 900px;
	margin-inline: auto;
	display: block;
}

@media screen and (max-width: 599px) {
	.kinrin_banner{
		width: 100%;
		max-width: none;
	}
}




@media screen and (max-width: 900px) {
	.land_layout2{
		flex-direction: column;
		row-gap: 30px;
	}

	.land_layout2 .land_text_box2,
	.land_layout2 .land_img_box2{
		width: 100% !important;
		flex: none;
		min-width: 0;
		margin-left: 0;
	}

	.land_layout2 .land_img_box2{
		width: 110% !important;
	}
}




@media screen and (max-width: 599px) {
	.land_layout{
		flex-direction: column;
		row-gap: 30px;
	}
	
	.land_layout2{
		flex-direction: column;
		row-gap: 30px;
	}	
	
}


.land_img_box{
	width: calc(672 / 1350 * 100vw);
	max-width: 1000px;
	margin-left: clamp(-140px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
@media screen and (max-width: 599px) {
	.land_img_box{
		width: 110%;
/*		margin-left: 0;*/
	}
	
	.land_img_box2{
		width: 110%;
/*		margin-left: 0;*/
	}
	
	.land_text_box2.flex_item490,
	.land_img_box2{
		width: 100%;
		flex: none;
		min-width: 0;
		margin-left: 0;
	}	
	
	
	
	
}

/* access */
.access_img02{
	width: calc(288 / 519 * 100%);
	right: 0;
	top: 0;
}
.access_img_deco01{
	width: calc(74 / 519 * 100%);
	left: 31%;
	top: 0%;
}
.access_img_deco02{
	width: calc(100 / 519 * 100%);
	left: 13%;
	top: 10%;
}
.access_deco03{
	width: calc(257 / 519 * 100%);
	right: -22%;
	bottom: -22%;
}
.access_deco01{
	width: calc(448 / 1080 * 100%);
	right: -15%;
	top: -10%;
}
.access_deco02{
	width: calc(313 / 1080 * 100%);
	bottom: -5%;
	left: -15%;
	z-index: 2;
}
@media screen and (max-width: 1039px) {
	.access_deco02{
		display: none;
	}
}


/* location */

.location_bg{
	background-image: url(../images/location_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: var(--color03);
	overflow: clip;
}
.layout_text_box{
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #e8e8e8 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #e8e8e8 calc(100% - 1px));
	background-size: 50px 50px;
	padding: 5% 3%;
	border: 5px solid #000;
	border-right: none;
		animation: bg_anime 30s linear infinite;

}
.reverse .layout_text_box{
	border-right: 5px solid #000;
	border-left: none;
}
@media screen and (max-width: 599px) {
	.reverse .layout_text_box,
	.layout_text_box{
		border-right: 5px solid #000;
		border-left: 5px solid #000;
		border-bottom: none;
	}
}
.location_deco01{
	width: calc(385 / 1080 * 100%);
	left: -15%;
	top: 3%;
}
.location_deco02{
	width: calc(307 / 1080 * 100%);
	right: -8%;
	top: 4%;
}
.location_deco03{
	width: calc(220 / 1080 * 100%);
	left: -16%;
	top: 36%;
}
.location_deco03 img{
	transform-origin: 75% 100%;
}
.location_deco04{
	width: calc(272 / 1080 * 100%);
	right: -18%;
	top: 66%;
}
.location_deco05{
	width: calc(489 / 1080 * 100%);
	left: -13%;
	bottom: 1%;
}
@media screen and (max-width: 1039px) {
	.location_deco03,
	.location_deco04{
		display: none;
	}
}
@media screen and (max-width: 599px) {
	.location_deco01{
		left: -3%;
		top: 0%;
	}
	.location_deco02{
		right: -1%;
		top: 5%;
	}
	.location_deco05{
		bottom: 0;
	}
}
/* series */
.series_layout{
	display: flex;
	justify-content: space-between;
}
.series_imgbox_l,
.series_imgbox_r{
	width: calc(367 / 1040 * 100%);
}
.series_imgbox_l{
	/* margin-top: calc(35 / 1040 * 100%); */
	margin-left: clamp(-180px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.series_imgbox_r{
	margin-right: clamp(-175px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
	/* margin-top: calc(-45 / 1040 * 100%); */
}
.series_intro_img01{
	width: calc(276 / 367 * 100%);
	margin-left: auto;
	margin-right: auto;
}
.series_intro_img02{
	margin-top: calc(60 / 367 * -100%);
}
.series_intro_img03{
	width: calc(229 / 367 * 100%);
	margin-right: calc(25 / 367 * 100%);
	margin-left: auto;
	margin-top: calc(50 / 367 * -100%);
}
.series_intro_deco01{
	width: calc(138 / 367 * 100%);
	bottom: 18%;
	right: -9%;
}




.series_intro_img04{
	width: calc(276 / 367 * 100%);
	margin-left: auto;
	margin-right: auto;
}
.series_intro_img05{
	width: calc(237 / 367 * 100%);
	margin-top: calc(50 / 367 * -100%);
	margin-left: auto;
	margin-right: calc(35 / 367 * 100%);
}
.series_intro_img06{
	margin-top: calc(80 / 367 * -100%);
}
.series_bg{
	background-image: url(../images/series_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: clip;
}


.series_deco01{
	width: calc(220 / 1080 * 100%);
	left: -16%;
	top: 29%;
}
.series_deco01 img{
	transform-origin: 75% 100%;
}
.series_deco02{
	width: calc(447 / 1080 * 100%);
	right: -20%;
	top: 59%;
}
.series_deco03{
	width: calc(489 / 1080 * 100%);
	left: -16%;
	bottom: -3%;
}
@media screen and (max-width: 1039px) {
	.series_deco01,
	.series_deco02{
		display: none;
	}
}

/* modelhouse */
.modelhouse_img{
	width: calc(441 / 500 * 100%);
	margin-inline: auto;
}

.modelgo{
    text-align: center;
    margin: 4% auto 3% auto;
    width: 70%;
    background: #000;
    color: #fff;
    padding: 3% 0 3% 0;
    border: 4px solid #000;
}
.modelgo:hover{
   background: #fff;
   color:#000;
}

@media screen and (max-width: 599px) {
	.modelhouse_img{
		width: 70%;
	}
}
.modelhouse_deco01{
	width: calc( 130 / 441 * 100%);
	top: -5%;
	right: -21%;
}
.modelhouse_deco02{
	width: calc( 363 / 441 * 100%);
	bottom: -12%;
	right: -32%;
}

/* animation */
.shutter_img::after,
.shutter_img::before{
	content: "";
	width: 100%;
	height: 50%;
	background-color: #000;
	position: absolute;
	left: 0;
	transition: 0.6s ease-out var(--transition_d,0s);
	clip-path: inset(0);
    -webkit-clip-path: inset(0);
}
/* 画像 */
.shutter_img::after{
	top: 0;
}
.shutter_img::before{
	bottom: 0;
}
.anime_active .shutter_img::after{
	clip-path: inset(0 0 100% 0);
	-webkit-clip-path: inset(0 0 100% 0);
	z-index: 3;
}
.anime_active .shutter_img::before{
	clip-path: inset( 100% 0 0 0);
	-webkit-clip-path: inset( 100% 0 0 0);
	z-index: 3;
}
.slide_up_r,
.slide_up_l,
.slide_in_l,
.slide_in_r{
	transition: 0.5s ease-out var(--transition_d,0s);
	opacity: 0;
}
.slide_up_l{
	translate: -100% 75%;
	rotate: -90deg;
}
.slide_up_r{
	translate: 100% 75%;
	rotate: 90deg;
}
.slide_in_l{
	translate: -100% -75%;
	rotate: -90deg;
}
.slide_in_r{
	translate: 100% -75%;
	rotate: 90deg;
}
.anime_active .slide_up_r,
.anime_active .slide_up_l,
.anime_active .slide_in_l,
.anime_active .slide_in_r{
	translate: 0% 0%;
	rotate: 0deg;
	opacity: 1;
}
.bounce_ttl{
	opacity: 0;
}
.anime_active .bounce_ttl{
	animation: bounce_ttl 0.8s ease-in  var(--animation_d,0s) forwards;
}
@keyframes bounce_ttl {
	0% {
		transform: translateY(80px);
		opacity: 1;
	}
	25% {
		transform: translateY(-18px);
	}
	32.3% {
		transform: translateY(6.6px);
	}
	56.78% {
		transform: translateY(-2.4px);
	}
	75.31% {
		transform: translateY(1.8px);
	}
	89.36% {
		transform: translateY(-0.6px);
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
.fade_up{
	transition: 0.5s cubic-bezier(0.68,-0.55,0.27,1) var(--transition_d,0s);
	translate: 0 30px;
	opacity: 0;
}
.anime_active .fade_up{
	translate: 0 0px;
	opacity: 1;
}
.deco_kakukaku img{
	animation: kakukaku 4s infinite steps(1) calc(var(--animation_d,0s) * 1);
}



/* foot */
.foot_inner{
	display: grid;
	grid-template-columns: 40% 60%;
}
@media screen and (max-width: 599px) {
	.foot_inner{
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
}
@media screen and (min-width: 600px) {
	.foot_info,
	.foot_list_frame{
		padding: 0 3em;
	}
	.foot_list_frame{
		border-left: 1px solid #fff;
	}
}
.foot_list{
	display: flex;
	flex-wrap: wrap;
}
.foot_list a{
	color: #fff;
	font-size: var(--text16);
	padding: 0.5em 1em;
	display: inline-block;
}
.copyright{
	color: #b7b7b7;
}
.outline_list > div{
	display: grid;
	grid-template-columns: 35% 1fr;
	border-bottom: 1px solid #e0e0e0;
}
.outline_list > div:first-of-type{
	border-top: 1px solid #e0e0e0;
}

.outline_list dt,
.outline_list dd{
	padding: 1em 1.5em;
}
.outline_list dt{
	background-color: var(--color01);
	color: #fff;
}

.pickup_list > li{
	border: 5px solid #000;
}

.pick_text{
	border-top: 5px solid #000;
	padding: 5% 7.5%;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #e8e8e8 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #e8e8e8 calc(100% - 1px));
	background-size: 30px 30px;
	animation: bg_anime 30s linear infinite;
}
.pickup_info{
	display: grid;
	row-gap: 1em;
}
.pickup_info > div{
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	align-items: center;
	gap: 2em;
}
.pickup_info dt,
.pickup_info dd{
	padding: 0.25em 0.5em;
}
.pickup_info dt{
	background-color: #fbfd46;
	text-align: center;
}


summary::-webkit-details-marker {
	/* Safariで表示されるデフォルトの三角形アイコンを消します */
	display: none;
}
summary {
	/* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
	display: block;
}
.more_details summary{
	cursor: pointer;
}
.more_text{
	background-color: #000;
	padding: 0.5em 1em;
}
.location_list > div{
	border-bottom: 1px solid #000;
	display: flex;
	column-gap: 1em;
	justify-content: space-between;
}
.location_list dt,
.location_list dd{
	padding: 1em 0;
	font-size: var(--text14);
	line-height: 1.4;
}
.location_list_frame{
	padding: 50px 3.5%;
	background-color: #fff;
}
/* =========================================================
   参考プラン sec09：参考HPテイスト調整
   対象：.sec09 / .plan_text001 / .planbox / .price_box
   ※ index2.php側に参考プランHTMLが入っている場合に反映されます。
   ========================================================= */
.sec09,
.homenew_post .sec09 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(48px, 7vw, 90px) 0 clamp(42px, 6vw, 72px);
  background: #fff;
  overflow: hidden;
}

.sec09::before,
.homenew_post .sec09::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(0deg, transparent calc(100% - 1px), rgba(86,145,236,.14) calc(100% - 1px)),
    linear-gradient(90deg, transparent calc(100% - 1px), rgba(86,145,236,.14) calc(100% - 1px));
  background-size: 48px 48px;
  opacity: .55;
  pointer-events: none;
}

.sec09 .inner,
.homenew_post .sec09 .inner {
  position: relative;
  z-index: 1;
  width: min(1080px, 94%);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.sec09 .pcInline,
.homenew_post .sec09 .pcInline {
  display: block;
}

.sec09 .spInline,
.homenew_post .sec09 .spInline {
  display: none;
}

.sec09 .plan_mv,
.homenew_post .sec09 .plan_mv {
  width: 100%;
  margin: 0 auto clamp(36px, 5vw, 64px);
  overflow: hidden;
  border: 5px solid #000;
  border-radius: 28px;
  box-shadow: 12px 12px 0 rgba(0,0,0,.12);
  background: #fff;
}

.sec09 .plan_mv img,
.sec09 .plan_rei img,
.homenew_post .sec09 .plan_mv img,
.homenew_post .sec09 .plan_rei img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.sec09 .plan_text001,
.homenew_post .sec09 .plan_text001 {
  width: min(880px, 100%);
  margin: 0 auto clamp(34px, 5vw, 56px);
  padding: clamp(28px, 4vw, 46px) clamp(18px, 3vw, 34px);
  text-align: center;
  background: #fff;
  border: 5px solid #000;
  border-radius: 28px;
  box-shadow: 10px 10px 0 var(--color05, #fff80d);
}

.sec09 .plan_text001 h1,
.homenew_post .sec09 .plan_text001 h1 {
  margin: 0 0 .7em;
  color: var(--color01, #5691ec);
  font-size: clamp(2.6rem, 4.1vw, 4rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .04em;
}

.sec09 .plan_text001 p,
.homenew_post .sec09 .plan_text001 p {
  margin: 0;
  color: #3e3e3e;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: .03em;
}

.sec09 .planbox,
.homenew_post .sec09 .planbox {
  position: relative;
  width: 100%;
  margin: 0 auto clamp(34px, 5vw, 60px);
  padding: clamp(24px, 4vw, 46px);
  background: #fff;
  border: 5px solid #000;
  border-radius: 30px;
  box-shadow: 14px 14px 0 rgba(0,0,0,.12);
  box-sizing: border-box;
}

.sec09 .planbox:last-child,
.homenew_post .sec09 .planbox:last-child {
  margin-bottom: 0;
}

.sec09 .plan_number,
.homenew_post .sec09 .plan_number {
  margin: 0 0 clamp(20px, 3vw, 34px);
  padding: 0 0 clamp(18px, 2.5vw, 28px);
  border-bottom: 4px solid #000;
  text-align: center;
}

.sec09 .plan_number h1,
.homenew_post .sec09 .plan_number h1 {
  width: fit-content;
  margin: 0 auto .35em;
  padding: .18em .8em .28em;
  color: #fff;
  font-size: clamp(2.4rem, 3.7vw, 4.2rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .03em;
  background: var(--color01, #5691ec);
  border: 4px solid #000;
  border-radius: 999px;
}

.sec09 .plan_number h1 span,
.homenew_post .sec09 .plan_number h1 span {
  display: inline-block;
  margin-left: .45em;
  padding-left: .45em;
  border-left: 2px solid currentColor;
  font-size: .62em;
  vertical-align: .08em;
}

.sec09 .plan_number p,
.homenew_post .sec09 .plan_number p {
  margin: .8em 0 0;
  color: #000;
  font-size: clamp(1.8rem, 2.4vw, 2.6rem);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .03em;
}

.sec09 .price_box,
.homenew_post .sec09 .price_box {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items: stretch;
  gap: 0;
  margin: 0 0 clamp(24px, 3.6vw, 42px);
  overflow: hidden;
  border: 4px solid #000;
  border-radius: 22px;
  background: #000;
}

.sec09 .price_box .leftbox,
.sec09 .price_box .rightbox,
.homenew_post .sec09 .price_box .leftbox,
.homenew_post .sec09 .price_box .rightbox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 118px;
  padding: clamp(16px, 2.6vw, 30px);
  box-sizing: border-box;
}

.sec09 .price_box .leftbox,
.homenew_post .sec09 .price_box .leftbox {
  color: #000;
  background: var(--color05, #fff80d);
}

.sec09 .price_box .rightbox,
.homenew_post .sec09 .price_box .rightbox {
  color: #fff;
  background: #000;
}

.sec09 .price_text01,
.homenew_post .sec09 .price_text01 {
  text-align: center;
  font-size: clamp(1.7rem, 2.3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .03em;
}

.sec09 .price_text01 span,
.homenew_post .sec09 .price_text01 span {
  display: inline-block;
  margin: 0 .08em;
  color: var(--color04, #fa7804);
  font-size: clamp(3.4rem, 6.1vw, 6.6rem);
  font-weight: 900;
  line-height: 1;
}

.sec09 .price_text01 span2,
.homenew_post .sec09 .price_text01 span2 {
  display: inline-block;
  margin-left: .25em;
  font-size: .72em;
  font-weight: 700;
}

.sec09 .price_text02,
.homenew_post .sec09 .price_text02 {
  text-align: left;
  font-size: clamp(1.4rem, 2vw, 2.5rem);
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: .02em;
}

.sec09 .plan_rei,
.homenew_post .sec09 .plan_rei {
  width: 100%;
  margin: 0 auto clamp(18px, 3vw, 30px);
  overflow: hidden;
  border: 4px solid #000;
  border-radius: 22px;
  background: #fff;
}

.sec09 .plan_number2,
.homenew_post .sec09 .plan_number2 {
  margin: 0;
  padding: clamp(18px, 2.8vw, 28px);
  background: #f7fbff;
  border: 3px solid #000;
  border-radius: 20px;
}

.sec09 .plan_number2 p,
.homenew_post .sec09 .plan_number2 p {
  margin: .45em 0 0;
  color: #3e3e3e;
  font-size: clamp(1.3rem, 1.6vw, 1.6rem);
  font-weight: 600;
  line-height: 1.8;
}

.sec09 .plan_number2 p:first-child,
.homenew_post .sec09 .plan_number2 p:first-child {
  margin-top: 0;
  font-size: clamp(1.2rem, 1.45vw, 1.4rem);
  font-weight: 500;
}

.sec09 .kome,
.homenew_post .sec09 .kome {
  margin-top: 1.4em;
  font-size: clamp(1.1rem, 1.35vw, 1.3rem);
  line-height: 1.8;
}

@media screen and (max-width: 599px) {
  .sec09,
  .homenew_post .sec09 {
    padding: 44px 0 42px;
  }

  .sec09 .inner,
  .homenew_post .sec09 .inner {
    width: 90%;
  }

  .sec09 .pcInline,
  .homenew_post .sec09 .pcInline {
    display: none;
  }

  .sec09 .spInline,
  .homenew_post .sec09 .spInline {
    display: block;
  }

  .sec09 .plan_mv,
  .homenew_post .sec09 .plan_mv {
    margin-bottom: 30px;
    border-width: 4px;
    border-radius: 20px;
    box-shadow: 7px 7px 0 rgba(0,0,0,.12);
  }

  .sec09 .plan_text001,
  .homenew_post .sec09 .plan_text001 {
    margin-bottom: 32px;
    padding: 28px 18px;
    border-width: 4px;
    border-radius: 20px;
    box-shadow: 7px 7px 0 var(--color05, #fff80d);
  }

  .sec09 .plan_text001 h1,
  .homenew_post .sec09 .plan_text001 h1 {
    font-size: 2.6rem;
    line-height: 1.45;
  }

  .sec09 .plan_text001 p,
  .homenew_post .sec09 .plan_text001 p {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.9;
  }

  .sec09 .planbox,
  .homenew_post .sec09 .planbox {
    margin-bottom: 32px;
    padding: 20px 16px;
    border-width: 4px;
    border-radius: 22px;
    box-shadow: 8px 8px 0 rgba(0,0,0,.12);
  }

  .sec09 .plan_number,
  .homenew_post .sec09 .plan_number {
    border-bottom-width: 3px;
  }

  .sec09 .plan_number h1,
  .homenew_post .sec09 .plan_number h1 {
    width: 100%;
    padding: .45em .6em;
    font-size: 2.2rem;
    border-width: 3px;
    border-radius: 16px;
  }

  .sec09 .plan_number h1 span,
  .homenew_post .sec09 .plan_number h1 span {
    display: block;
    margin: .25em 0 0;
    padding-left: 0;
    border-left: none;
    font-size: .7em;
  }

  .sec09 .plan_number p,
  .homenew_post .sec09 .plan_number p {
    font-size: 1.7rem;
    text-align: left;
  }

  .sec09 .price_box,
  .homenew_post .sec09 .price_box {
    grid-template-columns: 1fr;
    border-width: 3px;
    border-radius: 18px;
  }

  .sec09 .price_box .leftbox,
  .sec09 .price_box .rightbox,
  .homenew_post .sec09 .price_box .leftbox,
  .homenew_post .sec09 .price_box .rightbox {
    min-height: auto;
    padding: 18px 14px;
  }

  .sec09 .price_text01,
  .homenew_post .sec09 .price_text01 {
    font-size: 1.6rem;
  }

  .sec09 .price_text01 span,
  .homenew_post .sec09 .price_text01 span {
    font-size: 4.2rem;
  }

  .sec09 .price_text01 span2,
  .homenew_post .sec09 .price_text01 span2 {
    margin-left: 0;
  }

  .sec09 .price_text02,
  .homenew_post .sec09 .price_text02 {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .sec09 .plan_rei,
  .homenew_post .sec09 .plan_rei {
    border-width: 3px;
    border-radius: 18px;
  }

  .sec09 .plan_number2,
  .homenew_post .sec09 .plan_number2 {
    padding: 16px 14px;
    border-width: 3px;
    border-radius: 16px;
  }
}


/* =========================================================
   参考プラン：合計参考価格を非表示にした場合の価格ボックス調整
   ========================================================= */
.sec09 .price_box.price_box_detail_only,
.homenew_post .sec09 .price_box.price_box_detail_only {
  grid-template-columns: 1fr;
}

.sec09 .price_box.price_box_detail_only .rightbox,
.homenew_post .sec09 .price_box.price_box_detail_only .rightbox {
  min-height: auto;
  padding: clamp(18px, 2.4vw, 28px);
}

.sec09 .price_box.price_box_detail_only .price_text02,
.homenew_post .sec09 .price_box.price_box_detail_only .price_text02 {
  text-align: center;
}

/* =========================================================
   参考プラン：導入テキスト部分の枠線なし調整
   対象：.plan_text001
   ========================================================= */
.sec09 .plan_text001,
.homenew_post .sec09 .plan_text001 {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: clamp(20px, 3vw, 34px) 0 clamp(12px, 2vw, 20px);
}

@media screen and (max-width: 599px) {
  .sec09 .plan_text001,
  .homenew_post .sec09 .plan_text001 {
    padding: 24px 0 14px;
    margin-bottom: 28px;
  }
}

/* =========================================================
   参考プラン：導入テキストの枠線を強制解除
   CSSが他指定に負ける場合の最終上書き
   ========================================================= */
#plan.sec09 .plan_text001,
section.sec09#plan .plan_text001,
.sec09 .inner > .plan_text001,
.homenew_post .sec09 .inner > .plan_text001 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: 0 !important;
  padding: clamp(20px, 3vw, 34px) 0 clamp(12px, 2vw, 20px) !important;
}

#plan.sec09 .plan_text001::before,
#plan.sec09 .plan_text001::after,
section.sec09#plan .plan_text001::before,
section.sec09#plan .plan_text001::after {
  content: none !important;
  display: none !important;
}

@media screen and (max-width: 599px) {
  #plan.sec09 .plan_text001,
  section.sec09#plan .plan_text001,
  .sec09 .inner > .plan_text001,
  .homenew_post .sec09 .inner > .plan_text001 {
    padding: 24px 0 14px !important;
    margin-bottom: 28px !important;
  }
}


/* =========================================================
   参考プラン：2号地価格内訳を横並び表示
   ========================================================= */
.sec09 .price_text02.price_text_inline,
.homenew_post .sec09 .price_text02.price_text_inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 .45em;
  text-align: center !important;
  line-height: 1.8;
}

.sec09 .price_text02.price_text_inline .price_plus,
.homenew_post .sec09 .price_text02.price_text_inline .price_plus {
  display: inline-block;
  font-weight: 900;
}

.sec09 .price_text02.price_text_inline .tax_note,
.homenew_post .sec09 .price_text02.price_text_inline .tax_note {
  display: inline-block;
  margin-left: .15em;
  font-size: .9em;
}

@media screen and (max-width: 599px) {
  .sec09 .price_text02.price_text_inline,
  .homenew_post .sec09 .price_text02.price_text_inline {
    justify-content: flex-start;
    text-align: left !important;
    gap: 0 .35em;
  }
}

/* 参考プラン：プラン画像と注記・面積表示の枠を解除 */
#plan.sec09 .plan_rei,
section.sec09#plan .plan_rei,
.sec09 .plan_rei,
.homenew_post .sec09 .plan_rei {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

#plan.sec09 .plan_number2,
section.sec09#plan .plan_number2,
.sec09 .plan_number2,
.homenew_post .sec09 .plan_number2 {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}



/* =========================================================
   メニューバー：参考プラン追加対応
   PCメニューを9項目に増やし、#planへスムーズに移動できるよう調整
   ========================================================= */
.head_list_box{
  max-width: 1120px;
}
.head_list{
  grid-template-columns: repeat(7, minmax(0, 1fr)) 1.15fr 1.15fr;
}
.head_list a{
  font-size: clamp(1.2rem, 1.2vw, 1.5rem);
  padding: 1.35em 0.35em;
  white-space: nowrap;
}

@media screen and (max-width: 1240px) and (min-width: 1100px){
  .head_logo{
    width: 15%;
  }
  .head_list_box{
    max-width: 1040px;
  }
  .head_list a{
    font-size: 1.2rem;
    padding-inline: 0.25em;
  }
}


/* =========================================================
   参考プラン：スマホ版タイトル文字サイズ調整
   ========================================================= */
@media screen and (max-width: 599px) {
  #plan.sec09 .plan_text001 h1,
  section.sec09#plan .plan_text001 h1,
  .sec09 .plan_text001 h1,
  .homenew_post .sec09 .plan_text001 h1 {
    font-size: 2.2rem !important;
    line-height: 1.45 !important;
    letter-spacing: .02em !important;
  }
}

/* 参考プラン：説明文と価格内訳を中央揃え */
#plan.sec09 .plan_number p,
section.sec09#plan .plan_number p,
.sec09 .plan_number p,
.homenew_post .sec09 .plan_number p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#plan.sec09 .price_box.price_box_detail_only,
section.sec09#plan .price_box.price_box_detail_only,
.sec09 .price_box.price_box_detail_only,
.homenew_post .sec09 .price_box.price_box_detail_only {
  justify-content: center !important;
  text-align: center !important;
}

#plan.sec09 .price_box.price_box_detail_only .rightbox,
section.sec09#plan .price_box.price_box_detail_only .rightbox,
.sec09 .price_box.price_box_detail_only .rightbox,
.homenew_post .sec09 .price_box.price_box_detail_only .rightbox {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

#plan.sec09 .price_text02.price_text_inline,
section.sec09#plan .price_text02.price_text_inline,
.sec09 .price_text02.price_text_inline,
.homenew_post .sec09 .price_text02.price_text_inline {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0 .45em !important;
}