@charset "utf-8";
/* CSS Document */

.pc {
	display: inherit;
}

.sp {
	display: none !important;
}

.pc_inline {
	display: inline;
}

.sp_inline {
	display: none;
}

.table_pc {
	display: table-cell !important;
}

.table_sp {
	display: none !important;
}

.disp_off {
	display: none;
}

/* //////////////////////////// */
/* body html */
/* //////////////////////////// */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;


}

body {
	position: relative;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, Verdana, sans-serif;
	font-size: 80%;
	line-height: 160%;
	letter-spacing: 0.05em;
	color: #333333;
	box-sizing: border-box;
}


/* //////////////////////////// */
/* 共通部分 */
/* //////////////////////////// */
header{}
main{}


.disp_table {
	display: table;
}

.disp_t_cell {
	display: table-cell;
}

.v_mid {
	vertical-align: middle;
}

/* ボーダー */
hr.line {
	margin: 1em 0 1em 0;
	padding: 1px 0 0 0;
	border: 1px;
	border-style: solid none none none;
	border-color: #cccccc;
}

hr.dot {
	margin: 0.5em 0 0.5em 0;
	padding: 2px 0 0 0;
	height: 2px;
	border: none;
	background: url("../images/bg_dot.png") repeat-x center center;
}

.border {
	border: 1px;
	border-style: solid;
	border-color: #cccccc;
}

.border_r {
	border: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-radius: 0.5em;
}

/* テキスト関連 */
.bold {
	font-weight: bold;
}

.t_left {
	text-align: left;
}

.t_right {
	text-align: right;
}

.t_center {
	text-align: center;
}

p {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideoglaph;
}

.lt_sp {
	letter-spacing: 0 !important;
}

.f_size_s {
	font-size: 80%;
}

.font1-5em {
	font-size: 1.5em;
}

.font120 {
	font-size: 120%;
}

.font130 {
	font-size: 130%;
}

.font150 {
	font-size: 150%;
}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.annotation {
	margin: 3% 2% 0 8%;

}

.color_white {
	color: #ffffff;
}

.red_uline {
	color: #FF0000;
	text-decoration: underline;
}


.color_orange {
	color: #ff6600;
}

.color_orange_br {
	color: #ff9900;
}

.let_0 {
	letter-spacing: 0;
}

h2 {
	margin: 3em 0 1em 0;
	padding: 0;
	font-size: 2em;
	line-height: 150%;
}

h2.title {
	margin: 1em 0 1em 0;
	padding: 0;
	line-height: 150%;
}

h2.underline {
	margin: 1em 0 0.5em 0;
	padding: 0;
	line-height: 150%;
	border: 1px;
	border-style: none none solid none;
	border-color: #ff6600;
}

h3 {
	margin: 1em 0 1em 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 150%;
}

h3.orange_br {
	margin: 1em 0 1em 0;
	padding: 20px;
	color: #ffffff;
	background: #ff9900;
}

span.supText {
	/* 上付文字 */
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

span.subText {
	/* 下付文字 */
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}


/* 背景色 */
.bg_orange {
	background: #ff9900;
}

/* 横幅 */
.w100 {
	width: 100%;
	height: auto;
}

.w90 {
	width: 90%;
}

.w85 {
	width: 85%;
}

.w80 {
	width: 80%;
}

.w75 {
	width: 75%;
}

.w70 {
	width: 70%;
}

.w65 {
	width: 65%;
}

.w60 {
	width: 60%;
}

.w50 {
	width: 50%;
}

.w40 {
	width: 40%;
}

.w35 {
	width: 35%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

.w20 {
	width: 20%;
}

.w10 {
	width: 10%;
}

/* table */
table.normal {
	margin: 2em 0 2em 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	border-collapse: collapse;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	table-layout: fixed;
}

table.normal th {
	padding: 1%;
	font-weight: normal;
	background: #cccccc;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

table.normal td {
	padding: 1%;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

/* 2カラムレイアウト */
.cl2_lf {
	margin: 1em 1% 1em 0;
	padding: 0;
	width: 49%;
	height: auto;
	float: left;
}

.cl2_lf .content_inner {
	width: 100%;
	height: auto;
}

.cl2_rt {
	margin: 1em 0 1em 1%;
	padding: 0;
	width: 49%;
	height: auto;
	float: right;
}

.cl2_rt .content_inner {
	width: 100%;
	height: auto;
}

/* 3カラムレイアウト */
.cl3_lf {
	margin: 0;
	padding: 1% 2% 1% 0;
	width: 31%;
	height: auto;
	float: left;
}

.cl3_cn {
	margin: 0;
	padding: 1% 1.5% 1% 1.5%;
	width: 31%;
	height: auto;
	float: left;
}

.cl3_rt {
	margin: 0;
	padding: 1% 0 1% 2%;
	width: 31%;
	height: auto;
	float: left;
}

/* 4カラムレイアウト */
.cl4_lf {
	margin: 0 1.5% 0 0;
	padding: 0;
	width: 23%;
	height: auto;
	float: left;
}

.cl4_cn {
	margin: 0 1.25% 0 1.25%;
	padding: 0;
	width: 23%;
	height: auto;
	float: left;
}

.cl4_rt {
	margin: 0 0 0 1.5%;
	padding: 0;
	width: 23%;
	height: auto;
	float: left;
}


/* flex カラムレイアウト */
.column_container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 1em;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	max-width: 970px;
	height: auto;
	clear: both;
}
.column_container .cl2{

width: calc(50% - 1em);
float: none;
}

/* リンク関連 */
a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	color: #dd3300;
}

a img:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.no_link {
	color: #BABABA;
}

.button_s {
	margin: 0;
	padding: 5px;
	width: auto;
	height: auto;
	font-size: 1em;
	color: #fff;
	border: 1px solid #888073;
	background-color: #797266;
	text-align: center;
	display: inline-block;
	/* -moz-transition: all 0.3s ease-in-out; */
	/* -webkit-transition: all 0.3s ease-in-out; */
	/* transition: all 0.3s ease-in-out; */
}

#top .button_s {
	color: #fff;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0);
}

.fixed .button_s,
#top .fixed .button_s {
	border-color: #888073;
	background-color: #888073;
}

.button_s_nolink {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 120px;
	height: auto;
	font-size: 1em;
	color: #eeeeee;
	text-align: center;
	background: #aaaaaa;
	display: inline-block;
}

#top .button_s:hover,
.button_s:hover {
	/*-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	color: #555;
}

.button_m {
	margin: 0;
	padding: 10px;
	color: #ffffff;
	min-width: 240px;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	background: #ff6600;
	display: inline-block;
}

.button_m_nolink {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 240px;
	height: auto;
	color: #eeeeee;
	font-size: 1.3em;
	text-align: center;
	background: #aaaaaa;
	display: block;
}

.button_blank {
	margin: 0;
	padding: 10px;
	color: #ffffff;
	min-width: 240px;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	display: block;
}



.button_m:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

/* 画像関連 */
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}

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

img.fit70 {
	width: 70%;
	height: auto;
}

.g_nav_top img {
	margin: 0 !important;
	padding: 0 !important;
}

/* レイアウト関連 */
/* .content_inner {
	margin: 0 auto 0 auto;
	padding: 0 3%;
	width: 100%;
	max-width: 970px;
	height: auto;
	clear: both;
} */

.content_inner_2nd {
	margin: 0 auto 0 auto;
	padding: 0 3%;
	max-width: 720px;
	height: auto;
	clear: both;
}

.title_area {
	margin: 0 auto 40px auto;
	padding: 0 3%;
	width: 100%;
	max-width: 970px;
	height: auto;
}

.title_area h2 {
	margin: 0;
	padding: 0.2em 0 0.1em 0;
}

.title_area p {
	font-size: 1.3em;
	line-height: 1.6;
	margin: 2.5em 0 1em 0;
}



