@media screen and (min-width:768px){
	.sp_only{
		display: none!important;
	}
}/*@media screen and (min-width:768px){*/

@media screen and (max-width:767px){

	:root{
		--sec_space:120px;
	}

	.sp_hide{
		display: none!important;
	}


	.container{
		width:calc(300 / 375 * 100vw);
		max-width: 450px;
		padding:0;
	}

	.container1000{
		width:calc(300 / 375 * 100vw);
		max-width: 450px;
		margin-inline: auto;
	}


	/*moreボタン*/
	.c_more_button{
		gap:14px;
		font-size: 17px;
		font-weight: 700;
	}

	.c_more_button .radi{
		width: 27px;
		height: 14px;

	}

	.c_more_button .radi::after{
		width:15px;
		height:6px;
	}

	/*ブログ一覧*/
	.c_blog_list{
		max-width: 840px;
		margin-top: 32px;
	}

	.c_blog_list .blog_item + .blog_item{
		margin-top: 40px;
	}

	.c_blog_list .blog_block{
		display: flex;
		align-items: flex-start;
		gap:16px;
	}

	.c_blog_list .blog_thumb{
		width:calc(112 / 300 * 100%);
	}

	.c_blog_list .blog_text_area{
		width:100%;
	}

	.c_blog_list .blog_info_flex{
		display: flex;
		align-items: flex-start;
		flex-direction: column-reverse;
		gap:5px;
	}

	.c_blog_list .blog_date{
		width:100%;
		font-size: 10px;
	}

	.c_blog_list .blog_situation{
		min-height:14px;
		padding:1px 10px;
		font-size: 10px;
		letter-spacing: 0.13em;
	}

	.c_blog_list .blog_title{
		margin-top: 4px;
		font-size: 14px;
	}

	.c_blog_list .blog_category{
		margin-top: 8px;
		font-size: 10px;
		color:#909090;
	}

	.c_page_nation{
		margin-top: 100px;
		gap:24px;
	}

	/*
	------------------------------------
	ヘッダー
	------------------------------------
	*/

	header{
		
	}

	header .header_inner{
		padding-inline: 20px;
	}

	header .header_flex{
		display: flex;
		justify-content: flex-end;

	}

	header .header_right{
		gap:20px;
		padding-top: 24px;
	}

	header .header_contact{
		position: fixed;
		width:100%;
		bottom:0;
		left:0;
		min-width: 100%;
		min-height: 60px;
		padding:3px 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		color:#fff;
		border-radius: 0;
	}
	header .drawer_open{

		width:42px;
		min-height:16px;
	}


	header .drawer_open .bar{
		width:42px;
		height:1px;
	}

	header .drawer_open .bar02{
		margin:7px 0;
	}

	header .drawer_open.active .bar{
		width: 30px;
	}

	header .drawer_open.white_sp .bar{
		background-color: #fff;
	}


	#drawer_menu{

		width:100%;
		padding-right: 5px;
	}

	#drawer_menu .drawer_menu_inner{
		height: 100vh;
		height: calc(var(--vh2, 1vh) * 100);
		padding-top: 72px;
	}

	/* --- Firefox 用（簡易） --- */
	/* #drawer_menu .drawer_menu_scroll {
		scrollbar-width: thin;
		scrollbar-color: #fff;
	} */

	#drawer_menu .drawer_menu_contents{
		/* padding-inline: 25px; */
		padding-left: 24px;
		padding-right: 16px;
		padding-top: 8px;
		padding-bottom: 24px;
	}

	#drawer_menu .drawer_parent_item + .drawer_parent_item{
		margin-top: 24px;
	}

	#drawer_menu .drawer_parent_link{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		width:fit-content;
		transition-duration: 0.4s;
		gap:4px;
	} 

	#drawer_menu .drawer_parent_link_en{
		font-size: 18px;
		line-height: 1.5;
	}

	#drawer_menu .drawer_parent_link_ja{

		font-size: 12px;
		padding-top: 1px;
	}

	#drawer_menu .drawer_parent_link_en + .drawer_parent_link_ja{
		margin-top: 4px;
	}	

	#drawer_menu .drawer_contact{
		min-width: 130px;
		min-height: 48px;
		border-radius: 3px;
		padding:3px 5px;
		margin-top: 32px;
		margin-inline: auto;
		font-size: 20px;
	}

	#drawer_menu .sns_list{
		display: flex;
		align-items: center;
		justify-content: center;
		gap:30px;
		margin-top: 40px;
		padding-right: 0;
	}

	#drawer_menu .sns_list .insta{
		width:15px;
	}

	#drawer_menu .sns_list .facebook{
		width:11px;
	}

	/*
	------------------------------------
	フッター
	------------------------------------
	*/

	footer{
		margin-top: var(--sec_space);
		position: relative;
		padding-top: 64px;
		padding-bottom: 100px;
	}

	footer .container{
		width:calc(340 / 375 * 100%);
	}

	footer .footer_logo{
		width:175px;
	}

	footer .footer_flex{
		margin-top: 0;
		display: flex;
		align-items: flex-start;
		flex-direction: column-reverse;
		gap:180px;
	}

	footer .footer_left{
		padding-top:40px;
		border-top:1px solid #fff;
	}

	footer .footer_info{
		font-size: 13px;
		font-weight: 400;
		line-height: 1.53; 
		margin-top: 50px;
	}


	footer .footer_right{
		margin-top: 0;
	}
	footer .footer_nav{
		display: flex;
		align-items: flex-start;
		gap:40px;
	}


	footer .footer_parent_item + .footer_parent_item{
		margin-top: 16px;
	}

	footer .footer_parent_link{
		display: block;
		width: fit-content;
		font-size: 13px;
		line-height: 2.3; 
		transition-duration: 0.4s;
	}

	footer .footer_bottom{
		margin-top: 130px;
	}

	footer .sns_list{
		display: flex;
		align-items: center;
		gap:16px;
	}

	footer .sns_list .insta{
		width:15px;
	}

	footer .sns_list .facebook{
		width:11px;
	}

	footer .footer_copy{
		margin-top: 5px;
		font-size: 13px;
		line-height: 1.6;
	}

	footer .footer_copy span{
		border-bottom:1px solid;
	}


	/*
	------------------------------------
	共通 magazinセクション
	------------------------------------
	*/

	.c_magazine_contents{
		position: relative;
	}

	.c_magazine_contents .magazine_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		padding-top: 80px;
		padding-bottom: 24px;
		gap:40px;
	}

	.c_magazine_contents .magazine_flex::before{
		width:100%;
		height:100%;
	}

	.c_magazine_contents .magazine_head{
		font-size: 26px;
		letter-spacing: 0.38em;
		text-align: center;
	}

	.c_magazine_contents .magazine_text{
		margin-top: 40px;
		line-height: 2.5;
		font-size: 12px;
		letter-spacing: 0.08em;
		text-align: center;
	}


	.c_magazine_contents .magazine_right{
		flex-shrink: 0;
		width:240px;
	}



	/*
	------------------------------------
	共通 Worksセクション
	------------------------------------
	*/

	.c_works_section{
		padding-top: var(--sec_space);
	}

	.c_works_section .sec_head{
		font-size: 26px;
		letter-spacing: 0.38em;
	}

	.c_works_section .slide_area{
		/* max-width: 1920px; */
		max-width: 810px;
		margin-top: 32px;
		padding-bottom: 56px;
	}

	.c_works_section .work_slide{
		height:211px;
		width:346px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		/* margin-right: 330px; */
		margin-inline: 20px;
	}

	.c_works_section .work_card{
		width:100%;
		height:100%;
	}

	.c_works_section .work_slide.swiper-slide-active .work_card{
		height:100%;
		width:346px;
	}

	.c_works_section .work_slide.swiper-slide-prev .work_card{
		height:100%;
	}

	.c_works_section .slide_nav{
		top:auto;
		bottom:0;
		left:calc(50% + 24px);
		width:146px;
		height:20px;
	}

	.c_works_section .slide_nav::before{
		width:1px;
		height:20px;
	}
	/*
	------------------------------------
	TOP
	------------------------------------
	*/

	.top_fv_section{
		position: relative;
	}

	.top_fv_section .fv_slide_list{
		height:100vh;
		min-height: 500px;
	}



	.top_fv_section .site_title{
		width:180px;
	}

	.top_guide_section{
		padding-top: var(--sec_space);
	}

	.top_guide_section .owl{
		max-width: 61px;
	}

	.top_guide_section .guide_head{
		margin-top: 32px;
		font-size: 13px;
	}

	.top_guide_section .guide_flex{
		margin-top: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		gap:48px;
		padding-left: 0;
	}

	.top_guide_section .guide_left{
		width:100%;
		padding-top: 0;
	}
	.top_guide_section .guide_right{
		width:265px;
	}

	.top_guide_section .guide_text{
		line-height: 3;
		letter-spacing: 0.15em;
		text-align: center;
		font-size: 12px;
	}

	.top_theme_section{
		padding-top: var(--sec_space);
	}

	.top_theme_section .sec_head{
		font-size: 26px;
		letter-spacing: 0.2em;
	}

	.top_theme_section .theme_area{
		/* min-height:720px; */
		min-height:auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin-top: 100px;
		padding-left: 0;
	}

	.top_theme_section .theme_list{
		flex-shrink: 0;
		max-width: 450px;
		width:100vw;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:14px;
	}

	.top_theme_section .theme_item{
		width:auto;
	}

	.top_theme_section .theme_item:nth-child(2){
		order:0!important
	}
	.top_theme_section .theme_item:nth-child(1){
		order:1!important
	}
	.top_theme_section .theme_item:nth-child(3){
		order:2!important
	}

	/* .top_theme_section .theme_item::before{
		content:'';
		width:100%;
		height:100%;
		z-index: 1;
		position: absolute;
		top:0;
		left:0;
	} */

	.top_theme_section .theme_item.active{
		display: block;
		/* pointer-events: none;x */
	}

	.top_theme_section .theme_card{
		position: relative;
	}

	/* .top_theme_section .theme_item.add_click .theme_card{
		pointer-events: none!important;
	} */

	.top_theme_section .theme_name{
		position: absolute;
		width: 100%;
		bottom:100%;
		left:0;
		padding-bottom: 9px;
		font-size: 15px;
	}

	.top_theme_section .theme_item:nth-child(2) .theme_name{
		text-align: right;
	}
	.top_theme_section .theme_item:nth-child(1) .theme_name{
		text-align: center;
	}
	.top_theme_section .theme_item:nth-child(3) .theme_name{
		text-align: left;
	}



	.top_theme_section .main_theme_item{
		display: none;
	}

	.top_theme_section .theme_thumb {
		aspect-ratio: auto;
		height:364px;
		position: relative;
	}

	.top_theme_section .theme_thumb::before{
		content:'';
		width:100%;
		height:100%;
		background-color: rgba(255, 255, 255, 0.50);
		position: absolute;
		top:0;
		left:0;
		z-index: 1;
	}

	.top_theme_section .theme_item.active .theme_thumb::before{
		content:none;
	}

	.top_theme_section .theme_item.active .theme_name{
		opacity: 1;
	}

	.top_theme_section .theme_info_list{
		margin-top: 24px;

	}

	.top_theme_section .theme_info{
		display: none;
	}

	.top_theme_section .theme_info.show{
		display: block;
	}

	.top_theme_section .theme_text{
		font-size: 15px;
		line-height: 1.85;
		text-align: center;
	}

	.top_theme_section .theme_more_frame{
		display: flex;
		justify-content: center;
		margin-top: 24px;
	}

	.top_house_section{
		padding-top: 80px;
	}

	.top_house_section .house_box{
		/* background-image:url('../img/top/top_house_bg.jpg');  */
		padding-top: 32px;
		padding-bottom: 32px;
		text-align: center;
		border-width: 2px;
	}

	.top_house_section .house_head{
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.38em;
	}

	.top_house_section .house_head_en{
		margin-top: 16px;
		font-size: 12px;
		letter-spacing: 0.38em;
	}

	.top_house_section .house_more_frame{
		margin-top: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.top_shop_section{
		padding-top: var(--sec_space);
	}

	.top_shop_section .sec_head{
		font-size: 26px;
		font-weight: 700;
		letter-spacing: 0.38em;
	}

	.top_shop_section .shop_flex{
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:16px;
	}

	.top_shop_section .shop_block{
		width:auto;
	}

	.top_shop_section .shop_card{
		display: block;
	}

	.top_shop_section .shop_thumb{
		aspect-ratio: 1 / 1;
	}

	.top_shop_section .shop_text_area{
		margin-top: 8px;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}
	.top_shop_section .shop_text_area .shop_name{
		font-weight: 400;
	}

	.top_news_section{
		padding-top: var(--sec_space);
	}

	.top_news_section .news_block{
		display: block;
	}

	.top_news_section .news_inner{
		min-height:auto;
		padding:24px 0;
		padding-inline: 30px;
		max-width: 1300px;
		margin-inline: auto;
		width:100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.top_news_section .news_left{
		display: flex;
		align-items: flex-start;
		width:100%;
	}

	.top_news_section .news_sec_head{
		font-size: 18px;
		font-weight: 700;
		flex-shrink: 0;
		margin-right: 30px;
	}

	.top_news_section .news_sec_date{
		margin-right: 16px;
		flex-shrink: 0;
		font-size: 13px;
		padding-top: 4px;
	}

	.top_news_section .news_title{
		font-size: 14px;
		padding-top: 3px;
	}

	.top_news_section .news_right{
		flex-shrink: 0;
		margin-left: 0;
		margin-top: 16px;
		display: flex;

		justify-content: center;
		align-items: center;
	}

	.top_news_section .news_right::after{
		content:'';
		width:16px;
		height:8px;
		background-image: url('../img/common/icon_angle_bottom_black.svg');
	}

	.top_news_section .news_arrow{
		display: none;
	}

	.top_news_section .news_arrow::before{
		width:1px;
		height:20px;
		transform: rotateZ(-45deg);
	}

	.top_news_section .pickup_head{
		margin-top: 120px;
		font-size: 26px;
	}

	.top_news_section .blog_more_frame{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 32px;
	}

	.top_magazine_section{
		padding-top: var(--sec_space);
	}

	/*
	------------------------------------
	下層共通
	------------------------------------
	*/

	.page_mv_section{

	}



	/*
	------------------------------------
	クラージュプラスについて
	------------------------------------
	*/
	.about_fv_section{

	}

	.about_fv_section .about_fv_frame{
		position: relative;
		height:100vh;
		min-height: 600px;
		max-height: 1200px;
		display: flex;
		justify-content: center;
	}

	.about_fv_section .about_fv_frame::before{
		content:'';
		width:100%;
		height:100%;
		background-color: rgba(255,255,255,0.5);
		position: absolute;
		top:0;
		left:0;
		z-index: -1;
	}

	.about_fv_section .about_fv_frame img{
		width:100%;
		height:100%;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -2;
	}

	.about_fv_section .about_fv_text{
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;	
		width:clamp(calc(172 / 780 * 600px), calc(172 / 780 * 100vh), calc(172 / 780 * 1200px));
		height:100%;
		color: #8A6638;
		font-family: var(--zen_old);
		font-size: clamp(calc(48 / 780 * 600px), calc(48 / 780 * 100vh), calc(48 / 780 * 1200px));
		font-weight: 700;
		line-height: 1.08;
		writing-mode: vertical-rl;
		white-space: nowrap;
	}

	.about_info_section{
		padding-top: var(--sec_space);
	}

	.about_info_section .info_head{
		width: 298px;
		margin-inline: auto;
	}

	.about_info_section .info_text{
		margin-top: 40px;
		text-align: center;
		font-family: var(--zen_old);
		font-weight: 700;
		line-height: 3; /* 300% */
		letter-spacing: 0.2;
	}

	.about_info_section .info_frame{
		margin-top: 200px;
		margin-inline: auto;
		max-width: 960px;
	}

	.about_commit_section{
		padding-top: 200px;
		padding-bottom: 80px;
		/* padding-bottom: 0; */
	}

	.about_commit_section h2{
		text-align: center;
		position: relative;
		z-index: 2;
	}

	.about_commit_section .commit_area{
		position: relative;
		height:3000px;
	}

	.about_commit_section .commit_contents{
		position: sticky;
		width:100%;
		top:20px;
		left:0;
	}

	.about_commit_section .commit_frame{
		display: flex;
		justify-content: center;
	}

	.about_commit_section .commit_list{
		display: block;
		position: relative;
		width: 1000px;   /* 円の直径 */
		height: 1000px;  /* 円の直径 */
		flex-shrink: 0;
		transform: rotateZ(0deg);
		margin-left: 720px;
		border-radius: 50%;
		margin-top: 0;
	}

	.about_commit_section .commit_item{
		width:300px;
		position: absolute;
		margin-top: -150px;
		margin-left: -150px;
	}

	.about_commit_section .commit_item:nth-child(1) { top: calc(500px + 400px * sin(308.58deg)); left: calc(500px + 400px * cos(308.58deg)); }
	.about_commit_section .commit_item:nth-child(2) { top: calc(500px + 400px * sin(257.15deg)); left: calc(500px + 400px * cos(257.15deg)); }
	.about_commit_section .commit_item:nth-child(3) { top: calc(500px + 400px * sin(205.72deg)); left: calc(500px + 400px * cos(205.72deg)); }
	.about_commit_section .commit_item:nth-child(4) { top: calc(500px + 400px * sin(154.29deg)); left: calc(500px + 400px * cos(154.29deg)); }
	.about_commit_section .commit_item:nth-child(5) { top: calc(500px + 400px * sin(102.86deg)); left: calc(500px + 400px * cos(102.86deg)); }
	.about_commit_section .commit_item:nth-child(6) { top: calc(500px + 400px * sin(51.43deg)); left: calc(500px + 400px * cos(51.43deg)); }
	.about_commit_section .commit_item:nth-child(7) { top: calc(500px + 400px * sin(0deg));    left: calc(500px + 400px * cos(0deg)); }


	.about_mansion_section{
		padding-top: var(--sec_space);
	}

	.about_mansion_section .mansion_block{
		position: relative;
		aspect-ratio: 1 / calc(323 / 996);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.about_mansion_section .mansion_block img{
		width:100%;
		height:100%;
		object-fit: cover;
		position: absolute;
		top:0;
		left:0;
	}

	.about_mansion_section .mansion_block::after{
		content:'';
		width:100%;
		height:100%;
		background: rgba(48, 48, 48, 0.40);
		position: absolute;
		top:0;
		left:0;
	}

	.about_mansion_section .mansion_text{
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 476px;
		min-height: 70px;
		padding:4px 12px;
		border: 1px solid #FFF;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.70);
		color:#fff;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.40);
		font-family: var(--zen_old);
		font-size: 26px;
		font-weight: 900;
		letter-spacing: 0.38em;
		position: relative;
		z-index: 3;
	}

	/*
	------------------------------------
	クラージュハウスについて
	------------------------------------
	*/

	body.house_body{
		
	}

	main.house_main{

	}

	.house_section .sec_head{
		font-size: 26px;
	}

	.house_guide_section{

	}

	.house_guide_section .house_guide_flex{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		position: relative;
	}

	.house_guide_section .house_guide_left{
		width:100%;
		height:30vh;
	}

	.house_guide_section .house_guide_icon{
		width:217px;
		max-height: 27vh;
	}

	.house_guide_section .house_guide_icon img{
		width:100%;
		max-height: 27vh;
		object-fit: contain;
	}

	.house_guide_section .house_guide_right{
		width:100%;
	}

	.house_guide_section .house_guide_inner{
		padding-inline: 24px;
		padding-top: 160px;
		padding-bottom: 120px;
	}

	.house_guide_section .page_title{
		max-width: 280px;
		margin-inline: auto;
	}

	.house_guide_section .house_guide_since{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 80px;
		gap:20px;
		font-size: 20px;
		font-weight: 700;
	}
	.house_guide_section .house_guide_since span{
		font-size: 48px;
		font-weight: 700;
	}

	.house_guide_section .house_guide_concept_head{
		margin-top: 180px;
		font-size: 26px;
		text-align: center;
		font-weight: 700;
	}

	.house_guide_section .house_guide_concept_text{
		margin-top: 30px;
		font-weight: 700;
		line-height: 2.5; /* 250% */
		letter-spacing: 0.15em;
		text-align: center;
		width: fit-content;
		margin-inline: auto;
	}

	.house_fv_section img{
		height:340px;
		object-fit: cover;
	}

	.house_award_section{
		padding-top: var(--sec_space);
	}

	.house_award_section .house_award_list{
		width: fit-content;
		margin-inline: auto;
		margin-top: 40px;
		font-size: 12px;
		line-height: 2.1; 
	}

	.house_award_section .house_award_line a{
		font-weight: 700;
	}

	.house_award_section .house_award_line + .house_award_line{
		margin-top: 10px;
	}

	.house_theme_section{
		padding-top: var(--sec_space);
	}

	.house_theme_section .theme_list{
		margin-top: 40px;
		max-width: 600px;
		margin-inline: auto;
	}

	.house_theme_section .theme_item + .theme_item{
		margin-top: 80px;
	}

	.house_theme_section .theme_img_area{
		width:100%;
	}

	.house_theme_section .theme_block{
		display: block;
		justify-content: space-between;
	}

	.house_theme_section .theme_text_area{
		width:100%;
		display: block;
		align-items: center;
		margin-top: 24px;
	}

	.house_theme_section .theme_title{
		font-size: 32px;
		text-align: center;
	}

	.house_theme_section .theme_text{
		margin-top: 24px;
		font-size: 12px;
		line-height: 2;
		letter-spacing: 0.05em;
		padding-inline: 16px;
	}

	.house_theme_section .theme_more_frame{
		display: flex;
		justify-content: center;
		margin-top: 24px;
	}

	.house_theme_section .theme_item:nth-child(odd) .theme_block{
		flex-direction: row-reverse;
	}

	.house_achive_section{
		padding-top: var(--sec_space);
	}

	.house_achive_section .house_achive_frame{
		margin-top: 40px;
		padding-top: 40px;
		padding-inline: 0;
	}

	.house_achive_section .house_achive_list{
		font-size: 12px;
		line-height: 2;
	}

	.house_achive_section .house_achive_list strong{
		font-size: 14px;
	}

	.house_achive_section .house_achive_bottom{
		margin-top: 80px;
		gap:20px;
	}

	.house_achive_section .house_achive_logo{
		width:65px;
	}

	.house_achive_section .house_achive_bottom_text{
		font-size: 11px;
	}


	.house_about_section{
		padding-top: 72px;
	}

	.house_about_section .house_about_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		gap:24px;
	}

	.house_about_section .house_about_left{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}

	.house_about_section .house_about_block{
		width:221px;
	}

	.house_about_section .house_about_block + .house_about_block{
		margin-left: -30px;
	}

	.house_about_section .house_about_block_head{
		font-size: 20px;
		font-weight: 700;
		
	}

	.house_about_section .house_about_block_info{
		margin-top: 16px;
		font-size: 12px;
		line-height: 2;
	}

	.house_about_section .house_about_text{
		font-size: 12px;
		line-height: 2;
		text-align: center;
	}

	.house_renove_section{
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}

	.house_renove_section .renove_head{
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0;
		display: flex;
		justify-content: center;
		white-space: nowrap;
	}

	.house_renove_section .renove_catch{
		margin-top: 16px;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0;
		display: flex;
		justify-content: center;
		white-space: nowrap;
	}

	.house_renove_section .renove_contents{
		margin-top: 40px;
		padding-top: 40px;
	}

	.house_renove_section .renove_text{
		font-size: 12px;
		font-weight: 700;
		line-height: 2;
		letter-spacing: 0.05em;
	}

	.house_renove_section .renove_img_flex{
		margin-top: 56px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.house_renove_section .renove_img{
		width:160px;
	}

	.house_renove_section .renove_img + .renove_img{

		margin-left: -24px;
		margin-top: 16px;
	}


	/*
	------------------------------------
	動画ギャラリー
	------------------------------------
	*/


	body.movie_body{
		
	}

	main.movie_main{

	}

	.movie_section{
		padding-top: 80px;
	}


	.movie_section .page_title{
		min-height: 28px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 30px;
		font-size: 16px;
	}

	.movie_section .movie_area{
		margin-top: 60px;
		display: flex;
		justify-content: center;
	}

	.movie_section .movie_list{
		flex-shrink: 0;
		width:calc(100% + 60px);
		max-width: 450px;
	}

	.movie_section .movie_item + .movie_item{
		margin-top: 32px;
	}

	.movie_section .movie{
		flex-shrink: 0;
		width:calc(175 / 360 * 100%);
	}

	.movie_section .movie_block{
		display: flex;
		align-items: flex-start;
		gap:10px;
	}

	.movie_section .movie_text{
		font-size: 12px;
		line-height: 1.94;
		letter-spacing: 0.2em;
	}


	.movie_section .movie_item:nth-child(even) .movie_block{
		flex-direction: row-reverse;
		text-align: right;
	}

	/*
	------------------------------------
	オリジナル雑誌
	------------------------------------
	*/

	.magazine_main_section{
		padding-top: 56px;
	}

	.magazine_list_section{
		padding-top: 80px;
	}

	.magazine_list_section .magazine_flex{
		display: flex;
		justify-content: center;
		align-items: center;
		gap:24px;
		flex-direction: column;
	}

	.magazine_list_section .magazine_link_text{
		line-height: 1.5;
	}

	.magazine_list_section .link_list{
		display: flex;
		align-items: center;
		gap:8px;
	}

	.magazine_list_section .link_list .link{
		padding-top: 3px;
		padding-bottom: 3px;
		padding-inline: 12px;
		min-height: 28px;
	}

	.magazine_list_section .magezine_list_area{
		margin-top: 80px;
	}

	.magazine_list_section .sec_head{
		font-size: 26px;	
		letter-spacing: 0.38em;
	}

	.magazine_list_section .magazine_list{
		margin-top: 48px;
		/* width: fit-content; */
		margin-inline: auto;
	}

	.magazine_list_section .magazine_item + .magazine_item{
		margin-top: 40px;
	}

	.magazine_list_section .magazine_block{
		display: flex;
		gap:16px;
	}

	.magazine_list_section .magazine_img{
		flex-shrink: 0;

		width:calc(70 / 300 * 100%);
	}

	.magazine_list_section .magazine_text_area{
		display: flex;
		align-items: center;
	}

	.magazine_list_section .magazine_title{
		font-size: 14px;
		font-weight: 400;
	}

	.magazine_list_section .magazine_text{
		margin-top: 10px;
		font-size: 12px;
		line-height: 2;
	}

	.magazine_insta_section{
		padding-top: var(--sec_space);
	}

	.magazine_insta_section .insta_flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		max-width: 700px;
		margin-inline: auto;
		gap:32px;
	}

	.magazine_insta_section .insta_left{
		flex-shrink: 0;
	}

	.magazine_insta_section .insta_link{
		padding-bottom: 10px;
		padding-right: 30px;
		font-size: 24px;
	}

	.magazine_insta_section .insta_link::after{
		width:1px;
		height:24px;
		transform: rotateZ(-40deg);
	}

	.magazine_insta_section .insta_right{
		display: none;
	}


	.magazine_insta_section .insta_head{
		font-size: 12px;
		font-weight: bold;
	}

	.magazine_insta_section .insta_text{
		font-size: 10px;
		font-weight: bold;
		margin-top: 24px;
	}

	/*
	------------------------------------
	会社概要
	------------------------------------
	*/

	.company_logo_section{
		padding-top: 100px;
	}

	.company_logo_section .logo_flex{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap:45px;
	}

	.company_logo_section .courage_logo{
		width:117px;
	}
	.company_logo_section .house_logo{
		width:142px;
	}

	.company_text_section{
		padding-top:100px
	}

	.company_text_section .sec_head{
		font-size: 26px;
		text-align: center;
		font-weight: 700;
	}

	.company_text_section .company_text{
		margin-top: 36px;
		font-size: 12px;
		text-align: center;
		line-height: 2.5;
	}

	.company_info_section{
		padding-top: var(--sec_space);
	}

	.company_info_section .company_info_list{
		max-width: 530px;
		margin-inline: auto;
	}

	.company_info_section .company_info_line{
		padding-top: 28px;
		display: flex;
		align-items: flex-end;
		font-size: 12px;
		font-weight: 400;
		padding-bottom: 4px;
		line-height: 2.14;
	}

	.company_info_section .company_info_head{
		flex-shrink: 0;
		width:80px;
		padding-right: 6px;
		padding-left: 0;
	}

	.company_mission_section{
		padding-top: var(--sec_space);
	}

	.company_mission_section .sec_head{
		font-size: 26px;
		letter-spacing: 0.38em;
	}

	.company_mission_section .mission_box{
		margin-top: 50px;
		min-height: 80px;
		padding:10px;
		font-size: 14px;
	}

	.company_mission_section .mission_text{
		margin-top: 50px;
		font-size: 12px;
		line-height: 2.5;
	}


	/*
	------------------------------------
	スタッフ一覧
	------------------------------------
	*/

	.staff_list_section{
		padding-top:140px;
	}

	.staff_list_section .page_title{
		font-size: 26px;
		letter-spacing: 0.38em;	
	}

	.staff_list_section .staff_card{
		display: flex;
		text-align: left;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:15px;
	}


	.staff_list_section .staff_img {
		width:161px;
		aspect-ratio: 1 / calc(402 / 302);
	}

	.staff_list_section .staff_text_area{
		width:calc(100% - 161px - 15px);
		margin-top: 0;
	}

	.staff_list_section .staff_job{
		font-size: 14px;
	}

	.staff_list_section .staff_name{
		margin-top: 10px;
		flex-direction: column;
		gap:5px;
	}

	.staff_list_section .staff_name01{
		font-size: 16px;
		font-weight: 700;
	}

	.staff_list_section .staff_name02{
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.2em;
	}

	.staff_list_section .staff_tag_list{
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap:6px;
	}

	.staff_list_section .staff_tag_list li{
		min-height: 24px;
		border-radius: 3px;
		font-size: 14px;
		padding:4px 8px;
	}

	.staff_list_section .staff_message{
		margin-top: 10px;
		font-size: 12px;
		line-height: 2.5;
	}

	.staff_list_section .president_list{
		margin-top: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
		gap:40px;
	}

	.staff_list_section .president_list .president_item{
		width:220px;
	}

	.staff_list_section .president_list .staff_card{
		flex-direction: column;
		text-align: center;
		gap:24px 0;
	}

	.staff_list_section .president_list .staff_img {
		width:100%;
	}


	.staff_list_section .president_list .staff_text_area{
		width:100%;
	}

	.staff_list_section .president_list .staff_tag_list{
		align-items: center;
		margin-top: 32px;
	}

	.staff_list_section .staff_list{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap:50px 0;
		margin-top: 100px;
	}

	.staff_list_section .staff_list .staff_message{
		text-align: left;
	}

	/*
	------------------------------------
	スタッフ詳細
	------------------------------------
	*/

	.staff_single_section{
		padding-top: var(--sec_space);
	}

	.staff_single_section .staff_flex{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.staff_single_section .staff_img_area{
		flex-shrink: 0;
		width:300px;
		position: relative;
		z-index: 2;
	}


	.staff_single_section .staff_info_area{
		width:100%;
		display: flex;
		align-items: center;
		margin-top: -200px;
	}

	.staff_single_section .staff_info_box{
		width:100%;
		min-height:auto;
		padding-top: 230px;
		padding-bottom: 32px;
		padding-inline: 0;
		position: relative;
	}

	.staff_single_section .staff_info_box::before{
		content: '';
		width:100vw;
		max-width: 500px;
		height:100%;
		background-color: var(--base_font_color);
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.staff_single_section .staff_job{
		font-size: 14px;
	}

	.staff_single_section .staff_name{
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
		margin-top: 6px;
		gap:12px;
		font-weight: 700;
	}

	.staff_single_section .staff_name01{
		font-size: 20px;
	}
	.staff_single_section .staff_name02{
		font-size: 14px;
		letter-spacing: 0.2em;
		padding-bottom: 4px;
	}

	.staff_single_section .staff_tag_list{
		margin-top: 24px;
		gap:8px;
	}

	.staff_single_section .staff_tag_list li{
		min-height: 24px;
		border-radius: 3px;
		font-size: 12px;
		padding:2px 16px;
	}


	.staff_single_section .staff_career{
		margin-top: 24px;
		font-size: 12px;
		line-height: 2.14;
	}

	.staff_single_section .staff_text_area{
		margin-top: 40px;
		font-size: 14px;
		line-height: 2;
	}

	/*
	------------------------------------
	リクルート
	------------------------------------
	*/

	.recruit_section{

	}

	.recruit_section .sec_head{
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.38em;
	}

	.recruit_guide_section{
		padding-top: var(--sec_space);
	}

	.recruit_guide_section .page_title{
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.38em;
	}

	.recruit_guide_section .guide_text{
		max-width: 447px;
		margin-inline: auto;
		margin-top: 110px;
		font-size: 16px;
	}

	.recruit_staff_section{
		padding-top:88px;
	}

	.recruit_staff_section .logo{
		max-width: 154px;
		margin-inline: auto;
	}

	.recruit_staff_section .slide_area{
		position: relative;
		margin-top: 50px;
		display: flex;
		justify-content: center;
	}

	.recruit_staff_section .slide_frame {
		max-width: 1920px;
		width: 100vw;
	}

	.recruit_staff_section .staff_slide{
		width:108px;
		padding-inline: 10px;
	}

	.recruit_style_section{
		padding-top: var(--sec_space);
	}

	.recruit_style_section .system_area{
		display: flex;
		justify-content: center;
		margin-top: 50px;
		/* margin-top: 150px; */
	}

	.recruit_style_section .system_block{
		width:calc(100vw + 200px);
		max-width: calc(1920px + 200px);
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* .recruit_style_section .system_slide{
		width:82px;
		margin-inline: 20px;
	} */
	.recruit_style_section .system_slide{
		width:calc(82px * 1.6);
		margin-inline:calc(20px * 1.6);
	}


	.recruit_style_section .swiper-slide-active .system_card{
		transform: scale(1.8);
	}

	.recruit_style_section .system_slide:has(+ .system_slide + .system_slide + .swiper-slide-prev) .system_card{
		/* transform: translateX(96px); */
		transform: translateX(calc(calc(32px * 1.6) * 3));
	}
	.recruit_style_section .system_slide:has(+ .system_slide + .swiper-slide-prev) .system_card{
		/* transform: translateX(64px); */
		transform: translateX(calc(calc(32px * 1.6) * 2));
	}
	.recruit_style_section .system_slide:has(+ .swiper-slide-prev) .system_card{
		transform: translateX(calc(calc(32px * 1.6) * 1));
	}

	.recruit_style_section .swiper-slide-next + .system_slide .system_card{
		/* transform: translateX(-32px); */
		transform: translateX(calc(calc(-32px * 1.6) * 1));
	}
	.recruit_style_section .swiper-slide-next + .system_slide + .system_slide .system_card{
		/* transform: translateX(-64px); */
		transform: translateX(calc(calc(-32px * 1.6) * 2));
	}
	.recruit_style_section .swiper-slide-next + .system_slide + .system_slide + .system_slide .system_card{
		/* transform: translateX(-96px); */
		transform: translateX(calc(calc(-32px * 1.6) * 3));
	}


	.recruit_appli_section{
		padding-top: var(--sec_space);
	}

	.recruit_appli_section .sec_head{
		font-size: 26px;
		letter-spacing: 0.38em;
	}

	.recruit_appli_section .table_frame{
		max-width: 856px;
		margin-inline: auto;
		margin-top: 24px;
	}

	.recruit_appli_section .table_line{
		display: flex;
		align-items: flex-end;
		padding-top: 16px;
		font-size: 12px;
		line-height: 2.14;
	}

	.recruit_appli_section .table_head{
		width:140px;
		padding-right: 6px;
	}
	.recruit_appli_section .table_contents{
		width:100%;
	}

	.recruit_appli_section .entry_button{
		align-items: center;
		max-width: 404px;
		width: fit-content;
		padding-inline: 8px;
		min-height: 24px;
		margin-top: 80px;
		font-size: 14px;
		letter-spacing: 0.38em;
	}


	/*
	------------------------------------
	店舗
	------------------------------------
	*/

	body.shop_body{
		
	}

	main.shop_main{

	}

	.shop_section .sec_head{
		font-size: 26px;
		letter-spacing: 0.38em;
	}

	.shop_fv_section{
		padding-top: 80px;
	}

	.shop_fv_section .shop_flex{
		width:100%;
		max-width: 450px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:8px;
		padding-inline: 8px;
	}

	.shop_fv_section .shop_block .shop_news{
		width:100%;
		min-height:20px;
		padding:4px 0;
		font-size: 12px;
		letter-spacing: 0.2em;
	}	

	.shop_fv_section .shop_title{
		margin-top: 40px;
		min-height:30px;
		padding:6px 12px;
		font-size: 16px;
	}


	.shop_commit_section{
		padding-top: var(--sec_space);
	}

	.shop_commit_section .commit_head{
		font-size: 26px;
		letter-spacing: 0.38em;
		gap:12px;
	}

	.shop_commit_section .commit_head::after{
		width:70px;
		height:76px;
	}

	.shop_commit_section .commit_area{
		position: relative;
		height:3000px;
		margin-top: -40px;
	}

	.shop_commit_section .commit_contents{
		position: sticky;
		width:100%;
		top:20px;
		left:0;
	}

	.shop_commit_section .commit_frame{
		display: flex;
		justify-content: center;
	}

	.shop_commit_section .commit_list{
		display: block;
		position: relative;
		width: 1000px;   /* 円の直径 */
		height: 1000px;  /* 円の直径 */
		flex-shrink: 0;
		transform: rotateZ(0deg);
		margin-left: 720px;
		border-radius: 50%;
		margin-top: 0;
	}

	.shop_commit_section .commit_icon_frame{
		width:64px;
	}
	.shop_commit_section .commit_icon01{
		width:64px;
	}
	.shop_commit_section .commit_icon02{
		width:50px;
	}
	.shop_commit_section .commit_icon03{
		width:56px;
	}
	.shop_commit_section .commit_icon04{
		width:54px;
	}
	.shop_commit_section .commit_icon05{
		width:32px;
	}

	.shop_commit_section .commit_title {
        margin-top: 12px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
    }


	.shop_commit_section .commit_text{
		margin-top: 10px;
		font-size: 14px;
	}

	.shop_commit_section .commit_item{
		width:300px;
		padding-top: 24px;
		position: absolute;
		margin-top: -150px;
		margin-left: -150px;
		bottom:auto;
		right:auto;
	}

	.shop_commit_section .commit_item:nth-child(1) { top: calc(500px + 400px * sin(308.58deg)); left: calc(500px + 400px * cos(308.58deg)); }
	.shop_commit_section .commit_item:nth-child(2) { top: calc(500px + 400px * sin(257.15deg)); left: calc(500px + 400px * cos(257.15deg)); }
	.shop_commit_section .commit_item:nth-child(3) { top: calc(500px + 400px * sin(205.72deg)); left: calc(500px + 400px * cos(205.72deg)); }
	.shop_commit_section .commit_item:nth-child(4) { top: calc(500px + 400px * sin(154.29deg)); left: calc(500px + 400px * cos(154.29deg)); }
	.shop_commit_section .commit_item:nth-child(5) { top: calc(500px + 400px * sin(102.86deg)); left: calc(500px + 400px * cos(102.86deg)); }
	.shop_commit_section .commit_item:nth-child(6) { top: calc(500px + 400px * sin(51.43deg)); left: calc(500px + 400px * cos(51.43deg)); }
	.shop_commit_section .commit_item:nth-child(7) { top: calc(500px + 400px * sin(0deg));    left: calc(500px + 400px * cos(0deg)); }

	.shop_concept_section{
		padding-top: var(--sec_space);
	}

	.shop_concept_section .concept_text{
		margin-top: 40px;
		line-height: 2;
		letter-spacing: 0;
		font-size: 12px;
		letter-spacing: 0.15em;
	}

	.shop_concept_section .slide_area{
		margin-top: 80px;
		display: flex;
		justify-content: center;
	}

	.shop_concept_section .slide_frame {
		flex-shrink: 0;
		max-width: 1920px;
		width: 100vw;
		display: flex;
		overflow: hidden;
	}

	.shop_concept_section .shop_gal_slide{
		width:140px;
		padding-inline: 5px;
	}

	.shop_floor_section{
		padding-top: var(--sec_space);
	}

	.shop_floor_section .floor{
		max-width: 390px;
		margin-inline: auto;
	}

	.shop_view_section{
		padding-top: var(--sec_space);
	}

	.shop_view_section .view_frame{
		max-width: 850px;
		aspect-ratio: 1 / calc(140 / 300);
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.shop_view_section .reserve_button{
		max-width: 144px;
		min-height:24px;
		border-radius: 3px;
		font-size: 14px;
	}

	.shop_view_section .info_list{
		margin-top: 40px;
	}

	.shop_view_section .info_line{
		display: flex;
		align-items: flex-start;
		font-size: 12px;
		line-height: 1.5;
	}

	.shop_view_section .info_line + .info_line{
		margin-top: 10px;
	}

	.shop_view_section .info_head{
		width:64px;
		padding-right: 6px;
	}

	.shop_access_section{
		padding-top: var(--sec_space);
	}

	.shop_access_section .map_frame{
		height:auto;
		aspect-ratio: 1 / calc(120 / 300);
		margin-top: 40px;
	}


	.shop_access_section .access_list{
		margin-top: 40px;
	}

	.shop_access_section .access_line{
		font-size: 12px;
		line-height: 2.14;
		padding-left: 20px;
	}

	.shop_access_section .access_line::before{
		width:9px;
		height:9px;
		top:11px;
	}

	.shop_staff_section{
		padding-top: var(--sec_space);
	}


	.shop_staff_section .staff_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:50px 30px;
		margin-top: 40px;
	} 

	.shop_staff_section .staff_card{
		display: block;
	}

	.shop_staff_section .staff_text_area{
		padding-top: 10px;
	}

	.shop_staff_section .staff_name{
		font-size: 15px;
		font-weight: 700;
	}

	.shop_staff_section .staff_job{
		margin-top: 8px;
	}

	.shop_staff_section .staff_message{
		margin-top: 8px;
		font-size: 12px;
		line-height: 2.14;
	}

	.shop_staff_section .staff_more_frame{
		display: flex;
		justify-content: flex-end;
		margin-top: 48px;
	}

	/*
	------------------------------------
	ブログ一覧
	------------------------------------
	*/

	body.archive_body{
		
	}

	main.archive_main{

	}

	.archive_head_section{
		padding-top: var(--sec_space);
	}

	.archive_head_section .page_title{
		font-size: 26px;
		letter-spacing: 0.38em;
	}

	.archive_head_section .link_flex{
		margin-top: 120px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: fit-content;
		margin-inline: auto;
		gap:24px;
		min-height: 140px;
	}

	.archive_head_section .link{
		gap:14px;
		font-weight: 700;
		letter-spacing: 0.2em;
	}

	.archive_head_section .link .check{
		width:20px;
	}

	.archive_head_section .link.active .check::after{
		width:36px;
		height:23px;
		bottom:5px;
		left:-4px;
	}

	.archive_list_section{
		padding-top: 80px;
	} 




	/*
	------------------------------------
	ブログ詳細
	------------------------------------
	*/

	.single_blog_section{
		padding-top: 100px;
	}

	.single_blog_section .blog_title{
		margin-top: 32px;
		font-size: 16px;
		letter-spacing: 0.38em;
	}

	.single_blog_section .blog_date{
		margin-top: 32px;
		font-size: 12px;
		text-align: center;
		text-transform: full-width;
	}


	.single_blog_section .blog_situation{
		min-height:22px;
		padding:3px 6px;
		font-size: 12px;
		letter-spacing: 0.13em;
		margin-top: 16px;
	}

	.single_blog_section .blog_tag_list{

		margin-top: 24px;
		gap:8px;
		font-size: 10px;
		line-height: 1.5;
	}

	.single_blog_section .single_frame{
		margin-top: 80px;
		/* max-width: 800px; */
		margin-inline: auto;
	}

	.single_blog_section .single_block{
		line-height: 1.5;
		word-break: break-all;
	}

	.single_blog_section .single_block img{
		width: auto;
		max-width: 100%;
	}


	.single_blog_section .single_block p{
		margin: 24px 0;
	}

	.single_blog_section .single_block h2{
		margin:24px 0;
		font-size: 24px;
		font-weight: 700;
	}

	.single_blog_section .single_block h3{
		margin:24px 0;
		font-size: 20px;
		font-weight: 700;
	}

	.single_blog_section .staff_box{
		margin-top: 100px;
		padding:80px 16px;
	}	

	.single_blog_section .staff_box_inner{
		max-width: 720px;
		margin-inline: auto;
	}

	.single_blog_section .staff_contents{
		position: relative;
		min-height: auto;
		padding-right: 0;
	}

	.single_blog_section .staff_head{
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0.2em;
		text-align: center;
	}

	.single_blog_section .staff_job{
		margin-top: 32px;

	}

	.single_blog_section .staff_img{
		width:186px;
		margin-inline: auto;
		margin-top: 32px;
		position: static;
	}


	.single_blog_section .staff_name{
		display: flex;
		align-items: center;
		gap:10px 15px;
		flex-wrap: wrap;
	}

	.single_blog_section .staff_name01{
		font-size: 20px;
	}
	.single_blog_section .staff_name02{
		font-size: 14px;
		letter-spacing: 0.2em;
	}

	.single_blog_section .staff_tag_list{
		margin-top: 20px;
		gap:8px;
	}

	.single_blog_section .staff_tag_list li{
		min-height:24px;
		padding:3px 16px;
		font-size: 12px;
	}

	.single_blog_section .staff_career{
		margin-top: 30px;
		font-size: 12px;
		line-height: 2.14;
	}

	.single_recommend_section{
		padding-top: var(--sec_space);
	}

	.single_recommend_section .recommend_flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		flex-direction: column;
		gap:32px;
	}

	.single_recommend_section .sec_head{
		font-size: 16px;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.38em;
	}

	.single_recommend_section .recommend_left{
		flex-shrink: 0;
		max-width:100%;
	}

	.single_recommend_section .recommend_right{
		width:100%;
	}

	.single_recommend_section .recommend_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:30px 10px;
	}

	.single_recommend_section .recommend_block{
		display: block;
		font-family: var(--zen_old);
	}

	.single_recommend_section .recommend_text_area{
		padding-top: 10px;
	}

	.single_recommend_section .recommend_date{
		font-size: 10px;
		letter-spacing: 0;
	}

	.single_recommend_section .recommend_title{
		margin-top: 12px;
		font-size: 12px;
		line-height: 1.5;
	}


	/*
	------------------------------------
	フォーム関係
	------------------------------------
	*/

	.form_section{
		padding-top: 180px;
	}

	.form_section .form_frame{
		position: relative;
	}

	.form_section .page_title{
		font-size: 26px;
		text-align: center;
		letter-spacing: 0.38em;
		margin-top: -140px;
	}

	.form_section .form_front_flex{
		margin-top: 56px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.form_section .form_guide{
		top:80px;
		right:0;
		transform: translateX(10px);
	}

	.form_section .form_guide_box{
		min-width:80px;
		min-height:50px;
		padding:8px;
	}

	.form_section .form_guide_box::before{
		width:12px;
		bottom:10px;
		right:calc(100% - 1px);
	}

	.form_section .form_guide_text{
		font-size: 10px;

		text-align: center;
	}

	.form_section .form_guide_text span{
		font-size: 14px;
		padding-inline: 2px;
	}

	.form_section .form_text{
		font-size: 12px;
		line-height: 2;
	}


	.form_section .form_text p + p{
		margin-top: 8px;
	}

	.form_section .form_text ul{
		font-size: 10px;
		line-height: 2;
		margin-top: 8px;
	}

	.form_section .form_area{
		margin-top: 40px;
	}

	.form_section .floor_map{
		max-width:365px;
		margin-top: 100px;
	}

	.c_form_contents{

	} 

	.c_form_contents .form_line{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap:12px;
		margin-top: 20px;
	}

	.c_form_contents .form_line.verti{
		flex-direction: column;
	}

	.c_form_contents .sub_form_line_wrap{
		padding-left: 16px;
	}

	.c_form_contents .form_label{
		min-width:150px;
		min-height:auto;
		flex-wrap: wrap;
		gap:4px 10px;
		font-size: 13px;
	}

	.c_form_contents .form_label::after{
		font-size: 13px;
		letter-spacing: 0.2em;
		margin-left: 0;
	}

	.c_form_contents .form_right{
		width:100%;
	}

	.c_form_contents input:not([type="file"]){
		height:35px;
		padding-inline: 6px;
		font-size: 14px;
		letter-spacing: 0.05em;
	}

	.c_form_contents textarea{

		height:150px;
		padding: 12px;
		font-size: 12px;
		letter-spacing: 0.05em;
	}

	.c_form_contents select{

		height:35px;
		padding-inline: 6px;
		font-size: 14px;
		letter-spacing: 0.05em;
	}


	.c_form_contents .wpcf7-radio,
	.c_form_contents .wpcf7-checkbox{
		gap:16px 40px;
	}

	.c_form_contents .wpcf7-radio{
		padding-top: 6px;
	}

	.c_form_contents .wpcf7-radio label,
	.c_form_contents .wpcf7-checkbox label{

		gap:10px;
		font-size: 12px;
		line-height: 1.7;
	}

	.c_form_contents .wpcf7-radio label::before,
	.c_form_contents .wpcf7-checkbox label::before{

		width:14px;
		height:14px;
		transform: translateY(4px);
	}

	.c_form_contents label:has(input:checked)::after{
		width:20px;
		height:12px;
		top:3px;
		left:-2px;
	}

	.c_form_contents .birth_flex{
		display: flex;
		align-items: flex-start;
		gap:10px;
	}

	.c_form_contents .birth_box{
		display: flex;
		align-items: flex-start;
		line-height: 2;
		gap:6px;
	}

	.c_form_contents .birth_box .select_frame.year{
		width:70px;
	}
	.c_form_contents .birth_box .select_frame{
		width:70px;
	}

	.c_form_contents .file_area{
		padding-bottom: 20px;
	}

	.c_form_contents .file_line{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 30px;
		gap:10px;
	}

	.c_form_contents .file_line .file_head{
		flex-shrink: 0;
		min-width:100px;
		font-size: 12px;
	}

	.c_form_contents .form_alert{
		margin-top: 24px;
		font-size: 12px;
		line-height: 2;
	}

	.c_form_contents .file_remark{
		font-size: 12px;
	}


	.c_form_contents .form_info{
		margin-top: 40px;
		font-size: 14px;
		line-height: 2;
	}

	.c_form_contents .privacy_box{
		height:230px;
		padding:16px 12px;
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0.02em;
		margin-top: 56px;
	}

	.c_form_contents .agree_area{
		margin-top: 16px;
	}

	.c_form_contents .agree_area label{
		font-size: 14px;
		line-height: 1.5;
	}

	.c_form_contents .submit_area{
		margin-top: 50px;
	}

	.c_form_contents input[type="submit"]{
		min-width: 160px;
		min-height:40px;
		padding:6px 16px;
		font-size: 16px;
		letter-spacing: 0.38em;
	}

	/*来店予約用*/
	.c_form_contents .form_line.mt{
		margin-top: 50px;
	}

	.c_form_contents .time_sample{
		font-size: 12px;
		line-height: 1.85;
		letter-spacing: 0.05em;
	}

	.c_form_contents .shop_time{
		font-size: 12px;
		line-height: 1.85;
		letter-spacing: 0.05em;
	}

	.c_form_contents .select_frame.shop{
		width:220px;
		margin-left: 0;
	}

	.c_form_contents .date_line{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap:16px;
		margin-top: 16px;
	}

	.c_form_contents .date_line .date_line_head{
		display: flex;
		align-items: center;
		gap:16px;
		min-height: auto;
		flex-shrink: 0;
		width:auto;
		padding-right: 0;
		font-size: 12px;
		font-weight: 700;
	}

	.c_form_contents .date_line:has([aria-required="true"]) .date_line_head::after{
		content:'必須';
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.2em;
		color: #9A1919;
		white-space: nowrap;
	}

	.c_form_contents .date_line + .date_line{
		margin-top: 24px;
	}

	.c_form_contents .date_line .date_flex{
		display: flex;
		align-items: flex-start;
		gap:12px;
	}

	.c_form_contents .date_line .date_box{
		display: flex;
		align-items: flex-start;
		gap:6px;
	}

	.c_form_contents .date_box .select_frame{
		width:70px;
	}

	.c_form_contents .date_line p{
		min-height: 35px;
		display: flex;
		align-items: center;
		font-size: 12px;
		font-weight: 700;
	}


	.c_form_contents .date_line .must{
		display: none;
	}


		/*
	------------------------------------
	ブランドページ
	------------------------------------
	*/

	.brand_section{

	}

	.brand_fv_section{
		padding-top: var(--sec_space);
	}

	.brand_fv_section .page_title{
		font-size: 30px;

		letter-spacing: 0.38em;
	}

	.brand_fv_section .page_sub_title{
		margin-top: 12px;
		font-size: 30px;
		letter-spacing: 0.38em;
	} 

	.brand_list_section{
		padding-top: var(--sec_space);
	} 

	.brand_list_section .list_frame{
		display: flex;
		justify-content: center;
	}

	.brand_list_section .brand_list{
		width: 100%;
		flex-shrink: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:6px;
	}


	.brand_info_section{
		padding-top: var(--sec_space);
	} 

	.brand_info_section .brand_logo{
		display: flex;
		justify-content: center;
	}


	.brand_info_section .brand_text{
		margin-top: 40px;
		font-size: 12px;
		line-height: 2;
		letter-spacing: 0.2em;
	}

	.brand_info_section .brand_gal_area{
		margin-top: 40px;
		display: flex;
		justify-content: center;
	}


	.brand_info_section .brand_gal_slide{
		width:120px;
		padding-inline: 16px;
	}

	.brand_info_section .contact_button{
		margin-top: 48px;
		min-height: 32px;
		padding:4px 24px;
		border-radius: 3px;
	}

	.brand_blog_section{
		padding-top: var(--sec_space);
	}

	.brand_blog_section .sec_head{
		font-size: 26px;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.38em;
	}

	.brand_blog_section .blog_more_frame{
		display: flex;
		justify-content: flex-end;
		margin-top: 32px;
	}

	/*
	------------------------------------
	プロジェクト一覧ページ
	------------------------------------
	*/

	.project_fv_section .fv_frame{
		height:100vh;
		max-height: 1080px;
		min-height: 500px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 0;
	}

	.project_fv_section .page_title{
		font-size: 32px;
	}	

	.project_fv_section .page_title span{
		font-size: 20px;
	}

	.project_tag_section{
		padding-top: 40px;
	}

	.project_tag_section .banner_flex{
		display: flex;
		justify-content: center;
		align-items: center;
		gap:0;
		flex-direction: column;
	}

	.project_tag_section .banner{
		flex-shrink: 0;
		width:calc(100% + 45px);
		border-radius: 5px;
		padding-inline: 16px;
	}

	.project_tag_section .banner .banner_inner{
		height:100%;

		min-height: 120px;
		padding-top: 10px;
		padding-bottom: 10px;
		max-width: 275px;
		display: flex;
		align-items: center;
		gap:30px;
	}

	.project_tag_section .banner .banner_icon{
		flex-shrink: 0;
		width:47px;
	}

	.project_tag_section .banner .banner_name{
		font-size: 24px;
		font-weight: 700;
		line-height: 1.2;
		white-space: nowrap;
	}

	.project_tag_section .banner .banner_name span{
		font-size: 16px;
	}

	.project_tag_section .banner .banner_text{
		margin-top: 15px;
		font-size: 12px;
		font-weight: 500;
	}

	.project_tag_section .tag_area{
		margin-top: 32px;
	}

	.project_tag_section .selected_tag_list{
		gap:8px;
	}

	.project_tag_section .selected_tag_list li{
		min-height: 32px;
		padding:3px 32px 3px 8px;
		font-size: 14px;
	}

	.project_tag_section .selected_tag_list .selected_tag_delete{
		right:6px;
	}
	.project_tag_section .selected_tag_list .selected_tag_delete::after{
		width:20px;
		height:20px;
	}

	.project_tag_section .switch_head_list{
		margin-top: 24px;
		gap:18px;
	}

	.project_tag_section .switch_head_list .switch_head{
		width:108px;

		gap:16px;
	}

	.project_tag_section .switch_head_list .switch_head_icon{
		width:12px;
		height:12px;
	}


	.project_tag_section .tag_block{
		margin-top: 40px;
	}

	.project_tag_section .project_tag_list{
		gap:8px;
		font-size: 20px;
		line-height: 2;
	}

	.project_tag_section .project_tag_list li{
		min-height:32px;
		padding:3px 8px;
		border-radius: 3px;
		font-size: 14px;
	}

	.project_tag_section .house_cat_area{
		display: flex;
		justify-content: center;
		margin-top: 64px;
	}


	.project_tag_section .house_cat_slide{
		width:200px;
		padding-inline: 15px;
	}


	.project_tag_section .project_house_cat_name{
		bottom:12px;
	
		padding-inline: 16px;
		font-size: 14px;
	}


	.project_list_section{
		padding-top:40px;
	}

	.project_list_section .project_list_head{
		font-size: 18px;
		font-weight: 700;
	}

	.project_list_section .project_list_area{
		margin-top: 40px;
		display: flex;
		justify-content: center;
	}

	.project_list_section .project_list_frame{
		flex-shrink: 0;
		width:calc(100% + 45px);
	}

	.project_list_section .project_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:20px 12px;
		position: relative;
	}

	.project_list_section .project_title{
		margin-top: 2px;
		font-size: 12px;
	} 
	/*
	------------------------------------
	プロジェクト詳細ページ
	------------------------------------
	*/

	.project_single_section{
		padding-top: 72px;
	}


	.project_single_section .project_main_img{
		aspect-ratio: auto;
		display: flex;
		justify-content: center;
	}

	.project_single_section .project_main_img img{
		flex-shrink: 0;
		width:100vw;
		max-width: 500px;
		height:auto;
		aspect-ratio: 1 / calc(200 / 375);
		object-fit: cover;
	}

	.project_single_section .project_title{
		margin-top: 16px;
		font-size: 20px;
		font-weight: 700;
	}

	.project_single_section .project_tag_list{
		margin-top: 16px;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:8px;
	}

	.project_single_section .project_tag_list li{
		min-height: 24px;
		padding:3px 8px;
		border-radius: 3px;
		font-size: 14px;
	}

	.project_single_section .project_text{
		margin-top: 40px;
		font-size: 14px;
		line-height: 2.14;
	}

	.project_single_section .project_gal_list{
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap:10px;
	}


	.project_single_section .link_flex{
		margin-top: 30px;
		width:calc(100% + 40px);
		margin-left: -20px;
	}

	.project_single_section .link_flex .link{
		width:146px;
	}

	.project_single_section .link_flex .link a{
		width: 146px;
		height: 20px;
	}


	.project_single_section .link_flex .link a::before {
		width: 1px;
		height: 20px;
	}

	.project_relation_section{
		padding-top: var(--sec_space);
	}

	.project_relation_section .sec_head{
		font-size: 14px;
		font-weight: 400;
	}

	.project_relation_section .relation_area{
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}


	.project_relation_section .relation_slide{
		width:198px;
		padding-inline: 12px;
	}

	.project_relation_section .relation_card{
		display: block;
	}


	.c_img_modal{
		
	}


	.c_img_modal .img_modal_frame{
		position: relative;
		width:1000px;
		max-width: 92%;
		max-height: 70vh;
		
	}

	.c_img_modal .img_modal_frame img{
		width:100%;
		max-width:100%;
		max-height: 70vh;
		object-fit: contain;
	}


}/*@media screen and (max-width:767px){*/