@charset "UTF-8";


/* -------------------------------------------------

RECRUIT

------------------------------------------------- */

/*  先輩たちの声
================================================== */
.rec_mes_wrp	{
 width: 100%;
 margin: 0px auto;
	padding:80px 0;
}
.bg3	{
	background:	#12C7B7;		/* 採用TOP_背景色 */
}
.rec_mes_wrp h3	{
	width:500px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:34px;
	text-align:center;
	position:relative;
}
.rec_mes_wrp h3.s1 {
	color:#fff;
	display: flex;
	align-items: center;
}
.rec_mes_wrp h3.s1:before, 
.rec_mes_wrp h3.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #fff;
	display: block;
	margin-top:.5em;
}
.rec_mes_wrp h3.s2 {
	color:	#007E73;
	display: flex;
	align-items: center;
}
.rec_mes_wrp h3.s2:before, 
.rec_mes_wrp h3.s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background:	#007E73;
	display: block;
	margin-top:.5em;
}
.rec_mes_wrp h3.s1:before,
.rec_mes_wrp h3.s2:before {
	margin-right: 1.5em;
}
.rec_mes_wrp h3.s1:after,
.rec_mes_wrp h3.s2:after {
	margin-left: 1.5em;
}
.stit2	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:18px;
	color:	#007E73;
	text-align:center;
	display:block;
	margin:0 0 15px;
}
.rec_mes_wrp p	{
	width:800px;
	margin:0 auto 50px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align:center;
	line-height:1.8;
	position:relative;
	color:#fff;
}
.rec_mes_inner	{
 width: 980px;
 margin: 0px auto;
	display: flex;
	flex-direction: row;
	flex-wrap:	wrap;
}
.rec_mes_inner > section	{
	/*width: calc(25% - 20px);
 margin:0 30px 30px 0;*/
	width: calc(25% - 30px * 3/ 4);
 margin: 0 30px 20px 0;
	position:relative;
}
.rec_mes_inner > section:nth-child(4n+4) {
	margin-right:0px;
}
.rec_mes_inner > section a	{
	text-decoration:none;
	display:block;
	padding:0 0 20px;
	-webkit-transition: all .3s;
 							 transition: all .3s;
}
.rec_mes_inner > section a:hover	{
 filter:alpha(opacity=70);/* IE 6,7*/
 -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
 -moz-opacity:0.7;/* FF , Netscape */
 -khtml-opacity: 0.7;/* Safari 1.x */
 opacity:0.7;
 zoom:1;/*IE*/
}
.rec_mes_inner > section h4	{
	color: #fff;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:20px;
	margin:0 0 5px;
	padding:0;
	color:#000;
}
.mes_photo	{
	position:relative;
}
.mes_photo img	{
	margin-bottom:15px;
	border:5px solid #008F83;
}
.mes_year	{
	position:absolute;
	bottom:10px;
	right:-10px;
	text-align:right;
	z-index:1;
}
.mes_year span	{
	font-size:14px;
	background:	#008F83;
	color:#fff;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	padding:7px 15px;
	border-radius:25px 0px 0px 25px;
}
.mes_company	{
	font-size:14px;
	color:#000;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
}
.mes_occ	{
	font-size:14px;
	color:#000;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_mes_inner	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_mes_inner	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 768px)  {
.rec_mes_inner	{
 width: 80%;
}
.rec_mes_wrp h3	{
	font-size:25px;
	width:60%;
}
.stit2	{
	font-size:14px;
}
.rec_mes_wrp p	{
	width:80%;
	margin:0 auto 50px;
}
.rec_mes_inner	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.rec_mes_inner > section	{
	/*width: calc(50% - 20px);*/
	width: calc(50% - 30px * 1/ 2);
 margin: 0 30px 10px 0;
}
.rec_mes_inner > section:nth-child(2n) {
 margin-right: 0;
}
}
@media screen and (max-width: 640px)  {
.rec_mes_wrp p	{
	width:80%;
	font-size:14px;
	margin:0 auto 30px;
	text-align:left;
	line-height:1.5;
}
.rec_mes_inner > section h4	{
	font-size:18px;
}
}
@media screen and (max-width: 480px)  {
.rec_mes_wrp h3	{
	font-size:20px;
	width:80%;
}
.mes_year span,
.mes_company,
.mes_occ	{
	font-size:12px;
}
}
@media screen and (max-width: 375px)  {
.rec_mes_inner	{
 width: 60%;
 margin: 0px auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.rec_mes_inner > section	{
	width: 100%;
 margin:0 auto;
}
.rec_mes_inner > section:nth-child(3n) {
 margin-right: 0px;
}
}


/*  先輩たちの声_詳細
================================================== */
.rec_mes_d_wrp	{
 width: 980px;
 margin: 0px auto;
	padding:50px 0 100px;
	/*border-top:1px solid #ccc;*/
}
.mes_d_photo_inner	{
	width:100%;
}
.mes_d_photo_inner h3	{
	color: #333;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size:28px;
	font-style:italic;
 padding: 0;
	margin:0 0 20px;
}
.mes_d_photo01	{
	width:100%;
	margin:0 0 50px;
}
.mes_d_photo02	{
	width:100%;
	margin:0 0 50px;
}
.mes_d_photo01 img,
.mes_d_photo02 img	{
	border-radius:8px;
}
.mes_d_name	{
	color: #777;
 font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
	font-size:18px;
 padding: 0;
	margin:0 0 0 15px;
	font-style:italic;
}
.mes_d_nen	{
	color: #777;
 font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
	font-size:18px;
 padding: 0;
	margin:0 0 0 15px;
	font-style:italic;
}
.mes_d_dep	{
	color: #fff;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:16px;
 padding: 3px 20px;
	margin:0 0 10px;
	background:#00AC9D;
	display:inline-block;
 border-radius: 25px;
}
.mes_d_dep2	{
	color: #fff;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:18px;
	width: 75%;
 padding: 10px 20px;
	margin:0 0 30px;
	background:#00AC9D;
	display:block;
 border-radius: 25px;
	text-align: center;
}
.mes_d_photo_inner > section	{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 box-sizing: border-box;
	margin:30px 0px 80px;
}
.statue_box	{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 box-sizing: border-box;
	margin:30px 0px 50px;
}
/*.mes_d_photo_inner > section:last-child	{
	margin:30px 0px 0px;
}*/
.mes_d_photobox	{
	width:45%;
 box-sizing: border-box;
}
.mes_d_photobox img	{
	border-radius:8px;
}
.mes_d_phototxt	{
	margin-top:10px;
	font-size:14px;
}
.mes_d_textbox	{
	width:55%;
}
.mes_d_textbox2	{
	width:55%;
}
.mes_d_textbox2 p	{
	font-size:16px;
	line-height:1.7;
	/*padding:0 5px;*/
	text-align:left;
	padding:0;
}
.mes_d_textbox h4	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight:500;
	font-size:18px;
	color:	#00AC9D;
	line-height:1.5;
	margin:0 0 20px;
}
.a_title	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight:500;
	font-size:18px;
	color:	#E87B0F;
	line-height:1.5;
	margin:0 0 20px;
}
.mes_d_textbox > div	{
	margin-bottom:50px;
}
.mes_d_textbox > div:last-child	{
	margin-bottom:0px;
}
.mes_d_textbox p	{
	font-size:16px;
	line-height:1.7;
	padding:0 5px;
	text-align:left;
}
.q {
 position: relative;
 display: inline-block;
	margin: -2px 15px 0 0;
 width: 32px;
 height: 32px;
 line-height: 28px;
 text-align: center;
 color: #FFF;
 font-size: 16px;
 font-weight: bold;
 background:	#00AC9D;
 border-radius: 50%;
 box-sizing: border-box;
	float:left;
	clear:both;
}
.a {
 position: relative;
 display: inline-block;
	margin: -2px 15px 0 0;
 width: 32px;
 height: 32px;
 line-height: 28px;
 text-align: center;
 color: #FFF;
 font-size: 16px;
 font-weight: bold;
 background:	#EC9221;
 border-radius: 50%;
 box-sizing: border-box;
	float:left;
	clear:both;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_mes_d_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_mes_d_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 768px)  {
.rec_mes_d_wrp	{
 width: 93%;
	padding:30px 0 0px;
}
.mes_d_photo_inner > section	{
	/*margin:30px 0px 0px;*/
}
.mes_d_photo_inner > section:last-child	{
	margin:50px 0px 50px;
}
.mes_d_photo01	{
	margin:0 0 30px;
}
.mes_d_photo02	{
	padding:0	0	50px;
}
.mes_d_photo_inner h3	{
	font-weight: 400;
	font-size:20px;
}
.mes_d_name	{
	font-size:14px;
}
.mes_d_nen	{
	font-size:14px;
}
.mes_d_dep	{
	font-size:12px;
 padding: 3px 20px;
}
.mes_d_dep2	{
	font-size:16px;
 width: 100%;
 padding: 7px 20px;
	margin:0 auto 20px;
}
.mes_d_textbox h4	{
	font-size:16px;
	margin:0 0 20px;
}
.a_title	{
	font-size:16px;
	margin:0 0 20px;
}
.mes_d_textbox > div	{
	margin-bottom:30px;
}
.mes_d_textbox p	{
	font-size:14px;
	line-height:1.7;
}
.mes_d_textbox2 p	{
	font-size:14px;
	line-height:1.7;
}
	.q {
 font-size: 14px;
}
.a {
 font-size: 16px;
}
}
@media screen and (max-width: 640px)  {
.rec_mes_d_wrp	{
 width: 90%;
}
.mes_d_photo_inner > section	{
	margin:30px 0px 0px;
}
.statue_box	{
	margin:30px 0px 10px;
}.mes_d_photobox	{
	width:100%;
	margin:0 0 20px;
	order:1;
}
.mes_d_textbox	{
	width:100%;
	order:2;
}
.mes_d_textbox2	{
	width:100%;
	order:1;
	margin-bottom: 10px;
}

}
@media screen and (max-width: 414px)  {
.mes_d_photo_inner h3	{
	font-weight: 400;
	font-size:20px;
	margin:0 0 5px 0px;
}
.mes_d_name	{
	font-size:12px;
	display:block;
	margin:5px 0 5px 0px;
}
.mes_d_nen	{
	font-size:12px;
	display:block;
	margin:0 0 10px 0px;
}
.mes_d_dep	{
	font-size:10px;
 padding: 3px 12px;
}
	.mes_d_dep2	{
	font-size:14px;
 padding: 3px 20px;
	width: 100%;
}
}