.entry_area_2nd {
	margin: 3em auto 3em auto;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.entry_area_2nd ul {
	display: flex;
	justify-content: center;
	gap: 1em;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.entry_area_2nd ul li {
	margin: 0 3% 0 3%;
	display: inline-block;
	vertical-align: middle;
}




.entry_jobseek {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
}

.entry_jobseek ul li {
	width: 50% !important;
}

/*2024 06 土橋追加  変則レイアウト対応*/
.entry_area_3col {
	max-width: 768px;
	display: flex;
	flex-flow: row nowrap;
	gap: 1em;
}

.entry_area_3col ul {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: 1em 1em;
}

/*ここまで*/

.entry_bottom {
	margin: 4em 0 4em 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	clear: both;
}

.entry_bottom ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.entry_bottom ul li {
	margin: 0 3% 0 3%;
	display: inline-block;
	vertical-align: middle;
}

.entry_jobseek li {
	padding: 0 0 1em 0 !important;
}

.cell_mid {
	display: table-cell;
}

/* 余白 */
.space_05 {
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0;
	width: 100%;
	height: 0;
	display: block;
}

.space_1 {
	margin: 0 0 0 0;
	padding: 0 0 1em 0;
	width: 100%;
	height: 0;
	display: block;
}

.space_2 {
	margin: 0 0 0 0;
	padding: 0 0 2em 0;
	width: 100%;
	height: 0;
	display: block;
}

.space_3 {
	margin: 0 0 0 0;
	padding: 0 0 3em 0;
	width: 100%;
	height: 0;
	display: block;
}

.space_5 {
	margin: 0 0 0 0;
	padding: 0 0 5em 0;
	width: 100%;
	height: 0;
	display: block;
}

.mar_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mar_off {
	margin: 0 !important;
}

.mar_lf_1 {
	margin-left: 1em !important;
}

.mar_top_btm_1 {
	margin: 1em 0 1em 0 !important;
}

.mar_btm_05 {
	margin-bottom: 0.5em !important;
}

.pad_off {
	padding: 0 !important;
}

.pad_1em {
	padding: 1em !important;
}

.pad_3par_lf {
	padding: 3% 3% 3% 0 !important;
}

.pad_3par_rt {
	padding: 3% 0 3% 3% !important;
}

.pad_top_25 {
	padding-top: 25px !important;
}

.pad_btm_25 {
	padding-bottom: 25px !important;
}

.pad_btm_1em {
	padding-bottom: 1em !important;
}

/* float関連 */
.f_left {
	float: left;
}

.f_right {
	float: right;
}

/* .clear {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	clear: both;
} */

/* display */
.table {
	display: table;
}

.table_cell {
	display: table-cell;
}

/* リストタグ関連 */
ul li {
	list-style: none;
}

ul.inline_blk li {
	display: inline-block;
}

/* //////////////////////////// */
/* header */
/* //////////////////////////// */
header{
	position: relative;
}
#header_wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	z-index: 999;
}

.bg_white {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background: #ffffff;
}

/* #header_bg {
	margin: 0 auto 0 auto;
  padding: 0 3%;
  width: 100%;
  max-width: 970px;
	height: 115px;
	background: url(../images/header_bg.jpg) no-repeat top center;
} */

.comp_logo {
display: inline;
	margin: 0;

	width: 200px;
}
.comp_logo img{
	padding-top: 25px;
}
.header_btm {
	margin: 1.5em 90px 0 0;
	padding: 0;
	width: 350px;
	height: auto;
	display: table;
	float: right;
}

.header_btm .cell {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

img.seicomart_logo {
	margin: 0;
	padding: 0 0 0.3em 0;
	width: 104px;
	height: 16px;
}

/* //////////////////////////// */
/* global navigation */
/* //////////////////////////// */
:root{
	--gnav-height: 84px;

}

.fixed {
	position: fixed;
	top: 0;
	z-index: 998;
}

.absolute {
	position: absolute;

}

.entry_area_inner{
	/* width: 100%; */
	max-width: 954px;
	padding: 0 8px 8px 8px;
	margin: 0 auto;
}



.entry_area {
	display: flex;
	justify-content: flex-end;
	gap: 1em;
	margin: 0;
	padding: 8px 0 0 0;

}

.entry_area a .button_s {
	vertical-align: middle;
}

ul.gnav_sp li {
	display: none;
}


/* //////////////////////////// */
/* main content */
/* //////////////////////////// */
#content_wrap_topmargin0 {
	display: flex;
	flex-flow: column wrap;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	min-height: 600px;
	height: auto;
	clear: both;
}
/*エントリーボタンの余白をjs取得してmargin-top付与しています　gnav_fix.js*/
#content_wrap {
	display: flex;
	flex-flow: column wrap;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	min-height: 600px;
	height: auto;
	clear: both;
}

#content_wrap_2nd {
	display: flex;
	flex-flow: column wrap;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	min-height: 600px;
	height: auto;
	clear: both;
}


/* //////////////////////////// */
/* top */
/* //////////////////////////// */
#top_firstview {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 600px;
}

.top_firstview_inner {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1200px;
	height: auto;
}

.title_logo {
	position: absolute;
	margin: 20px 0 0 20px;
	z-index: 500;
}

.top_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 25px 125px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.top_bottom ul {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

.top_bottom ul li {
	display: block;
	padding: 12px 0;
	background: #fff;
	box-sizing: border-box;
	border: 4px solid #f77e2d;
	border-radius: 10px;
}

.top_inturn_ban {
	margin: 0;
	padding: 0;
	width: 400px;
	height: auto;
	float: right;
}

.company_pamph {
	margin: 1.5em auto 4em auto;
	padding: 0;
	width: 60%;
	height: auto;
}

.catch_area {
	margin: 0;
	padding: 0;
	width: 85%;
	height: auto;
}

.catch_lf {
	margin: 0;
	padding: 0;
	width: 65%;
	height: auto;
	float: left;
}

.catch_rt {
	margin: 0;
	padding: 0;
	width: 30%;
	height: auto;
	float: right;
}

.release_area {
	margin: 0;
	padding: 0;
	width: 350px;
	min-height: 100px;
	height: auto;
	background: #eeeeee;
	float: left;
}

table.release {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

table.release th {
	margin: 0;
	padding: 1% 0% 1% 2%;
	width: 33%;
	font-weight: normal;
	text-align: left;
}

table.release td {
	margin: 0;
	padding: 1% 2% 1% 0%;
	width: 63%;
	text-align: left;
}

p.top_ban_title {
	margin: 0.5em 0 1em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

img.top_ban {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.slider_top, .top_bottom, .slider_top_sp {
	display: none;
}

/* //////////////////////////// */
/* inturn */
/* //////////////////////////// */

h3.inturn {
	padding: 1em 0 1em 0;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	background: #ff6600;
}

#inturn_firstview {

	margin: 0;
	padding: 0;

	width: 100%;
	height:600px;
	background: url(../images/recruite/newgraduate/top_img_inturn.jpg) center top no-repeat;
}

#inturn_firstview .top_firstview_inner {
	margin: 0 auto 0 auto;
	padding: 25px 25px 50px 25px;
	width: 920px;
	height: auto;

}
#inturn_firstview .top_firstview_inner.hero{
	position: relative;
	width: 970px;
	padding: 0 0 0 0;

	height: 600px;
}

#inturn_firstview .top_firstview_inner .catch_01 {
	position: absolute;
	top:25px;
	left: 25px;

}
.catch_area {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 80%;
	height: auto;
}
#inturn_firstview .catch_area{
	position: absolute;
	top:auto;
	bottom: 0;
	left: 25px;

}


.news02 {

	max-width: 350px;

	margin-bottom: 40px;
	padding:10px;
	background-color: #eee;
	text-align: center;
}

.inturn_content {
	margin: 0;
	padding: 0 3% 0 3%;
	width: 94%;
	height: auto;
}

.inturn_content p {
	line-height: 1.6em;

}

.inturn_content b {
	font-size: 20px;
	background: linear-gradient(transparent 50%, #ffbc48 0%);

}
.inturn_content01{
	width: fit-content;
	margin: 0 auto;

}
.inturn_content02{
	font-size: 16px;
	width: 85%;
	width: 100%;
	/* min-width: 776px; */
	margin: 0 auto;
	padding: 1em 3em;
	padding: 10px 2%;
	border:solid 2px #ff6600;
	box-sizing:border-box;

}
.inturn_content02 h3{
	font-size: 1.2em;
	font-size: 16px;
	line-height: 1.6;
	font-weight: normal;

}
.inturn_content02 p{
	font-size: 1.2em;
	font-size: 16px;
	line-height: 1.6;

}
.inturn_content02 h4{
	position: relative;
	width: fit-content;
	min-width: 200px;
	/* margin: 1.3em auto 1em auto; */
	margin: 1em auto 1em 0;
	padding: 4px 4px;
	font-size: 1.4em;
	line-height: 1.6;
	font-weight: bold;
	/* text-align: left; */
	text-align: left;
	overflow: hidden;

	font-size: 20px;

}
/* .inturn_content02 h4::before {
    position: absolute;
    left: -10px;
    bottom: 0px;
    width: 104%;
    height: 10px;

    transform: skew(-45deg);
    background-image: repeating-linear-gradient(90deg, transparent 0 4px, #ffc96d 4px 8px);
    content: '';
    z-index: -1;
} */

.inturn_content02 h4 span{
	/* white-space: nowrap; */
}

.voice {
	margin: 1em auto 1em auto;
	padding: 3%;
	width: 84%;
	height: auto;
	background: #FFDCC8;
}
.nowrap{
	white-space: nowrap;
}
/* //////////////////////////// */
/* person */
/* //////////////////////////// */
.person_inner {
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	display: box;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.person_title {
	margin: 0 auto 1em auto;
	padding: 1em 0 1em 0;
	width: 100%;
	max-width: 970px;
	height: auto;
	color: #333333;
}

.person_title h2 {

	margin: 0;
	padding: 0;
}

#product {
	border: 2px;
	border-style: solid none solid none;
	border-color: #00b0b9;
}

#operation {
	border: 2px;
	border-style: solid none solid none;
	border-color: #89a3cb;
}

