/*
Theme Name: koyashi honpo
Theme URI:
Author: nakai & Doragon
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:

=============================================================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #333;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
.yugo{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.yumin{
	font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;
}
.meiryo{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.noto{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.bold500{
	font-weight: 500;
}
.bold800{
	font-weight: 800;
}


body{
	font-size:1.4rem;
	font-size: 1.4em;
	font-weight: 500;
}
#container{
	overflow: hidden;
		color: #000;
}
img{ vertical-align: bottom; }
a{
	color:#1c1c1c;
	transition: all 0.4s;
	text-decoration: none;
}
a:hover,
.op:hover{
	opacity: 0.7;
	transition: all 0.4s;
}

.nolink{
	pointer-events: none;
	opacity: 0.3;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap');
.poppins{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}


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

.photo_frame{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	aspect-ratio: 3/2;
	background: #eee;
}
.photo_frame img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.photo_frame img:not(:target){
	left: 0\9;
	top: 0\9;
}
.photo_frame img{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none){
.photo_frame img{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.photo_frame{ z-index: 1; }/*chrome対策*/


.photo_area{
	position: relative;
}

/*----------------------------------------
	iframe比率維持
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	text-align: center;
	aspect-ratio: 4 / 3;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map.ichi{
	aspect-ratio: 1 / 1;
}
.map.nanago{
	aspect-ratio: 2 / 1;
}

.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none){
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

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

	.map.nanago{
		aspect-ratio: 1.2 / 1;
	}

}/*END*/


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

p{ line-height: 2; font-weight:500; }