/* メディア掲載紹介記事一覧
================================================== */
.media_wrp	{
 width: 980px;
 margin: 0px auto;
	padding:50px 0 30px;
	position:relative;
}
@media screen and (max-width: 898px)  {
.media_wrp	{
 width: 95%;
}
}


.media_box {
 width: 980px;
 margin: 0px auto 70px;
	font-family: "Noto Sans Japanese", sans-serif;
}
.media_box:last-child {
 margin: 0px auto 120px;
}
.media_box h3 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:24px;
	background-color:	#00AC9D;
	color:	#fff;
 padding: 12px 10px 12px 20px;
	margin:0 0 20px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.media_box li {
	list-style: none;
}
.media_box li a {
 display: flex;
	align-items: flex-start;
 padding:30px 40px 25px 10px;
 border-bottom: 1px dashed #ccc;
	list-style: none;
	line-height: 2;
}
.media_box a {
	position: relative;
	text-decoration:underline;
	text-underline-offset: 5px; /* 文字から5px下に下線を移動 */
}
.media_box a::before {		/* 右端に矢印 */
  background-color:#008F83;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 15px;
  height: 2px;
  margin-top: 0px;
  content: "";
}
.media_box a::after {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #008F83;
  border-right: 2px solid #008F83;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.media_box a:hover {
	transition: .3s;
	text-decoration: none;
}
.media_box a:hover::before,.media_box a:hover::after {
	right: 8px;transition: all 0.2s;
}


@media screen and (max-width: 1140px) {
.media_box	{
 width: 95%;
}
}

@media screen and (max-width: 898px)  {
.media_box li a {
	flex-flow: row wrap !important;
	padding:15px 40px 15px 10px;
}

}
@media screen and (max-width: 768px)  {
.media_box h3 {
	font-size:20px;
	margin:0 0 10px;
}
.media_box li	{
	font-size: 14px;
}
}
@media screen and (max-width: 768px)  {
.media_box h3 {
	font-size:16px;
}
}


/* 新着情報
================================================== */
.rec_new_wrp	{
 width: 900px;
 margin: 0px auto;
	padding:50px 0 150px;
}
.rec_new_wrp h3	{
	width:500px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:34px;
	text-align:center;
	position:relative;
}
.rec_new_wrp h3.s1 {
	color:#00AC9D;
	display: flex;
	align-items: center;
}
.rec_new_wrp h3.s1:before, 
.rec_new_wrp h3.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #00AC9D;
	display: block;
	margin-top:.5em;
}
.rec_new_wrp h3.s1:before {
	margin-right: 1.5em;
}
.rec_new_wrp h3.s1:after {
	margin-left: 1.5em;
}
.stit	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:18px;
	color:#00AC9D;
	text-align:center;
	display:block;
	margin:0 0 15px;
}
.rec_new_wrp ul	{
	margin:40px 0 20px;
}
.rec_new_wrp li {
	list-style:none;
}
.rec_new_wrp li::after,
.rec_new_wrp li a::after	{
 content: "";
 display: block;
 clear: both;
}
.rec_new_wrp li {
	display:block;
 border-bottom: 1px dashed #ccc;
 padding:15px 10px 12px;
	font-size:15px;
}
.rec_new_wrp li	a {
	display:block;
	text-decoration: none;
}
.rec_new_wrp li	a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
.rec_new_wrp ul li span.date {
 float: left;
 width: 150px;
	/*line-height:normal;*/
	display:block;
	}
.rec_new_wrp ul li span.group {
 float: left;
 width: 120px;
	margin-right:40px;
	/*line-height:normal;*/
	display:block;
	margin-top: -2px;
	}
.rec_new_wrp ul li span.title {
	/*line-height:normal;*/
	display:block;
	overflow: auto;
	}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_new_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_new_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 768px)  {
.rec_new_wrp	{
	padding:50px 0 100px;
}
.rec_new_wrp h3	{
	font-size:30px;
	margin:0	auto;
	width:60%;
}
.rec_new_wrp ul	{
	margin:0 0 20px;
}
.stit	{
	font-size:14px;
}
}
@media screen and (max-width: 640px)  {
.rec_new_wrp li {
 padding:15px 10px;
}
.rec_new_wrp ul li span.date {
	font-size:14px;
 width: 130px;
}
.rec_new_wrp ul li span.group {
	margin-right:0px;
 width: 100px;
}
.rec_new_wrp ul li span.title {
	font-size:14px;
	display:block;
	width:100%;
 padding:10px 0 0;
}
.rec_new_wrp h3.s1:before {
	margin-right: 1.0em;
}
.rec_new_wrp h3.s1:after {
	margin-left: 1.0em;
}
}
@media screen and (max-width: 480px)  {
.rec_new_wrp	{
 width: 90%;
 margin: 0px auto;
}
.rec_new_wrp h3	{
	font-size:28px;
	width:80%;
}
}


/*  カテゴリーアイコン
================================================== */
.icn_rec	{
 display: block;
 color: #fff;
 text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 4px 10px	!important;
	width:100%;
	font-size: 12px;
	/*line-height:normal;*/
	/*margin:-50px 0 0;*/
}
.icn_rec	{
 background-color:#00AC9D;
}
@media screen and (max-width: 640px)  {
.icn_rec	{
 padding: 3px 10px;
	width:100%;
	font-size: 11px;
	margin:0;
}
	
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .icn_rec {
		padding: 5px 10px 2px	!important;
	}
}

/*  スクロール
================================================== */
.Scrollbar{
 height: 250px;
 overflow:auto;
}
.Scrollbar::-webkit-scrollbar{
  width: 8px;
}
.Scrollbar::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0 0 2px #777; 
}
.Scrollbar::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 5px;
  box-shadow: none;
}


/*  ごあいさつ
================================================== */
.rec_gree_wrp	{
 width: 100%;
 margin: 0px auto;
	padding:0 0 50px;
	background:	#fafcf2;
}
.rec_gree_wrp h3	{
	width:150px;
	height:150px;
	margin:0 auto;
	background:	#00AC9D;
	border-radius:50%;
	position: relative;
 top: -70px;
}
.rec_gree_wrp h3 span	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:24px;
	color: #fff;
	position: absolute;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 							 transform: translateY(-50%);
 width :150px;
 text-align:center;
}
.rec_gree_inner	{
 width: 980px;
 margin: 0px auto;
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;*/
	margin-bottom:50px;
 box-sizing: border-box;
}
.gree_pic {
	width:30%;
	/*background:#F7AEAF;*/
}
.gree_txt	{
	width:100%;
	/*padding-right:50px;*/
}
.gree_txt >	h4	{
	color: #00AC9D;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size:34px;
	margin:0 0 35px;
}
.gree_txt > p	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height:2;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_gree_inner	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_gree_inner	{
 width: 95%;
 margin: 0px auto;
}
.gree_txt >	h4	{
	font-size:30px;
	margin:0 0 25px;
}
}
@media screen and (max-width: 768px)  {
.rec_gree_inner	{
 width: 93%;
}
.rec_gree_wrp h3	{
	width:120px;
	height:120px;
	margin:0 auto;
	background:	#00AC9D;
	border-radius:50%;
	position: relative;
 top: -50px;
}
.rec_gree_wrp h3 span	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:20px;
	color: #fff;
	position: absolute;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 							 transform: translateY(-50%);
 width :120px;
 text-align:center;
}
.rec_gree_inner	{
	flex-direction:	column;
}
.gree_pic {
	width:80%;
	/*background:#F7AEAF;*/
	order:1;
	margin:0 auto 30px;
}
.gree_txt	{
	width:95%;
	margin:0 auto;
	/*padding-right:0px;
	order:2;*/
}
.gree_txt >	h4	{
	font-size:28px;
	line-height:1.5;
	margin:0 0 15px;
}
.gree_txt > p	{
	line-height:1.8;
	font-size:14px;
}
}
@media screen and (max-width: 480px)  {
.rec_gree_wrp h3 span	{
	font-size:18px;
}
.gree_txt >	h4	{
	font-size:20px;
	line-height:1.5;
	margin:0 0 15px;
}
}