#marketing {
	border: 2px;
	border-style: solid none solid none;
	border-color: #ff8896;
}

#development {
	border: 2px;
	border-style: solid none solid none;
	border-color: #d787c4;
}

#management {
	border: 2px;
	border-style: solid none solid none;
	border-color: #9cc983;
}


.operation,.product,.marketing,.development,.management,.obihiro,.siraoi,.kitami,.women {
	display: flex;
	flex-flow: row wrap;

}
.person_inner .development,.person_inner .management{
	/*なぜかwidth50％になるので記載*/
	width: 100%;
}
.box {
	margin: 1em 0.5% 1em 0.5%;
	padding: 0;
	width: 24%;
	height: auto;

}

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

.box a {
	color: #333333;
}

.box a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.box p {
	color: #333333;
	font-weight: normal;
}

span.name {
	margin: 0.7em 0 0.7em 0;
	font-size: 1.6em;
}



img.name_img {
	margin: 0 0 0.7em 0;
	padding: 0;
	width: auto;
	height: 2.6em;
}

p.type_product {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #00b0b9;
}

p.type_operation {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #89a3cb;
}

p.type_marketing {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #ff8896;
}

p.type_development {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #d787c4;
}

p.type_management {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #9cc983;
}

p.type_obihiro, p.type_siraoi, p.type_kitami {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #89a3cb;
}

img.hist_allow {
	margin: 0 auto 0 auto;
	width: 10%;
	height: auto;
}

.content_inner_per {
	display: flex;
gap :1em;

	margin: 0 auto 0 auto;
	padding: 0;
	width: auto;
	max-width: 970px;
	height: auto;
	clear: both;
}

.cl2_lf_per {

	margin: 1em 0 1em 0;
	padding: 0;

	max-width: calc(50% - 1em);
	height: auto;

}

.cl2_lf_per .content_inner {
	width: 100%;
	height: auto;
}

.cl2_lf_per .box {
	margin: 1em 0 1em 0;
	padding: 0 0.5% 0 0.5%;
	width: 49%;
	height: auto;
}

.cl2_lf_per .person_title {
	width: 100%;
	height: auto;

}

.cl2_rt_per {
	margin: 1em 1% 1em 0;
	padding: 0;
	width: 49%;
	height: auto;
	float: left;
}

.cl2_rt_per .content_inner {
	width: 100%;
	height: auto;
}

.cl2_rt_per .box {
	margin: 1em 0 1em 0;
	padding: 0 0.5% 0 0.5%;
	width: 49%;
	height: auto;
}

.cl2_rt_per .person_title {
	width: 100%;
	height: auto;

}

/* 職種ナビゲーション */
.person_navi {
	z-index: -1;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 10px;
	padding: 0 0 20px 0;
	vertical-align: middle;
	height: 100%;

}

.person_navi a {
	display: inline-block;
	position: relative;
	width: 100%;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: 600;
	text-indent: 1.1em;
	padding: 12px 6px;
	text-align: center;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	border-radius: 8px;
	vertical-align: middle;
}

.person_navi a:before {
	position: absolute;
	content: "";
	background-color: #fff;
	width: 20px;
	height: 20px;
	left: 8px;
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
}

/* 個人紹介ページ */
.person_navi .product {
	background: #009ea7;

}

.person_navi .operation {
	background: #7b93b7;

}

.person_navi .marketing {
	background: #e67a87;
}

.person_navi .development {
	background: #c27ab0;
}

.person_navi .management {
	background: #8cb576;
}

.person_top {
	margin: 0;
	padding: 35px 0 0 0;
	width: 100%;
	height: 565px;
}

.person_data {
	margin: 100px 0 0 0;
	padding: 20px;
	width: 430px;
	height: auto;
	background: #ffffffb0;
}

.person_data p {
	font-size: 120%;
}

p.person_name {

	margin: 0.7em 0 0.7em 0;
	font-size: 3em;
	letter-spacing: 0.3em;
}

/*
p.person_name:after{
	margin: 0.7em 0 0.7em 0;
	content: "さん";
	font-size: 20px;
	letter-spacing: 0;
}
*/
.honorific {
	margin: 0.7em 0 0.7em 0;
	content: "さん";
	font-size: 20px;
	letter-spacing: 0;
}

.person_data p.name {
	margin: 0 0 1em 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 120%;
}

.person_data p.comment {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 120%;
}



#employee_xxx {
	background: url("../images/recruite/newgraduate/staff/xxx_bg.jpg") no-repeat top center;
}

#product_yu {
	background: url("../images/recruite/newgraduate/staff/product_yu_01.jpg") no-repeat top center;
}

#operation_tk {
	background: url("../images/recruite/staff/operation_tk_01.jpg") no-repeat top center;
}

#operation_kk2 {
	background: url("../images/recruite/staff/operation_kk2_01.jpg") no-repeat top center;
}

#product_yt {
	background: url("../images/recruite/staff/product_yt_01.jpg") no-repeat top center;
}

.cont_lf {
	margin: 0;
	padding: 0;
	width: 700px;
	height: auto;
	float: left;
}

.cont_rt {
	margin: 0;
	padding: 0;
	width: 240px;
	height: auto;
	float: right;
}

.desc {
	margin: 1em 0 1em 0;
	font-size: 1.3em;
}

.head {
	margin: 1.3em 0 1.3em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
}

.head2 {
	margin: 1.3em 0 1.3em 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

.interview {
	margin: 1em 0 1em 0;
	padding: 0 2% 0 2%;
	font-size: 1.2em;
	line-height: 200%;
}

table.schedule {
	margin: 0 0 2em 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-collapse: separate;
	border-spacing: 0;
	cellspacing: 0;
	border: 1px;
	border-style: solid;
	border-color: #ff6600;
}

table.schedule th {
	padding: 2% 3% 0 3%;
	font-weight: bold;
	width: 25%;
	text-align: left;
	vertical-align: top;
}

table.schedule th.title {
	color: #ffffff;
	text-align: center;
	background: #ff6600;
}

table.schedule td {
	padding: 0 3% 2% 1em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table.history {
	margin: 0 0 2em 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

table.history th {
	padding: 2% 0 2% 3%;
	font-weight: normal;
	width: 40%;
	text-align: left;
	vertical-align: top;
}

table.history th.title {
	color: #ffffff;
	text-align: center;
	background: #ff6600;
}

table.history td {
	padding: 2% 3% 2% 0;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table.history td.center {
	text-align: center;
}

/* //////////////////////////// */
/* work */
/* //////////////////////////// */
#content_wrap.work{
	padding-top: 50px;
}
.work ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work ul li {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	text-align: center;
	display: block;
}

.work .entry_area_2nd ul li {
	margin: 0 0.5em 0 0.5em;
	display: inline-block;
}

h2.marketing_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #ff8896;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

h2.product_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #00b0b9;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

h2.operation_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #89a3cb;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

h2.development_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #d787c4;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

h2.management_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #9cc983;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

h2.system_title {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0 0.3em 0;
	color: #ffffff;
	background: #00a48b;
	border-radius: 0 0 0.5em 0.5em;
	clear: both;
}

/* 個別紹介ページ */
.work h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

.work .product {
	font-weight: bold;
	color: #00b0b9;
}

.work #product {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #00b0b9;
}

.work .operation {
	font-weight: bold;
	color: #89a3cb;
}

.work #operation {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #89a3cb;
}

.work .marketing {
	font-weight: bold;
	color: #ff8896;
}

.work #marketing {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #ff8896;
}

