/*
Theme Name: recruit
Theme URI:
Author: zeal
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');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&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;
}

.zenkaku_gothic{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.noto{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.bold400{
	font-weight: 400;
}
.bold500{
	font-weight: 500;
}
.bold800{
	font-weight: 700;
}
.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;
}
.nolink1{
	pointer-events: none;
}

@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%;
    aspect-ratio: 1/1;
    background: #eee;
}

.photo_frame img {
    /* 親要素いっぱいに画像を引き伸ばし、中央でトリミング */
    width: 100%;
    height: 100%;
    object-fit: cover;

    /* 画像を親要素の中央に配置 */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.photo_area{
	position: relative;
}


.photo_frame.hover_scale img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.photo_frame.hover_scale:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}


/*----------------------------------------
	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;}
	.sp_m_center{ margin-inline:auto; }

}/*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;
}
.rela_z2{
	position: relative;
	z-index: 2;
}

.text_line{
	display: inline-block;
	border-bottom: 1px solid #000;
}
.palt{
	font-feature-settings: "palt";
}

.flex{ display:flex; }

.content_fl_box{
	display: flex;
	gap: 3.5%;
}
.content_fl_box.between{
	justify-content: space-between;
}
.content_fl_box.around{
	justify-content: space-around;
}
.content_fl_box.j_center{
	justify-content: center;
}
.content_fl_box.reverse{
	flex-direction: row-reverse;
}
.content_fl_box.end{
	justify-content: flex-end;
}
.j_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%;
	}

    .pc_block{
      display: none;
    }
    .sp_block{
      display: block;
    }

}/*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{
	width: 100%;
	z-index:10;
	box-sizing: border-box;
	position: absolute;
	top:0;
	left: 0;
}

.header_inner{
	position: relative;
}

header li{ list-style: none; }
header a{
	display: block;
	color: inherit;
	text-decoration: none;
	color: inherit;
}

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


.head_content{
	display: flex;
	justify-content:space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 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: 10px 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: #fff;
		top: 15px;
		right: 15px;
		border-radius: 50%;
	}
	.menu_btn span{
		display: inline-block;
		width: 45%;
		height: 1px;
		background: #000;
		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
----------------------------------------*/
.mv{
	width: 100%;
	position: relative;
	background-image: linear-gradient(0deg, #e2e2e2, #e2e2e2 6%, #000000 6% 100%);
	/*background: #0b0b0b;*/
}

.mv_copy_respon{
	width: 100%;
	max-width: 1083px;
}

@media screen and (max-width: 960px){
	.mv_copy_respon{
		width: 96%;
	}

}/*END*/
@media screen and (max-width: 599px){
	.mv{
		padding-top:80px;
	}

}/*END*/


/*--------------------------------------------------------------------------------------------------------------------------------
	index.php top
----------------------------------------------------------------------------------------------------------------------------------*/
.bg_white{ background: #fff; }
.bg_black{ background:#000; }
.bg_beige{
	background: #f5f4ee;
}
.bg_beige02{
	background: #eeebd9;
}
.bg_dark{ background: #0b0b0b; }
.bg_green{ background:#1faa74; }
.bg_gray{ background:#e2e2e2; }

.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;
}

.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つのアイテムで割る */
}

.top_busines_ie{
	width: 100%;
	max-width: 605px;
	position: absolute;
	right: -15%;
	top:65%;
	transform: translate(0,-50%);
}
.top_busines_ie img{
	width: 50vw;
	max-width: 605px;
}

.busines_btn_area{
	width: 100%;
	max-width: 600px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.busines_btn_area > div{
	width: 48%;
}

.top_passion_copy img{
	max-width: 696px;
}

.top_passion_copy_shadow{
	width: 45vw;
	max-width: 447px;
	position: absolute;
	top:0;
	right: 0;
}

.top_ttlbar_main{
	width: 100%;
	max-height: 600px;
	overflow: hidden;
}
.top_ttlbar_main > img{
	object-fit: cover;
	width: 100%;
	height: auto;
}

.main_abs_ttl{
	width: 50%;
	max-width: 500px;
	position: absolute;
	transform: translateY(-50%);
	top:50%;
	left: calc(50vw - 520px);
}

.top_ttlbar_main_shadow_tex{
	width: 45vw;
	max-width: 459px;
	position: absolute;
	transform: translateY(-50%);
	top:50%;
	right: calc(50vw - 600px);
}

.culture_box{
	background: #fff;
	padding: 30px 25px;
	position: relative;
}
.top_culture_copy_ttl{
	max-width: 350px;
}
.culture_num_ttl img{
	max-width: 320px;
}


.triangle_bl_tl {
	width: 30px;
	aspect-ratio: 1;
	clip-path: polygon(0 0,100% 0,0 100%);
	background: #000;
	position: absolute;
	top: 15px;
	left: 15px;
}

.triangle_bl_rb {
	width: 30px;
	aspect-ratio: 1;
	clip-path: polygon(0 100%,100% 0,100% 100%);
	background: #000;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.footer_copy img{
	width: 100%;
	max-width: 980px;
}


.industry_block_area{
	display: flex;
	flex-wrap: wrap;
}
.industry_block_area a{
	display: block;
}
.industry_block_area .item{
	width: 25%;
	position: relative;
	overflow: hidden;
}
.industry_block_name{
	width: 95%;
	transform: translate(-50%,-50%);
	position: absolute;
	top:50%;
	left: 50%;
}
.industry_block_area .item img{
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.industry_block_area .item:hover img{
  transform: scale(1.1);
}

.bnr_flex{
	display: flex;
	flex-wrap: wrap;
}

.list_three{
	display: flex;
	gap:40px 3.8%;
	flex-wrap: wrap;
}
.list_three li{
	width: calc((100% - (3.8% * 2)) / 3);/* (親要素の100%の幅 - 3つの余白40px) を 4つのアイテムで割る */
}

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


.catbox{
	display: inline-block;
	background: #ed7e07;
	color: #fff;
	text-align: center;
	min-width: 78px;
	padding: 4px 6px;
	box-sizing: border-box;
	font-size:clamp(1.3rem, 1.34vw, 1.4rem);
	margin-right: 10px;
}
.catbox.career{
	background: #1b2ebe;
}


.white_content_box{
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	box-sizing: border-box;
	padding: 60px 4.5%;
}

.top_news_shin_tex{
	width: 45%;
	max-width: 463px;
	position: absolute;
	top:-12%;
	right: -8%;
}


.top_news_list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.top_news_list li{
  width: 100%;
  padding-bottom: 18px;
  border-bottom: 1px solid #959292;
  margin-bottom: 18px;
}
.top_news_list li:last-child{
	border-bottom: none;
	margin-bottom: 0;
}


.side_btn_float_block{
	position: fixed;
	top:45%;
	right: 0;
	z-index: 2;
}
.side_btn_float{
	display: block;
	border-radius: 24px 0 0 24px;
	padding: 15px 30px 15px 22px;
	font-size:clamp(1.6rem, 1.8vw, 2rem);
	background: #fff;
	transform: translateX(10px);
	transition: all 0.4s ease;
	opacity: 1;
	margin-bottom: 15px;
}
.side_btn_float:hover{
	transform: translateX(0);
	transition: all 0.4s ease;
	opacity: 0.9;
}
.side_btn_float.orange{
	background: #ed7e07;
	color: #fff;
}





@media screen and (max-width: 1080px){
	.main_abs_ttl{
		width: 90%;
		left: 4%;
	}

	.side_btn_float_block{
		display: none;
	}



}/*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;
	}

	.sp_mb0{
		margin-bottom: 0;
	}

	.top_busines_ie{
		width: 100%;
		top:65%;
		right: 0;
		transform: translate(0,-50%);
	}
	.top_busines_ie img{
		width: 100%;
	}

	.busines_shadow_box{
		aspect-ratio: 1/1.5;
	}

	.busines_btn_area{
		gap: 12px;
	}

	.top_ttlbar_main{
		aspect-ratio: 1/0.7;
	}
	.top_ttlbar_main > img{

	}
	.top_ttlbar_main.culture > img{
		width: 180%;
	}

	.foot_btn_area > div.box{
		margin-bottom: 15px;
	}

	.industry_block_area .item{
		width: 50%;
	}

	.bnr_flex .box50{
		width: 100%;
		margin-bottom: 0;
	}

	.list_three li{
		width: 48%;
	}
	.list_four li{
		width: 48%;
	}

	.white_content_box{
		padding: 40px 4.5% 30px 4.5%;
	}

	.top_news_shin_tex {
	  width: 55%;
	  top: -6%;
	  right: -2%;
	}


	.sp_d_contents{
		display: contents;
	}
	.sp_order_wrap{
		display: flex;
		flex-flow: column;
	}
	.c_order01{ order:1; }
	.c_order02{ order:2; }
	.c_order03{ order:3; }
	.c_order04{ order:4; }
	.sp_last_btn{
		margin: 25px auto 10px auto;
	}
	.content_fl_box.end.sp_last_btn{
		justify-content: center;
	}





}/*END*/






/* ボタンスタイル */
.btn_rectangle{
    width: 100%;
    max-width: 290px;
}
.btn_rectangle a {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 290px;
    /*border: 1px solid #555;*/
    background: #1faa74;
    color: #fff;
    padding: 3rem 1.5rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.8;
    outline: none;
    transition: ease .2s;
}
.btn_rectangle a span {
    position: relative;
    z-index: 3;
}

.btn_rectangle a span.btn_in_bih_num{
	font-size:clamp(4rem,6.5vw,7.4rem);
	position: absolute;
	right: 10%;
	top:45%;
	transform: translateY(-50%);
}
.btn_rectangle a span.btn_in_tri_leftbtm{
	  width: 12px;
	  aspect-ratio: 1;
	  clip-path: polygon(0 100%,100% 0,100% 100%);
	  background: #fff;
	  position: absolute;
	  right: 8px;
	  bottom: 8px;
}


.btn_rectangle a:hover span{
    color:#fff;
}
.btn_rectangle .inview::before {
  content: '';
  position: absolute;
  top: 0;
  left: -130%;
  background:#333;
  width:120%;
  height: 100%;
  transform: skewX(-25deg);
}
.btn_rectangle .inview:hover::before {
  animation: skewanime .5s forwards;
}
@keyframes skewanime {
  100% {
    left:-10%;
  }
}

.bgcentery:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #333;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(1, 0);
  transform-origin:center;
}

.bgcentery:hover:before{
  transform:scale(1, 1);
}


@media screen and (max-width: 599px){
	.btn_rectangle a {
	    padding: 2rem 1.2rem;
	    font-size: 1.8rem;

	}

}/*END*/





/*----------------------------------------
	footer
----------------------------------------*/

.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.foot_right{
	width: 65%;
	display: flex;
	justify-content: flex-end;
	gap:1.5%;
}

.foot_block.foot_right .box{
	width: 24%;
	max-width:180px;
}

.f_menu_tex,.f_menu_tex a{
	color: #fff;
	font-size:clamp(1.3rem, 1.4vw, 1.5rem);
	line-height: 2;
	padding-bottom: 12px;
	letter-spacing: -1px;
	font-feature-settings: "palt";
}

.copyright{
	color: #b7b7b7;
}


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

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


}/*END*/

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

	.footer_area .foot_block .logo_img{
		margin-inline: auto;
	}

	.footer_area .foot_block.foot_right{
		width: 100%;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.foot_block.foot_right .box{
		width: 48%;
	}


}/*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*/





/*----------------------------------------
	Swiper Slider
----------------------------------------*/
.boxover1200 {
  width: 80vw;
  overflow: hidden;
}

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

/*event_slider*/
.event_slider{
    overflow: hidden;
}
.event_slider.swiper {
    overflow: visible;
}
.event_slider .swiper-slide {
    /*width: max-content;*/
    width: 35%;
    max-width: 450px;
}

.event_slider .swiper-slide-active {

}

.event_slider .slide {
	transition: 0.4s linear;
	transform: scale(0.85);
}
/* アクティブなスライドのスタイル */
.event_slider .swiper-slide-active .slide{
	    transform: scale(1);
}

.event_slider .slide:hover {
	opacity: 0.7;
}
.event_slider .swiper-controller {
	display: flex;
	align-items: center;
    justify-content: end;
	gap: 10px;
	padding-right: min(70px,6vw);
	box-sizing: border-box;
	margin-top: 30px;
}
.event_slider .swiper-pagination {
	position: relative;
    font-size: 1.8rem;
    box-sizing: border-box;
    width: 100px;
    text-align: center;
    width: 4em;
    padding: 8px 0;
    left: 15px;
}
.event_slider .swiper-button-prev,.event_slider .swiper-button-next {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	background: #1faa74;
	margin-right: 25px;
}
.event_slider .swiper-button-prev::after,.event_slider .swiper-button-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-30%, -50%) rotate(-135deg);
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.event_slider .swiper-button-next::after {
	transform: translate(-60%, -50%) rotate(45deg);
}
.top_pickup_frame_l h2 + p {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.top_pickup_frame {
		flex-direction: column;
	}
	.top_pickup_frame_l,.top_pickup_frame_r {
		display: contents;
	}
	.top_pickup_frame .ttl {
		width: 100%;
		order: 1;
	}
	.top_pickup_frame_l > p {
		order: 2;
	}
	.top_pickup_frame_l > div:last-child {
		order: 4;
	}
	.top_pickup_frame_r .over_rt{
		order: 3;
	}
}

@media screen and (max-width: 599px) {
	.boxover1200 {
	  width: 96vw;
	}
	.event_slider .swiper-controller{
		padding-right: 0;
		position: relative;
  		left: 20px;
	}

}/*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);
}


@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%;
	}



}/*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*/