/*  各リンク
================================================== */
.rec_link_wrp	{
 width: 1140px;
 margin: 0px auto;
	padding:80px 0 0;
}
.link_inner	{
	display: flex;
	flex-direction: row;
	flex-wrap:	no-wrap;
	padding:0 0 30px;
}
.link_inner2	{
	display: flex;
	flex-direction: row;
	flex-wrap:	no-wrap;
	/*justify-content: center;*/
}
.link_inner > section	{
	width: 50%;
 margin:0 30px 0 0;
	background:#fff;
	position:relative;
	padding:0 !important;
}
.link_inner > section:nth-child(2n) {
 margin-right:0	!important;
}
.link_inner > section a	{
	position:relative;
	text-decoration:none;
	display:block;
	padding:50px 0;
	-webkit-transition: all .3s;
 							 transition: all .3s;
	border-radius:8px;
	box-shadow:0px 0px 5px 2px #e5e5e5;
	border:3px solid #00AC9D;
	background:#FBFCDB;
}
.link_inner > section a:hover	{
	background:#00AC9D;
}
.link_inner > section h4	{
	width:100%;
	color: #00AC9D;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:28px;
	line-height:normal;
	/*text-shadow:3px 3px 4px #fff;*/
}
.link_inner > section a:hover h4	{
	color: #fff;
	/*text-shadow:3px 3px 4px #2e2e2e;*/
}
.link_inner > section h4 div	{
	width:100%;
 position: absolute; 
 text-align: center;
 top: 50%; 
 left: 50%; 
 transform: translateY(-50%) translateX(-50%); 
 -webkit-transform: translateY(-50%) translateX(-50%);
}
.link_inner > section h4 div span.icn_01 {
 background: url(../recruit/images/icn_01.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 /*background-size: cover;*/
	width:64px;
	height:50px;
	margin-right:15px;
	display:inline-block;
	vertical-align:	middle;
	margin-top:-5px;
}
.link_inner > section a:hover h4 div span.icn_01 {
 background: url(../recruit/images/icn_01_2.png);
}
.link_inner > section h4 div span.icn_02 {
 background: url(../recruit/images/icn_02.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 /*background-size: cover;*/
	width:50px;
	height:55px;
	margin-right:15px;
	display:inline-block;
	vertical-align:	middle;
	margin-top:-5px;
}
.link_inner > section a:hover h4 div span.icn_02 {
 background: url(../recruit/images/icn_02_2.png);
}

/*.link_inner2 > section	{
	width: calc(33.333333% - 20px);
 margin:0 30px 0 0;
	position:relative;
	padding:0 !important;
}*/
.link_inner2 > section	{
	width: 50%;
 margin:0 30px 0 0;
	background:#fff;
	position:relative;
	padding:0 !important;
}
.link_inner2 > section:nth-child(2n) {
 margin-right: 0;
}
.link_inner2 > section a	{
	position:relative;
	text-decoration:none;
	display:block;
	padding:20px 0;
	-webkit-transition: all .3s;
 							 transition: all .3s;
	border-radius:8px;
	box-shadow:0px 0px 5px 2px #e5e5e5;
	border:3px solid #00AC9D;
}
.link_inner2 > section a:hover	{
	background:#00AC9D;
}
.link_inner2 > section h4	{
	width:100%;
	color: #00AC9D;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:22px;
	/*text-shadow:3px 3px 4px #fff;*/
}
.link_inner2 > section a:hover h4	{
	color: #fff;
	/*text-shadow:3px 3px 4px #2e2e2e;*/
}
.link_inner2 > section h4 span	{
	width:100%;
 position: absolute; 
 text-align: center;
 top: 50%; 
 left: 50%; 
 transform: translateY(-50%) translateX(-50%); 
 -webkit-transform: translateY(-50%) translateX(-50%);
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_link_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_link_wrp	{
 width: 93%;
 margin: 0px auto;
	padding:80px 0 30px;
}
}
@media screen and (max-width: 768px)  {
.rec_link_wrp	{
 width: 92%;
}
.link_inner	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding:0 0 20px;
}
.link_inner2	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.link_inner > section,
.link_inner2 > section	{
	width: calc(50% - 15px);
}
.link_inner > section h4	{
	font-size:24px;
}
.link_inner2 > section a	{
	padding:15px 0;
}
.link_inner2 > section h4	{
	font-size:18px;
}
}
@media screen and (max-width: 640px)  {
.rec_link_wrp	{
 width: 90%;
	padding:50px 0 0;
}
/*.rec_link_wrp:last-child{
	padding:0 0 100px;
}*/
.link_inner > section	{
	width: 100%;
 margin:0 0 20px;
}
.link_inner > section:last-child	{
 margin:0;
}
.link_inner > section h4	{
	font-size:20px;
}
.link_inner > section a	{
	padding:30px 0;
}
.link_inner > section h4 div span.icn_01 {
	width:38px;
	height:30px;
	background-size: cover;
}
.link_inner > section a:hover h4 div span.icn_01 {
	background-size: cover;
}
.link_inner > section h4 div span.icn_02 {
 background-size: cover;
	width:30px;
	height:33px;
}
.link_inner > section a:hover h4 div span.icn_02 {
 background-size: cover;
}
.link_inner2 > section	{
	width: 100%;
 margin:0 0 20px;
}
}
@media screen and (max-width: 480px)  {
.rec_link_wrp	{
 width: 90%;
 margin: 0px auto;
}
}


/*  福利厚生
================================================== */
.rec_emp_wrp	{
 width: 900px;
 margin: 0px auto;
	padding:50px 0 80px;
}
.emp_inner	{
	width:100%;
}
.emp_inner > section	{
	width:100%;
	margin:0;
	padding:0 0 40px;
}
.emp_inner > section:last-child	{
	padding:0 0 20px;
}
.emp_inner > section h3	{
	width:100%;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:24px;
	color:	#00AC9D;
 padding: 0 5px 10px;
	margin:0 0 20px;
	border-bottom:3px solid #00AC9D;
}
.emp_inner > section p	{
	padding:8px 15px 8px 25px;
}
.emp_inner > section a	{
	color:	#00AC9D;
}
.emp_inner > section ul	{
	margin:0 0 30px;
	padding:0 15px 0 25px;
}
.emp_inner > section ul li	{
 list-style:  none;  /* デフォルトのアイコンを消す */
 margin:  0;         /* デフォルト指定上書き */
 padding: 5px 0;         /* デフォルト指定上書き */
}
.emp_inner > section ul li:before {
 content:  "";     /* 空の要素作成 */
 width:  8px;               /* 幅指定 */
 height:  8px;              /* 高さ指定 */
 display:  inline-block;     /* インラインブロックにする */
 background-color: #666;  /* 背景色指定 */
 -webkit-border-radius: 50%;
 border-radius:  50%;        /* 要素を丸くする */
 position:  relative;        /* 位置調整 */
 top: -3px;                  /* 位置調整 */
 margin-right: 10px;          /* 余白指定 */
}
.emp_inner > section ul li div	{
	margin:8px 0px 0px 20px;
}
.emp_sp	{
	display:none;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_emp_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.rec_emp_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 768px)  {
.rec_emp_wrp	{
	padding:30px 0;
}
.emp_inner	{
	padding:20px 0;
}
.emp_inner > section	{
	padding:0 0 20px;
}
.emp_inner > section:last-child	{
	padding:0;
}
.emp_inner > section h3	{
	font-size:20px;
	border-bottom:2px solid #00AC9D;
}
.emp_inner > section p	{
	padding:8px 15px;
	font-size:14px;
}
.emp_inner > section ul	{
	margin:0 0 30px;
	padding:0 15px;
}
.emp_inner > section ul li	{
	font-size:14px;
}
}
@media screen and (max-width: 480px)  {
.emp_inner > section h3	{
	font-size:18px;
}
.emp_sp	{
	display:block;
}
}


/*  新卒採用・中途採用
================================================== */
.np_wrp	{
 width: 980px;
 margin: 0px auto;
	padding:50px 0 0px;
	position:relative;
}
.np_wrp:last-child	{
	padding:50px 0 150px;
}
.np_wrp p	{
	line-height:1.8;
	margin-bottom:30px;
}
.np_inner	{
	width:100%;
	position:relative;
}
.np_jobfair > section	{
	width: calc(33.333333% - 20px);
 margin:0 30px 30px 0;
	position:relative;
	padding:20px;
	border:3px solid #ddd;
}
.np_jobfair > section:nth-child(3n) {
 margin-right: 0;
}
.np_inner > p	{
	padding:15px 25px 0;
	margin-bottom:30px;
}
.np_inner h3	{
	/*color: #333;*/
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:25px;
	background-color:	#00AC9D;
	color:	#fff;
 padding: 12px 10px 12px 20px;
	margin:0 0 20px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.np_inner > section	{
	width:97%;
	margin:40px auto;
}
.np_inner > section:last-child	{
	margin:40px auto 0;
}
.np_inner > section h4	{
	width:100%;
	/*margin:0 auto;*/
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:22px;
	color:	#00AC9D;
 padding: 0 5px 10px;
	margin:0 0 20px;
	border-bottom:3px solid #00AC9D;
}
.np_inner > section p	{
	padding:8px 15px 8px 25px;
}
.np_inner > section a,
.np_inner a	{
	color:	#00AC9D;
}
.np_inner > section dl.list01	{
	margin:0 0 30px;
	padding:0 15px 0 25px;
}
.np_inner > section dl.list01 dt	{
 width: 350px;
	font-weight:normal;
	padding:5px 0;
 margin: 0;
	box-sizing: border-box;
	float: left;
 clear: both;
}
.np_inner > section dl.list01 dd	{
 margin-left: 350px;
	padding:5px 0;
	width:	auto;
	box-sizing: border-box;
}
.np_inner > section dl.list02	{
	margin:0 0 30px;
	padding:0 15px 0 25px;
}
.np_inner > section dl.list02 dt	{
 width: 350px;
	font-weight:normal;
	padding:5px 0;
 margin: 0;
	box-sizing: border-box;
	float: left;
 clear: both;
}
.np_inner > section dl.list02 dd	{
 margin-left: 350px;
	padding:5px 0;
	width:	auto;
	box-sizing: border-box;
}
.np_inner > section ul	{
	margin:0 0 30px;
	padding:0 15px 0 25px;
}
.np_inner > section ul li	{
 list-style:  none;
 margin:  0;
 padding: 5px 0;
}
.np_companyname	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:24px;
	padding:8px 15px 0px 15px;
}
.np_sp	{
	display:	block;
}
.np_sp2	{
	display:none;
}
.np_inner > section >	section	{
	margin:30px 0;
	padding:0 15px 0 25px;
}
.np_inner > section > section h5	{
	width:100%;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:20px;
	color:	#00AC9D;
}
.np_inner > section > section p	{
	margin:0 !important;
	padding:15px !important;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.np_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.np_wrp	{
 width: 95%;
 margin: 0px auto;
}
}
@media screen and (max-width: 768px)  {
.np_wrp	{
 width: 93%;
}
.np_wrp:last-child	{
	padding:50px 0 80px;
}
.np_wrp p	{
	line-height:1.8;
	margin-bottom:20px;
	font-size:14px;
}
.np_inner	{
	/*padding:20px 0;*/
}
.np_inner > p	{
	padding:15px 25px 0;
	margin-bottom:30px;
	font-size:14px;
}
.np_inner h3	{
	font-size:22px;
}
.np_inner > section	{
	/*margin:40px auto;*/
}
.np_inner > section:last-child	{
	padding:0;
}
.np_inner > section h3	{
	font-size:20px;
}
.np_inner > section h4	{
	font-size:18px;
	border-bottom:2px solid #00AC9D;
}
.np_inner > section p	{
	padding:8px 15px;
	font-size:14px;
}
.np_companyname	{
	font-size:20px;
}
.np_inner > section dl.list01	{
	margin:0 0 30px;
	padding:8px 15px;
}
.np_inner > section dl.list01 dt	{
	font-size:14px;
}
.np_inner > section dl.list01 dd	{
	font-size:14px;
}
.np_inner > section dl.list02	{
	margin:0 0 30px;
	padding:8px 15px;
}
.np_inner > section dl.list02 dt	{
	width:100%;
	float:none;
	font-size:14px;
}
.np_inner > section dl.list02 dd	{
	margin-left:0px;
	margin-bottom:10px;
	width:100%;
	font-size:14px;
}
.np_inner > section ul	{
	margin:0;
	padding:0 15px;
}
.np_inner > section ul li	{
	font-size:14px;
}
.np_inner > section >	section	{
	margin:15px 0;
	padding:0 15px;
}
.np_inner > section > section h5	{
	font-size:16px;
	color:	#00AC9D;
}
.np_inner > section > section p	{
	margin:0 !important;
	padding:10px !important;
}
}
@media screen and (max-width: 640px)  {
.np_inner h3	{
	font-size:18px;
}
.np_sp	{
	display:block;
}
}
@media screen and (max-width: 480px)  {
.np_inner > section dl.list01 dt	{
 width: 80%;
}
.np_inner > section dl.list01 dd	{
 margin-left: 80%;
	text-align:right;
}
}
@media screen and (max-width: 414px)  {
.np_sp	{
	display:none;
}
.np_sp2	{
	display:	block;
}
}


/*  中途採用_各社リンクボタン
================================================== */
.np_inner > ul.btn	{
	width:100%;
	padding:15px 25px 0;
	margin-bottom:30px;
	display: flex;
	flex-direction: row;
	flex-wrap:	wrap;
}
.np_inner > ul.btn li	{
	list-style:none;
	margin:0 10px;
}
.np_inner > ul.btn li a	{
	display:block;
	width:150px;
	height:150px;
	/*margin:0 auto;*/
	background:	#00AC9D;
	border-radius:50%;
	position: relative;
	transition: .3s;
}
.np_inner > ul.btn li a:hover	{
	background:	#00D3C0;
}
.np_inner > ul.btn li span	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size:18px;
	color: #fff;
	position: absolute;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 							 transform: translateY(-50%);
 width :150px;
 text-align:center;
}
@media screen and (max-width: 768px)  {
.np_inner > ul.btn	{
	width:100%;
	padding:15px 0 0;
	margin-bottom:20px;
}
.np_inner > ul.btn li	{
	margin:0 5px 5px;
}
.np_inner > ul.btn li a	{
	width:120px;
	height:120px;
}
.np_inner > ul.btn li span	{
	font-weight: 500;
	font-size:14px;
 width :120px;
}
}
@media screen and (max-width: 480px)  {
.np_inner > ul.btn	{
	justify-content: center;
}
}