.work .development {
	font-weight: bold;
	color: #d787c4;
}

.work #development {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #d787c4;
}

.work .management {
	font-weight: bold;
	color: #9cc983;
}

.work #management {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #9cc983;
}

.work .system {
	font-weight: bold;
	color: #00a48b;
}

.work #system {
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	color: #333333;
	border: 2px;
	border-style: solid none solid none;
	border-color: #00a48b;
}

/* 職種紹介 20171115追加 */
h2.work_name {
	margin: 0.5em 0 0 0;
	padding: 0.7em 0.7em 0.5em 0.7em;
	color: #ffffff;
	font-size: 2em;
	font-weight: normal;
	box-sizing: border-box;
	background: #ff8896;
}

h3.work_sub_title {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 160%;
	border: 1px;
	border-style: none none solid none;
	border-color: #ff8896;
	box-sizing: border-box;
}

.work_contents {
	margin: 1em 0 1em 0;
	padding: 2em;
	width: 100%;
	height: auto;
	border: 1px;
	border-style: solid;
	border-color: #ff8896;
	box-sizing: border-box;
	border-radius: 10px;
}

ul.work_skill {
	margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
	height: auto;
}

ul.work_skill li {
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	text-align: left;
	box-sizing: border-box;
	border: 1px;
	border-style: none none solid none;
	border-color: #cccccc;
}

ul.work_skill li:first-child {
	border-style: solid none solid none;
}

ul.work_skill li span {
	font-size: 1.2em;
}

ul.work_trivia {
	margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
	height: auto;
}

ul.work_trivia li {
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	text-align: left;
	box-sizing: border-box;
	border: 1px;
	border-style: none none solid none;
	border-color: #cccccc;
}

ul.work_trivia li:first-child {
	border-style: solid none solid none;
}

ul.work_trivia li span {
	font-size: 1.2em;
}

/* //////////////////////////// */
/* 社員対談 20171116追加 */
/* //////////////////////////// */
h3.dialogue_top_tx {
	font-size: 1.5em;
	line-height: 160%;
	text-align: center;
}

.dialogue_ban {
	position: relative;
	margin: 2em 0 2em 0;
	padding: 0;
	width: 100%;
	height: 450px;
}

a .dialogue_ban img:hover {
	opacity: 1;
}

a .dialogue_ban:hover {
	opacity: 0.5;
}

.dialogue_ban_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	z-index: 450;
}

.dialogue_ban_tx_lf {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 40px 20px 40px 20px;
	width: 400px;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	z-index: 500;
}

.dialogue_ban_tx_rt {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 40px 20px 40px 20px;
	width: 400px;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	z-index: 500;
}

.dialogue_ban_tx_lf h3,
.dialogue_ban_tx_rt h3 {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
}

a:hover .dialogue_ban_tx_lf h3,
a:hover .dialogue_ban_tx_rt h3 {
	text-decoration: underline;
}

/* 社員対談子ページ */
.dialogue_firstview {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	width: 100%;
	height: auto;

}
.dialogue_firstview:before {
    content: "";
    display: block;
    padding-top: 46.4%;
}
.dialogue_fv_img {
	position: absolute;
	top: 0;
	left: 0;

}

.dalogue_fv_tx_lf {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 40px 20px 40px 20px;
	width: 400px;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	z-index: 500;
}

.dalogue_fv_tx_rt {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 40px 20px 40px 20px;
	width: 400px;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	z-index: 500;
}

.dalogue_fv_tx_lf h2,
.dalogue_fv_tx_rt h2 {
	margin: 0;
	font-size: 1.7em;
	font-weight: normal;
}

.prof_img {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 180px;
	height: auto;
	border-radius: 50%;
}

.prof_name {
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 1.5em;
}

.prof_name_img {
	margin: 1em 0 0.5em 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.prof_comment {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

.dialogue_head {
	margin: 2em 0 1em 0;
	padding: 0;
	font-size: 1.7em;
	font-weight: normal;
}

.dialogue_face {
	margin: 1em 0 1em 0;
	padding: 0 10px 0 10px;
	width: 180px;
	height: auto;
	box-sizing: border-box;
}

.dialogue_face img {
	border-radius: 50%;
}

.dialogue_face img.name {
	margin: 0.5em auto 0 auto;
	padding: 0;
	width: auto;
	height: 1.2em;
	border-radius: 0;
}

.dialogue_comment {
	margin: 1em 0 1em 0;
	padding: 0 10px 0 10px;
	width: 790px;
	height: auto;
	box-sizing: border-box;
}

/* //////////////////////////// */
/* プロジェクトストーリー 20171220追加 */
/* //////////////////////////// */
.project_ban {
	position: relative;
	margin: 2em 0 2em 0;
	padding: 0;
	width: 100%;
	height: 450px;
}

.project_ban_title {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 30px;
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, 0.75);
	box-sizing: border-box;
}

.project_ban_title h2 {
	margin: 0;
	color: #333333;
}

a .project_ban_title p {
	color: #333333;
}

a .project_ban_title h2 {
	color: #333333;
}

a .project_ban:hover img {
	opacity: 1;
}

a .project_ban:hover {
	opacity: 0.5;
}

.project_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
}

/* プロジェクトストーリー子ページ */
.project_main {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 970px;
	height: auto;
}
.project_main:before {
    content: "";
    display: block;
    padding-top: 61.8%;
}
.project_subtitle {
	font-size: 1.2em;
}

.project_title_area {
	position: absolute;
	top: 90px;
	left: 0;
	margin: 0;
	padding: 30px;
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, 0.75);
	z-index: 500;
}

.project_title_area h2 {
	margin: 0;
	padding: 0;
	font-size: 3em;
	line-height: 160%;
}

.project_img_area {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	z-index: 400;
}

.project_intro {
	margin: 4em auto 4em auto;
	padding: 0;
	width: 75%;
	height: auto;
	box-sizing: border-box;
}

.project_intro p {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 160%;
}

.profile {
	margin: 4em auto 2em auto;
	padding: 0;
	width: 75%;
	height: auto;
	box-sizing: border-box;
}

.profile_img {
	margin: 0;
	padding: 0;
	width: 30%;
	height: auto;
	float: left;
}

.profile_img img {
	border-radius: 50%;
}

.profile_data {
	margin: 0;
	padding: 0 0 0 2em;
	width: 70%;
	height: auto;
	box-sizing: border-box;
	float: right;
}

.profile_data h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 160%;
}

.project_row {
	margin: 7em 0 7em 0;
	padding: 0;
	width: 100%;
	height: auto;
	line-height: 180%;
}

.project_head {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 2em;
	color: #776351;
}

.history_area_lf {
	margin: 0;
	padding: 0;
	width: 50%;
	height: auto;
	float: left;
}

.history_area_rt {
	margin: 0;
	padding: 0;
	width: 48%;
	height: auto;
	float: right;
}

.history_area_rt p {
	margin: 0.5em 0 2em 0;
}

.project_history {
	position: relative;
	margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
	height: 120px;
}

.history_tx_area {
	position: relative;
	top: 40px;
	left: 40px;
	width: 100%;
	height: 150px;
	z-index: 100;
}

.history_tx_area p {

	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 160%;
}

.year {
	font-size: 2.5em;
}

/* プロジェクトストーリーメロンソフト */
.project_history_ms {
	margin: 3em auto;
	padding: 0 40px;
	width: auto;
}

.history_tx_area_ms {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	height: auto;
}

.history_tx_area_ms p {
	align-self: flex-start;
	width: 83%;
	margin: 5px 0 1.5em 0;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
}

.ms {
	width: 17%;
	margin: 15px 0 0 0;
	font-size: 38px;
	line-height: 24px;
}

.ms>.year {
	line-height: 160%;
	font-size: 18px;
}


/* //////////////////////////// */
/* 求める人物像 */
/* //////////////////////////// */
.talent_catch {
	margin: 0 auto 0 auto;

	padding: 0;
	width: 80%;
	width: 100%;
	height: auto;
}
.talent_catch h3{
	margin:1em 0 0 0;

	font-size: 150%;
	font-size: 3em;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.08em;
}
.talent_catch p{
	margin:1.5em 0;
	font-size: 1.5em;
  line-height: 1.2;
  text-align: center;
  }

.talent_btm {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
}

.talent_img_s {
	margin: 0 1em 0 0;
	width: 240px;
	height: 180px;

}

