@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&display=swap');
html { margin:0; padding:0; overflow-x: hidden;   font-size: 62.5%; } /* 62.5%を指定すると「1.0 rem = 10px」 */
body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: auto;
	background: #fff;
	color:#333;
	font-size:14px;
	text-align:left;
	text-indent:0pt;
	letter-spacing:1px;
	line-height:1.6;
	margin:0;
	padding:0px;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
body, div, ul {
	transition-property:width, height, left, top, bottom, right, margin, padding, font-size;
	transition-duration:0.8s;
}
.palt{ font-feature-settings: 'palt'; }
.palt_sp{ font-feature-settings: 'normal'; }
.typo_en{
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.typo_en700{
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.typo_en_serif {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.typo_min{ font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-weight: 900; }

.text_line{ background: linear-gradient(transparent 70%, #ffffb7 70%); display: inline-block; }
.text_line2{ background: linear-gradient(transparent 70%, #ffffb7 70%); display: inline; }

.bg_white_in{
	border-radius:20px;
	background-color:white;
	padding:8%;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.bg_white_in2{
	border-radius:15px;
	background-color:white;
	padding:5%;
}
.bg_white_in3{
	border-radius:15px;
	background-color:white;
	padding:5%;
}
.bg_white_recruit{
	background-color:white;
	padding:15px; padding-left:0;
	border: 1px solid #a3995e;
}
.bg_yellow{ background-color:#fff6e0; padding:15px; }


.section_pad{ padding: 8% 5%; }
.section_pad_start{ padding: 0 0 8% 0; }
.section_pad_end{ padding: 8% 0 0 0; }
.section_pad_min{ padding: 4% 4%; }
.iconblock_pad{ padding: 0 6%; }

.typo_white{ color:#fff; }
.typo_gray{ color:#dddddd; }
.typo_red{ color:#d92c54; }
.typo_red2{ color:#c43d60; }
.typo_grd{ 
	background: linear-gradient(90deg, #f47d96, #ff9d82);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
.bg_grd{ background: linear-gradient(90deg, #f47d96, #ff9d82); }

a.href_none{ pointer-events: none!important; opacity:0.5; }

.button004 a {
    background: #eee;
    position: relative;
    display: flex;
    align-items: left;
    margin-top: 30px;
    max-width: 260px;
    padding: 20px 25px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:130%;
text-decoration: none !important;
}
.button004 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
	 color:#d92c54; font-size:140%;
}
.button004 a:hover {
    background: #d92c54;
    color: #FFF;
}
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 260px; text-align:center;
}
.start_img{ width:50vw; max-width:330px; }

.loading {
    position: fixed;
left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.loading-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #b7b7b7;
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  
    opacity: 0;
  
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    -ms-box-shadow: 0 0 2px black;
    -o-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
  
    -webkit-animation: loadingFade 3s infinite;
    -moz-animation: loadingFade 3s infinite;
    animation: loadingFade 3s infinite;
}

.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
table {
    font-size:inherit;
    font:100%;
}
a:link { color: #d92c54; text-decoration: underline;  }
a:visited { color: #d92c54; text-decoration: underline; }
a:active { color: #d92c54; text-decoration: underline; }
a:hover { color: #f96b91; text-decoration: underline; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.te_link { color: #262626; text-decoration: none;  }
.te_link a:link { color: #262626; text-decoration: none;  }
.te_link a:visited { color: #262626; text-decoration: none; }
.te_link a:active { color: #262626; text-decoration: none; }
.te_link a:hover { color: #b7b7b7; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

h1,h2,h3  {
	font-size:13px;
	font-weight:100;
	margin:0;
}
ol, ul {
	list-style: none;
}
p{ padding:0; margin: 10px auto;}

.typo0{ font-size:12px !important;}
.typo40{ font-size:40% !important;}
.typo60{ font-size:60% !important;}
.typo80{ font-size:80% !important;}
.typo90{ font-size:90%; }
.typo110{ font-size:110%; }
.typo120{ font-size:120%; }
.typo120sp{ font-size:120%; }
.typo130{ font-size:130%; }
.typo130sp{ font-size:130%; }
.typo150{ font-size:150%; }
.typo150sp{ font-size:150% !important;}
.typo150pc{ font-size:150% !important;}
.typo180{ font-size:180%; }
.typo180sp{ font-size:180%; }
.typo200{ font-size:200%; }
.typo200sp{ font-size:200%; }

.l_h10{ line-height:1.0 !important;}
.l_h12{ line-height:1.2 !important;}
.l_h13{ line-height:1.3 !important;}
.l_h14{ line-height:1.4 !important;}
.l_h15{ line-height:1.5 !important;}
.l_h18{ line-height:1.8 !important;}
.l_h20{ line-height:2.0 !important;}
.l_h24{ line-height:2.4 !important;}

.pc{ display:block; }
.phone{ display:none; }
.pc_br{ display:block; }
.sp_br{ display:none; }
.sp_br_min{ display:none; }

@media (max-width: 600px) {
	.pc{ display:none; }
	.phone{ display:block; }
	.pc_br{ display: none; }
	.sp_br{ display: block; }
	.button004 a { font-size:110%; }
	.bg_white_in2{
		border-radius:15px;
		background-color:white;
		padding:0;
	}
	.bg_white_in3{ padding:2%; }
	.palt_sp{ font-feature-settings: 'palt'; }
}
@media (max-width: 330px) {
	.sp_br_min{ display:block; }
}

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot15 {margin-bottom:15px !important;}
.margbot20 {margin-bottom:20px !important;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot30pc {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot50sp {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px !important;}

.margtop15 {margin-top:15px !important;}
.margtop30 {margin-top:30px !important;}
.margtop50 {margin-top:50px !important;}
.margtop80 {margin-top:80px !important;}
.margtop80sp {margin-top:80px !important;}
.margtop100pc {margin-top:100px !important;}

.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padbot20sp {padding-bottom:10px !important;}
.padbot20pc {padding-bottom:10px !important;}

.padtop10 {padding-top:10px !important;}
.padtop20 {padding-top:20px !important;}
.padtop30 {padding-top:30px !important;}
.padtop40 {padding-top:40px !important;}
.padtop50 {padding-top:50px !important;}
.padtop80 {padding-top:80px !important;}
.padtop20sp {padding-top:20px !important;}
.padtop30sp {padding-top:20px !important;}
.padtop50sp {padding-top:50px !important;}
.padtop80sp {padding-top:80px !important;}
.padtop30pc {padding-top:50px !important;}

.padt20sp {padding:20px 0 !important;}

.pad15 {padding:15px !important;}
.pad20 {padding:20px !important;}


hr.dotline {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #634825;
}
.center{ text-align:center !important;}
.left{ text-align:left !important;}
.right{ text-align:right !important;}
.cl_align{ text-align:center;}
.cl_align_sp{ text-align:left;}
.letter_s{ letter-spacing:2px; }

video {
	width: 100%;
	max-width: 500px;
}
.img100 {
	width: 100%;
}
.head_logo{ position:absolute; top:10px; left:10px; width:180px; }

@media (max-width: 900px) {
	.padtop30pc {padding-top:20px !important;}
}
@media (max-width: 600px) {
	.cl_align{ text-align:left;}
	.cl_align_sp{ text-align:center;}
	.letter_s{ letter-spacing:1px; }
	.typo120sp{ font-size:96%; }
	.typo130sp{ font-size:118%; }
	.typo150sp{ font-size:130% !important;}
	.typo150pc{ font-size:170% !important;}
	.typo180sp{ font-size:150%; }
	.typo200sp{ font-size:170%; }

	.margbot30pc {margin-bottom:0px !important;}
	.margbot50sp {margin-bottom:10px;}
	.margtop80sp {margin-top:0px !important;}
	.margtop100pc {margin-top:50px !important;}

	.padbot20pc {padding-bottom:0px !important;}
	.padbot20sp {padding-bottom:20px !important;}
	.padtop20sp {padding-top:20px !important;}
	.padtop30sp {padding-top:30px !important;}
	.padtop50sp {padding-top:25px !important;}
	.padtop80sp {padding-top:40px !important;}
	.padtop30pc {padding-top:0px !important;}
	.padt20sp {padding:10px 0 !important;}
	.section_line_tit::after { height: 100vh; }
	.head_logo{ width:140px; }
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
/*-- opacity --*/
a:hover img,
a:focus img {
	opacity: 0.6;
	filter: alpha(oapcity=60);
}

a.btn_c{
	border-radius: 6px;
	border:1px solid #aaaaaa;
	color:#262626;
	font-size:135%;
	padding:15px 13px;
	margin:0;
	display:block;
	text-align:center;
	font-weight:400;
}
a.btn_c:hover{ opacity:0.8; }


/* __________ SNSボタン __________ */
a.blog_sns_icon{
	float:left;
	margin:0 15px 5px 0;
	display:block;
	text-decoration:none;
}
.pan_list{
	margin:0px;
	padding:0;
	text-align: left;
	color:#b7b7b7;
	font-size:12px;
	letter-spacing:1px;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.blog_pan{
	margin:50px auto;
	padding:0;
	text-align: left;
	color:#b7b7b7;
	font-size:12px;
	letter-spacing:1px;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.pan_list a:link { color: #b7b7b7; text-decoration: underline; }
.pan_list a:visited { color: #b7b7b7; text-decoration: underline; }
.pan_list a:active { color: #b7b7b7; text-decoration: underline; }
.pan_list a:hover { color: #d8d8d8; text-decoration: underline; }

.blog_pan a:link { float:left; color: #b7b7b7; text-decoration: none; background-color:#717071; color:white; padding:3px 15px; border-radius: 5px; }
.blog_pan a:visited { color: #b7b7b7; text-decoration: none; }
.blog_pan a:active { color: #b7b7b7; text-decoration: none; }
.blog_pan a:hover { background-color:#bfbfbf; color:#d8d8d8; text-decoration:none; }

/*Pagenation*/
.pagenation {
    margin: 1em 0; margin-bottom:2em;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0; padding:0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
font-size:13px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 5px 10px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #a68574;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #c8b2a6;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.pan_list{ text-align:left; }

.pan_l{ float:left; margin-right: 10px; }
.pan_r{ float:left; margin-left: 10px; }

/*-------------------------------------------------
  基本設定
-------------------------------------------------*/
#wrapper{
	width:100%;
	margin:0;
	padding:0px;
}
/*-------------------------------------------------
  footer
-------------------------------------------------*/
.end_bg{
	position: relative;
	background: url("../image/common/end_bg.svg") center center no-repeat;
	background-size: cover;
	position:relative;
	margin:0 auto;
}
footer{
	position: relative;
	width:100%;
	margin:0 auto;
	padding: 0;
}
.foot_bg img{ width:100%; height:auto; }
.c_right{
	background-color:black;
	color:white;
	font-size:11px;
	text-align:center;
	padding:10px;
}

@media (max-width: 600px) {
	.end_bg{
		position: relative;
		background: url("../image/common/end_bg_sp.svg") center center no-repeat;
		background-size: cover;
		position:relative;
		margin:0 auto;
	}
}
/*-------------------------------------------------
  TOP
-------------------------------------------------*/
.home_main{
	position:relative;
	width:100%; height:auto;
	text-align:center;
	margin:0;
}
/*-------------------------------------------------
  Inner MAIN
-------------------------------------------------*/
.in_main{
	margin-top:0px;
	position:relative;
	width:100%;
	height:auto;
}
.in_container0{
	position:relative;
	margin:0 auto;
	padding:0px;
	max-width:1000px;
}
.in_container{
	position:relative;
	margin:0 auto;
	padding: 10px;
	max-width:1000px;
}
.in_container700{
	margin:0 auto;
	padding: 10px;
	max-width:700px;
}
.in_container640{
	margin:0 auto;
	padding: 10px;
	max-width:640px;
}
.in_flex {
-webkit-align-items: stretch;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.in_flex img{ width:100%; height:auto; }
.in_flex div.c50l{
	width: calc(50% - 20px);
	margin: 20px; margin-left:0;
	position: relative;
	background: url("../image/top/concept_flex_bg.svg") center center no-repeat;
	background-size: auto;
	position:relative;
}
.in_flex div.c50r{
	width: calc(50% - 20px);
	margin:20px; margin-right:0;
}
.in_flex div.c45{
	width: calc(40% - 30px);
	margin:0 30px; margin-left:0;
}
.in_flex div.c55{
	width: calc(60% - 30px);
	margin:0 30px; margin-right:0;
}
.in_flex div.c15_entit{
	width: calc(15% - 50px);
	margin:0 20px; /*! margin-left:0; */
	padding-left:8px;
	border-left:2px solid white;
}
.in_flex div.c85{
	width: calc(85% - 40px);
	margin:0 20px; /*! margin-right:0; */
}
.in_flex div.c33{
	width: calc(33.3333% - 10px);
	margin:0 5px; margin-bottom:10px;
	background-color:white;
}
.in_flex div.c25{
	width: calc(25% - 10px);
	margin:5px; margin-bottom:20px;
}
.salon_yoyaku1 a{
	background-color:black; color:white;
	padding:4px 2px; text-align:center;
	width:48%; 
	display: table;
	float: left;
	text-decoration:none;
}
.salon_yoyaku2 a{
	background-color:#d92c54; color:white;
	padding:4px 2px; text-align:center;
	width:48%;
	display: table;
	float: right;
	text-decoration:none;
}
.salon_yoyaku1 a:hover,
.salon_yoyaku2 a:hover{ opacity:0.7; }

.top_concent_pic{ margin-left:15%; margin-top:20px; right: -10vw; position: relative;}

@media (max-width: 991px) {
	.in_flex div.c50l{
		width: calc(50% - 15px);
		margin:0 15px; margin-left:0;
	}
	.in_flex div.c50r{
		width: calc(50% - 15px);
		margin:0 15px; margin-right:0;
	}
	.in_flex div.c45{
		width: calc(40% - 20px);
		margin:0 20px; margin-left:0;
	}
	.in_flex div.c55{
		width: calc(60% - 20px);
		margin:0 20px; margin-right:0;
	}
	.in_flex div.c15_entit{
		width: calc(15% - 45px);
		margin:0 15px; /*! margin-left:0; */
		padding-left:8px;
		border-left:2px solid white;
	}
	.in_flex div.c85{
		width: calc(85% - 35px);
		margin:0 15px; /*! margin-right:0; */
	}
	.in_flex div.c33{
		width: calc(50% - 10px);
		margin:0 5px; margin-bottom:10px;
		background-color:white;
	}
	.in_flex div.c25{
		width: calc(33.3333% - 10px);
		margin:5px; margin-bottom:20px;
	}
}
@media (max-width: 600px) {
	.in_flex div.c50l{
		width: calc(100% - 0px);
		margin: 0; margin-bottom:10px;
	}
	.in_flex div.c50r{
		width: calc(100% - 0px);
		margin: 0; margin-bottom:10px;
	}
	.in_flex div.c45{
		width: calc(100% - 0px);
		margin: 0; margin-bottom:10px;
	}
	.in_flex div.c55{
		width: calc(100% - 0px);
		margin: 0; margin-bottom:10px;
	}
	.in_flex div.c15_entit{ display:none; }
	.in_flex div.c85{
		width: calc(100% - 0px);
		margin: 0; margin-bottom:10px;
	}
	.in_flex div.c33{
		width: calc(100% - 10px);
		margin:5px;
		background-color:white;
	}
	.in_flex div.c25{
		width: calc(90% - 0px);
		margin:5px auto; margin-bottom:30px;
	}

}
.center_flex {
-webkit-align-items: center;
align-items: center;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.center_flex div.c50pic{
	width: calc(40% - 0px);
	margin: 0px;
}


@media (max-width: 600px) {

}
table.company_tb{
	width:100%; max-width:700px;
	margin:0 auto;
	line-height:1.5;
	border-spacing: 20px 10px;
}
table.company_tb th{
	padding:20px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #aaa;
}
table.company_tb td {
	padding:20px 20px;
	text-align:left;
	border-bottom:1px solid #aaa;
}


/*-------------------------------------------------
  RECRUIT
-------------------------------------------------*/

.recruit_flex {
-webkit-align-items: stretch;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;

  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
position:relative;
}
.recruit_flex div.c50{
	width: calc(50% - 30px);
	margin: 15px;
}
.recruit_flex div.c40{
	width: calc(35% - 5px);
	margin: 0 5px 0 0;
}
.recruit_flex div.c60{
	width: calc(65% - 5px);
	margin: 0 0 0 5px;
}
@media (max-width: 991px) {
	.recruit_flex div.c50{
		width: calc(50% - 20px);
		margin: 10px;
	}

}
@media (max-width: 600px) {
	.recruit_flex div.c50{
		width: calc(100% - 0px);
		margin: 5px auto; margin-bottom:15px;
	}
	.recruit_flex div.c40{
		width: calc(100% - 0px);
		margin: 5px 0 5px 10px;
	}
	.recruit_flex div.c60{
		width: calc(100% - 0px);
		margin: 5px 0;
	}

}
table.recruit_tb2025{
	margin:0px auto;
	margin-bottom:50px;
	line-height:1.6;
	width:100%;
	border-collapse:collapse;
}
table.recruit_tb2025 tr {
	border-bottom:1px solid #ddd;
}
table.recruit_tb2025 th {
	text-align:left;
	padding:20px; padding-left:0;
	white-space: nowrap;
	vertical-align:top;
}
table.recruit_tb2025 th p.tit {
	border-left:5px solid red;
    padding-left:10px;
}
table.recruit_tb2025 td {
	text-align:left;
	padding:20px;
	width:80%;
}
@media (max-width: 600px) {
    table.recruit_tb2025{ width:90%; margin-bottom:20px; margin-left:10px; margin-right:10px; }
	table.recruit_tb2025 th {
		padding:10px 10px 5px 10px;
		width:auto;
		display: block;
	}
	table.recruit_tb2025 td {
		padding:0 10px 10px 10px;
		width:auto;
		display: block;
	}
}


/*-------------------------------------------------
  BLOG
-------------------------------------------------*/
.blog_flex {
-webkit-align-items: center;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog_flex div.archive25{
	width: calc(25% - 40px);
	margin: 20px;
}
@media (max-width: 991px) {
	.blog_flex div.archive25{
		width: calc(33.3333% - 40px);
		margin: 20px;
	}
}
@media (max-width: 600px) {
	.blog_flex div.archive25{
		width: calc(50% - 20px);
		margin: 10px;
	}
}
.news_block{
	margin:0 auto;
}
.news_main{
	margin:0;
	width:70%;
	float:left;
}
.news_nav{
	margin:0;
	width:20%;
	float:right;
}
@media (max-width: 600px) {
	.news_main{
		width:auto;
		margin:0 auto;
		text-align:left;
		float:none;
	}
	.news_nav{
		margin:0 auto;
		margin-top:20px;
		width:auto;
		text-align:left;
		float:none;
		padding:15px;
	}
}
.news_tit_base_archive{
	padding:15px 5px;
	border-bottom:1px solid #b7b7b7;
	margin-bottom:4vw;
}
.news_tit_base{
	padding-bottom:10px;
}
.news_tit{
	width:auto;
	font-size:120%;
	line-height:1.5;
	color:#262626;
	letter-spacing:0px;
	padding-bottom:15px;
	float:none;
}
.news_day{
	padding-top:0px;
	font-size:90%;
	line-height:1;
	color:#999;
	float:none; letter-spacing:0;
}
.archive_news_tit{
	width:auto;
	line-height:1.3;
	color:#262626;
	letter-spacing:0px;
}
.archive_news_day{
	padding:10px 0 5px 0;
	font-size:90%;
	line-height:1;
	color:#999;
	float:left; letter-spacing:0;
}
.main_bg{
	padding:10px 0; padding-bottom:20px;
}
.news_typo{
	margin:0px auto;
	margin-bottom:15px;
	font-size:100%;
	line-height:1.6;
	color:#444444;
	overflow:auto;
}
.news_thumb{
	width:30%;
	margin-right:20px;
	float:left;
}
.news_pic{
	margin:20px auto;
}
.news_photo{
	width:65%;
	height:auto;
}
/* Blog nav */
.lasted_nav_tit{
	margin-bottom:20px;
	background-color: #e7e0e0;
	padding:15px 5px;
	  text-align: center;
	  font-size: 115%;
	  font-family: "Jost", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 500;
	  font-style: normal;
}
.lasted_nav_tit2{
	margin-top:40px; margin-bottom:10px;
	background-color: #e7e0e0;
	padding:15px 5px;
	  text-align: center;
	  font-size: 115%;
	  font-family: "Jost", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 500;
	  font-style: normal;
}
ul.lasted_nav_salon_li{padding: 0;}
ul.lasted_nav_salon_li li{
	margin:15px 0;
	padding:5px 0 20px 0;
	border-top:0px solid #666;
	border-bottom:1px solid #666;
	  text-align:left;
	list-style-type: none;
	list-style-position: inside;
	line-height:1.2;
}
ul.lasted_nav_salon_li li:first-child{ border-top:1px solid #666; padding-top:20px; }

ul.lasted_nav_salon_li li a:link,
ul.lasted_nav_salon_li li a:visited,
ul.lasted_nav_salon_li li a:active,{ color: #333; text-decoration: none; }
ul.lasted_nav_salon_li li a:hover,{ color: #888; text-decoration: none; }


.blog_nav , .blog_nav2{
	margin-top:0px;
	padding:0;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.blog_nav ul , .blog_nav2 ul{
	margin: 0;
	padding: 0;
}
.blog_nav li{
	padding-bottom:10px;
	list-style-type: disc;
	list-style-position: inside;
	line-height:1.2;
}
.blog_nav2 li{
	padding-bottom:5px;
	list-style-type: none;
	list-style-position: inside;
	line-height:1.2;
	margin: 15px;
}
.blog_nav li a:link,
.blog_nav2 li a:link { color: #333; text-decoration: none; }

.blog_nav li a:visited,
.blog_nav2 li a:visited { color: #333; text-decoration: none; }

.blog_nav li a:active,
.blog_nav2 li a:active { color: #333; text-decoration: none; }

.blog_nav li a:hover,
.blog_nav2 li a:hover { color: #888; text-decoration: none; }



.grecaptcha-badge { visibility: hidden; }