/*  新卒採用_合同就職説明会
================================================== */
.np_jobfair	{
	width:100%;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap:	wrap;
}
.np_jobfair > section	{
	width: calc(33.333333% - 20px);
 margin:0 30px 30px 0;
	position:relative;
	padding:20px;
	border:3px solid #ddd;
}
.np_jobfair > section:nth-child(3n) {
 margin-right: 0;
}
.np_jobfair > section h4	{
	width:100%;
	color: #333;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:17px;
	padding:0 0 8px;
	margin:0 0 15px;
	border-bottom:2px solid #ddd;
}
.np_txt	{
	width:100%;
	margin:0;
}
.np_txt dt	{
 /*width: 70px;
	font-weight:normal;*/
	width:100%;
	font-size:14px;
	/*padding:5px 0;*/
 margin: 0;
	box-sizing: border-box;
	/*float: left;
 clear: both;*/
}
.np_txt dd	{
	font-size:14px;
 /*margin-left: 70px;*/
	padding:5px 0;
	width:	auto;
	box-sizing: border-box;
}
.btn_held 	{									/*    開催予定ボタン    */
 color: #fff;
 text-align: center;
 background-color:	#00AC9D;
 border-radius: 25px;
 padding: 5px;
	width:80px;
	font-weight:700;
	font-size: 12px;
	line-height:normal;
	margin-bottom:8px;
}
.btn_suspen 	{									/*    開催中止ボタン    */
 color: #fff;
 text-align: center;
 background-color:	#D43B3E;
 border-radius: 25px;
 padding: 5px;
	width:80px;
	font-weight:700;
	font-size: 12px;
	line-height:normal;
	margin-bottom:8px;
}
.btn_end	{									/*    開催終了ボタン    */
 color: #fff;
 text-align: center;
 background-color:	#eeb339;
 border-radius: 25px;
 padding: 5px;
	width:80px;
	font-weight:700;
	font-size: 12px;
	line-height:normal;
	margin-bottom:8px;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
}
@media screen and (max-width: 898px)  {
.np_jobfair	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.np_jobfair > section	{
	width: calc(50% - 15px);
}
.np_jobfair > section:nth-child(3n) {
 margin-right: 30px;
}
.np_jobfair > section:nth-child(2n) {
 margin-right: 0;
}
.np_jobfair > section h4	{
	font-size:16px;
	padding:0 0 8px;
	margin:0 0 15px;
}
}
@media screen and (max-width: 640px)  {
.np_jobfair	{
	width:93%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.np_jobfair > section	{
	width: 100%;
 margin:0 0 20px;
}
.np_jobfair > section:nth-child(3n) {
 margin-right: 0px;
}
.np_jobfair > section h4	{
	/*font-size:25px;*/
}
}
@media screen and (max-width: 480px)  {
}
.ggmap {
	padding:0 25px 15px;
	margin-bottom:30px;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
}
@media screen and (max-width: 898px)  {
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
}


/* -------------------------------------------------

Group

------------------------------------------------- */
.TopGroup_wrp	{
	padding-bottom:100px;
}
.TopGroup_wrp	{
 width: 1140px;
 margin: 80px auto 0;
}
.TopGroup_wrp::after {
 content: "";
 display: block;
 clear: both;
}
.TopGroup_wrp h2	{
	width:500px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:34px;
	text-align:center;
	position:relative;
}
.TopGroup_wrp h2.s1 {
	color: #00AC9D;
	display: flex;
	align-items: center;
}
.TopGroup_wrp h2.s1:before, 
.TopGroup_wrp h2.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #00AC9D;
	display: block;
	margin-top:.5em;
}
.TopGroup_wrp h2.s1:before {
	margin-right: 1.5em;
}
.TopGroup_wrp h2.s1:after {
	margin-left: 1.5em;
}
.stit	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	color:#00AC9D;
	text-align:center;
	display:block;
	margin:0 0 15px;
}