.talent{
	margin: 0 auto 0 auto;
	margin: 0 0 ;
	padding: 60px 0 0 0;
	width: 100%;

}
.talent h3{
	font-size: 2em;
	margin: 0 0 1em 0;
	padding: 0 0 0 0.5em;
	border-bottom: 1px solid #ff6600;
	white-space: nowrap;
}

.talent .disp_t_cell p{
	padding: 0 1em;
	font-size: 1.2em;
	line-height: 1.8;
}

.talent .disp_table{
	margin-bottom: 3em;
}

/* //////////////////////////// */
/* 社長メッセージ */
/* //////////////////////////// */
.message_tx_area {
	position: relative;
	margin: 2em 0.5em 2em 0;
	padding: 0;
	width: 72%;
	height: 200px;
	float: left;
}

h2.message {
	margin: 0 0 0.5em 0;
	padding: 0;
}

.message_tx_btm {
	position: absolute;
	right: 0;
	bottom: 0;
}

.message_img_area {
	margin: 2em 4em 2em 0.5em;
	padding: 0;
	width: 184px;
	height: 200px;
	float: right;
}

.message_img {
	marign: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

/* 20171115追加 */
.top_message_view {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 455px;
}

.view_img_area {
	position: absolute;
	width: 100%;
	height: 455px;
	z-index: 450;
}

.view_tx_area {
	position: absolute;
	top: 55px;
	right: 55px;
	margin: 0;
	padding: 20px;
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	z-index: 500;
}

.top_msg_head {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 200%;
}

.message_main_tx {
	font-size: 1.2em;
	line-height: 180%;
}

.name_area {
	font-size: 1.5em;
	line-height: 160%;
	float: right;
}

/* //////////////////////////// */
/* 採用データ */
/* //////////////////////////// */
table.data {
	margin: 1em auto 1em auto;
	padding: 0;
	width: 94%;
	border-collapse: collapse;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

table.data th {
	background: #cccccc;
	width: 20%;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

table.data td {
	padding: 1% 2% 1% 2%;
	text-align: left;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

.entry_large {
	margin: 20px 0 20px 0;
	padding: 5%;
	width: 90%;
	height: auto;
	background: url(../images/recruite/newgraduate/entry_bg.png) no-repeat top right #ff9900;
}

.entry_large:hover {
	opacity: 0.5;
}

.entry_large p {
	color: #ffffff;
}

.entry_large h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.2em 0;
	font-size: 2em;
	font-weight: bold;
	color: #ffffff;
	border: 1px;
	border-style: none none solid none;
	border-color: #ffffff;
}

.entry_large h2:before {
	content: url(../images/link_ic.png);
	margin: 0 0.5em 0 0;
	vertical-align: middle;
}


/* //////////////////////////// */
/* women */
/* //////////////////////////// */
.women {
	width: 756px;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}

.women .box {
	width: 232px;
	float: left;
}

p.type_women {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #ff8896;
}

/* //////////////////////////// */
/* 教育研修 */
/* //////////////////////////// */
.plan_area {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: table;
}

.traning_title {
	margin: 0 0 1em 0;
	padding: 0.5em;
	font-size: 1.5em;
	color: #ffffff;
	text-align: center;
	background: #ff6600;
}

.traning_plan {
	margin: 0;
	padding: 0;
	width: 28%;
	min-height: 14em;
	display: table-cell;
	border: 1px;
	border-style: solid;
	border-color: #cccccc;
}

.traning_allow {
	margin: 0;
	padding: 0 1.5% 0 1.5%;
	width: 5%;
	height: 14em;
	display: table-cell;
	vertical-align: middle;
}

table.tools {
	margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-collapse: collapse;
	vertical-align: middle;
	border: 1px;
	border-style: solid;
	border-color: #cccccc;
}

table.tools th {
	padding: 1em 0 1em 0;
	width: 27%;
	height: 3em;
	font-size: 2em;
	font-weight: bold;
	line-height: 160%;
	color: #ffffff;
	background: #ff6600;
	border: 1px;
	border-style: solid;
	border-color: #ff6600;
}

table.tools td {
	padding: 1.5em;
	width: 70%;
}
.voice_area{
	display: flex;
	width: 100%;
}

.side-scroll{
	/* margin: 0 auto 0 auto;
	padding: 0 6%;
  width: 100%;
  max-width: 970px; */

}
.side-scroll img{
	image-rendering: -webkit-optimize-contrast;

}

/* //////////////////////////// */
/* Q&A */
/* //////////////////////////// */
.faq_area {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

hr.faq_border {
	margin: 0;
	padding: 0;
	border: 1px;
	border-style: solid none none none;
	border-color: #cccccc;
}

.question {
	margin: 1em 0 0.5em 0;
	padding: 0;
}

.cat_title {
	margin: 1em 0 1em 0;
}

.faq_title {
	position: relative;
	margin: 0;
	padding: 1em 2em 1em 0.5em;
	font-size: 1.3em;
	font-weight: normal;
}

.faq_title:hover {
	cursor: pointer;
	text-decoration: underline;
	background: #ffebc6;
}

.faq_active {
	background: #ffebc6;
}

.humb_ic {
	position: absolute;
	top: 38%;
	right: 0.5em;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

.faq_open {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.answer {
	margin: 1.5em 0 1.5em 0;
	padding: 0 1em 0 1em;
	font-size: 1.2em;
}
.answer a{
	text-decoration: underline;
}
.answer_indent {
	margin: 0;
	padding: 0 1em 0 2em;
	font-size: 1.2em;
	text-indent: -1em;
}

#a_001, #a_002, #a_003, #a_004, #a_005,
#a_006, #a_007, #a_008, #a_009, #a_010,
#a_011, #a_012, #a_013, #a_014, #a_015,
#a_016, #a_017, #a_018 {
	margin: 0;
	padding: 0;
	display: none;
}

.allow_01 {
	position: relative;
	margin: 0;
	padding: 15px;
	min-height: 50px;
	color: #ffffff;
	background: #96d4e8;
	vertical-align: middle;
	z-index: 105;
}

.allow_01:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 27px solid transparent;
	border-left: 1.3em solid #96d4e8;
}

.allow_02 {
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 35px;
	min-height: 50px;
	color: #ffffff;
	background: #71c6e6;
	vertical-align: middle;
	z-index: 104;
}

.allow_02:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 27px solid transparent;
	border-left: 1.3em solid #71c6e6;
}

.allow_03 {
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 35px;
	min-height: 50px;
	color: #ffffff;
	background: #54bae5;
	vertical-align: middle;
	z-index: 103;
}

.allow_03:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 27px solid transparent;
	border-left: 1.3em solid #54bae5;
}

.allow_04 {
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 35px;
	min-height: 50px;
	color: #ffffff;
	background: #29a9e3;
	vertical-align: middle;
	z-index: 102;
}

.allow_04:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 27px solid transparent;
	border-left: 1.3em solid #29a9e3;
}

.allow_05 {
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 35px;
	min-height: 50px;
	color: #ffffff;
	background: #0199e1;
	vertical-align: middle;
	z-index: 101;
}

.allow_05:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 27px solid transparent;
	border-left: 1.3em solid #0199e1;
}

/* //////////////////////////// */
/* data.html 数字でわかるるセコマ (土橋追加) */
/* //////////////////////////// */

.data_secoma {
	display: block;
}

.data_secoma h3 {
	font-size: 1.7em;
	padding: 0;
	margin: 1em 0em 0.3em 1em;
	color: #ff6600;
}