.text_blue{ color: #304b72; }
.text_kon{ color: #003567; }
.text_gray{ color: #bfbfbf; }
.text_gray_2{ color:#7d7d7d; }
.text_remon{ color:#fff100 }
.text_deepred{ color:#d90303; }
.text_red{ color:#b03427; }
.text_black{ color:#000; }
.text_white{ color:#fff; }
.text_gold{ color:#e6b422; }
.text_blue{ color: #336699; }
.text_brown{ color:#83552f; }
.text_bold{ font-weight: bold !important; }
.text_normal{ font-weight: normal; }
.yu_min{ font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }
.meiryo{ font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif; }

.text_8{ font-size:0.8rem !important; }
.text_9{ font-size:0.9rem !important; }
.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }

.text_12{ font-size:clamp(1.2rem, 1.1vw, 1.2rem); }
.text_13{ font-size:clamp(1.3rem, 1.25vw, 1.3rem); }
.text_14{ font-size:clamp(1.4rem, 1.34vw, 1.4rem); }
.text_15{ font-size:clamp(1.4rem, 1.4vw, 1.5rem); }
.text_16{ font-size:clamp(1.4rem, 1.5vw, 1.6rem); }
.text_18{ font-size:clamp(1.5rem, 1.7vw, 1.8rem); }
.text_20{ font-size:clamp(1.6rem, 1.9vw, 2rem); }
.text_21{ font-size:clamp(1.7rem, 2vw, 2.1rem); }
.text_22{ font-size:clamp(1.7rem, 2.1vw, 2.2rem); }
.text_24{ font-size:clamp(1.8rem,2.3vw, 2.4rem); }
.text_26{ font-size:clamp(1.8rem, 2.5vw, 2.6rem); }
.text_28{ font-size:clamp(1.9rem, 2.6vw, 2.8rem); }
.text_30{ font-size:clamp(2rem, 2.8vw, 3rem); }
.text_32{ font-size:clamp(2.1rem, 3vw, 3.2rem); }
.text_34{ font-size:clamp(2.2rem, 3.2vw, 3.4rem); }
.text_36{ font-size: clamp(2.3rem, 3.3vw, 3.6rem); }
.text_38{ font-size: clamp(2.4rem, 3.4vw, 3.8rem); }
.text_40{ font-size: clamp(2.5rem, 3.8vw, 4rem); }
.text_60{
	font-size:clamp(40px,6.4vw,60px);
	line-height: 1;
}
.text_78{
	font-size:clamp(52px,7.5vw,78px);
	line-height: 1;
}

/*line-height*/
.lh_06{ line-height: 0.6; }
.lh_11{ line-height: 1.1 !important; }
.lh_12{ line-height: 1.2 !important; }
.lh_13{ line-height: 1.3 !important; }
.lh_14{ line-height: 1.4 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_17{ line-height: 1.7 !important; }
.lh_18{ line-height: 1.8 !important; }

/*letter-spacing*/
.ls_-2{ letter-spacing: -2px; }
.ls_-1{ letter-spacing: -1px; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }

.text_r{text-align:right;}

a.link_tex{ color: #0199cc; }
a.link_tex:hover{ opacity: 0.7; }

@media print, screen and (min-width: 821px){

	/*line-height*/
	.lh_19{ line-height: 1.9 !important; }
	.lh_20{ line-height: 2 !important; }
	.lh_21{ line-height: 2.1 !important; }
	.lh_22{ line-height: 2.2 !important; }
	.lh_23{ line-height: 2.3 !important; }
	.lh_24{ line-height: 2.4 !important; }
	.lh_25{ line-height: 2.5 !important; }
	.lh_26{ line-height: 2.6 !important; }
	.lh_28{ line-height: 2.8 !important; }
	.lh_30{ line-height: 3 !important; }
	.lh_32{ line-height: 3.2 !important; }
	.lh_34{ line-height: 3.4 !important; }
	.lh_36{ line-height: 3.6 !important; }

	/*letter-spacing*/
	.ls_4{ letter-spacing: 4px; }
	.ls_5{ letter-spacing: 5px; }
	.ls_6{ letter-spacing: 6px; }
	.ls_7{ letter-spacing: 7px; }
	.ls_8{ letter-spacing: 8px; }

}/*END*/

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

	/*letter-spacing*/
	.ls_4{ letter-spacing: 3px; }
	.ls_5{ letter-spacing: 4px; }
	.ls_6{ letter-spacing: 4px; }
	.ls_7{ letter-spacing: 4px; }
	.ls_8{ letter-spacing: 4px; }

	/*line-height*/
	.lh_19,
	.lh_20,
	.lh_21,
	.lh_22,
	.lh_23,
	.lh_24,
	.lh_25{
		line-height: 1.8 !important;
	}

}/*END*/

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

	/*letter-spacing*/
	.ls_4{ letter-spacing: 2px; }
	.ls_5{ letter-spacing: 2px; }
	.ls_6{ letter-spacing: 2px; }
	.ls_7{ letter-spacing: 2px; }
	.ls_8{ letter-spacing: 2px; }

}/*END*/

li{ list-style:none; }
.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.clear{ clear:both; }

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
}

.status{
	display:inline-block;
	background:#f7e4ac;
	padding: 1px 4px;
	margin-right:4px;
}

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

	.sp_text_left{ text-align:left; }
	.sp_center{text-align: center;}

}/*END*/


/*----------------------------------------
	共通
----------------------------------------*/
/*ぱんくず*/
.pan_nav{
	padding: 18px 15px;
	box-sizing: border-box;
}
.pan_nav li{
	float: left;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.2;
}
.pan_nav a{
	color: #000;
	text-decoration: none;
}
.pan_nav a:hover{
	color: #3e3e3e;
}
.pan_nav a:after{
	content: ">";
	color: #3e3e3e;
	padding-left: 10px;
	margin-right: 10px;
	display: inline-block;
}
.pan_nav.gray_ver{
	background: #eee;
	color: #000;
}


@media screen and (max-width: 1200px){
	.pan_nav{
		right: 15%;
	}

}/*END*/

@media screen and (max-width: 768px){
	.tb_center{ text-align: center; }

}/*END*/

@media screen and (max-width: 599px){
	.pan_nav{
		padding: 12px 5px 4px 5px;
		font-size: 1.1rem;
		opacity: 0.8;
	}

}/*END*/


/*----------------------------------------
	layout
----------------------------------------*/
.max_respon{
	max-width:100%;
}
.pc_block{
	display: block;
}
.sp_block{
	display: none;
}
.tb_block{
	display: none;
}
.nm_t5{
	margin-top:-5px;
}
.inner_frame{
	max-width: 1080px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-inline: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.inner_frame750{
	max-width: 760px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-inline: auto;
}



.rela{
	position: relative;
}
.rela_z1{
	position: relative;
	z-index: 1;
}
.text_line{
	display: inline-block;
	border-bottom: 1px solid #000;
}
.palt{
	font-feature-settings: "palt";
}
.content_fl_box{
	display: flex;
	gap: 3.5%;
}
.content_fl_box.between{
	justify-content: space-between;
}
.content_fl_box.reverse{
	flex-direction: row-reverse;
}
.content_fl_box.end{
	justify-content: flex-end;
}
.i_center{
	align-items: center;
}
.c_end{
	align-content: flex-end;
}
.c_center{
	align-content: center;
}
.nogap{
	gap:0;
}
.content_fl_box50{
	display: flex;
}
.box25{width: 25%; }
.box30{width: 30%; }
.box35{width: 35%; }
.box40{width: 40%; }
.box45{width: 45%; }
.box47{width: 48.1%; }
.box50{width: 50%; }
.box55{width: 55%; }
.box60{width: 60%; }
.box65{width: 65%; }
.box70{width: 70%; }
.box75{width: 75%; }

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

	.inner_frame{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}


}/*END*/

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

	.sp_order00{ order: 0; }
	.sp_order01{ order: 1; }
	.sp_order02{ order: 2; }
	.sp_order03{ order: 3; }
	.sp_order04{ order: 4; }
	.sp_order05{ order: 5; }

	.content_fl_box{
		flex-wrap: wrap;
	}
	.box70,.box65,.box60,.box40,.box50,.box55,.box25,.box75,.box47,.box45,.box35,.box30{
		width: 100%;
		margin-bottom: 30px;
	}
  .content_fl_box > div:last-child{
  	margin-bottom: 0;
  }
	.content_fl_box50{
		flex-wrap: wrap;
	}
	.pc_p_t250{
		padding-top:0;
	}

}/*END*/


/*----------------------------------------
	header 2
----------------------------------------*/

header li{ list-style: none; }
header a{
	display: block;
	color: inherit;
	text-decoration: none;
	color: inherit;
}
header{
	width: 100%;
	z-index:10;
	box-sizing: border-box;
}

.logo_f{
}

h1.read{
	display: block;
	color: #808080;
	font-size: clamp(1.1rem, 1.1vw, 1.2rem);
	font-weight: normal;
	padding-bottom: 20px;
}

.logo_img{
	max-width: 335px;
}

.header_inner{
	position: relative;
	background: #fff;
}
.head_content{
	display: flex;
	justify-content:space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px 18px 20px;
}
.nav_under li a{
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
}
.header_l{
	width: 28%;
}
.header_r{
		width: 70%;
}

.head_upper_box{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 18px;
		margin-bottom: 20px;
}


@media (min-width: 600px) {
	.pic_nav_tel{
		display: block;
		width: 100%;
		max-width: 238px;
	}
	.pic_nav_request{
		display: block;
		width: 100%;
		max-width: 200px;
	}

}/*END*/

@media print, screen and (min-width: 1211px){

	.header_menu{
		width: auto;
	}
	.nav_under{
			display: flex;
			gap:30px;
			justify-content: flex-end;
			align-items: center;
	}
	.nav_under img{
		vertical-align: middle;
	}


	#sd{
		clear: both;
		width: 100%;
	}
	#sd li{
		box-sizing: border-box;
		position: relative;
		font-size: 1.6rem;
	}
	#sd li a{
		box-sizing: border-box;
		white-space: nowrap;
	}
	#sd li a:hover{
		opacity: 0.7;
	}
	#sd li:last-child{
		border-right:none;
		/*padding-right:0;*/
	}

}/*END*/

/* max-width: 768px 早めのドロワー */
@media screen and (max-width: 1210px){

	.sd-trigger{
		float: none;
		position: absolute;
		width: 54px;
		height: 48px;
		background: #f0f0f0;
		cursor: pointer;
		right: 2%;
		top: 32%;
	}
	.sd-trigger span{
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		width: 28px;
		background-color: #000;
	}
	.sd-trigger span:nth-of-type(1){ top: 15px; left: 13px; }
	.sd-trigger span:nth-of-type(2){ top: 23px; left: 13px; }
	.sd-trigger span:nth-of-type(3){ top: 31px; left: 13px; }

	#sd{ box-sizing: border-box; }
	#sd ul{
		margin-bottom: 0;
		border-top: 1px dotted #afa9a4;
	}
	#sd ul ul{ border-top: none; }
	#sd li{ position: relative; }
	#sd li a{
		display: block;
		text-decoration: none;
		padding: 16px 2% 16px 4%;
		color:#000;
		border-bottom: 1px dotted #afa9a4;
		line-height: 1.4;
	}
	.sd-trigger.sd2022{
		top: 20%;
	}
	header h1{
	padding: 2px 5px;
	line-height: 1.2;
	}
	.h_icon{
		display: none;
	}
	.sp_ul_btm{
		display: block;
		border-top: none !important;
	}

	/*スマホメニュー*/
	.sp_menu{ clear: both; }
	.sp_menu li{
		list-style: none;
		float: left;
		box-sizing: border-box;
		width: 25%;
		text-align: center;
		background: #faf2eb;
		border-left: 1px dotted #afa9a4;
		border-top: 1px dotted #afa9a4;
		border-bottom: 1px dotted #afa9a4;
	}
	.sp_menu li a{ display: block; }
	.sp_menu li:first-child{ border-left: 1px solid #faf2eb; }
	.sp_sd_nav{
		display:block;
	}

	.head_contact_btn{
		background: #bf161a;
		color: #fff !important;
		font-weight: bold;
		padding: 13px 40px;
		border-radius: 25px;
		white-space: nowrap;
		text-align: center;
	}
	.head_contact_btn img{
		width: 22px;
		margin-right: 8px;
		vertical-align: middle;
	}

}/*END*/



@media screen and (max-width: 960px){
	.head_content{
		padding: 10px 1.5% 18px 1.5%;
	}
	.header_l{
		width: 32%;
	}
	.header_r{
		width: 65%;
	}

	.head_upper_box{
		gap: 10px;
	}

	h1.read{
		padding-bottom: 5px;
	}

}/*END*/


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


	.sd-trigger{
		top: 30px;
	}


	.head_content{
		align-items: normal;
		padding: 34px 8px 0 8px;
		margin-bottom: 0;
		height: 90px;
	}

	h1.read{
		width: 100%;
		background: #b03427;
		color: #fff;
		position: absolute;
		  top: 0;
		  left: 0;
		  text-align: center;
	}


	.header_l{
		width: 38%;
	}
	.header_r{
		width: 60%;
	}

	.head_upper_box{
		gap: 10px 5px;
	}

	.head_upper_box .item img{
		height: 40px;
	}
	.logo_img{
		width: 100%;
		margin-right: 0;
	}


}/*END*/


/*----------------------------------------
	ドロワー home
----------------------------------------*/



	.menu_btn{
		display: block;
		/*position: fixed;*/ position: relative;
		width: 60px;
		height: 60px;
		cursor: pointer;
		transition: all 0.6s;
		z-index: 999;
		background: #741a10;
		top: 0;
		right: 0;
		border-radius: 4px;
	}
	.menu_btn span{
		display: inline-block;
		width: 45%;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 27.5%;
		transition: all 0.6s;
	}
	.menu_btn_tex{
		text-align: center;
		color: #fff;
		padding-top: 54%;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: normal;
		opacity: 1;
	}
	.menu_btn span:nth-child(1){
		top: 33%;
	}
	.menu_btn span:nth-child(2){
		top: 51.5%;
		transition: all 0.5s;
	}
	.menu_btn span:nth-child(3){
		top: 69%;
	}
	.open .menu_btn span:nth-child(1){
		transform: rotate(45deg);
		top: 47%;
	}
	.open .menu_btn span:nth-child(3){
		transform: rotate(-45deg);
		top: 47%;
	}
	.open .menu_btn span:nth-child(2){
		display: none;
		transition: all 0.8s;
	}
	.open .menu_btn{
		z-index: 100;
		opacity: 1;
	}
	.open .menu_btn_tex{
		opacity: 0;
		transition: all 0.5s;
	}



.drawer li{
	display: block;
	float: none;
}
.drawer li a{
	position: relative;
	display: block;
	transition: all 0.4s;
	box-sizing: border-box;
}
.drawer{
	display: none;
}
.drawer{
	position: fixed;
	/*background: rgba(255, 255, 255, 1);*/
	background: #1f1f1f;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transform: translateX(100%);
	transition: 0.5s ease-in-out;
	z-index: 99;
	overflow: auto;
}
.drawer ul{
	display: block;
}
.drawer ul li{
	position: relative;
	transform: translateX(-180px);
	transition: transform 0.8s ease;
	/*margin-bottom: 15px;*/
}
.drawer ul li:nth-child(2){ transition-delay: 0.15s; }
.drawer ul li:nth-child(3){ transition-delay: 0.25s; }
.drawer ul li:nth-child(4){ transition-delay: 0.35s; }
.drawer ul li:nth-child(5){ transition-delay: 0.45s; }
.drawer ul li:nth-child(6){ transition-delay: 0.55s; }
.drawer ul li:nth-child(7){ transition-delay: 0.65s; }
.drawer ul li:nth-child(8){ transition-delay: 0.4s; }
.drawer ul li:nth-child(9){ transition-delay: 0.45s; }
.drawer ul li:nth-child(10){ transition-delay: 0.5s; }
.drawer ul li:nth-child(11){ transition-delay: 0.55s; }
.drawer ul li:nth-child(12){ transition-delay: 0.6s; }
.drawer ul li a{
	color: #fff;
	position: relative;
	transition: all 0.4s;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
.drawer li a:hover{
	color: #aaa;
}
.drawer li a:hover:before{
	opacity: 1;
}
.open .drawer{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.open .drawer ul li{
	transform: translateX(0);
}


@media screen and (max-width: 960px){
	.menu_btn{
		width: 50px;
		height: 50px;
	}
}/*END*/
@media screen and (max-width: 599px){

	.menu_btn{
		width: 40px;
		height: 40px;
	}
	.menu_btn span:nth-child(1){
		top: 38%;
	}
	.menu_btn span:nth-child(2){
		top: 56%;
	}

}/*END*/


/*----------------------------------------
	ドロワーコンテンツ
----------------------------------------*/

.drawer_content{
	width: 100%;
	max-width: 1080px;
	margin-inline: auto;
	margin-top:8.5%;
	padding-inline: 20px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.drawer_content .op_list{
	width: 100%;
	text-align: center;
}
.drawer_content .op_list li{
	color: #fff;
	font-size: 2rem;
	padding-bottom: 28px;
}
.drawer_box_left{
	width: 48.1%;
}
.drawer_box_right{
	width: 48.1%;
}
.drawer_list_tit{
	padding:18px 0;
	width: 100%;
	display: flex;
	align-items: center;
	border-top:1px solid #1b1b1b;
	border-bottom:1px solid #1b1b1b;
	margin-bottom: 15px;
}
.drawer_in_list{
	width: 100%;
}
.drawer_in_list li{
	line-height: 1.6;
	position: relative;
	padding-left: 25px;
	padding-bottom: 4px;
	font-weight: normal;
}
.drawer_in_list li:before{
	content: '';
	width: 4px;
	height: 4px;
	border-top: 1px solid #1b1b1b;
	border-right: 1px solid #1b1b1b;
	transform: rotate(45deg);
	position: absolute;
	top: 30%;
	left: 10px;;
}
.drawer_business_row{
	display: flex;
	column-gap: 15px;
	margin-bottom: 10px;
}
.drawer_business_photo{
	width: 22%;
}
.drawer_business_conte{
	width: 74%;
}
.drawer_in_list.twolist{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
}
.drawer_in_list.twolist li{
	width: 48%;
}
li.left_side{
	width: 32% !important;
}
.drawer_deco_tex{
	width: 33%;
	max-width: 102px;
	position: absolute;
	top:2.5%;
	left:-13%;
}
.lfs_a a{
	display: block !important;
	width: 100% !important;
}
.link_r_arrow{
	display: inline-block !important;
	position: relative;
}
.link_r_arrow:before{
	content: '';
	width: 6px;
	height: 6px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	position: absolute;
	right: -15px;
	top: 30%;
	transform: rotate(45deg);
}
.drawer_content_fl_box{
	display: flex;
	gap: 4%;
	justify-content: space-between;
}
.drawer_fl{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.drawer_fl:before{
	content: '';
	width: 85%;
	height: 115%;
	background: #f3f4f5;
	position: absolute;
	top:47%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.drawer_navi_area_item{
	width: 31.5%;
}
.drawer_fl .drawer_navi_area_item:first-child{
	width: 29%;
}
.drawer_fl .drawer_navi_area_item:nth-child(2){
	width: 26%;
}

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

	.drawer_content{
		flex-wrap: wrap;
		padding: 2% 4% 2% 4%;
		margin-top: 0;
	}
	li.left_side{
		width: 100% !important;
	}

}/*END*/

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

	.drawer_fl{
		flex-wrap: wrap;
	}
	.drawer_content{
		flex-wrap: wrap;
		padding: 2% 4% 2% 4%;
		margin-top:0;
	}
	.drawer_box_right{
		width: 100%;
		padding-bottom: 20px;
	}
	.drawer_box_left{
		width: 100%;
		padding-bottom: 20px;
	}
	.drawer_content .logo_f{
		width: 50%;
	}
	.drawer_main_photo{
		display: none;
	}
	.drawer_list_tit{
		padding: 12px 0;
	}
	.drawer .drawer_in_list li a{
		font-size: 1.2rem;
	}
	li.left_side{
		width: 100% !important;
	}
	.drawer_deco_tex{
		display: none;
	}
	.drawer_content .op_list{
		padding-top:50px;
	}

}/*END*/


/*----------------------------------------
	MV
----------------------------------------*/
.page_mv{
	width: 100%;
	position: relative;
	background: #f5f4ee;
	min-height: 300px;
}

.page_mv_ttl{
	max-width:620px;
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.page_mv_ttl.btm{
	top: auto;
	bottom:0;
	transform: translate(-50%,0);
}


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


}/*END*/
@media screen and (max-width: 599px){
	.page_mv{
		min-height: 155px;
		aspect-ratio: 37/16.2;
	}


}/*END*/


/*--------------------------------------------------------------------------------------------------------------------------------
	index.php top
----------------------------------------------------------------------------------------------------------------------------------*/
.bg_white{ background: #fff; }

.bg_beige{
	background: #f5f4ee;
}
.bg_beige02{
	background: #eeebd9;
}
.bg_dark{
	background: #333;
}
.pc_p_t35{
	padding-top:35px;
}
.pc_p_t80{
	padding-top:80px;
}
.pc_p_t100{
	padding-top:100px;
}
.e_indent{
	padding-left:5%;
}
.ttl img{
	width: 100%;
	max-width: 500px;
}

.strong_point_list{
	display: flex;
	justify-content: space-between;
	gap: 2.5%;
}
.strong_point_list div{
	width: 30.87%;
}


.blow_teximg_arrow{
	background: #fff;
	position: relative;
}
.blow_teximg_arrow:before{
	content: '';
	  width: 18px;
	  height: 36px;
	  background: #fff;
	  clip-path: polygon(100% 0, 0 50%, 100% 100%);
	  position: absolute;
	  transform: translateY(-50%);
	  top:50%;
	  left:-17px;
}

.v_flbox_data{
	display: flex;
	gap: 15px;
	align-items: center;
}

.box_v_tex{
	width: 60%;
}
.box_v_price{
	width: 35%;
}

.box_v_red{
	background: #b03427;
	color: #fff;
	width: auto;
	height: 50px;
	  line-height: 1.1;
	  font-weight: 500;
	min-width: 50px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.v_red_p_tex{
	color: #b03427;
	display: flex;
  justify-content: flex-end;
  align-items: baseline;
}


.strong_deco01{
	width: 35%;
	max-width: 450px;
	position: absolute;
	right: -3%;
	bottom: -12%;
}

.list_item_four{
	display: flex;
	gap:40px 3.846%;
	flex-wrap: wrap;
}

.list_item_four li{
	width: calc((100% - (3.846% * 3)) / 4);/* (親要素の100%の幅 - 3つの余白40px) を 4つのアイテムで割る */
}


.bnr_item_list_three{
	display: flex;
	justify-content: space-between;
	gap: 2.5%;
}
.bnr_item_list_three li{
	width: 30.78%;
}



/* スライダーコンテナの幅（例: 画面幅いっぱいに広げる） */
.ji_slider {
    width: 100%;
    margin: 0 auto; /* 中央寄せ */
    overflow: hidden; /* スライダー外にはみ出す部分を隠す */
}

/* 各スライド（画像コンテナ）の幅を232pxに設定 */
.ji_slider .slick-slide {
    width: 232px; /* ★ここで個々のスライドの幅を固定 */
    height: auto; /* 高さは自動調整 */
    margin: 0 20px; /* スライド間の余白（任意） */
    /*display: flex;*/ /* 画像が中央に配置されるようにflexboxを使う場合など */
    justify-content: center;
    align-items: center;
}

/* スライド内の画像の幅 */
.ji_slider .slick-slide img {
    max-width: 100%; /* 親要素（232px）を超えないように */
    height: auto; /* アスペクト比を維持 */
    display: block;
}


@media (max-width: 750px) {
    .ji_slider .slick-slide {
        width: 100%; /* スマホでは画面幅いっぱいに表示したい場合など */
        margin: 0;
    }

	.ji_slider .slick-slide {
		margin: 0 20px;
	}

}/*END*/

.ji_slider .photo_frame{
	aspect-ratio:1/1;
}

.item_upper_cate{
	background: #b03427;
	color: #fff;
	padding: 7px 8px;
	box-sizing: border-box;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}

.ratio_one .photo_frame{
	aspect-ratio: 1/1;
}

.shape_wave_upper{
position: relative;
  bottom: -4px;
}

.shape_wave_upper02{
position: relative;
  bottom: -3px;
  margin-top: -3px;
  background: #f5f4ee;
}

shape_wave_upper03{
position: relative;
  margin-top: -2px;
  background: #fff;
}








@media screen and (max-width: 980px){
	.strong_deco01{
		width: 30%;
		  right: 0;
		  bottom: -6%;
	}



}/*END*/

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

	.pc_p_t35{
		padding-top:0;
	}
	.pc_p_t100{
		padding-top:0;
	}
	.pc_p_t80{
		padding-top: 0;
	}


	.blow_teximg_arrow:before{
		content: '';
		width: 36px;
		height: 18px;
		background: #fff;
		clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		top: -18px;
	}


	.v_flbox_data{
		flex-wrap: wrap;
		margin: 13px auto 40px auto;
	}

	.box_v_tex{
		width: 80%;
	}
	.box_v_price{
		width:100%;
	}

	.list_item_four{
		gap: 40px 6%;
	}
	.list_item_four li{
		width: 47%;
	}


	.strong_point_list{
		flex-wrap: wrap;
	}
	.strong_point_list div{
		width: 48%;
		text-align: center;
	}
	.strong_point_list div:nth-child(3){
		width: 100%;
		padding-top:0 !important;
		padding-bottom: 15px;
	}
	.strong_point_list div img{
		width: 100%;
		max-width: 164px;
	}

	.top_sec_strong{
		padding-bottom: 30px;
	}

  .strong_deco01 {
    width: 38%;
    right: 0;
    bottom: -8%;
  }


	.bnr_item_list_three{
		flex-wrap: wrap;
	}
	.bnr_item_list_three li{
		width:100%;
		text-align: center;
	}
	.bnr_item_list_three li img{
		width: 85%;
		margin-bottom: 15px;
	}
	.bnr_item_list_three li:last-child img{
		margin-bottom: 0;
	}





}/*END*/









/* スライダ―*/
.p_slider{
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}
.p_slider-img{
	margin: 0 16px;
}
.p_slider-img img{
	height: auto;
	width: 100%;
	max-width: 100%;
}

.p_slider {
  opacity: 0;
  transition: opacity .2s ease;
}
.p_slider.slick-initialized {
  opacity: 1;
}


/* ボタン　*/
a.btn_style01{
	background: #b03427;
	color: #fff;
	text-decoration: none;
	padding: 20px 10px 20px 24px;
	line-height: 1;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	width: 85%;
	border-radius: 30px;
	max-width: 300px;
	transition: all 0.4s;
}
a.btn_style01:hover{
	background: #242424;
	opacity: 1;
	transition: all 0.4s;
}
.btn_arrow{
	position: relative;
	display: inline-block;
}
.btn_arrow:after{
	position: absolute;
	right: 22px;
	width: 8px;
	height:8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	vertical-align: middle;
	top: 40%;
	transition: all 0.4s;
}
.btn_arrow:hover:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transition: all 0.4s;
	right:18px;
}
a.btn_style01.white{
	background: #fff;
	color: #000;
	border: 1px solid #fff;
}
a.btn_style01.white:hover{
	text-decoration: none;
	opacity: 0.7;
}
.btn_style01.white.btn_arrow:after{
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	color: #000;
}
.btn_style01.white.btn_arrow:hover:after{
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	color: #000;
}
a.btn_style01.trans{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}
a.btn_style01.trans:hover{
	text-decoration: none;
	background: #333;
	border: 1px solid #fff;
	color: #fff;
	transition: all 0.4s;
}
.btn_style01.trans.btn_arrow:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #fff;
}
.btn_style01.trans.btn_arrow:hover:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #fff;
}
.btn_style01.coming, a.coming{
	opacity: 0.2;
	pointer-events: none;
}
.icon_ver img{
	vertical-align: 1.5%;
}
.btn_send_wrap{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}
.btn_send{
	display: block;
	color: #000;
	font-weight: bold;
	background: #f0db50;
	box-shadow: 0px 6px 7px -7px #777777;
	width: 94%;
	max-width: 420px;
	height: auto;
	border-radius: 6px;
	padding: 25px 5px;
	box-sizing: border-box;
	font-size: clamp(1.8rem,2.3vw, 2.4rem) !important;
	line-height: 1;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.btn_send:hover{
	opacity: 0.7;
}

.btn_style01 img{
	vertical-align: middle;
}
a.btn_style01.hajimete{
	padding: 15px 10px 15px 24px;
}


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

	.btn_style01{
		padding: 20px 30px;
	}

}/*END*/

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

	.btn_style01{
		padding: 15px 10px;
		max-width: 340px;
		font-size: 1.2rem;
	}

}/*END*/






/*----------------------------------------
	下層ページ　LP
----------------------------------------*/
.max_respon500{
	width: 100%;
	max-width: 500px;
}
.page_lp_mv{
	width: 100%;
	position: relative;
	background: #f5f4ee;
}

.lp_frame{
	max-width: 540px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-inline: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.lp_frame_r{
	max-width: 1080px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-inline: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.kuriage{
	margin-top: -75px;
	padding-top: 75px;
}

.lp_item_list_three{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1.5%;
}
.lp_item_list_three > div{
	width: 32%;
}

.lp_item_list_three.i_white > div{
	background: #fff;
}

.obi_akamru_kiiro{
	background: #af2f21;
	width: 100%;
	border-radius: 30px;
	padding: 10px 5px;
	color: #fff100;
	text-align: center;
	font-size:clamp(1.6rem,2.2vw, 2.4rem);
}

.lp_pc_menu{
	width: 60px;
	position: fixed;
	top:40%;
	right: 0;
	z-index: 1;
}
.lp_pc_menu li{
	width: 100%;
}


@media screen and (max-width: 768px){
	.lp_frame_r{
		max-width: 540px;
		padding-right: 20px;
		padding-left: 20px;
	}

}/*END*/

@media screen and (max-width: 599px){
	.page_lp_mv{
		background: none;
	}

	.lp_frame{
		padding-right: 0;
		padding-left: 0;
	}

	.lp_frame_r{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

	.lp_item_list_three > div{
		width: 100%;
		margin-bottom: 20px;
	}

	.lp_item_list_three > div:last-child{
		margin-bottom: 0;
	}

	.lpsp_p_lr{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

	.kuriage{
		margin-top: -14%;
		padding-top: 14%;
	}

	.lp_pc_menu{
		display: none;
	}

}/*END*/



@media screen and (min-width: 600px){
	.sp_menu{ display:none !important; }

}/*END*/

.sp_menu{
	width: 100%;
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	z-index: 100;
	background: fff;
}
.sp_menu a{
	display: block;
}
.fixed_tel{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sp_menu ul{
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.sp_menu ul li{
	float: left;
	width: calc(100% / 2);
	box-sizing: border-box;
}
.sp_menu ul li:last-of-type{
	border-right: none;
}


/*reCAPTCHAのロゴを非表示*/
.grecaptcha-badge {
	visibility: hidden;
}






/*----------------------------------------
	新着情報一覧
----------------------------------------*/

.entry_text{
	font-size: 1.2rem;
	color: #434343;
	line-height: 1.5;
}
.entry_date{
	color: #666;
}
.entry_data p{
	word-break: break-all;
	word-wrap: break-word;
}

/* 管理画面との余白差を無くす */
.entry_content p img{
	margin-bottom: 10px;
}
.sp_cate{
	display: none;
}
.sp_time{
	display: inline-block;
}

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

	.topics_list li{
		padding-top: 10px;
		padding-bottom: 10px;
	}

}/*END*/


/*----------------------------------------
	新着情報詳細
----------------------------------------*/

.entry_ttl{
	padding-bottom: 7px;
	line-height: 1.4;
	border-bottom: 1px solid #a6a6a6;
	margin-bottom: 5px
}
.entry_data{ line-height: 1; }
.news_detail .new{ margin-right: 5px; }

/*side*/
.side_list li a{
	color: inherit;
	text-decoration: none;
}
.side_list li a:hover{ opacity: 0.7; }
.side_list li{
	position: relative;
	list-style: none;
}
.side_list.cat_list li a{
	position: relative;
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
}
.side_list.cat_list li.cat_event a:before{ background: #e67700; }
.side_list.cat_list li.cat_estate a:before{ background: #014099; }
.side_list.cat_list li.cat_news a:before{ background: #ee7777; }
.side_list.cat_list li.cat_chirashi a:before{ background: #69b74f; }
.side_list.topics_list .photo_area{ width: 40%; }
.side_list.topics_list .entry_data{ width: 57%; }
.side_list.topics_list p{
	line-height: 1.4;
}
.side_list.topics_list .new{ font-size: 1.2rem; }
.side_tag a,
.side_tag{
	color: #a6a6a6;
	text-decoration: none;
	font-size: 1.2rem;
}
.side_tag{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px dotted #a6a6a6;
	border-bottom: 1px dotted #a6a6a6;
}
.side_tag a{ margin-right: 5px; }
.side_tag{ line-height: 1.5; }

.side_tag a{
	background:#e9e7e2;
	color:#000;
	padding: 0px 6px;
	margin-bottom: 5px;
	display: inline-block;
}
.side_search{
	background: #003567;
}
.side_search input[type="text"]{
	float: left;
	width: 85%;
	background: #fff !important;
	font-size: 1.2rem !important;
	padding: 10px 8px !important;
	box-sizing: border-box !important;
	border: 1px solid #dcdcdc;
}
.search_btn{
	float: right;
	width: 15%;
	padding-top: 2px;
}
.search_btn:hover{ opacity: 0.7; }
.side_search input[type="image"]{ width: 100%; }


/*----------------------------------------
	詳細ページャー
----------------------------------------*/

.single_pager{
	display: flex;
}
.single_pager li{
	position: relative;
	float: left;
	list-style: none;
	display: block;
	min-height: 30px;
	text-align: center;
	font-size: 1.2rem;
}
.single_pager li a{
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 18px 3px;
	color: #111;
	background: transparent;
	text-decoration: none;
	border: 1px solid #111;
	font-size: 1.6rem;
}
.single_pager li a:hover{
	background: #111;
	color:#fff;
}
.single_prev{
	width: 23.5%;
	margin-right: 1.5%;
}
.single_list{ width: 50%; }
.single_next{
	width: 23.5%;
	margin-left: 1.5%;
}
.single_pager li.single_prev a:before{
	content: "＜";
	position: absolute;
	left: 5%;
	top: 40%;
	width: 20px;
	height: 8px;
	z-index: 2;
}
.single_pager li.single_next a:before{
	content: "＞";
	position: absolute;
	right: 5%;
	top: 40%;
	width: 20px;
	height: 8px;
	z-index: 2;
}

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

	.single_prev{ width: 28.5%; }
	.single_list{ width: 40%; }
	.single_next{ width: 28.5%; }

}/*END*/

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

	.single_pager li a{
		font-size: 1.2rem;
		padding: 15px 3px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.single_pager li.single_prev a:before,
	.single_pager li.single_next a:before{
		top: 42%;
	}
	.single_pager li.single_prev a:before{
		left:1.4%;
	}
	.single_pager li.single_next a:before{
		right:1.4%;
	}

}/*END*/


/*----------------------------------------
	一覧ページャー
----------------------------------------*/

.pager{
	position: relative;
	overflow: hidden;
}
.pager ul{
	position: relative;
	float: left;
	left: 50%;
}
.pager li{
	position: relative;
	float: left;
	left: -50%;
	color:#000;
	list-style: none;
	font-size:clamp(1.2rem, 1.35vw, 1.6rem);
	font-weight: 500;
	display: flex;
	align-items: center;
}
.pager li a,
.pager li .current{
	display: inline-block;
	margin-right: 4px;
	text-align: center;
}
.pager li a{
	background: #e6e6e6;
	color:#000;
	text-decoration: none;
	width: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pager li a.prev,
.pager li a.next{
	width: auto;
	padding-inline: 15px;
}
.pager li a.prev{ margin-right: 8px; }
.pager li a.next{ margin-left: 4px; }
.pager li .current{
	background: #333;
	color:#fff;
	width: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pager li a:hover{
	background: #333;
	color:#fff;
}

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

	.pager li{
		font-size: 1.1rem;
		height: 36px;
	}
	.pager li a,.pager li span{
		width: 30px;
		padding-top: 12px;
		padding-bottom: 12px;
		box-sizing: border-box;
	}
	.pager li a.prev,
	.pager li a.next{
		width: auto;
	}
	.pager li a.prev{ margin-right: 4px; }
	.pager li a.next{ margin-left: 0; }
	.pager li .current{
		width: 30px;
		padding-top: 12px;
		padding-bottom: 12px;
		box-sizing: border-box;
	}
	.pager li a.prev img,
	.pager li a.next img{
		vertical-align: -30%;
	}

}/*END*/


/*----------------------------------------
	Gallery ギャラリー カラム
----------------------------------------*/

.entry_content .gallery{
	display: flex;
	flex-wrap: wrap;
	gap: 2.5%;
	margin-top:30px;
}
.entry_content .gallery-item:hover{
	opacity: 0.7;
}
.gallery-item{
	margin-bottom: 30px;
}
.gallery-columns-1 .gallery-item{
	width: 100%;
}
.gallery-columns-2 .gallery-item{
	width: calc((100% - (1 * 2.5%)) / 2);
}
.gallery-columns-3 .gallery-item{
	width: calc((100% - (2 * 2.5%)) / 3);
}
.gallery-columns-4 .gallery-item{
	width: calc((100% - (3 * 2.5%)) / 4);
}
.gallery-columns-5 .gallery-item{
	width: calc((100% - (4 * 2.5%)) / 5);
}
.gallery-columns-6 .gallery-item{
	width: calc((100% - (5 * 2.5%)) / 6);
}
.gallery-columns-7 .gallery-item{
	width: calc((100% - (6 * 2.5%)) / 7);
}
.gallery-columns-8 .gallery-item{
	width: calc((100% - (7 * 2.5%)) / 8);
}
.gallery-columns-9 .gallery-item{
	width: calc((100% - (8 * 2.5%)) / 9);
}
.gallery-icon{
	position: relative;
	overflow: hidden;
	background: #eee;
	width: 100%;
	padding: 100% 0 0;
}
.gallery-item img{
	width: 100%;
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.entry_content figcaption{
	padding: 8px 0;
	font-size: clamp(1.2rem, 1.36vw, 1.4rem);
	color: #898989;
	line-height: 1.3;
}

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

	.gallery-item{
		margin-bottom: 15px;
	}
	.entry_content .gallery{
		margin-top:20px;
	}

}/*END*/





/*----------------------------------------
	footer
----------------------------------------*/
.footer_inner_frame{
	padding-inline: 40px;
	box-sizing: border-box;
	margin-inline: auto;
}

.footer_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2.5%;
}

.footer_area .foot_block{
	width: 30%;
	box-sizing: border-box;
}

.footer_area .foot_block.inner_fl_two{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	gap:4%;
}
.inner_fl_two .box{
	width: 46%;
	max-width: 250px;
}
.f_list_indent{
	padding-left: 30px;
}
.f_list_indent,.f_list_indent a{
	color: #d4b987;
}
.f_list_indent li{
	padding-bottom: 15px;
}
.f_list_indent li:last-child{
	padding-bottom: 0;
}

.f_img_nav_tel{
	width: 100%;
	max-width: 238px;
}
.f_img_nav_request{
	width: 100%;
	max-width: 200px;
}


@media screen and (max-width: 960px){
	.footer_inner_frame {
	  padding-inline: 20px;
	}

	.footer_area .foot_block{
		width: 28%;
	}
	.footer_area .foot_block.inner_fl_two {
	  	width: 60%;
	}


}/*END*/

@media screen and (max-width: 599px){
	.footer_inner_frame{
		padding-right: 4.3%;
    padding-left: 4.3%;
	}


	.footer_area .foot_block.inner_fl_two{
		justify-content: space-between;
	}
	.footer_area .foot_block{
		width: 100%;
		order: 2;
		margin-bottom: 20px;
	}
	.footer_area .foot_block.inner_fl_two {
	  	width: 100%;
	  	order: 1;
	}
	.f_list_indent {
	  padding-left: 15px;
	}

	.foot_block .logo_img{
		width: 90%;
		margin-left:auto;
		margin-right: auto;
	}

	.f_img_nav_tel{
		width: 80%;
		max-width: 360px;
	}
	.f_img_nav_request{
		width: 80%;
		max-width: 360px;
	}


}/*END*/



/*----------------------------------------
	page_top
----------------------------------------*/
.page_top{
	width: auto;
	max-width: 84px;
	position: fixed;
	right: 1.2%;
	bottom: 4%;
	z-index: 2;
}
.page_top a{
	display: block;
}
.pt_rotate:hover img{
	transition: transform 1s;
	transform: rotateY(360deg);
}
@media screen and (max-width: 768px){
	.page_top{
		width: 40px;
		right: 10px;
		bottom: 20px;
	}
}/*END*/
@media screen and (max-width:599px){
	.page_top{
		width: 45px;
		right: 6px;
		bottom: 15px;
	}
}/*END*/