.TopGroup	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:20px 0;
}
.TopGroup > section	{
 width: calc(25% - 20px);
 margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position:relative;
}
.TopGroup > section a	{
	border:1px solid #666;
	text-decoration:none;
	display:block;
 background: #fff;
	color: #333;
	transition: .3s;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.TopGroup > section a:hover	{
	text-decoration:none;
	border:1px solid #00AC9D;
 background: #00AC9D;
	color: #fff;
}
.TopGroup > section h3	{
	padding:12px 15px;
	margin:0;
	width:100%;
	height: 64px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:16px;
	display: flex;
	justify-content: center;
	align-items: center;
}


@media screen and (min-width: 769px) and (max-width: 1140px) {
.TopGroup_wrp	{
	padding-bottom:100px;
}
.TopGroup_wrp	{
 width: 95%;
 margin: 80px auto 0;
}
.TopGroup > section	{
 width: calc(33.3% - 20px);
 /*margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;*/
}
}
@media screen and (max-width: 768px)  {
.TopGroup_wrp	{
 width: 100%;
 margin: 50px auto 0;
}
.TopGroup_wrp h2	{
	font-size:30px;
}
.TopGroup	{
	display: flex;
	flex-direction: row;
	justify-content:	center;
	flex-wrap: wrap;
	margin:20px;
}
.TopGroup > section h3	{
	margin:0;
	font-weight: 500;
	font-size:14px;
}
.TopGroup > section	{
 width: calc(50% - 20px);
 /*margin: 10px;*/
}
}
@media screen and (max-width: 640px)  {
.TopGroup_wrp h2	{
	width:60%;
	margin:0 auto;
	position:relative;
}
.stit	{
	font-size:14px;
}
}
@media screen and (max-width: 568px)  {
.TopGroup_wrp h2	{
	font-size:28px;
}
.TopGroup_wrp h2.s1:before {
	margin-right: .5em;
}
.TopGroup_wrp h2.s1:after {
	margin-left: .5em;
}
.TopGroup > section h3	{
	position:static;
	padding:5px;
}
}

@media screen and (max-width: 480px)  {
.TopGroup_wrp	{
 width: 93%;
 margin: 50px auto 0;
}
.TopGroup	{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:5px 0;
	min-height:0%; 		/*IE10～*/
}
.TopGroup > section	{
 width: calc(100% - 20px);
 margin: 5px 10px;
 /*-webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position: relative;*/
	min-height:0%; 		/*IE10～*/
}
}


/* -------------------------------------------------

SNS

------------------------------------------------- */
.TopSNS_wrp	{
	padding-bottom:100px;
}
.TopSNS_wrp	{
 width: 1140px;
 margin: -60px auto 0;
}
.TopSNS_wrp::after {
 content: "";
 display: block;
 clear: both;
}
.TopSNS_wrp h2	{
	width:500px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:34px;
	text-align:center;
	position:relative;
}
.TopSNS_wrp h2.s1 {
	color: #00AC9D;
	display: flex;
	align-items: center;
}
.TopSNS_wrp h2.s1:before, 
.TopSNS_wrp h2.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #00AC9D;
	display: block;
	margin-top:.5em;
}
.TopSNS_wrp h2.s1:before {
	margin-right: 1.5em;
}
.TopSNS_wrp h2.s1:after {
	margin-left: 1.5em;
}
.stit	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	color:#00AC9D;
	text-align:center;
	display:block;
	margin:0 0 15px;
}

.TopSNS	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:20px 0;
}
.TopSNS > section	{
 width: calc(25% - 20px);
 margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position:relative;
}
.TopSNS > section a	{
	border:1px solid #666;
	text-decoration:none;
	/*display:block;*/
 background: #fff;
	color: #333;
	transition: .3s;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.TopSNS > section a:hover	{
	text-decoration:none;
	/*border:1px solid #00AC9D;
 background: #00AC9D;
	color: #fff;*/
	opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
	transition: .3s;
}
.TopSNS > section h3	{
	padding:12px 15px;
	margin:0;
	width:auto;
	height: 64px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:16px;
	text-align:	center;
}
.TopSNS > section:nth-child(7) h3{
	padding:0 !important;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.TopSNS_wrp	{
 width: 95%;
}
.TopSNS > section	{
 width: calc(33.3% - 20px);
 /*margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;*/
}
}
@media screen and (min-width: 769px) and (max-width: 898px) {
.TopSNS_wrp	{
 width: 95%;
}
.TopSNS > section	{
 width: calc(50% - 20px);
 /*margin: 10px;*/
}
}
@media screen and (max-width: 768px)  {
.TopSNS_wrp	{
 width: 100%;
 
}
.TopSNS_wrp h2	{
	font-size:30px;
}
.TopSNS	{
	display: flex;
	flex-direction: row;
	justify-content:	center;
	flex-wrap: wrap;
	margin:20px;
}
.TopSNS > section h3	{
	margin:0;
	font-weight: 500;
	font-size:14px;
}
.TopSNS > section	{
 width: calc(50% - 20px);
 /*margin: 10px;*/
}
}
@media screen and (max-width: 640px)  {
.TopSNS_wrp h2	{
	width:60%;
	margin:0 auto;
	position:relative;
}
.stit	{
	font-size:14px;
}
}
@media screen and (max-width: 568px)  {
.TopSNS_wrp h2	{
	font-size:28px;
}
.TopSNS_wrp h2.s1:before {
	margin-right: .5em;
}
.TopSNS_wrp h2.s1:after {
	margin-left: .5em;
}
/*.TopSNS > section	{
 width: 100%;
 margin: 10px;
}*/
.TopSNS > section h3	{
	padding:0;
	padding-left: 15px;
	width:auto;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}
}
@media screen and (max-width: 480px)  {
.TopSNS_wrp	{
 width: 93%;
}
.TopSNS	{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:5px 0;
	min-height:0%; 		/*IE10～*/
}
.TopSNS > section	{
 width: calc(100% - 20px);
 margin: 5px 10px;
 /*-webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position: relative;*/
	min-height:0%; 		/*IE10～*/
}
}


/* -------------------------------------------------

Links

------------------------------------------------- */
.TopLinks_wrp	{
	padding-bottom:100px;
}
.TopLinks_wrp	{
 width: 1140px;
 margin: -50px auto 0 !important;
}
.TopLinks_wrp::after {
 content: "";
 display: block;
 clear: both;
}
.TopLinks_wrp h2	{
	width:500px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:34px;
	text-align:center;
	position:relative;
}
.TopLinks_wrp h2.s1 {
	color: #00AC9D;
	display: flex;
	align-items: center;
}
.TopLinks_wrp h2.s1:before, 
.TopLinks_wrp h2.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #00AC9D;
	display: block;
	margin-top:.5em;
}
.TopLinks_wrp h2.s1:before {
	margin-right: 1.5em;
}
.TopLinks_wrp h2.s1:after {
	margin-left: 1.5em;
}

.TopLinks	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:20px 0;
}
.TopLinks > section	{
 width: calc(25% - 20px);
 margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position:relative;
}

.TopLinks > section a,
.TopLinks > section a.noExLink {
  border: 1px solid #666;
  text-decoration: none;
  display: block;
  background: #fff;
  color: #333;
  transition: .3s;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative; 
}
.TopLinks > section a:hover,
.TopLinks > section a.noExLink:hover {
	text-decoration:none;
	border:1px solid #00AC9D;
 background: #00AC9D;
	color: #fff;
}

/* 外部リンクアイコンの設定 */
.TopLinks > section a::after {
	content: "";
	position: absolute;
	top:10px;
	right:10px;
	display: block;
	background-image: url("../recruit/images/icon_ExLink.png");
	background-repeat:no-repeat;
	background-size: 10px;
	width:10px;
	height: 10px;
}
.TopLinks > section a:hover::after {
	background-image: url("../recruit/images/icon_ExLink_white.png");
}

.TopLinks > section a.noExLink::after {
	display: none !important;
}
.TopLinks > section a.noExLink:hover::after {
	display: none !important;
}



.TopLinks > section h3	{
	padding:12px 15px;
	margin:0;
	width:auto;
	height: 64px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.TopLinks_wrp	{
 width: 95%;
}
.TopLinks > section	{
 width: calc(33.3% - 20px);
}
}
@media screen and (min-width: 769px) and (max-width: 898px) {
.TopLinks_wrp	{
 width: 95%;
}
.TopLinks > section	{
 width: calc(50% - 20px);
}
}

@media screen and (max-width: 768px)  {
.TopLinks_wrp	{
 width: 100%;
 margin: 50px auto 0;
}
.TopLinks_wrp h2	{
	font-size:30px;
}
.TopLinks	{
	display: flex;
	flex-direction: row;
	justify-content:	center;
	flex-wrap: wrap;
	margin:20px;
}
.TopLinks > section h3	{
	margin:0;
	font-weight: 500;
	font-size:14px;
	line-height: 1.5;
}
.TopLinks > section	{
 width: calc(50% - 20px);
 margin: 10px;
}
}
@media screen and (max-width: 640px)  {
.TopLinks_wrp h2	{
	width:60%;
	margin:0 auto;
	position:relative;
}
}
@media screen and (max-width: 568px)  {
.TopLinks_wrp h2	{
	font-size:28px;
}
.TopLinks_wrp h2.s1:before {
	margin-right: .5em;
}
.TopLinks_wrp h2.s1:after {
	margin-left: .5em;
}
.TopLinks > section h3	{
	position:static;
	padding:5px;
}
}
@media screen and (max-width: 480px)  {
.TopLinks_wrp	{
 width: 93%;
 margin: 50px auto 0;
}
.TopLinks	{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:5px 0;
	min-height:0%; 		/*IE10～*/
}
.TopLinks > section	{
 width: calc(100% - 20px);
 margin: 5px 10px;
 /*-webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position: relative;*/
	min-height:0%; 		/*IE10～*/
}
}


/* アイコン
================================================== */
i	{
	position: relative;
}
a .logo__X:before {
 content: "";
	display: inline-block;
	background-image: url("../recruit/images/logo-black.png");
	background-size: 20px;
	height: 20px;
	width:20px;
}
/*a:hover .logo__X:before {
	background-image: url("../images/logo-white.png");
}*/
a .logo__YT:before {
 content: "";
	display: inline-block;
	background-image: url("../recruit/images/icn_youtube.png");
	background-size: 28px;
	height: 28px;
	width:28px;
}
a .logo__LINE:before {
 content: "";
	display: inline-block;
	background-image: url("../recruit/images/LINE_Brand_icon.png");
	background-size: 24px;
	height: 24px;
	width:24px;
}
a .logo__Instagram:before {
 content: "";
	display: inline-block;
	background-image: url("../recruit/images/Instagram_Glyph_Gradient.png");
	background-size: 24px;
	height: 24px;
	width:24px;
}


/* -------------------------------------------------

Recruit Movie

------------------------------------------------- */
.TopRecruit_wrp02	{
 width: 1140px;
 margin: 0px auto;
	position:relative;
}
.TopRecruit_wrp02::after {
 content: "";
 display: block;
 clear: both;
}