.data_secoma img {
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.data_secoma p {
	padding: 0 0 0em 2em;
}

.data_box {
	background: linear-gradient(#fdfdfd, #fdfcfa);
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	margin-bottom: 1em;
	/*position: relative;*/
	display: table;
	margin: auto;
	z-index: 0;
}
.data_box h4 {
	font-size: 1.4em;
	padding: 0 0 0em 2em;
	position: absolute;
	z-index: 1;
}

.data_cl1 {
	/*1カラム*/
	margin: 0;
	padding: 0 0 2em 0;
	width: 100%;
	height: auto;
}

.data_cl2_lf {
	/*2カラム 左*/
	margin: 0em;
	margin: 0em 0em 0em 1em;
	padding: 0 0 2em 0;
	width: 48%;
	height: auto;
	float: left;
}

.data_cl2_lf .content_inner {
	width: 100%;
	height: auto;
}

.data_cl2_rt {
	/*2カラム 右*/
	margin: 0em 1em 0em 0em;
	padding: 0 0 2em 0;
	width: 48%;
	height: auto;
	float: right;
}

.data_cl2_rt .content_inner {
	width: 100%;
	height: auto;
}

.data_box span.remark {
	/*ホバーで表示される緑のボタン*/
	display: none;
}

.data_box a:hover span.remark {
	/*ホバーで表示される緑のボタン デザイン部分*/
	display: block;
	background-color: #9ec34b;
	border: 2px solid #9ec34b;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 52px;
	color: #FFF;
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 16em;
	overflow: hidden;
	z-index: 1;
}

.data_voice h3 {
	text-align: center;
	font-size: 1.7em;
	color: #00836f;
}

.data_voice_box {
	/*研修参加者の声 幅制御*/
	margin: 0 auto;
	width: 83%;
	height: auto;
}

.data_voice_box li {
	/*研修参加者の声 デザイン部分*/
	font-size: 1em;
	line-height: 180%;
	padding: 2em 2em;
	margin: 2em auto 1em auto;
	color: #454545;
	background: linear-gradient(#fdfdfd, #fdfcfa);
	border-top: solid 5px #00a48b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.data_voice_box p {
	font-size: 1.2em;

}
.data_voice_box .red_uline {
	color: inherit;
	text-decoration: none;
	background: linear-gradient(transparent 60%, #ffef7a 60% 85%, transparent 85%);
}
/* //////////////////////////// */
/* 福利厚生 */
/* //////////////////////////// */
.benefits {
	font-size: 120%;
	line-height: 160%;
}

.benefits h3 {
	margin: 1.5em 0 0 0;
	padding: 0.7em 0 0.7em 0.7em;
	line-height: 1em;
	border: 7px;
	border-style: none none none solid;
	border-color: #ff6600;
}

.benefits h4 {
	margin: 0 0 1em 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	border: 1px;
	border-style: solid none solid none;
	border-color: #ff8989;
}

.tx_box_top {
	position: relative;
	margin: 1.5em 0 0 0;
	padding: 3%;
	width: 94%;
	height: auto;
	color: #ffffff;
	background: #ff9900;
	border-radius: 1em;
}

.tx_box_top:after {
	content: "";
	position: absolute;
	top: -33px;
	left: 40px;
	margin: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 1.5em solid #ff9900;
}

.tx_box_right {
	position: relative;
	margin: 0 1.5em 0 0;
	padding: 3%;
	width: 85%;
	height: auto;
	color: #ffffff;
	background: #ff9900;
	border-radius: 1em;
}

.tx_box_right:after {
	content: "";
	position: absolute;
	top: 20px;
	left: 100%;
	margin: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 1.5em solid #ff9900;
}

.kenkou_tx {
	width: 60%;
}

.kenkou_logo {
	margin: 0;
	padding: 0;
	width: 40%;
	height: auto;
}

.kenkou_logo img {
	width: 120px;
	height: 120px;
}

.kenkou_news_tx {
	margin: 0 0 1em 0;
	padding: 0;
	width: 65%;
	height: auto;
	float: left;
}

.slider_hanami, .slider_sports, .slider_kosuiyoku, .slider_kanpu {
	margin: 0 !important;
	padding: 0;
	height: auto;
}

/* //////////////////////////// */
/* 地方事務所 */
/* //////////////////////////// */
.cl2_rt_office {
	margin: 1em 1% 1em 0;
	padding: 0;
	width: 49%;
	height: auto;
	float: left;
}

.cl2_rt_office .content_inner {
	width: 100%;
	height: auto;
}


.office_ban {
	position: relative;
	/*margin: 2em 0 2em 0;*/
	padding: 0;
	width: 100%;
	height: 280px;
}

.office_ban_title {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	padding: 40px;
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, 0.75);
	box-sizing: border-box;
}

.office_ban_title h2 {
	margin: 0;
	color: #333333;
}

a .office_ban_title p {
	color: #333333;
}

a .office_ban_title h2 {
	color: #333333;
}

a .office_ban:hover img {
	opacity: 1;
}

a .office_ban:hover {
	opacity: 0.5;
}

.office_ban_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 280px;
}





/* //////////////////////////// */
/* footer */
/* //////////////////////////// */
/* #footer_wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
} */

#footer_top {
	margin: 10em 0 10em 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.footer_company {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 970px;
	height: auto;
	display: table;
}

.footer_company_lf {
	margin: 0;
	padding: 0 1.5% 0 0;
	width: 48.5%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.footer_company_rt {
	margin: 0;
	padding: 0 0 0 1.5%;
	width: 48.5%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}

#footer_bottom {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	color: #ffffff;
	background: #847c6e;
}

#footer_bottom a {
	color: #ffffff;
}

.sitemap_area {
	display: flex;
	flex-direction: row;
	margin: 0 auto 0 auto;
	padding: 1em 0 1em 0;
	width: 70%;
	height: auto;
}

ul.sitemap {
	margin: 0;
	padding: 0;
	width: 33%;
	height: auto;
	/*float: left;*/
}

.sitemap_title {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	width: 100%;
	height: auto;
	font-size: 1.5em;
	color: #ffffff;
	display: block;
}

.sitemap_link {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	width: 100%;
	height: auto;
	display: block;
}

#footer_bottom a .sitemap_link:hover {
	text-decoration: underline;
}

#copy_area {
	margin: 0;
	padding: 0.3em 0 0.3em 0;
	width: 100%;
	height: auto;
	color: #333333;
	text-align: center;
	background: #ffffff;
}

#copy_area ul {
	margin: 0 auto 0 auto;
	padding: 0.3em 0 0.3em;
	width: 100%;
	height: auto;
}

#copy_area li {
	margin: 0;
	padding: 0 1% 0 1%;
	font-size: 0.8em;
	display: inline-block;
}

#copy_area li.copy_btm {
	display: inline-block;
}

li.border_rt {
	border: 1px;
	border-color: #BEBEBE;
	border-style: none solid none none;
}

#copy_area a {
	color: #333333;
}

#copy_area a:hover {
	text-decoration: underline;
}

/* 削除予定 ///////////////////////////////////////////////// */
p.link_ic {

	margin: 0.8em 0 0 1.1em;
	padding: 0.1em 0.5em 0 1.7em;
	background: url(../images/link_ic.png) no-repeat left center;
	background-size: 1.3em;
}

p.line_dot {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	width: 100%;
	height: 3px;
	background: url("../images/bg_dot.png") repeat-x top center;
}

.cont_lf {
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	width: 740px;
	height: auto;
	float: left;
}

.cont_lf_inner {
	margin: 0;
	padding: 0 2% 0 2%;
	width: 96%;
	height: auto;
}

.cont_lf_inner p {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

.cont_rt {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	width: 200px;
	height: auto;
	float: right;
}

/* 右ナビゲーション*/
.nav_rt_wrap {
	margin: 0;
	padding: 1em 0 1em 0;
	width: 100%;
	height: auto;
	background: #f2F2F0;
	border-radius: 0 0 1em 1em;
}

.nav_rt_wrap p.link_ic {
	margin: 0.5em 0 0.5em 1em;
}

.nav_rt_wrap p.link_ic a {
	color: #847C6D;
	text-decoration: none;
}

.nav_rt_wrap p.link_ic a:hover {
	text-decoration: underline;
}

h2.rt_title {
	color: #ffffff;
	margin: 0;
	padding: 0.5em 0 0.5em 7%;
	font-size: 1.2em;
	font-weight: bold;
	background: #f38117;
}

/*採用ページ人物紹介BOX・キャプション・写真*/
#secoma h2 {
	margin: 0.3em 0 0.5em 0;
	padding: 0.3em 0.3em 0.3em 0.3em;
	font-size: 1.3em;
	border: 2px;
	border-style: none none solid none;
	border-color: #f38117;
}

#secoma .cl2_lf img {
	width: 100%;
	height: auto;
}

#secoma .cl2_rt img {
	width: 100%;
	height: auto;
}

#secoma .cl3_lf img {
	width: 100%;
	height: auto;
}

#secoma .cl3_cn img {
	width: 100%;
	height: auto;
}

#secoma .cl3_rt img {
	width: 100%;
	height: auto;
}

#secoma .clickable {
	margin: 0 auto 0 auto;
}

.recruite_person {
	width: 725px;
	margin: 10px 10px 5px 10px;
	padding: 0px 2px 0px 2px;
	float: left;
	background-color: #EEE;
	border: 0px solid #CCC;
}

.recruite_person_caption {
	width: 390px;
	margin: 10px 10px 0px 0px;
	padding: 0px 2px 2px 2px;
	float: right;
}

