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

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


	.container{
		max-width: 720px;
		padding:0;
	}

	.container1000{
		max-width: 720px;
		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: 40px;
	}

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

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

	.c_blog_list .blog_thumb{
		width:228px;
	}


	.c_blog_list .blog_text_area{
		width:100%;
	}

	.c_blog_list .blog_info_flex{
		display: flex;
		align-items: flex-start;
	}

	.c_blog_list .blog_date{
		width:290px;
		font-size: 13px;
	}

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

	.c_blog_list .blog_title{
		margin-top: 12px;
		font-size: 15px;
	}

	.c_blog_list .blog_category{
		margin-top: 16px;
		font-size: 13px;
	}

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

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

	header{
		
	}

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

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

	}

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

	header .header_contact{
		min-width: 102px;
		min-height: 32px;
		padding:3px 5px;
	}
	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:375px;
		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;
		width:fit-content;
		transition-duration: 0.4s;
		gap:12px;
	} 

	#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: -24px;
		font-size: 20px;
	}

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

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

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

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

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

	footer .footer_logo{
		width:175px;
	}

	footer .footer_flex{
		margin-top: 56px;
		display: flex;
		align-items: flex-start;
		gap:80px;
	}

	footer .footer_left{

	}

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


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


	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: 16px;
	}

	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;
		gap:24px;
	}

	.c_magazine_contents .magazine_flex::before{
		width:1312px;
		height:calc(100% - 60px);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #F5F5F5;
	}

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

	.c_magazine_contents .magazine_text{
		margin-top: 20px;
		line-height: 2.5;
		letter-spacing: 0.08em;
	}

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


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



	/*
	------------------------------------
	共通 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: 40px;
		padding-bottom: 40px;
	}

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

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

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

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

	.c_works_section .slide_nav{
		top:auto;
		bottom:0;
		left:calc(50% + 100px);
		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: 600px;
	}



	.top_fv_section .site_title{
		width:467px;
	}

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

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

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

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

	.top_guide_section .guide_left{
		width:380px;
		padding-top: 0;
	}
	.top_guide_section .guide_right{
		width:450px;
	}

	.top_guide_section .guide_text{
		line-height: 2.75;
		letter-spacing: 0.3em;
		text-align: center;
	}

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

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

	.top_theme_section .theme_area{
		/* min-height:720px; */
		min-height:500px;
		margin-top: 170px;
		padding-left: 410px;
	}

	.top_theme_section .theme_list{
		display: flex;
		gap:30px;
	}

	.top_theme_section .theme_item{
		width:230px;
	}

	.top_theme_section .theme_item.active{
		display: none;
	}

	.top_theme_section .theme_card{
		cursor: pointer;
		position: relative;
	}

	.top_theme_section .theme_name{
		position: absolute;
		bottom:100%;
		left:0;
		padding-bottom: 12px;
		font-size: 18px;
	}

	.top_theme_section .main_theme_item{
		position: absolute;
		width:380px;
		left:0;
		top:0;
		opacity: 0;
		pointer-events: none;
		transition-duration: 0.4s;
	}

	.top_theme_section .main_theme_item.show{
		opacity: 1;
		pointer-events: auto;
	}

	.top_theme_section .main_theme_block{
		display: block;
		position: relative;
	}

	.top_theme_section .main_theme_thumb{
		aspect-ratio: 1 / calc(606 / 460);
	}

	.top_theme_section .main_theme_thumb img{
		width:100%;
		height:100%;
		object-fit: cover;	
	}

	.top_theme_section .mani_theme_name{
		position: absolute;
		bottom:100%;
		left:0;
		padding-bottom: 14px;
		font-size: 72px;
		opacity: 0.16;
	}

	.top_theme_section .mani_theme_name.min{
		font-size: 46px;
	}

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

	}

	.top_theme_section .theme_info{
		display: none;
	}

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

	.top_theme_section .theme_text{
		font-size: 20px;
		min-height: auto;
		/* font-size: 14px;
		line-height: 1.2; */
	}

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

	.top_theme_section .theme_arrow{
		display: none;
	}

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

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

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

	.top_house_section .house_head_en{
		margin-top: 24px;
		letter-spacing: 0.38em;
	}

	.top_house_section .house_more_frame{
		margin-top: 40px;
		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;
	}

	.top_shop_section .shop_block{
		width:484px;
	}

	.top_shop_section .shop_card{
		display: block;
	}

	.top_shop_section .shop_thumb{
		aspect-ratio: 1 / calc(428 / 484);
	}

	.top_shop_section .shop_text_area{
		margin-top: 16px;
		font-size: 13px;
	}

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

	.top_news_section .news_block{
		display: block;
	}

	.top_news_section .news_inner{
		min-height:108px;
		padding:24px 0;
		max-width: 1300px;
		width: 92%;
		margin-inline: auto;
		padding-right: 56px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

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

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

	.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: 16px;
	}

	.top_news_section .news_arrow{
		width:146px;
		height:20px;
	}

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

	.top_news_section .pickup_head{
		margin-top: 200px;
		font-size: 26px;
		text-align: center;
		font-weight: 700;
		letter-spacing: 0.38em;
	}

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

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

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

	.page_mv_section{

	}



	/*
	------------------------------------
	パンクズ
	------------------------------------
	*/

	.c_bread_section{
		padding:40px 0;
	}

	.c_bread_section .bread_list{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap:15px;
		line-height: 1.2;
		letter-spacing: 0;
	}

	.c_bread_section .bread_list a{
		color: #00436d;
		transition-duration: 0.4s;
	}

	@media(any-hover:hover){
		.c_bread_section .bread_list a:hover{
			opacity: 0.5;
		}
	}

	.c_bread_section .bread_list .arrow{
		width: 6px;
		height: 10px;
		background-image: url('../img/c/angle_right_blue.png');
		margin-top: 1px;
	}



	/*
	------------------------------------
	クラージュプラスについて
	------------------------------------
	*/
	.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: var(--sec_space);
	}

	.about_commit_section .commit_head{
		text-align: center;
		font-family: var(--zen_old);
		font-size: 26px;
		font-weight: 700;
		letter-spacing: 0.38em;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap:18px;
	}

	.about_commit_section .commit_head::after{
		content:'';
		width:88px;
		height:94px;
		background-image: url('../img/about/commit_head_deco.svg');

	}

	.about_commit_section .commit_area{
		
	}

	.about_commit_section .commit_list{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:0px 65px;
		margin-top: 88px;
	}

	.about_commit_section .commit_item{
		width:346px;
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		padding-top: 40px;
		text-align: center;
	}

	.about_commit_section .commit_icon_frame{
		width:64px;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-inline: auto;
	}
	.about_commit_section .commit_icon01{
		width:64px;
	}
	.about_commit_section .commit_icon02{
		width:50px;
	}
	.about_commit_section .commit_icon03{
		width:56px;
	}
	.about_commit_section .commit_icon04{
		width:54px;
	}
	.about_commit_section .commit_icon05{
		width:32px;
	}

	.about_commit_section .commit_title{
		margin-top: 12px;
		font-family: var(--zen_old);
		font-size: 20px;
		font-weight: 700;
		line-height: 1.5;
	}

	.about_commit_section .commit_text{
		margin-top: 24px;
		font-size: 14px;
		line-height: 2.14;
	}

	.about_commit_section .commit_item.dammy{
		display: none;
	}

	.about_commit_section .commit_item01{
		background-color: rgba(229, 192, 155, 0.6);
	}
	.about_commit_section .commit_item02{
		background-color: rgba(225, 217, 198, 0.6);
	}
	.about_commit_section .commit_item03{
		background-color: rgba(238, 232, 220, 0.6);
	}
	.about_commit_section .commit_item04{
		background-color: rgba(223, 201, 203, 0.6);
	}
	.about_commit_section .commit_item05{
		background-color: rgba(208, 181, 181, 0.6);
	}

	@media screen and (min-width:768px){
		.about_commit_section .commit_list{
			transform: none!important;
		}
		.about_commit_section .commit_item{
			transform: none!important;
		}
	}

	.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;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.38em;
	}

	.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:50vh;
	}

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

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

	.house_guide_section .house_guide_right{
		width:100%;
	}

	.house_guide_section .house_guide_inner{
		padding-inline: 24px;
		padding-top: 300px;
		padding-bottom: 240px;
	}

	.house_guide_section .page_title{
		max-width: 332px;
		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: 380px;
		font-size: 26px;
		text-align: center;
		font-weight: 700;
	}

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

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

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


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

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

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

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

	.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: 40px;
	}

	.house_theme_section .theme_title{
		font-size: 36px;
	}

	.house_theme_section .theme_text{
		margin-top: 24px;
		font-size: 14px;
		line-height: 2;
		letter-spacing: 0.15em;
	}

	.house_theme_section .theme_more_frame{
		display: flex;
		justify-content: flex-end;
		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: 14px;
		line-height: 2.1;
	}

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

	.house_achive_section .house_achive_bottom{
		margin-top: 120px;
		gap:24px;
	}

	.house_achive_section .house_achive_logo{
		width:78px;
	}

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

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

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

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

	.house_about_section .house_about_block{
		width:296px;
	}

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

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

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

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

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

	.house_renove_section .renove_head{
		font-size: 32px;
		font-weight: 700;
		letter-spacing: 0.15em;
	}

	.house_renove_section .renove_catch{
		margin-top: 20px;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.05em;
	}

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

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

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

	.house_renove_section .renove_img{
		width:260px;

	}


	.house_renove_section .renove_img + .renove_img{

		margin-left: -20px;
		margin-top: 32px;
	}


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


	body.movie_body{
		
	}

	main.movie_main{

	}

	.movie_section{
		padding-top: 120px;
	}

	.movie_section .page_title{
		min-height: 72px;
		padding-top: 16px;
		padding-bottom: 16px;
		padding-right: 80px;

		font-size: 26px;
	}

	.movie_section .movie_area{
		margin-top: 200px;
	}

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

	.movie_section .movie{
		width:400px;
		aspect-ratio: 1 / 0.5625;
	}

	.movie_section .movie video{
		display: block;
		width:100%;
		height:100%;
		object-fit: cover;
	}

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

	.movie_section .movie_text{
		font-size: 16px;
		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: 200px;
	}

	.magazine_list_section{
		padding-top: 100px;
	}

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

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

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

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

	.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;
		margin-inline: auto;
	}

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

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

	.magazine_list_section .magazine_img{
		flex-shrink: 0;
		width:146px;
	}

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

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

	.magazine_list_section .magazine_text{
		margin-top: 24px;
		font-size: 13px;
		line-height: 2.3;
	}

	.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_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: var(--sec_space);
	}

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

	.company_logo_section .courage_logo{
		width:350px;
	}
	.company_logo_section .house_logo{
		width:372px;
	}

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

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

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

	.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: 40px;
		display: flex;
		align-items: flex-end;
		font-size: 14px;
		font-weight: 400;
		padding-bottom: 4px;
		line-height: 2.14;
	}

	.company_info_section .company_info_head{
		flex-shrink: 0;
		width:192px;
		padding-right: 10px;
		padding-left: 4px;
	}

	.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: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 200px;
		padding:10px;
		font-size: 26px;
	}

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


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

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

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

	.staff_list_section .staff_card{
		display: block;
		text-align: center;
	}


	.staff_list_section .staff_text_area{
		margin-top: 24px;
	}

	.staff_list_section .staff_job{
		
	}

	.staff_list_section .staff_name{
		margin-top: 8px;
	}

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

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

	.staff_list_section .staff_tag_list{
		margin-top: 24px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap:8px;
	}

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

	.staff_list_section .staff_message{
		margin-top: 24px;
		font-size: 14px;
		line-height: 2.14;
	}

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

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

	.staff_list_section .staff_list{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:80px 48px;
		margin-top: 200px;
	}

	.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: -100px;
	}

	.staff_single_section .staff_info_box{
		width:100%;
		min-height:380px;
		padding-top: 150px;
		padding-bottom: 32px;
		padding-inline: 32px;
	}

	.staff_single_section .staff_job{

	}

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

	.staff_single_section .staff_name01{
		font-size: 34px;
	}
	.staff_single_section .staff_name02{
		font-size: 18px;
		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: 30px;
		border-radius: 3px;
		font-size: 14px;
		padding:4px 8px;
	}


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

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

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

	.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: 43px;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.38em;
	}

	.recruit_guide_section .guide_text{
		max-width: 447px;
		margin-inline: auto;
		margin-top: 200px;
		font-size: 26px;
		text-align: center;
		font-weight: 700;
		letter-spacing: 0.38em;
		font-family: var(--zen_old);
	}

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

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

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

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

	.recruit_staff_section .staff_slide{
		width:253px;
		padding-inline: 24px;
	}

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

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

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

	.recruit_style_section .system_slide{
		width:280px;
		margin-inline: 67px;
		transition-duration: 1s;
	}


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

	.recruit_style_section .system_slide:has(+ .system_slide + .system_slide + .swiper-slide-prev) .system_card{
		transform: translateX(330px);
	}
	.recruit_style_section .system_slide:has(+ .system_slide + .swiper-slide-prev) .system_card{
		transform: translateX(220px);
	}
	.recruit_style_section .system_slide:has(+ .swiper-slide-prev) .system_card{
		transform: translateX(110px);
	}
	.recruit_style_section .swiper-slide-next + .system_slide .system_card{
		transform: translateX(-110px);
	}
	.recruit_style_section .swiper-slide-next + .system_slide + .system_slide .system_card{
		transform: translateX(-220px);
	}
	.recruit_style_section .swiper-slide-next + .system_slide + .system_slide + .system_slide .system_card{
		transform: translateX(-330px);
	}


	.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: 14px;
		line-height: 2.14;
	}

	.recruit_appli_section .table_head{
		width:240px;
		padding-right: 10px;
	}
	.recruit_appli_section .table_contents{
		width:100%;
	}

	.recruit_appli_section .entry_button{
		align-items: center;
		max-width: 404px;
		min-height: 56px;
		margin-top: 100px;
		font-size: 26px;
		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: 120px;
	}

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

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

	.shop_fv_section .shop_title{
		margin-top: 112px;
		min-height:96px;
		padding:8px 12px;
		font-size: 26px;
	}


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

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

	.shop_commit_section .commit_head::after{
		width:88px;
		height:94px;
	}

	/* .shop_commit_section .commit_area{
		
	}

	.shop_commit_section .commit_list{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:24px 32px;
		margin-top: 88px;
	}

	.shop_commit_section .commit_item{
		width:330px;
		padding-top: 40px;
	}

	.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: 24px;
		font-size: 14px;
		line-height: 2.14;
	} */


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

	.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.5;
		letter-spacing: 0.2em;
	}

	.shop_concept_section .slide_area{
		margin-top: 180px;
		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:320px;
		padding-inline: 20px;
	}

	.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(402 / 850);
		margin-top: 44px;
		margin-bottom: 44px;
	}

	.shop_view_section .reserve_button{
		max-width: 190px;
		min-height:32px;
		border-radius: 3px;
	}

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

	.shop_view_section .info_line{
		display: flex;
		align-items: flex-start;
		font-size: 14px;
		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:337px;
		margin-top: 40px;
	}

	.shop_access_section .map_frame iframe{
		display: block;
		width:100%;
		height:100%;
	}

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

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

	.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(3, 1fr);
		gap:80px 30px;
		margin-top: 32px;
	} 

	.shop_staff_section .staff_card{
		display: block;
	}

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

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

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

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

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

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

	body.archive_body{
		
	}

	main.archive_main{

	}

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

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

	.archive_head_section .link_flex{
		margin-top: 200px;
		display: flex;
		gap:100px;
		min-height: 100px;
	}

	.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: var(--sec_space);
	} 




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

	.single_blog_section{
		padding-top: 200px;
	}

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

	.single_blog_section .blog_date{
		margin-top: 24px;
		font-size: 14px;
		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: 14px;
		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;
	}

	.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: 200px;
		padding:80px 32px;
	}	

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

	.single_blog_section .staff_contents{
		position: relative;
		min-height: 250px;
		padding-right: 200px;
	}

	.single_blog_section .staff_head{
		font-weight: 700;
		letter-spacing: 0.2em;
	}

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

	}

	.single_blog_section .staff_img{
		width:186px;
		position: absolute;
	}


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

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

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

	.single_blog_section .staff_tag_list li{
		min-height:30px;
		padding:3px 8px;
		font-size: 14px;
	}

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


	/*特別記事用*/
	.single_blog_section .single_block.special{

	}

	.single_blog_section .single_block.special table{
		margin: 32px 0;
	}

	.single_blog_section .single_block.special table tr{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		gap:40px;
	}

	.single_blog_section .single_block.special table td,
	.single_blog_section .single_block.special table th{
		width:100%!important;
	}

	.single_blog_section .single_block.special table td *:first-child,
	.single_blog_section .single_block.special table th *:first-child{
		margin-top: 0;
	}


	.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;
		gap:24px;
	}

	.single_recommend_section .sec_head{
		font-size: 26px;
		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:40px;
	}

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

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

	.single_recommend_section .recommend_date{
		font-size: 15px;
		letter-spacing: 0.15em;
	}

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


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

	.form_section{
		padding-top: 200px;
	}

	.form_section .form_frame{
		position: relative;
	}

	.form_section .page_title{
		font-size: 26px;
		letter-spacing: 0.38em;
		margin-top: -100px;
	}

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

	.form_section .form_guide{
		top:80px;
	}

	.form_section .form_guide_box{
		min-width:140px;
		min-height:100px;
		padding:8px;
	}

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

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

		text-align: center;
	}

	.form_section .form_guide_text span{
		font-size: 26px;
		padding-inline: 6px;
	}

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


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

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

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

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

	.c_form_contents{

	} 

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

	.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:32px;
		font-size: 16px;
	}

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

	.c_form_contents .form_right{
		width:100%;
	}

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

	.c_form_contents textarea{

		height:360px;
		padding: 20px;
		font-size: 14px;
		letter-spacing: 0.05em;
	}

	.c_form_contents select{

		height:32px;
		padding-inline: 12px;
		font-size: 14px;
		letter-spacing: 0.05em;
	}


	.c_form_contents .wpcf7-radio,
	.c_form_contents .wpcf7-checkbox{
		gap:24px 60px;
	}

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

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

		gap:10px;
		font-size: 14px;
	}

	.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:8px;
	}

	.c_form_contents .birth_box .select_frame.year{
		width:110px;
	}
	.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;
		margin-top: 30px;
		gap:20px;
	}

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

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

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

	.c_form_contents .privacy_box{
		height:230px;
		padding:24px;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0.02em;
		margin-top: 80px;
	}

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

	.c_form_contents .agree_area label{
		font-size: 16px;
		line-height: 1.3;
	}

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

	.c_form_contents input[type="submit"]{
		min-width: 236px;
		min-height:48px;
		padding:6px 24px;
		font-size: 18px;
		letter-spacing: 0.38em;
	}

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

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

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

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

	.c_form_contents .date_line{
		display: flex;
		align-items: flex-start;
	}

	.c_form_contents .date_line .date_line_head{
		display: flex;
		align-items: center;
		min-height: 32px;
		flex-shrink: 0;
		width:90px;
		padding-right: 8px;
		font-size: 14px;
		font-weight: 700;
	}

	.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: 32px;
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 700;
	}


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

	.brand_section{

	}

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

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

		letter-spacing: 0.38em;
	}

	.brand_fv_section .page_sub_title{
		margin-top: 24px;
		font-size: 43px;
		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{
		flex-shrink: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:18px 14px;
	}


	.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;
		line-height: 2.5;
		letter-spacing: 0.2em;
	}

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


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

	.brand_info_section .contact_button{
		margin-top: 112px;
		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: 600px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 10%;
	}

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

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

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

	.project_tag_section .banner_flex{
		display: flex;
		justify-content: center;
		gap:16px;
	}

	.project_tag_section .banner{
		width:400px;
		border-radius: 5px;
		padding-inline: 16px;
	}

	.project_tag_section .banner .banner_inner{
		height:100%;
		min-height: 135px;
		padding-top: 10px;
		padding-bottom: 10px;
		max-width: 320px;
		display: flex;
		align-items: center;
		gap:40px;
	}

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

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

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

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

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

	.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:320px;
		padding-inline: 20px;
	}


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


	.project_list_section{
		padding-top:100px;
	}

	.project_list_section .project_list_head{
		font-size: 26px;
		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:92%;
		max-width: 1160px;
	}

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

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

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

	.project_single_section .project_main_img{
		aspect-ratio: 1 / calc(540 / 1000);
	}

	.project_single_section .project_main_img img{
		width:100%;
		height:100%;
		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: 48px;
		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 .project_gal_item:nth-child(7n + 1),
	.project_single_section .project_gal_item:nth-child(7n + 2),
	.project_single_section .project_gal_item:nth-child(7n + 3)
	{
		width:auto;
		height:auto;
	}

	.project_single_section .project_gal_item:nth-child(7n + 4){
		width:auto;
		height:auto;
	}
	.project_single_section .project_gal_item:nth-child(7n + 5){
		width:auto;
		height:auto;
	}

	.project_single_section .project_gal_item:nth-child(7n + 6){
		width:auto;
		height:auto;
	}
	.project_single_section .project_gal_item:nth-child(7n){
		width:auto;
		height:auto;
	}

	.project_single_section .project_gal_item:nth-child(6n + 1),
	.project_single_section .project_gal_item:nth-child(6n + 2),
	.project_single_section .project_gal_item:nth-child(6n + 5),
	.project_single_section .project_gal_item:nth-child(6n + 6){
		width:calc(50% - 5px);
		aspect-ratio: 1 / calc(218 / 145);
	}
	.project_single_section .project_gal_item:nth-child(6n + 3),
	.project_single_section .project_gal_item:nth-child(6n + 4){
		width:100%;
		aspect-ratio: 1 / calc(218 / 298);
	}


	.project_single_section .link_flex{
		margin-top: 50px;
	}

	.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: 40px;
	}


	.project_relation_section .relation_slide{
		width:304px;
		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: 80vh;
		
	}

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

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