.TopRecruit	{
	width:100%;
	position:relative;
	margin:0 0 30px;
	box-shadow:1px 1px 3px 2px	#D3D3D3;
}
.TopRecruit a	{
	text-decoration:none;
	display:block;
	-webkit-transition: all .3s;
 							 transition: all .3s;
}
.TopRecruit a:hover	{
 filter:alpha(opacity=80);/* IE 6,7*/
 -ms-filter: "alpha(opacity=80)";/* IE 8,9 */
 -moz-opacity:0.8;/* FF , Netscape */
 -khtml-opacity: 0.8;/* Safari 1.x */
 opacity:0.8;
 zoom:1;/*IE*/
}
.pi_rec_mov{
 width: 100%;
	height:	0;
	margin:0 auto;
	padding-top:28.070%;
	position:relative;
}
.pi_rec_mov {
 background: url(https://www.nakasuji.co.jp/rec_movie/images/ba_rec_movie.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 box-sizing: border-box;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.TopRecruit_wrp02	{
 width: 100%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.TopRecruit_wrp02	{
 width: 100%;
 margin: 0px auto;
}
}

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

.TopRecruit_wrp02	{
 width: 100%;
 margin: 0px auto;
}
.pi_rec_mov{
 width: 100%;
	height:	0;
	margin:0 auto;
	padding-top:47.5%;
	position:relative;
}
.pi_rec_mov {
 background: url(../rec_movie/images/ba_rec_movie_sp.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 box-sizing: border-box;
}
}

/* -------------------------------------------------

Internship（インターンシップ）

------------------------------------------------- */
.Internship_wrp	{
 width: 1100px;
 margin: 50px auto;
}
.Internship_wrp:last-child	{
	margin:50px 0 100px;
}
.Internship_wrp a	{
	color:#00AC9D;
	text-decoration: underline;
}
.Internship_wrp a:hover	{
	text-decoration: none;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.Internship_wrp	{
 width: 95%;
}
}
@media screen and (max-width: 898px)  {
.Internship_wrp	{
 width: 95%;
}
}
@media screen and (max-width: 768px)  {
.Internship_wrp	{
 margin: 30px auto;
}
.Internship_wrp:last-child	{
	margin:30px 0 80px;
}
}

.IS__catchcopy	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 2;
}
@media screen and (max-width: 768px)  {
.IS__catchcopy	{
	font-size:25px;
	line-height: 1.6;
}
}
@media screen and (max-width: 640px)  {
.IS__catchcopy	{
	font-size:20px;
}
}

.Internship_wrp h3	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:25px;
	background-color:	#00AC9D;
	color:	#fff;
 padding: 12px 10px 12px 20px;
	margin:0 0 20px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
@media screen and (max-width: 768px)  {
.Internship_wrp h3	{
	font-size:22px;
}
}
@media screen and (max-width: 640px)  {
.Internship_wrp h3	{
	font-size:18px;
}
}

/*  IS_message（メッセージ）
================================================== */
.IS_message	{
	width:100%;
	margin:0 auto 80px;
	position: relative;
}
.IS_message__photo	{
	text-align: center;
}
.IS_message__photo img	{
	border-radius: 20px;
	box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.1);
}
.IS_message__text	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 2;
	margin: 0 auto 30px;
}
@media screen and (max-width: 768px)  {
.IS_message__text	{
	font-size: 16px;
	line-height: 1.8;
}
.IS_message__photo img	{
	border-radius: 10px;
}
}

@media screen and (max-width: 480px)  {
.IS_message	{
	margin:0 auto 40px;
}
.IS_message__text	{
	line-height: 1.6;
	margin: 0 auto 20px;
}
}


/*  Internship__table（募集要項）
================================================== */
.Internship__table	{
	padding: 15px;
}
.Internship__table table	{
	width:100%;
 border-spacing: 0;
 box-sizing: border-box;
	border-collapse:	collapse;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
}
.Internship__table th	{
	background-color:#EEEEEE;
 padding: 20px;
	text-align:left;
	color:	#333333;
 border: solid 1px #cccccc;
	font-weight: 500;
	white-space: nowrap;
	width: 200px;
}
.Internship__table td	{
 border: solid 1px #cccccc;
 padding: 20px 35px;
	vertical-align:middle;
	width: auto;
 font-weight: 400;
}
@media screen and (max-width: 640px)  {
.Internship__table th	{
 padding: 10px;
	text-align:center;
	width: 100%;
	display: block;
	border-bottom: none;
}
.Internship__table td	{
 padding: 20px;
	width: 100%;
	display: block;
	border-bottom: none;
}
.Internship__table tr:last-child td	{
	border-bottom: solid 1px #cccccc;
}
}
@media screen and (max-width: 480px)  {
.Internship__table	{
	padding: 0px 5px;
}
.Internship__table th,
.Internship__table td	{
 font-size: 14px;
}
.Internship__table td	{
 padding: 15px 8px;
}
}

/*  実習スケジュール
================================================== */
.IS_schedule	{
	width:100%;
	margin:0 auto;
	padding: 15px;
	display: flex;
	flex-flow: row wrap;
}
.IS_schedule > section	{
	width: calc(33.333333% - 20px);
 margin:0 30px 30px 0;
	position:relative;
	padding:5px 15px;
	border:3px solid #dddddd;
}
.IS_schedule > section:nth-child(3n) {
 margin-right: 0;
}
.IS_schedule > section h4	{
	width:100%;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:20px;
	color: #00AC9D;
	line-height: normal;
	padding:10px 10px 13px;
	margin:0 0 15px;
	text-align: center;
	border-bottom:3px solid #dddddd;
}
.IS_schedule_txt	{
	width:100%;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
}
.IS_schedule_txt dt	{
	width:100%;
	font-size:18px;
	font-weight: 500;
	color: #00AC9D;
 margin: 0;
	box-sizing: border-box;
}
.IS_schedule_txt dd	{
	font-size:15px;
	padding:5px 0 15px;
	width:	auto;
	box-sizing: border-box;
}
.IS_schedule_txt dd:last-child {
	padding:5px 0 0px;
}
@media screen and (max-width: 898px)  {
.IS_schedule > section	{
	width: calc(50% - 15px);
}
.IS_schedule > section:nth-child(3n) {
 margin-right: 30px;
}
.IS_schedule > section:nth-child(2n) {
 margin-right: 0;
}
}
@media screen and (max-width: 640px)  {
.IS_schedule	{
	width:93%;
	padding: 10px;
	flex-flow: column wrap;
}
.IS_schedule > section	{
	width: 100%;
 margin:0 0 20px;
}
.IS_schedule > section:nth-child(3n) {
 margin-right: 0px;
}
}
@media screen and (max-width: 480px)  {
.IS_schedule	{
	width:100%;
	padding: 0px 5px;
}
.IS_schedule > section	{
	border:2px solid #dddddd;
}
.IS_schedule > section h4	{
	font-size:16px;
	padding:7px 7px 10px;
	border-bottom:2px solid #dddddd;
}
.IS_schedule_txt dt	{
	font-size:16px;
}
.IS_schedule_txt dd	{
	font-size:14px;
	padding:5px 0 10px;
}
}


/* IS_practical （実習内容）
================================================== */
.IS_practical	{
	width:100%;
	margin:30px auto;
}
.IS_practical section	{
	padding: 50px;
	margin: 0 0 50px;
	background-color: #f5f4ea;
	border-radius: 20px;
	position: relative;
 z-index: 1;
box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.1);
}
.IS_practical section h4	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-size:30px;
	font-weight: 600;
	color: #333;
	line-height: normal;
	margin: 0 0 30px;
	position: relative;
}
.IS_practical section h4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  width: 2em;
  height: 2em;
  background-color:#dfeed1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 768px)  {
.IS_practical section	{
	padding: 40px;
	margin: 0 0 30px;
	border-radius: 10px;
}
.IS_practical section h4	{
	font-size:24px;
	margin: 0 0 30px;
}
}
@media screen and (max-width: 480px)  {
.IS_practical section	{
	padding: 25px 15px;
}
.IS_practical section h4	{
	font-size:18px;
	margin: 0 0 15px;
}
.IS_practical section h4::before {
 top: 10px;
	left:10px;
	width: 1.8em;
 height: 1.8em;
}
}