.recruite_person_photo {
	width: 250px;
	margin: 10px 10px 10px 5px;
	padding: 2px 2px 2px 10px;
	float: left;
}

.recruite_person_noline {
	width: 735px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/* Ya追加テーブル */
table.sec_table_2 {
	margin: 1em 0 1em 0;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

table.sec_table_2 th {
	text-align: left;
	vertical-align: top;
	background: #E5E5E5;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

table.sec_table_2 td {
	width: 80%;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

table.sec_table_section {
	margin: 1em 0 1em 0;
	width: 100%;
	height: auto;

}

table.sec_table_section th {
	text-align: left;
	vertical-align: top;
	background: #E5E5E5;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-left-style: none;
	border-right-style: none;
}

table.sec_table_section td {
	padding: 5px 0px 5px 10px;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-left-style: none;
	border-right-style: none;
}

.news01 {
	margin-top: -220px;
}

.slick-next {
	right: 20px;
}

.slick-prev {
	left: 20px;
}

.slick-next,
.slick-prev {
	width: 32px;
	height: 32px;
}

.slick-prev:before,
.slick-next:before {
	font-size: 32px;
}

.news_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 90px;
}

.news_box a {
	display: block;
	margin: 0 35px;
}

.news_box p {
	line-height: 2em;
	font-weight: bold;
}

.links {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0 0 20px 0;
}

.links h3 {
	text-align: center;
}

.links a img {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}

.lists li {
	padding: 1em 0.5em;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px 0;
	border: 2px solid #aaa;
	border-right: none;
	border-left: none;
	box-sizing: border-box;
	cursor: pointer;
	color: #ff6600;
	background-color: #fff;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lists li:hover {
	background-color: #ff6600;
	color: #fff;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 2px solid #ff6600;
	border-right: none;
	border-left: none;
}

.lists .w30 {
	width: 31.25%;
}

.lists .ghost {
	border: none;
	visibility: hidden;
}

.new_intern {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.new_intern1 {
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.new_intern2 {
	width: 50%;
	margin: 0 auto;
	justify-content: center;
}

.new_intern1 img {
	width: 100%;
}

.cont_lf2 {
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	width: 970px;
	height: auto;
	float: left;
}


.initial {
	font-size: 1.5em !important;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	margin-bottom: 0.35em;
}

.nyuusyanen {
	font-size: 0.7em;
}
/* //////////////////////////// */
/*キャリアイメージ*/
/* //////////////////////////// */
:root {
	--career-path_padd-l: 18px;
	--career-path_navi: #005B97;
	--career-path_navi: #00666B;
	--career-h3: #333;
	--profile-color: #333;
	--profile-h-text: #fff;
	--profile-text: #333;
	--profile-catch: #333;
	--career-path-year: #333;
	--career-path-yeartext: #fff;
	--career-path-line: #333;
	--career-path-now: #333;
	--career-path-figcaption: #005B97;
	--stage-text-color: #333;
	--stage-border-color: #333;
	--stage-back-color: #eee;
}

.career-path {
	font-family: "YakuHanJPs", "Noto Sans JP", sans-serif;
}

.career-path_back {
	background: #eee;
	z-index: -1;
}
.career-path_back section {
	padding: 2em 1em 3em 1em;
}
.career-path_back .content_inner {
	background: #fff;
	z-index: -1;
}

.career-path h3 {
	font-size: 1.7em;
	margin: 30px 0 15px 20px;
	margin: 15px 0 15px 0;
	color: var(--career-h3);
}
.career-path h3 span {
	color: #999;
	margin-right: 0.3em;
	font-style: italic;
}
.career-path h3 span i {
	font-size: 130%;
}

.career-path_navi {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	grid-auto-columns: 1fr;
	gap: 1em;
	margin-bottom: 3em;
}

.career-path_navi a {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 1;
	padding: 20px 12px 24px 12px;
	box-sizing: border-box;
	background: var(--career-path_navi);
	color: #fff;
	border-radius: 8px;
	vertical-align: middle;
}
.career-path_navi a:hover {
	opacity: 0.8;
}

.career-path_navi a .case_no {
	font-weight: 600;
	position: relative;
	font-size: 2.1em;
	padding: 0 12px 8px 30px;
	border-bottom: 2px solid #fff;
}
.career-path_navi a .case_no::before {
	position: absolute;
	font-size: 18px;
	content: "▼";
	left: 4px;
	top: auto;
	bottom: 8px;
}

.career-path_navi a .case {
	font-size: 1.7em;
	line-height: 1.4;
	padding: 18px 12px 12px 12px;
}

.career-path_navi a .occupation {
	padding: 0 12px;
}

.career-path .profile {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 150px auto auto auto auto;
	grid-template-rows: 45px 40px 2.5em auto auto;
	grid-template-areas: "profile_img occupation occupation line catch" "profile_img name year-since line catch" "profile_img affiliated affiliated affiliated affiliated" "profile_img faculty faculty faculty faculty" "emp_link auto auto auto auto";
	padding: 0 0;
	margin: 0 0;
	position: relative;
}

.career-path .profile .caree_profile_img {
	grid-area: profile_img;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.career-path .profile .caree_profile_img img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	   object-fit: cover;
	border: solid 2px var(--profile-color);
}

.career-path .profile .occupation {
	grid-area: occupation;
	font-size: 1.6em;
	font-weight: bold;
	color: var(--profile-h-text);
	background: var(--profile-color);
	padding: 18px 0 0 0;
	padding-left: var(--career-path_padd-l);
	z-index: 1;
}

.career-path .profile .name {
	grid-area: name;
	padding: 6px 0 0 0;
	padding-left: var(--career-path_padd-l);
	font-size: 1.6em;
	font-weight: bold;
	color: var(--profile-h-text);
	background: var(--profile-color);
	z-index: 1;
}
.career-path .profile .name span {
	font-size: 0.7em !important;
}

.career-path .profile .year-since {
	grid-area: year-since;
	padding: 6px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	color: var(--profile-h-text);
	background: var(--profile-color);
	z-index: 1;
}

.career-path .profile .affiliated {
	grid-area: affiliated;
	padding: 0.8em 0 0 0;
	padding-left: var(--career-path_padd-l);
	font-size: 1.2em;
}

.career-path .profile .faculty {
	grid-area: faculty;
	padding: 0.5em 0 0 0;
	padding-left: var(--career-path_padd-l);
	font-size: 1.2em;
}

.career-path .profile .catch {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 0 0 0;
	grid-area: catch;
	font-size: 1.5em;
	line-height: 1.8;
	font-weight: nomarl;
	color: var(--profile-catch);
}
.career-path .profile .catch::before {
	position: absolute;
	width: 102%;
	content: "";
	position: absolute;
	border-bottom: 5px solid var(--profile-color);
	top: auto;
	bottom: 0;
	left: -2%;
}

.career-path .profile .line {
	grid-area: line;
	border-bottom: 85px solid var(--profile-color);
	border-right: 85px solid transparent;
}
.career-path .profile .line::before {
	position: absolute;
	content: "";
	top: 0;
	left: 85px;
	width: 150px;
	height: 75px;
	background: var(--profile-color);
	z-index: 0;
}

.career-path .profile .emp_link {
	grid-area: emp_link;
	width: 100%;
	text-align: center;
	padding: 0.5em 0 0 0;
}

.career-path_row {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto;
	grid-template-areas: "col" "division";
	width: 100%;
	height: 100%;
}

.career-path_row .career-path_col {
	grid-area: col;
}

.career-path_row .career-path_division {
	grid-area: division;
}

.career-path_row ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	padding-inline-start: inherit;
	height: 100%;
}

/*.career-path_row end*/
.career-path_col li {
	display: flex;
	flex-flow: column;
	position: relative;
}

.career-path_col li dl {
	display: flex;
	flex-flow: column;
	position: relative;
	margin-block-start: 0;
	margin-block-end: 0;
	height: 100%;
}

.career-path_col li dt {
	position: absolute;
	top: -1em;
	left: 8px;
	width: 4em;
	/*height: 1em;*/
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	color: var(--career-path-yeartext);
	background: var(--career-path-year);
	border-radius: 1.4em;
	outline: 0.15em solid #fff;
	padding: 12px 6px;
	z-index: 1;
}

.career-path_col li dd {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	position: relative;
	flex: 1 0 auto;
	margin-inline-start: inherit;
	padding: 4em 0.8em 1em 0.8em;
	font-size: 1em;
}
.career-path_col li dd p {
	margin: 0;
	padding: 0 0 0.8em 0;
}
.career-path_col li dd figure {
	align-self: flex-end;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	color: var(--career-path-figcaption);
	display: flex;
	flex-flow: column;
}
.career-path_col li dd figure img {
	width: 100%;
	aspect-ratio: 3/2;
	-o-object-fit: cover;
	   object-fit: cover;
}
.career-path_col li dd h4 {
	font-weight: 600;
	margin-block-start: 0;
	margin-block-end: 0;
}
.career-path_col li dd::before {
	/*dd 階段の横ライン*/
	position: absolute;
	content: "";
	top: 0;
	left: -10px;
	width: 100%;
	height: 4px;
	background: var(--career-path-line);
}

/*&dd end*/
.career-path_col li::before {
	/*li 階段のたてライン*/
	position: absolute;
	content: "";
	top: 0;
	left: -10px;
	width: 4px;
	height: 34px;
	background: var(--career-path-line);
}

.career-path_col li:nth-last-of-type(1) {
	/*li キャリア一番右 */
	margin-top: 0;
}
.career-path_col li:nth-last-of-type(1) dd::after {
	/*キャリア一番右 矢印のスタイル*/
	position: absolute;
	content: "";
	top: -16px;
	left: auto;
	right: 4px;
	display: block;
	border-bottom: 20px solid var(--career-path-line);
	border-right: 30px solid transparent;
}

.career-path_col li:nth-last-of-type(2) {
	/*li キャリア右から2番目 */
	margin-top: 30px;
}

.career-path_col li:nth-last-of-type(3) {
	/*li キャリア右から3番目 */
	margin-top: 60px;
}

.career-path_col li:nth-last-of-type(4) {
	/*li キャリア右から4番目 */
	margin-top: 90px;
}

.career-path_col li:nth-last-of-type(5) {
	/*li キャリア右から5番目 */
	margin-top: 120px;
}

.career-path_col li:nth-of-type(1) {
	/*li キャリア1つ目 */
}
.career-path_col li:nth-of-type(1) dt {
	/*キャリア1つ目　「入社」位置調整 */
	left: 0 !important;
}
.career-path_col li:nth-of-type(1) dd::before {
	/*キャリア1つ目　階段横ライン位置調整 */
	width: calc(100% - 10px);
	left: 0;
}
.career-path_col li:nth-of-type(1)::before {
	/*キャリア1つ目　階段たてライン非表示 */
	width: 0;
}

/*& li end*/
/*.career-path_col end*/
/*フェーズ内 複数カラム*/
.dd_col {
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr 1fr;
}
.dd_col dl:nth-of-type(2) {
	/*階段横ライン位置調整 */
}
.dd_col dl:nth-of-type(2) dd::before {
	width: calc(100% + 10px);
	left: -18px;
}

/*個人設定 フェーズカラム幅等*/
.career-path_row.HY .career-path_col {
	grid-auto-columns: inherit;
	grid-template-columns: 1fr 1fr 2fr 1fr;
}

.career-path_row.KN .career-path_col {
	grid-auto-columns: inherit;
	grid-template-columns: 20% 20% 40% 20%;
}

/*フラグ */
span.flag {
	position: absolute;
	display: inline-block;
	white-space: nowrap;
	content: "";
	color: var(--career-path-now);
	width: 100%;
	top: -50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.now::after {
	-webkit-mask: url(../images/recruite/newgraduate/ca-now.svg);
	        mask: url(../images/recruite/newgraduate/ca-now.svg);
	-webkit-mask-size: contain;
	        mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	background-color: var(--career-path-now);
	top: -50px;
}

.promoted::after {
	content: "昇進!";
	width: 58px;
}

.maternity::after {
	content: "産休取得";
	width: 5em;
}

/*勤務地・部門 */
.stage p {
	font-family: "YakuHanJPs", "Noto Sans JP", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 11px 0 11px 10px;
	margin: 0 0 6px 6px;
	height: 40px;
	box-sizing: border-box;
	z-index: 10;
	/*white-space: nowrap;*/
	overflow: hidden;
	font-size: 12.6px;
	line-height: 1.2;
	color: var(--stage-text-color);
}
.stage p::before, .stage p::after {
	position: absolute;
	content: "";
	z-index: -1;
}
.stage p::before {
	top: 50%;
	right: 11px;
	transform: translateY(-50%) scaleX(0.8) rotate(45deg);
	width: 150px;
	height: 150px;
	border-spacing: 0;
	border: 1px solid var(--stage-border-color);
	border-left: none;
	border-bottom: none;
	background: var(--stage-back-color);
}
.stage p::after {
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: calc(100% - 18px);
	border: 1px solid var(--stage-border-color);
	border-right: none;
	background: var(--stage-back-color);
}

.stage.future {
	font-size: 15px;
}

.future .stage {
	font-size: 15px;
}

.stage.col_a p {
	width: 200%;
}

.career-path_division {
	display: flex;
	flex-flow: column;
}
.career-path_division .location, .career-path_division .division {
	display: grid;
	width: 100%;
	height: 100%;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-template-rows: 1fr;
}
.career-path_division .location .stage p, .career-path_division .division .stage p {
	justify-content: flex-start;
	/*font-size: 15px;*/
}
.career-path_division .location .stage p {
	height: 30px;
	padding: 8px 0 8px 11px;
}
.career-path_division .location .stage p::before {
	right: 12px;
	transform: translateY(-50%) scaleX(0.8) scaleY(0.8) rotate(45deg);
}
.career-path_division .division::before {
	right: 11px;
}
.career-path_division .arr-l p::before {
	border: none;
}
.career-path_division .arr-l p::after {
	width: 100%;
	border-right: none;
}
.career-path_division .arr-c p {
	margin-left: 0;
}
.career-path_division .arr-c p::before {
	border: none;
}
.career-path_division .arr-c p::after {
	width: 100%;
	border-right: none;
	border-left: none;
}
.career-path_division .arr-r p {
	margin-left: 0;
}
.career-path_division .arr-r p::after {
	border-left: none;
}

.career-path_img {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, auto));
	grid-auto-columns: 1fr;
	gap: 8px;
	height: 100%;
}
.career-path_img .col3 {
	grid-template-columns: repeat(auto-fit, minmax(300px, auto));
}
.career-path_img figure {
	position: relative;
	width: 100%;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
.career-path_img figure img {
	width: 100%;
	aspect-ratio: 3/2;
	-o-object-fit: cover;
	   object-fit: cover;
}
.career-path_img figcaption {
	position: absolute;
	font-size: 1.3em;
	top: auto;
	top: 0.5em;
	left: auto;
	right: 0.5em;
	width: 4em;
	font-weight: 600;
	text-align: center;
	color: var(--career-path-yeartext);
	background: var(--career-path-year);
	border-radius: 1.4em;
	outline: 0.15em solid #fff;
	padding: 6px 6px;
}
.career-path_img p {
	margin: 0.2em 0 0.5em 0;
	color: var(--career-path-figcaption);
}

/*強調 */
.em_bd02 {
	background: linear-gradient(transparent 70%, #ffee66 0%);
}

/*アンカー位置調整 */
#case01, #case02, #case03, #case04 {
	margin-top: -60px;
	padding-top: 60px;
}

/*カラー設定 */
.orange {
	--career-h3: #f86300;
	--profile-color: #ff6600;
	--profile-catch: #f86300;
	--career-path-year: #0071bc;
	--career-path-line: #0071bc;
	--stage-text-color: #f86300;
	--stage-border-color: #ff6600;
	--stage-back-color: #fef0e7;
	--career-path-now: #ff6600;
}

.job {
	--career-path-year: #f7931e;
	--career-path-line: #f7931e;
	--stage-text-color: #f86300;
	--stage-border-color: #ff6600;
	--stage-back-color: #fef0e7;
	--career-path-now: #ff6600;
}

.product {
	--career-h3: #00a0a8;
	--profile-color: #00a0a8;
}

.location {
	--stage-text-color: #00666B;
	--stage-border-color: #00a0a8;
	--stage-back-color: #eee;
}

.stage.blank {
	--stage-text-color: transparent;
	--stage-border-color: transparent;
	--stage-back-color: transparent;
}

/*fe-doinn */
.fade-in {
	opacity: 1;
	transition: opacity 1s ease-in-out;
  }

  .fade-in.show {
	opacity: 1;
  }

  .sp100vw{
	width: initial;
  }

  /* style.css 調整*/

  .content_wrap {
  padding: 0 0 3em 0;
}