.IS_Box	{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.IS_Box_Waku	{
	padding: 40px;
	background-color: #fff;
	border-radius: 20px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-size:18px;
	line-height: 1.8;
	font-weight: 400;
	box-sizing: border-box;
}
.IS_Box_Left	{
	padding: 40px;
	background-color: #fff;
	border-radius: 20px;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-size:18px;
	line-height: 1.8;
	font-weight: 400;
	box-sizing: border-box;
	margin-right: 50px;
}
.IS_Box_Right	{
	text-align: center-;
}
.IS_Box_Right img	{
	border-radius: 20px;
	max-width: 380px;
}
@media screen and (max-width: 898px)  {
.IS_Box	{
	flex-flow: column wrap;
	align-items: center;
}
.IS_Box_Left	{
	padding: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
}
.IS_Box_Right img	{
	max-width: 100%;
	width: 100%;
}
}
@media screen and (max-width: 768px)  {
.IS_Box_Waku	{
	padding: 20px;
	border-radius: 10px;
	font-size:16px;
}
.IS_Box_Left	{
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	font-size:16px;
}
.IS_Box_Right img	{
	border-radius: 10px;
}
}
@media screen and (max-width: 480px)  {
.IS_Box_Waku	{
	font-size:14px;
}
.IS_Box_Left	{
	margin-bottom: 10px;
	font-size:14px;
}
}


/* IS_GroupWorkBox （実習内容-グループワーク）
================================================== */
.IS_GroupWorkBox	{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.IS_GroupWorkBox > section	{
	width: 48%;
	padding: 20px 30px;
	margin: 0 0 40px !important;
	background-color: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	display:flex;
 flex-direction:column;
}
.IS_GroupWorkBox > section h5	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-size:22px;
	font-weight: 600;
	padding: 1rem 0.5rem;
	border-bottom: 3px solid #00ac9d;
	color: #00ac9d;
	line-height: normal;
	margin: 0 0 30px;
	position: relative;
}
.IS_GroupWorkBox > section h5:before, .IS_GroupWorkBox > section h5:after {
	position: absolute;
	content: '';
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
.IS_GroupWorkBox > section h5:before {	
	bottom: -14px;
	border-color: #00ac9d transparent transparent;
}
.IS_GroupWorkBox > section h5:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}
.IS_GroupWorkBox > section p	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-size:18px;
	font-weight: 400;
	flex-grow:1; 
}
.IS_GroupWorkBox > section .IS_GWBox_img	{
	text-align: center;
	margin-top: 15px;
}
.IS_GroupWorkBox > section .IS_GWBox_img img	{
	border-radius: 20px;
}
@media screen and (max-width: 768px)  {
.IS_GroupWorkBox	{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}
.IS_GroupWorkBox > section	{
	width: 100%;
	padding: 20px;
	margin: 0 0 30px !important;
	border-radius: 10px;
}
.IS_GroupWorkBox > section .IS_GWBox_img img	{
		border-radius: 10px;
}
.IS_GroupWorkBox > section p	{
	font-size:16px;
}
}
@media screen and (max-width: 480px)  {
.IS_GroupWorkBox > section h5	{
	font-size:18px;
	font-weight: 500;
}
.IS_GroupWorkBox > section p	{
	font-size:14px;
}
}


/* -------------------------------------------------

Company Tour（会社見学）

------------------------------------------------- */
/*  グループ会社リンクボタン
================================================== */
.CT__Group_wrp	{
 width: 980px;
 margin: 50px auto;
}
.CT__Group	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content: center;*/
	margin:20px 0;
}
.CT__Group > section	{
 width: calc(25% - 20px);
 margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
	position:relative;
}
.CT__Group > section a	{
	border:1px solid #666;
	text-decoration:none;
	display:block;
 background: #fff;
	color: #333;
	transition: .3s;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position: relative;
}
.CT__Group > section a:hover	{
	text-decoration:none;
	border:1px solid #00AD9E;
 background-color:#00AD9E;
	color: #fff;
}
.CT__Group > section h3	{
	padding:12px 15px;
	margin:0;
	width:100%;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:16px;
	text-align:	center;
	position: relative;
}
.fs18px	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px !important;
	line-height: 2;
}
.CT__Group > section a .icon__ex_link {					/*  外部リンク_黒  */
	content: '';
	position: absolute;
	top:10px;
	right:10px;
	display: block;
	background-image: url("../recruit/images/icon__ex_link--black.png");
	background-repeat:no-repeat;
	background-size: 12px;
	width:12px;
	height: 12px;
}
.CT__Group > section a:hover .icon__ex_link {					/*  外部リンク_白  */
	background-image: url("../recruit/images/icon__ex_link--white.png");
}
.CT__Group_waku	{
	background-color:#fafcf2;
	padding: 35px 25px 25px 25px;
	border-radius: 10px;
	margin: 40px 0 -40px;
}
.CT__Group_waku h2	{
	width:350px;
	margin:0 auto;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:24px;
	text-align:center;
	position:relative;
}
.CT__Group_waku h2.s1 {
	color: #666;
	display: flex;
	align-items: center;
}
.CT__Group_waku h2.s1:before, 
.CT__Group_waku h2.s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #666;
	display: block;
	margin-top:.3em;
}
.CT__Group_waku h2.s1:before {
	margin-right: 1.5em;
}
.CT__Group_waku h2.s1:after {
	margin-left: 1.5em;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
.CT__Group_wrp	{
 width: 95%;
 margin: 50px auto;
}
.CT__Group	{
	justify-content:flex-start;
}
.CT__Group > section	{
 width: calc(33.3% - 20px);
 margin: 10px;
 -webkit-flex-direction: column;
 flex-direction: column;
	word-wrap: break-word;
}
}
@media screen and (max-width: 768px)  {
.CT__Group_wrp	{
 width: 95%;
 margin: 25px auto;
}
.CT__Group	{
	justify-content:flex-start;
}
.CT__Group > section h3	{
	margin:0;
	font-weight: 500;
	font-size:14px;
}
.CT__Group > section	{
 width: calc(50% - 20px);
 margin: 10px;
}
.fs18px	{
	font-size: 16px !important;
	line-height: 1.8;
}
.CT__Group_waku	{
	padding: 35px 10px 25px 10px;
}
.CT__Group_waku h2	{
	width:300px;
	margin:0 auto;
	font-size:22px;
}
.CT__Group_waku h2.s1:before {
	margin-right: 1.2em;
}
.CT__Group_waku h2.s1:after {
	margin-left: 1.2em;
}
}

@media screen and (max-width: 480px)  {
.fs18px	{
	font-size: 15px !important;
	line-height: 1.6;
}
.CT__Group_waku h2	{
	width:90%;
	margin:0 auto;
	font-size:20px;
}
.CT__Group_waku h2.s1:before {
	margin-right: .9em;
}
.CT__Group_waku h2.s1:after {
	margin-left: .9em;
}
.CT__Group	{
	flex-direction: column;
	justify-content:	center;
}
.CT__Group > section	{
 width: 100%;
 margin: 5px 0;
}
.CT__Group_waku	{
	padding: 25px 25px 5px 25px;
	margin: 30px 0 -40px;
}
}

/*  会社見学__内容
================================================== */
.CT__wrp	{
 width: 980px;
 margin: 0px auto;
	padding:50px 0 0px;
}
.CT__wrp:last-child	{
	padding:50px 0 100px;
}
.CT__wrp h3	{
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:25px;
	background-color:	#00AC9D;
	color:	#fff;
 padding: 12px 10px 12px 20px;
	margin:0 0 20px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.CT__inner	{
	width:100%;
	padding: 10px 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
.CT__inner .ImageBox	{
	flex-basis: 350px;
}
.CT__inner .ImageBox > img{
	max-width: 350px;
	width: 100%;
}
.CT__inner .TextBox	{
 flex-basis: calc(100% - 350px); 
	padding-right: 50px;
}
.CT__inner .TextBox p	{
	font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height:1.8;
}

@media screen and (min-width: 899px) and (max-width: 1140px) {
.CT__wrp	{
 width: 95%;
}
}
@media screen and (max-width: 898px)  {
.CT__wrp	{
 width: 95%;
}
.CT__inner	{
	padding: 10px 25px;
	flex-direction: column;
}
.CT__inner .ImageBox	{
	flex-basis: 0;
	text-align: center;
	}
.CT__inner .ImageBox > img	{
	max-width: 350px;
	width: 100%;
}
.CT__inner .TextBox	{
 flex-basis: 0; 
	padding-right: 0px;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 768px)  {
.CT__wrp h3	{
	font-size:22px;
}
.CT__inner	{
	padding: 0px 15px;
}
.CT__inner .TextBox	{
	margin-bottom: 10px;
}
.CT__inner .TextBox p	{
	font-size:14px;
}	
}

@media screen and (max-width: 640px)  {
.CT__wrp h3	{
	font-size:18px;
}
}


/*  会社見学ボタン／応募フォームボタン
================================================== */
.btn_center {
	text-align: center;
}
.btn_right {
	position: absolute;
	top:0;
	right:0;
}


.Apply__button {
  position: relative;
  display: inline-block;
  padding: 25px 50px 25px 70px !important;
  transition: 0.3s;
  text-decoration: none;
  color: #ffffff !important; 
  border-radius: 0.5rem;
}
.Apply__button {			/* ボタンの色 */
  background:#DB4A4C;
  box-shadow: 0 5px 0 #a53537;
}
.Apply__button.Orange {			/* ボタンの色--オレンジ */
  background:#f16a4f !important;
  box-shadow: 0 5px 0 #a94b38 !important;
}

.Apply__button p {
  margin: 0 !important;
}

.Apply__button .btn_balloon {
  position: absolute;
		top:-10px;
  left: -10px;
  width: 5em;
  height: 5em;
  line-height: 5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  transform: rotate(-10deg);
}
.Apply__button .btn_balloon {				/* ボタンの色 */
  color: #DB4A4C;
  border: 3px solid #DB4A4C;
}
.Apply__button.Orange .btn_balloon {				/* ボタンの色--オレンジ */
  color: #f16a4f !important;
  border: 3px solid #f16a4f !important;
}

.Apply__button .btn_balloon::before {
  position: absolute;
  content: "";
  bottom: -2px;
  right: -9px;
  border: 9px solid transparent;
  border-left: 16px solid #FFF;
  z-index: 0;
  transform: rotate(45deg);
}

.Apply__button:hover,.Apply__button:focus {
  transform: translate(0, 3px);
		color: #fff;
		text-decoration: none;
}
.Apply__button:hover,.Apply__button:focus {				/* ボタンの色 */
  box-shadow: 0 2px 0 #a53537;
}
.Apply__button.Orange:hover, .Apply__button:focus {				/* ボタンの色--オレンジ */
  box-shadow: 0 2px 0 #a94b38 !important;
}

.Apply__button .btn_text {
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
		font-style: normal;
		font-weight: 500; 
  line-height: 1.5;
		font-size: 20px;
}
@media screen and (min-width: 769px) and (max-width: 898px) {
.btn_right {
	top:-50px;
}	
}
@media screen and (max-width: 768px)  {
.btn_right {
	position: static;
	margin: -30px 0 30px;
	text-align: center;
}	
}
@media screen and (max-width: 480px)  {
.btn_center {
	margin: auto;
	width: 95%
}
.btn_right {
	padding: 0 5px;
}	
.Apply__button {
  padding: 20px 50px 20px 70px;
}
.Apply__button .btn_text {
		font-size: 18px;
}
}


/*  お問い合わせフォームボタン
================================================== */
a.Apply__button02 {
  position: relative;
  display: inline-block !important;
  padding: 25px 50px 25px 70px;
  transition: 0.3s;
  text-decoration: none !important;
  color: #ffffff !important; 
  border-radius: 0.5rem !important;
		margin-left: 25px;
		margin-bottom: 30px;
}
a.Apply__button02 {			/* ボタンの色 */
  background:#DB4A4C;
  box-shadow: 0 5px 0 #a53537;
}
a.Apply__button02 p {
  margin: 0 !important;
		padding: 0 !important;
}

a.Apply__button02 .btn_balloon {
  position: absolute;
		top:-10px;
  left: -10px;
  width: 5em;
  height: 5em;
  line-height: 5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  transform: rotate(-10deg);
}
a.Apply__button02 .btn_balloon {				/* ボタンの色 */
  color: #DB4A4C;
  border: 3px solid #DB4A4C;
}

a.Apply__button02 .btn_balloon::before {
  position: absolute;
  content: "";
  bottom: -2px;
  right: -9px;
  border: 9px solid transparent;
  border-left: 16px solid #FFF;
  z-index: 0;
  transform: rotate(45deg);
}

a.Apply__button02:hover,.Apply__button:focus {
  transform: translate(0, 3px);
		color: #ffffff;
		text-decoration: none;
}
a.Apply__button02:hover,a.Apply__button02:focus {				/* ボタンの色 */
  box-shadow: 0 2px 0 #a53537;
}

a.Apply__button02 .btn_text {
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
		font-style: normal;
		font-weight: 500; 
  line-height: 1.5;
		font-size: 20px;
}
@media screen and (max-width: 768px)  {
a.Apply__button02 {
		margin-left: 15px;
		margin-bottom: 30px;
}
}
@media screen and (max-width: 480px)  {
a.Apply__button02 {
  padding: 20px 45px 20px 50px;
}
a.Apply__button02 .btn_text {
		font-size: 16px;
}
a.Apply__button02 .btn_balloon {
		top:-10px;
  left: -10px;
  width: 4em;
  height: 4em;
  line-height: 4em;
  font-size: 12px;
}
a.Apply__button02 .btn_balloon::before {
  bottom: -2px;
  right: -6px;
  border: 5px solid transparent;
  border-left: 10px solid #FFF;
}
}
@media screen and (max-width: 413px)  {
a.Apply__button02 {
  padding: 20px 30px 20px 45px;
}
}
@media screen and (max-width: 374px)  {
a.Apply__button02 {
  padding: 20px 20px 20px 50px;
	 margin: 0 10px 20px 10px;
}
}

/*  インターンシップボタン
================================================== */
a.Apply__button03 {
  position: relative;
  display: inline-block !important;
  padding: 15px 30px 15px 70px;
  transition: 0.3s;
  text-decoration: none !important;
  color: #ffffff !important; 
  border-radius: 0.5rem !important;
		margin-left: 25px;
		margin-bottom: 30px;
		text-align: left;
}
a.Apply__button03 {			/* ボタンの色 */
  background:#f16a4f;
  box-shadow: 0 5px 0 #a94b38;
}
a.Apply__button03 p {
  margin: 0 !important;
		padding: 0 !important;
}

a.Apply__button03 .btn_balloon {
  position: absolute;
		top:-10px;
  left: -10px;
  width: 5em;
  height: 5em;
  line-height: 5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  transform: rotate(-10deg);
}
a.Apply__button03 .btn_balloon {				/* ボタンの色 */
  color: #f16a4f;
  border: 3px solid #f16a4f;
}

a.Apply__button03 .btn_balloon::before {
  position: absolute;
  content: "";
  bottom: -2px;
  right: -9px;
  border: 9px solid transparent;
  border-left: 16px solid #FFF;
  z-index: 0;
  transform: rotate(45deg);
}

a.Apply__button03:hover,.Apply__button:focus {
  transform: translate(0, 3px);
		color: #ffffff;
		text-decoration: none;
}
a.Apply__button03:hover,a.Apply__button03:focus {				/* ボタンの色 */
  box-shadow: 0 2px 0 #a94b38;
}

a.Apply__button03 .btn_text {
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
		font-style: normal;
		font-weight: 500; 
  line-height: 1.5;
		font-size: 18px;
}

.Apply__button03.Red {			/* ボタンの色--レッド */
  background:#DB4A4C;
  box-shadow: 0 5px 0 #a53537;
}
.Apply__button03.Red .btn_balloon {				/* ボタンの色--レッド */
  color: #DB4A4C;
  border: 3px solid #DB4A4C;
}
.Apply__button03.Red:hover,.Apply__button.Red:focus {				/* ボタンの色--レッド */
  box-shadow: 0 2px 0 #a53537;
}

@media screen and (max-width: 1000px)  {
a.Apply__button03 .btn_text {
		font-size: 16px;
}
}
@media screen and (max-width: 768px)  {
a.Apply__button03 {
		margin-left: 15px;
		margin-bottom: 0px;
}
a.Apply__button03 .btn_text {
		text-align: left;
}
}
@media screen and (max-width: 480px)  {
a.Apply__button03 {
  padding: 10px 15px 10px 50px;
}
a.Apply__button03 .btn_text {
		font-size: 14px;
}
a.Apply__button03 .btn_balloon {
		top:-10px;
  left: -10px;
  width: 4em;
  height: 4em;
  line-height: 4em;
  font-size: 12px;
}
a.Apply__button03 .btn_balloon::before {
  bottom: -2px;
  right: -6px;
  border: 5px solid transparent;
  border-left: 10px solid #FFF;
}
}
@media screen and (max-width: 400px)  {
a.Apply__button03 .btn_text br {
		display: none !important;
}
}


/* -------------------------------------------------

externalLinkIcon（外部リンクにアイコン付加）

------------------------------------------------- */
/* 末尾にアイコンを付加 */
.externalLinkIcon,
.externalLinkIcon__Footer {
	content: "";
	display: inline-block;
		background: url("../images/icon__ex_link--white.png") ;
		background-repeat: no-repeat;
		background-size:10px;
	width: 10px;
	height: 10px;
	margin-left: 6px;
	vertical-align: 8px;
}
@media screen and (min-width: 899px) and (max-width: 1240px) {
.externalLinkIcon,
.externalLinkIcon__Footer {
	background-size:8px;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	vertical-align: 7px;
}
}
@media screen and (max-width: 898px)  {
.externalLinkIcon {
	background: url("../images/icon__ex_link--green.png");
	background-size:12px;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	vertical-align: 7px;
}
.externalLinkIcon__Footer {
	background-size:12px;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	vertical-align: 7px;
}
}


/* -------------------------------------------------

asterisk 箇条書き（※印）

------------------------------------------------- */
dl.asterisk	{
	width: 100%;
	margin: 15px 0;
	display: flex;
	flex-flow: row wrap;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400; 
}
dl.asterisk dt	{
	flex-basis: 22px;
	font-weight:normal;
	padding:3px 0;
 margin: 0;
}
dl.asterisk dd	{
	padding:3px 0;
 flex-basis: calc(100% - 22px); 
}
@media screen and (max-width: 480px)  {
dl.asterisk	{
	font-size: 14px;
}
}


/* -------------------------------------------------

Point_Item_Shiromaru_wrp（〇印の箇条書き）

------------------------------------------------- */
.Point_Item_Shiromaru_wrp {
	margin: 30px;
	padding: 0;
}
.Point_Item_Shiromaru_wrp ul {
 list-style: none;
	margin: 0;
	padding: 0;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400; 
}
.Point_Item_Shiromaru_wrp li {
  position: relative;
  padding: 0.3em 0.5em 0.5em 25px;
}
.Point_Item_Shiromaru_wrp li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 10px;
  height: 10px;
		border: 1px solid #666666;
  border-radius: 5px;
}
@media screen and (max-width: 480px)  {
.Point_Item_Shiromaru_wrp {
	margin: 15px;
}
.Point_Item_Shiromaru_wrp ul {
	font-size: 14px;
}
.Point_Item_Shiromaru_wrp li {
  padding: 0.3em 0.5em 0.5em 20px;
}
.Point_Item_Shiromaru_wrp li::before {
  top: 10px;
}
}


/*  SNS宣伝サイトバナー
================================================== */
.rec_Banner_wrp {
	position:relative;
}
.Ba_SNS_Promotion_site {
	position: absolute;
 top: 20px;
	right:20px;
}
.Ba_SNS_Promotion_site a:hover img {
 filter:alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -moz-opacity:0.7;
 -khtml-opacity: 0.7;
 opacity:0.7;
 zoom:1;
}
@media screen and (min-width: 899px) and (max-width: 1140px) {
.rec_Banner_wrp {
 margin: 20px auto 0;
}
.Ba_SNS_Promotion_site {
	position:static;
	text-align: center;
}
}
@media screen and (max-width: 898px)  {
.rec_Banner_wrp {
 margin: 20px auto 0;
}
.Ba_SNS_Promotion_site {
	position:static;
	text-align: center;
}
}
@media screen and (max-width: 480px)  {
.rec_Banner_wrp {
 padding: 0 10px;
}
}
	
/*  微調整
================================================== */
.width001 {
 width: 480px;
}
@media screen and (max-width: 898px)  {
.width001 {
 width: 100%;
}
}