@charset "UTF-8";

/*----------------------------------------
 * フォント
 *----------------------------------------*/

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'KiwiMaru Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/KiwiMaru-Medium.ttf) format('opentype');
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-display: swap;
	src: url(../webfonts/Oswald-VariableFont_wght.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: bold;
	font-weight: 700;
	font-display: swap;
	src: url(../webfonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url(../webfonts/Roboto-LightItalic.ttf) format('truetype');
}

@font-face {
	font-family: 'STIXTwoText';
	font-style: Italic;
	font-display: swap;
	src: url(../webfonts/STIXTwoText-Italic-VariableFont_wght.ttf) format('truetype');
}



body {
    font-family:"Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:0;
	padding:0;
	font-size:1rem;
	color:#282f39;
	line-height:2em;
}

/*----------------------------------------
 * Gutenberg対応
 *----------------------------------------*/
figure.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

figure.alignleft { float:left;}
figure.alignright { float:right;}


figure img {
	width:100%;
	height:auto;
	display:block;
}

figure.ib {
	display:inline-block;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	border:none;
	background-color:transparent;
}

figure.std_w100_hauto.wp-block-image {
	margin-bottom:0;
}


/*----------------------------------------
 * ヘッダー
 *----------------------------------------*/

header {
	position:fixed;
	width:100%;
	min-height:68px;
	z-index:30;
	background-color:rgba(255,255,255,0.95);
	transition: background-color 0.8s 0s ease;
	height:70px;
}

header.bg_white,
header.scroll {
	background-color:white !important;
}

header .std_width {
	width:98%;
}

header .std_width:after { content:""; display:block; clear:both;}

header .logo_area{
	float:left;
	overflow:hidden;
}
header .logo_area .logo{
	width:auto;
	height:41px;
}

header h1 {
	display:inline-block;
	font-size:20px;
	font-weight:900;
	margin:0;
	padding:15px 0 14px 20px;
}

header a, header a:hover, header a:visited {
	color:black;
}

header nav {
	float:right;
}

header nav ul{
	margin:0;
	padding:0;
	float:left;
}

header .recruit_site_link {
	display:block;
	float:left;
	background-image: linear-gradient(125deg, rgba(176, 12, 25, 1), rgba(198, 14, 28, 1));
	text-align:center;
	line-height:1.5em;
	padding:11px 30px;
}

header .recruit_site_link span{
	display:block;
	font-size:0.8rem;
	letter-spacing:0.1em;
}

header a, header a:hover, header a:visited {
	color:white;
}

header nav ul li {
	float:left;
	margin-right:22px;
}

header nav.main_nav ul {
	position:relative;
}

header nav.main_nav ul li a {
	box-sizing:border-box;
	position:relative;
	padding:19px 3px 19px 3px;
	font-weight:500;
	font-size:0.875rem;
	width:100%;
	text-align:center;
	display:block;
	transition: color 0.2s 0s ease;
	color:black;
}

header nav.main_nav ul li a.no_link,
footer a.no_link {
	cursor: default;
}

header nav.main_nav ul li a:visited, 
footer a:visited { color:black;}

body:has(.article_area.corporate.top) header nav.main_nav ul li a, 
body:has(.article_area.corporate.top) header nav.main_nav ul li a:visited {
	color:white;
}

body:has(.article_area.corporate.top) header.scroll nav.main_nav ul li a, 
body:has(.article_area.corporate.top) header.scroll nav.main_nav ul li a:visited,
body:has(.article_area.corporate.top) header nav.main_nav ul li li a, 
body:has(.article_area.corporate.top) header nav.main_nav ul li li a:visited {
	color:black;
}

header nav.main_nav ul li:hover { 
	color:#ff5762;
/*
	background-color:rgba(230,230,230,0.2);
*/
}

header nav.main_nav ul li a:hover,
body:has(.article_area.corporate.top) header nav.main_nav ul li a:hover, 
body:has(.article_area.corporate.top) header nav.main_nav ul li a:hover span, 
body:has(.article_area.corporate.top) header nav.main_nav ul li li a:hover { 
	color:#db0113;
}

header nav ul li a span {
	display:inline-block;
	text-align:center;
	font-size:0.6em;
	line-height:1em;
	padding:0 0.3em 0 0.3em;
	color:#b10c1a;
	width:1em;
	vertical-align:middle;
}

body:has(.article_area.corporate.top) header nav.main_nav ul li a span {
	color:white;
}

body:has(.article_area.corporate.top) header.scroll nav.main_nav ul li a span {
	color:#b10c1a;
}

header nav.main_nav ul li a.sub_menu_button {
	display:none;
}

@media screen and (max-width: 1250px) {
	header .recruit_site_link {
/*
		padding-left:2vw;
		padding-right:2vw;
*/
		padding-left:1.5vw;
		padding-right:1.5vw;

	}
	header nav ul li {
	/*
		margin-right:2vw;
	*/
	margin-right:1vw;
	}
}

@media screen and (max-width: 1200px) {
	header .recruit_site_link {
		padding-left:1.5vw;
		padding-right:1.5vw;
	}
	header nav ul li {
		margin-right:0.8vw;
	}
}

@media screen and (max-width: 1130px) {
	header .recruit_site_link,
	header nav.main_nav ul li a{
		font-size:0.8rem;
	}
	header .recruit_site_link {
		padding-left:0.6vw;
		padding-right:0.6vw;
		padding-top:16px;
		padding-bottom:16px;
	}
	header nav ul li {
		margin-right:0.3vw;
	}
}

/* サブナビゲーション */
header nav ul li .sub_nav {
	position:absolute;
	display:inline-block;
	top:50px;
	left:0;
	z-index:10;
	padding-top:20px;
}

header nav ul li .sub_nav ul {
	background-color:rgba(250,250,250,1);
	backdrop-filter: blur(12px);
	padding-bottom:3px;
	padding:15px;
	border-radius:10px;
}

header nav ul li .sub_nav#nav_role_sub ul {width:18em;}
header nav ul li .sub_nav#nav_branch_sub ul {width:10em;}
header nav ul li .sub_nav#nav_company_sub ul {width:15em;}


header nav ul li .sub_nav ul {
	display:block;
	margin:0;
	float:none;
}

header nav ul li .sub_nav ul li {
	width:100%;
	height:auto;
	position:relative;
	float:none;
	display:block;
	padding:0;
	margin:0;
}

header nav ul li .sub_nav ul li a {
	width:auto;
	padding:5px 0;
	text-align:left;
	color:black;
	position:relative;
}

header nav ul li .sub_nav ul li:hover {
	background-color:transparent;
}

header nav ul li .sub_nav ul li a:visited {
	color:black;
}

header nav ul li .sub_nav ul li a:hover {
	color:#db0113;
}

header nav.main_nav ul li.active .sub_nav ul li a::after{
	content:none;
}

header nav ul li .sub_nav ul li a:after {
	content:"";
	background:#db0113 url(../images/share/corp_mb_sub_menu_link.png) no-repeat center center;
	background-size:cover;
	position:absolute;
    font-weight: 300;
	font-size:9px;
	right:0;
	background-color:#db0113;
	color:white;
	border-radius:100px;
	width:17px;
	height:17px;
	line-height:15px;
	text-align:center;
	padding:0.2em;
	padding-top:1px;
	top:1.3em;
	box-sizing:border-box;
}

header nav ul li .sub_nav ul li a strong {
	margin-left:1em;
	color:#059cd3;
	font-weight:400;
}

/* モーダル表示用の背景 */
.modal_bg {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:10;
}

.modal_bg.mb {
	display:none;
}

/*----------------------------------------
 * ページテンプレート
 *----------------------------------------*/

/* 記事エリア */
section.article_area {
	width:100%;
	overflow:hidden;
	position:relative;
	padding-top:110px;
}

/* pタグマージンをリセット */
section.article_area p {
	margin:0;
}

/* 冒頭の背景部分 */
section.article_area .heading_bg {
	position:absolute;
	height:338px;
}

/* ネイビーと格子の背景 */
.bg_navy_lattice {
	position:relative;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:linear-gradient(129deg, rgba(64, 81, 101, 1) 10%, rgba(32, 42, 54, 1) 90%);
	background-repeat:repeat;
	background-position:left top;
	z-index:0;
}

.bg_navy_lattice:after {
	content:'';
	background:url(../images/share/heading_bg.png) repeat left top;
	position:absolute;
	display:block;
	top:0;
	width:100%;
	height:100%;
	opacity:0.3;
	z-index:0;
}

/* パンクズナビゲーション */
section.article_area .pan_nav_area {
	position:relative;
	z-index:1;
}

section.article_area .pan_nav_area nav {
	color:#86a7ba;
	line-height:0.875rem;
}

section.article_area .pan_nav_area a {
	color:#86a7ba;
	position:relative;
	margin-right:40px;
	display:inline-block;
}

section.article_area .pan_nav_area span.no_link {
	position:relative;
	margin-right:40px;
	display:inline-block;
}

section.article_area .pan_nav_area a:after,
section.article_area .pan_nav_area span.no_link:after {
	content:'';
	line-height:0.875rem;
	display:block;
	position:absolute;
	width:20px;
	height:1px;
	right:-30px;
	top:0.5em;
	background-color:#86a7ba;
}

/* 記事部分 */
section.article_area article {
	position:relative;
	z-index:1;
}

/* 見出し */
section.article_area article .std_h1 {
	font-size:2rem;
	color:white;
	font-weight:700;
	margin:1em 0;
	letter-spacing:0.2em;
}

section.article_area.recruit article .std_h1 div {
	display:inline-block;
	background-color:white;
    padding: 0.3em 1em 0.4em;
    line-height: 1em;
}


section.article_area article .std_h1 span {
	display:inline-block;
	vertical-align:0.4em;
	border:1px solid white;
	padding:0 1em;
	margin-right:1em;
	font-size:1rem;
	line-height:1.8rem;
	color:white;
	font-weight:400;
	
}

section.article_area article .std_h2 {
	position:relative;
	font-size:1.625rem;
	line-height:2em;
	font-weight:500;
	margin:1em 0;
}

section.article_area.coporate article .std_h2 {
	letter-spacing:0.13em;
}

section.article_area article .std_h2:before {
	content:'';
	position:absolute;
	display:block;
	width:100px;
	height:3px;
	top:-16px;
	left:0;
	background-color:#b10c1a;
}

section.article_area article .std_h2:after {
	content:'';
	position:absolute;
	display:block;
	width:calc(100% - 110px);
	height:1px;
	top:-15px;
	left:110px;;
	background-color:#ccc;
}

section.article_area article .std_h2.after {
	font-size:2.5rem;
	font-weight:700;
	line-height:1.75em;
	margin-bottom:1.25em;
	letter-spacing:0.13em;
}

section.article_area article .std_h2.after:before {
	top:auto;
	bottom:-24px;
}

section.article_area article .std_h2.after:after {
	content:none;
}

section.article_area article .std_h_small_eng {
	color:#c60e1c;
	font-family:roboto;
	font-weight:400;
	font-size:0.875rem;
	letter-spacing:0.2em;
}

section.article_area article .std_h_small_eng:before {
	content:'●';
	position:relative;
	font-size:0.6rem;
	top:-0.1em;
	margin-right:0.5em;
}

section.article_area article .std_h3 {
	font-size:1.125rem;
	letter-spacing:0.13em;
}

/* メインイメージ部分（右ずらし） */
section.article_area article .page_main_image {
	height:700px;
	padding-left:50%;
	margin-top:60px;
	margin-left:-658px;
}

section.article_area article .page_main_image div{
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}

@media screen and (max-width: 1400px) {	
	section.article_area article .page_main_image {
		width:94%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
	}
	section.article_area article .page_main_image div{
		width:105%;
	}
}

/* メインイメージ部分（センター） */
section.article_area article .page_main_image_c {
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

section.article_area article .page_main_image_c2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

section.article_area article .page_main_image_c img,
section.article_area article .page_main_image_c2 img {
	display:block;
	width:100%;
	height:auto;
}


/* リード文部分 */
section.article_area .lead_area {
	text-align:justify;
	background-color:white;
}

/* ページ内ナビゲーション */
/* --- v1 */
section.article_area .article_nav {
	position:fixed;
	width:100px;
	right:5px;
	/*
	top:calc(50% - 300px);
	*/
	top:100px;
	font-size:12px;
	z-index:2;
	line-height:1em;
	text-align:center;
	background-color:rgba(255,255,255,0.9);
	padding:10px 0;
	border-radius:20px;
	z-index:5;
}

section.article_area .article_nav ol {
	width:90%;
	margin:0 auto;
	padding:0;
}

section.article_area .article_nav ol li {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}

section.article_area .article_nav ol li:after {
	content:'';
	display:block;
	margin:10px auto;
	width:5px;
	height:18px;
	bottom:-10px;
	background-image: repeating-linear-gradient(180deg, #b10c1a, #b10c1a 3px, transparent 3px, transparent 6px);
	background-position: left top;
	background-repeat: repeat-y;
	background-size: 6px 100%;
}	

section.article_area .article_nav ol li:last-child:after {
	content:none;
}

section.article_area .article_nav a {
	line-height:1em;
	width:100%;
	display:block;
}

section.article_area .article_nav a img {
	display:block;
	width:50px;
	height:50px;
	margin:0 auto 5px auto;
	border:2px solid #ccc;
	background-color:white;
	border-radius:100px;
}

section.article_area .article_nav a:hover {
	transform:scale(1.1);
}
section.article_area .article_nav a:hover img {
	border:2px solid #b10c1a;
}

/* --- v2 */
section.article_area .article_nav2 {
	position:fixed;
	width:150px;
	right:-160px;
	top:calc(50vh - 120px);
	font-family:'Roboto', sans-serif;
	font-size:12px;
	line-height:1em;
	text-align:right;
	z-index:5;
	transition:all 0.5s;
}

section.article_area .article_nav2 ol {
	margin-right:1em;
	padding:0;
}

section.article_area .article_nav2 ol li {
	display:block;
	box-sizing:border-box;
	position:relative;
	padding:1em;
	width:100%;
	border-right:1px solid #ccc
}

section.article_area .article_nav2 ol li.active {
	border-right:1px solid #db0113;
}
section.article_area .article_nav2 li.active a {
	color:#db0113;
}
section.article_area .article_nav2 a {
	color:#bfbfbf;
}

section.article_area .article_nav2 a:hover {
	color:#db0113;
}

/*----------------------------------------
 * 基本書式
 *----------------------------------------*/


/* 文字色 */
.col_red {color:#b10c1a;}
.col_gray {color:#808080;}
.col_black {color:black;}

/* 背景色 */
/*
.bg_dark_gray {background-color:#333333;color:#a7a7a7;}
*/
.bg_light_gray {background-color:#f7f7f7;}
.bg_white {background-color:white;}

.bg_dark_gray {background-color:#222;color:#717171;}
.bg_s_dark_gray {background-color:#a8a8a8;}
.bg_s_light_gray {background-color:#eeeeee;}
.bg_kakomi_in_dark_gray {background-color:#292929;}


/* 背景色 */
.bg_dark {background-color:#333333;color:white;}
.bg_mesh {
	background-color:white;
	background-image:url(../images/branch/bg_mesh.jpg);
	background-position:left top;
}



/* 背景 */
.std_bg_1 { background:url(../images/share/bg_1.jpg) repeat center center;position:relative;}
.std_bg_2 { background:url(../images/share/bg_2.jpg) repeat center center;position:relative;}


/* レイアウト */
.col2_40_40 .left {width:40%;}
.col2_40_40 .right {width:40%;}


/* BOX書式 */

/* flex */
.std_flex {
	display:flex;
	justify-content: space-between;
}

.std_flex2 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.std_flex2 .column{
	width:50%;
	text-align:justify;
}

.std_flex3 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.std_flex3 .column{
	width:31%;
	text-align:justify;
}

.std_flex4 {
	display:flex;
	justify-content: space-between;
}

.std_flex4 .column{
	width:23%;
	text-align:justify;
}



/* ドロップシャドウ */
.std_drop_shadow {
	box-shadow: 0px 0px 15px -9px rgb(0 0 0 / 30%);
}

/* リンクボタン */
a.std_button {
	display:inline-block;
	padding:0.5em 2em;
	background-color:#db0113;
	color:white;
	text-align:center;
	transition: all 0.3s 0s ease;
	border-radius:100px;;
	font-weight:500;
	transition: all 0.3s 0s ease;
}

.recruit a.std_button {
	background-color:#3f9eea;
}

a.std_button:hover {
	color:white;
	background-color:#30c3a5;
	transform: scale(1.03, 1.03);
}

a.icon_button {
	display:block;
	border-radius:20px;
	padding-top:15px;
}

a.icon_button strong {
	display:block;
	font-size:2rem;
	margin-bottom:10px;
}


/* リンクボタン（白） */
a.std_button_white {
	display:inline-block;
	padding:0.5em 2em;
	background-color:white;
	border:2px solid #db0113;
	color:#db0113;
	text-align:center;
	transition: all 0.3s 0s ease;
	border-radius:100px;;
	font-weight:500;
	transition: all 0.3s 0s ease;
}

a.std_button_white:hover {
	color:#ff2400;
	border:2px solid #ff2400;
	background-color:#ffebeb;
	transform: scale(1.05, 1.03);
}

a.std_button_more {
	display:block;
	width:160px;
	text-align:center;
	color:white;
	background-color:#db0113;
	padding:0.5em 1em;
	margin-left:auto;
	margin-right:auto;
	transition: all 0.3s 0s ease;
}

.recruit a.std_button_more {
	background-color:#3f9eea;
	color:white;
}

a.std_button_more:hover {
	transform: scale(1.1, 1.1);
}

.recruit a.std_button_more {
	background-color:#3f9eea;
	color:white;
}

a.std_button_more:hover {
	transform: scale(1.1, 1.1);
}


/* 定義 */
dl.std_dl {
	display:flex;
	flex-wrap:nowrap;
	align-content: space-between;
	margin-top:0px;
	margin-bottom:5px;
}

dl.std_dl dt{
	width:12em;
	background-color:white;
	padding:1em 0;
	text-align:center;
	color:#db0113;
	border-left:2px solid #db0113;
	border-bottom:1px solid #f7adb3;
	font-weight:700;
}

dl.std_dl dd{
	width:calc(100% - 12em);
	padding:1em;
	margin-left:5px;
	border-bottom:1px solid #dadada;
}

.recruit dl.std_dl dt {
	color:#3f9eea;
	border-color:#3f9eea;
}



/* 表 */
table.std_table {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}

table.std_table.middle {
	vertical-align:middle;
}

table.std_table th,
table.std_table td {
	border-bottom:3px solid #f6f6f6
}

table.std_table th {
	background-color:#f6f6f6;
	color:#059cd3;
	border-top:7px solid white;
	padding:0.8em;
}

table.std_table td {
	padding:0.8em 1em;
}

p.std_p {
	margin:0;
}

.clearboth { clear:both;}


/* 写真の画面端まで拡大するレイアウト */
/* 共通設定 */
.photo_spread {
	display:flex;
	flex-direction: row;
}

.photo_spread.rev {
	flex-direction: row-reverse;
}

.photo_spread .ps_text_area { width:50%;}
.photo_spread .ps_photo_area { width:50%;}

.photo_spread .ps_text_area:after {content:'';display:block;clear:both;}

/* HTMLは文章のdivを先に配置（スマホでは上に文章、下に写真にするため） */

/* 文章左、写真右 */
.photo_spread .ps_photo_area {
	position:relative;
}
.photo_spread .ps_photo {
	/* デフォルトとして値を設定 */
	margin-left:-250px;		/* 50px空けてテキストエリアのマージン部分に重ねる */
	margin-right:0;
	width:calc(100% + 250px);	/* 画像の幅をネガティブマージンの分だけ増加させる */
	border-radius:20px 0 0 20px;
	overflow:hidden;
}

.photo_spread .ps_text_area {
	position:relative;
}
.photo_spread .ps_text_area .ps_text {
	/* デフォルトとして値を設定 */
	float:right;
	width:300px;			/* ページ幅1200pxの50%の600pxを基本として、文字量に応じて変更 */
	margin-right:300px;		/* widthとmargin-rightの合計が600pxになるようにする */
	text-align:justify;
}

/* 文章右、写真左 */
.photo_spread.rev .ps_photo_area {}
.photo_spread.rev .ps_photo {
	/* デフォルトとして値を設定 */
	margin-left:0;			/* 50px空けてテキストエリアのマージン部分に重ねる */
	width:calc(100% + 250px);	/* 画像の幅をネガティブマージンの分だけ増加させる */
	border-radius:0 20px 20px 0;
}

.photo_spread.rev .ps_text_area {}
.photo_spread.rev .ps_text_area .ps_text {
	/* デフォルトとして値を設定 */
	float:left;
	width:300px;			/* ページ幅1200pxの50%の600pxを基本として、文字量に応じて変更 */
	margin-left:300px;		/* widthとmargin-rightの合計が600pxになるようにする */
	margin-right:0;
}

/* HTMLは写真のdivを先に配置（スマホで上に写真、下に文章にするため） */

/* 文章左、写真右 */
.photo_spread.photo_top {
	flex-direction: row-reverse;
}

.photo_spread.photo_top .ps_photo_area {
	position:relative;
}
.photo_spread.photo_top .ps_photo {
	margin-left:0px;
	border-radius:20px 0 0 20px;
}

.photo_spread .ps_text_area .ps_photo .ps_text {
	float:none;
}

/* 文章右、写真左 */
.photo_spread.rev.photo_top {
	flex-direction: row;
}

.photo_spread.rev.photo_top .ps_photo_area {
	position:relative;
}
.photo_spread.rev.photo_top .ps_photo {
	margin-left:0px;
	border-radius:0 20px 20px 0;
}

.photo_spread.rev .ps_text_area .ps_text {
	float:none;
}

/* お知らせ */
section.article_area .oshirase .post_line {
	padding:1em 0;
	border-bottom:1px dotted #ccc;
}

section.article_area .oshirase .post_line time {
	float:left;
	font-size:0.75rem;
	color:#3e4959;
	display:inline-block;
	
}

section.article_area .oshirase .post_line div { 
	margin-left:7em;
}

section.article_area .oshirase .post_line a {	color:#282f39; line-height:1.5em;}
section.article_area .oshirase .post_line a:visited { color:#282f39;}
section.article_area .oshirase .post_line a:hover { color:#ff0000;}

section.article_area .oshirase .post_line:after { content:'';display:block;clear:both;}


/* フォーム */
.std_form {}

.std_form .ib {display:inline-block;}
.std_form .margin_right_05em {margin-right:0.5em}

.std_form dl {
	display:flex;
	padding-bottom:2em;
	border-bottom:1px solid #ccc;
	padding-top:2em;
	margin:0;
}

.std_form dl dt {
	width:14em;
	line-height:1.5rem;
	padding-top:0.8em;
}

.std_form dl dt span.req_opt {
	display:inline-block;
	font-size:0.75rem;
	line-height:1.5rem;
	padding:0 0.8em;
	margin-right:1em;
}

.std_form dl dt span.req_opt.opt {
	background-color:#e7eff1;
	color:#0952c1;
}

.std_form dl dt span.req_opt.req {
	background-color:#c70e1c;
	color:white;
}

.std_form dl dd {
	width:calc(100% - 11em);
}

.std_form.confirm dl dt {width:18em;}
.std_form.confirm dl dd {width:calc(100% - 18em);}


.std_form input[type=text],
.std_form textarea {
	width:100%;
	box-sizing:border-box;
	padding:1em;
	border:1px solid black;
	border-radius:10px;
}

.std_form input[type=text].w6em { width:6em;}
.std_form input[type=text].w7em { width:7em;}
.std_form input[type=text].w8em { width:8em;}
.std_form input[type=text].w9em { width:9em;}
.std_form input[type=text].w10em { width:10em;}
.std_form input[type=text].w11em { width:11em;}
.std_form input[type=text].w12em { width:12em;}
.std_form input[type=text].w13em { width:13em;}
.std_form input[type=text].w14em { width:14em;}
.std_form input[type=text].w15em { width:15em;}
.std_form input[type=text].w16em { width:16em;}

.std_form input[type=text].ib { display:inline-block;}

.std_form input[type=checkbox] {
	appearance:none;
	position:relative;
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
	border:1px solid black;
	border-radius:8px;
	background-color:#f1f1f1;
	margin-right:1em;

}

.std_form input[type=checkbox]:checked{
	background-color:#c70e1c;
	border-color:#c70e1c;
}

.std_form input[type=checkbox]:checked:before{
  content: '';
  position:absolute;
  top:10px;
  left:10px;
  width: 18px;
  height: 10px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(-45deg);
}

.std_form input[type=radio] {
	appearance:none;
	position:relative;
	width:12px;
	height:12px;
	display:inline-block;
	border:2px solid #c70e1c;
	border-radius:30px;
	margin-right:0.5em;
}

.std_form input[type=radio]:checked{
	background-color:#c70e1c;
	border-color:#c70e1c;
}


.std_form label:hover {
	cursor:pointer;
}

.std_form input::placeholder,
.std_form textarea::placeholder {
  color: #bbb;
}

.std_form .caution {
	margin-top:0.5em;
	font-size:0.875rem;
	line-height:1.2em;
	color:#333;
}

.std_form .submit_area {
	width:100%;
}

.std_form input[type=submit],
.std_form input[type=button]{
	font-size:1.125rem;
	text-align:center;
	padding:1em 3em;
	border:1px solid black;
	border-radius:100px;
	background-color:white;
	transition:all 0.3s;
	margin:0 auto;
}

.std_form input[type=submit]:hover,
.std_form input[type=button]:hover {
	background-color:#282f39;
	border:1px solid #282f39;
	color:white;
	/*
	transform:scale(1.1);
	*/
	padding:1em 6em;
	cursor:pointer;
}

.std_form.confirm dl dd {
	padding-top:0.8em;
	line-height:1.5em;
}

.std_form select {
	appearance: none;
	position:relative;
	box-sizing:border-box;
	padding:1em 2.5em 1em 1em;
	border:1px solid black;
	border-radius:10px;
	background-color:#f1f1f1;
	line-height:1.5em;
}

.std_form .select_wrapper{
	position:relative;
	display:inline-block;
}

.std_form .select_wrapper:after {
	content:'▼';
	position:absolute;
	display:block;
	font-size:0.65rem;
	top:1.2em;
	right:1em;
	pointer-events: none;
}

.std_form div.back_button {
	position:relative;
	display:inline-block;
}

.std_form div.back_button:before {
	content:'←';
	position:absolute;
	top:1em;
	left:2em;
	
}

.std_form .form-err {
	display:block;
	margin:0.3em 0;
	color:#e80929;
	font-size:0.75rem;
	line-height:1.5em;
}

.std_form .input_err input,
.std_form .input_err textarea,
.std_form .input_err select {
	border-color:#e80929;
	border-width:2px;
}

.std_form_err {
	position:relative;
	border:2px solid #e80929;
	border-radius:10px;
	padding:1em 0;
	color:#e80929;
	font-weight:700;
	text-align:center;
}

.std_form_err #std_form_err_label {
	position:absolute;
	top:-80px;
}

/*----------------------------------------
 * ページトップへ
 *----------------------------------------*/
.totop {
	position: fixed;
	width:140px;
	height:40px;
	bottom: -100px;
	right: -50px;
	z-index: 100;
	font-size:16px;
	text-align:right;
	padding-top:0;
	font-size:0.75rem;
	background-color:#b10c1a;
	transform:rotate(90deg);
	border-radius:0 0 0 20px;
	z-index:14;
}

.totop a {
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	line-height: 1em;
	padding-top:13px;
	padding-right:15px;
	padding-bottom:18px;
	color:white;
}

.totop a:before {
	content:'';
	position:absolute;
	width:40px;
	height:1px;
	left:18px;
	top:22px;
	background-color:white;
}

.totop a:after {
	content:'';
	position:absolute;
	width: 0;
	height: 0;
	left:16px;
	top:18px;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 12px solid white;
	border-left: 0;
}

/*----------------------------------------
 * フッター
 *----------------------------------------*/
 footer {
	position:relative;
	text-align:center;
	color:#969696;
	z-index:2;
	width:100%;
}

 footer .outer_width {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	max-width:96%;
 }

footer .two_banner {
	position:relative;
	width:100%;
	font-size:1.2rem;
	font-weight:700;
	background-position:center center;
}
footer .two_banner:after { content:'';display:block;clear:both; }


footer .two_banner .left {
	background:url(../images/share/footer_two_banner_1.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	width:52%;
	clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
	transition:all 0.3s;
	z-index:2;
}
footer .two_banner .left a{
	display:block;
	width:100%;
	text-align:center;
	padding:40px 0;
	color:white;
}

footer .two_banner .right {
	float:right;
	width:52%;
	position:relative;
	z-index:1;
	transition:all 0.3s;
}

footer .two_banner .right a{
	display:block;
	width:100%;
	text-align:center;
	padding:40px 0;
	color:white;
	background-color:#b10c1a;
}

footer .two_banner .left:hover,
footer .two_banner .right:hover {
	filter: brightness(110%);
}

footer ul {
	margin:0;
	padding:0;
}

footer ul li {
	margin:0;
	padding:0;
}

footer .column:nth-child(1) ul li {
	display:inline-block;
	margin-right:1em;
}

footer .std_column2.col2_36_60 .left .logo { width:350px; height:auto;}
footer .std_column2.col2_36_60 .left .marubeni { width:170px; height:auto;}

footer.recruit .std_column2 .left a.ex_link {
	display:inline-block;
}

footer .std_column2 .right {
	text-align:left;
}

footer .std_column2 .right .column {
	float:left;
	width:32%;
	margin-right:2%;
}

footer .std_column2 .right .column:nth-child(3) {
	margin-right:0;
}

footer .std_column2 .right a,footer .std_column2 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

footer .std_column2 .right a,footer .std_column2 .left {
	width:48%;
}

footer .std_column2 .right a,footer .std_column2 .right {
	width:48%;
}

@media screen and (max-width: 1260px) {
	footer .std_column2 .right a,footer .std_column2 {
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	
	footer .std_column2 .right a,footer .std_column2 .left {
		width:48%;
	}
	
	footer .std_column2 .right a,footer .std_column2 .right {
		width:48%;
	}
	
	footer .std_column2 .right a,footer .std_column2 .left img:nth-child(2) {
	margin-top:-30px;
	}
}



footer .std_column2 .right a,footer .std_column2 .right a:visited {
	color:black;
}

footer .std_column2 .right a:hover,footer .std_column2 .right a:hover {
	color:#b10c1a;
}

footer .std_column2 .right ul a,footer .std_column2 .right ul a:visited {
	color:#373b44;
}

footer .std_column2 .right a:hover,footer .std_column2 .right ul a:hover {
	color:#b10c1a;
}

footer .std_column2 .right a.no_link:hover {
	color:black;
}

footer .std_column2 .right .column .footer_sub_menu_button {
	display:none;
}

footer .std_column2 .right .column ul {
	margin-top:5px;
}

footer .std_column2 .right .column ul li {
	position:relative;
	list-style-type:none;
	line-height:1.3em;
	margin-bottom:0.5em;
	font-size:0.875rem;
	margin-left:30px;
	margin-right:1em;
}

footer .std_column2 .right .column ul li:before {
	content:'';
	position:absolute;
	display:block;
	width:14px;
	height:2px;
	background-color:#b10c1a;
	top:0.55rem;
	left:-20px;
	
}

footer .std_column2 .right .column ul.other li {
	margin-left:0;
	margin-bottom:1em;
}

footer .std_column2 .right .column ul.other li:before {
	display:none;
}

/*----------------------------------------
 * コーポレート　共通
 *----------------------------------------*/

/*
section.article_area.corporate .outer2_width {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}


section.article_area.corporate .outer_width {
	width:1080px;
}

section.article_area.corporate .std_width {
	width:1000px;
}
*/

/* ボタン */
section.article_area.corporate .button_1 {
    position: relative;
    display: inline-block;
    padding: 1em 5em 1em 2em;
	background-image: linear-gradient(90deg, rgba(45, 73, 112, 1), rgba(40, 47, 57, 1));
    color: white;
    line-height: 1em;
    border-radius: 100px;
    transition: all 0.3s;
	z-index:1;
}

section.article_area.corporate .button_1 span {
    position: relative;
    display: inline-block;
	z-index:2;
}

section.article_area.corporate .button_1:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color: #282f39;
	top:0;
	left:0;
    border-radius: 100px;
    transition: all 0.3s;
	z-index:0;
}

section.article_area.corporate .button_1:after {
	content:'→';
	position:absolute;
	top:1em;
	right:1.5em;;
	width:1em;
	height:1em;
    transition: all 0.3s;
	z-index:2;
}

section.article_area.corporate .button_1.ex:after {
	content:'';
	position:absolute;
	top:1em;
	right:1.5em;;
	width:1.06rem;
	height:1.06rem;
	background:url(../images/share/icon_external_white.png) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate .button_1.mv:after {
	content:'';
	position:absolute;
	top:1em;
	right:1.5em;;
	width:1.06rem;
	height:1.06rem;
	background:url(../images/share/icon_mv_white.png) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate .button_1:hover{
/*
	transform:scale(1.02) ;
*/
    transition: all 0.3s;
}

section.article_area.corporate .button_1:hover:before{
	opacity:0;
    transition: all 0.3s;
}



section.article_area.corporate .button_1.white {
	background-image: linear-gradient(90deg, rgb(235 238 241), rgb(161 186 222));
	color:black;
	z-index:1;
}

section.article_area.corporate .button_1.white span {
    position: relative;
    display: inline-block;
	z-index:2;
}

section.article_area.corporate .button_1.white:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color: white;
	top:0;
	left:0;
    border-radius: 100px;
    transition: all 0.3s;
	z-index:0;
}

section.article_area.corporate .button_1.white:hover:before{
	opacity:0;
    transition: all 0.3s;
}

section.article_area.corporate .button_1.white.ex:after {
	content:'';
	position:absolute;
	top:1em;
	right:1.5em;;
	width:1.06rem;
	height:1.06rem;
	background:url(../images/share/icon_external.png) no-repeat center center;
	background-size:cover;
}


/*----------------------------------------
 * コーポレート　トップページ
 *----------------------------------------*/

/* トップページ共通 */
section.article_area.corporate.top .section_label .label {
	position:absolute;
	height:100%;
	border-left:1px solid #c60e1c;
	z-index:3;
	margin-left:-50px;
}

section.article_area.corporate.top .section_label .label span{
	position:absolute;
	display:block;
	transform-origin:0 0;
	transform:rotate(90deg);
	margin-left:-10px;
	width:15em;
}

section.article_area.corporate.top .section_label .label span:before {
}



body:has(.corporate.top) header {
	background-color:rgba(255,255,255,0);
}

body:has(.corporate) header {
	background-color:rgba(255,255,255,1);
}

section.article_area.corporate.top{
	padding-top:0;
}

/* main_area */

section.article_area.corporate.top .main_area_1 {
	position:relative;
	width:100%;
	height:auto;
}

section.article_area.corporate.top .main_area_1 img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.corporate.top .main_area_1 .catch_copy {
	position:absolute;
	width:100%;
	height:auto;
}


/* --- 全画面表示 */
section.article_area.corporate.top .main_area  {
	background-color:#e5e5e5;
	transition:filter 1s ease;
}

section.article_area.corporate.top .main_area.dark  {
	filter: brightness(32%);
}

section.article_area.corporate.top .main_area .catch_copy {
	position:absolute;
	width:62%;
	height:auto;
	left:50%;
	margin-left:-31%;
	top:19vh;
	z-index:1;
}

section.article_area.corporate.top .main_area .catch_copy img {
	position:absolute;
	top:0;
	height:auto;
}

section.article_area.corporate.top .main_area .catch_copy img.txt1 { width:37.4%;left:0;}
section.article_area.corporate.top .main_area .catch_copy img.txt2 { width:17.3%;left:37.4%;}
section.article_area.corporate.top .main_area .catch_copy img.txt3 { width:18%;left:54.7%;}
section.article_area.corporate.top .main_area .catch_copy img.txt4 { width:27.3%;left:72.7%;}

section.article_area.corporate.top .main_area {
	width:100%;
	height:100vh;
	overflow:hidden;
}

section.article_area.corporate.top .main_area .main_bg {
	width:100%;
	height:100%;
	background:url(../images/top/main.jpg) no-repeat center center;
	background-size:cover;
}

/* ------ w1400以下はコピーの横幅を変える */
@media screen and (max-width:1400px) {
	section.article_area.corporate.top .main_area .catch_copy {
		width:64%;
		margin-left:-32%;
	}
}

/* ------ 横長 */
@media screen and (min-aspect-ratio:4200 / 2160) {
	section.article_area.corporate.top .main_area .catch_copy {
	}
}

/* ------ 横長すぎる時は画像を上に移動 */
@media screen and (min-aspect-ratio:5000 / 2160) {
	section.article_area.corporate.top .main_area .catch_copy {
		top:13vh;
	}
}

/* ------ 縦長長は画像を上に移動 */
@media screen and (max-aspect-ratio:2160 / 2160) {
	section.article_area.corporate.top .main_area .catch_copy {
		top:17vh;
	}
}

/* main_2 */
section.article_area.corporate.top .main_2 {
	display:flex;
	min-height:240px;
/*
	margin-top:-1px;
	align-items:center;
*/

}

section.article_area.corporate.top .main_2 .col {
	width:28%;
	position:relative;
}

section.article_area.corporate.top .main_2 .col0 {
	width:calc(25% + 40px);
	padding-left:20px;
	box-sizing:border-box;
	z-index:4;
}

section.article_area.corporate.top .main_2 .col0 img {
	width:60%;
	display:block;
	margin:20px auto 20px auto;

}

section.article_area.corporate.top .main_2 .col0 div {
	width:90%;
	font-size:1.25rem;
	line-height:1.75em;
	font-weight:400;
	margin:20px auto 20px auto;
	text-align:justify;
}

section.article_area.corporate.top .main_2 div.col_inner {
	position:relative;
	width:100%;
	height:100%;
}

section.article_area.corporate.top .main_2 .col1 {
/*	aspect-ratio: 78 / 58; */
	clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
	margin-right:-62px;
	z-index:3;
}

section.article_area.corporate.top .main_2 .col1 div.col_inner {
	clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
	background:url(../images/top/main_2_1.jpg) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate.top .main_2 .col2 {
/*	aspect-ratio: 78 / 58; */
	clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
	margin-right:-62px;
	z-index:2;
}

section.article_area.corporate.top .main_2 .col2 div.col_inner {
	clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
	background:url(../images/top/main_2_2.jpg) no-repeat center center;
	background-size:cover;
}


section.article_area.corporate.top .main_2 .col3 {
/*	aspect-ratio: 78 / 58; */
	clip-path: polygon(60px 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index:1;
}

section.article_area.corporate.top .main_2 .col3 div.col_inner {
	background:url(../images/top/main_2_3.jpg) no-repeat center center;
	background-size:cover;
	clip-path: polygon(60px 0%, 100% 0%, 100% 100%, 0% 100%);
}

section.article_area.corporate.top .main_2 .col .business {
	display:inline-block;
	position:absolute;
	background-color:#b10c1a;
	color:white;
	font-weight:700;
	bottom:0px;
	left:0;
	padding:0.5em 2em;
}

/* お知らせ */
section.article_area.corporate.top .oshirase .std_column2.col2_16_80 .left {
	width:14em;
	clear:left;
}

section.article_area.corporate.top .oshirase .std_column2.col2_16_80 .right {
	width:calc(100% - 16em);
}


section.article_area.corporate.top .oshirase .pre_h2 {
	font-size:0.875rem;
	color:#b10c1a;
}

section.article_area.corporate.top .oshirase h2 {
	font-size:1.88rem;
	margin:10px 0 0px 0;
}

section.article_area.corporate.top .oshirase .left:nth-child(3) {
	margin-top:60px;
}

/* sec_1 */
section.article_area.corporate.top .sec_1_wrapper .section_label .page_width,
section.article_area.corporate.top .sec_1_wrapper .section_label .outer_width,
section.article_area.corporate.top .sec_1_wrapper .section_label .std_width {
	position:unset;
}

section.article_area.corporate.top .sec_1_wrapper {
	position:relative;
}

section.article_area.corporate.top .sec_1 {
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100px);
}

section.article_area.corporate.top .sec_1_inner {
	padding-top:10px;
	padding-bottom:40px;
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100px);
	overflow:hidden;
}

section.article_area.corporate.top .sec_1 .col2_40_56 .left {
	width:470px;
}

section.article_area.corporate.top .sec_1 pre_h2 {

}

section.article_area.corporate.top .sec_1 h2 {
	font-size:2.375rem;
	line-height:1.6em;
}

section.article_area.corporate.top .sec_1 .std_flex4 {
	text-align:center;
}

section.article_area.corporate.top .sec_1 .std_flex4 .before {
	font-weight:700;
	position:relative;
	z-index:2;
}

section.article_area.corporate.top .sec_1 .std_flex4 .after {
	font-weight:700;
	color:#b10c1a;
	line-height:1.5em;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

section.article_area.corporate.top .sec_1 .std_flex4 .after:before {
	content:'▼';
	display:block;
}

section.article_area.corporate.top .sec_1 .std_flex4 .col {
	width:24%;
}


section.article_area.corporate.top .sec_1 .std_flex4 .col img {
	display:block;
	position:relative;
	width:90%;
	margin:-15px auto 10px auto;;
	z-index:1;
}

section.article_area.corporate.top .sec_1 .std_column2 img.p_abs {
	width:1000px;
	height:auto;
	top:-30px;
	left:-100px;
}

section.article_area.corporate.top .sec_1 .slide {
	position:absolute;
	width:210px;
	z-index:3;
	transform:rotate(12deg);
	z-index:1;
}

section.article_area.corporate.top .sec_1 .slide img {
	border-radius:20px;
	margin-bottom:10px;
}

section.article_area.corporate.top .sec_1 .slide.slide1 {
	top:-40px;
	right:331px;
}

section.article_area.corporate.top .sec_1 .slide.slide2 {
	top:-100px;
	right:86px;
}

section.article_area.corporate.top .sec_1 .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
}

section.article_area.corporate.top .sec_1 .bx-wrapper ul {
	margin:0;
	padding:0;
}

@media screen and (max-width: 1100px) {
	section.article_area.corporate.top .sec_1 .slide.slide1 { right:271px; }
	section.article_area.corporate.top .sec_1 .slide.slide2 { right:26px; }
}

@media screen and (max-width: 1000px) {
	section.article_area.corporate.top .sec_1 .slide.slide1 { right:111px; }
	section.article_area.corporate.top .sec_1 .slide.slide2 { right:-144px; }
}


/* sec_2 */
section.article_area.corporate.top .sec_2 { position:relative;}
section.article_area.corporate.top .sec_2 #sec_2 {position:absolute;top:-80px;}


section.article_area.corporate.top .sec_2 .std_column2 .right {
	margin-right:30px;
	z-index:3;
}

@media screen and (max-width: 1180px) {
	section.article_area.corporate.top .sec_2 .std_column2 .right {
		width:38%;
	}
	body section.article_area.corporate.top .sec_2 .image {
		width:1150px;
		position:relative;
		margin-left:-120px;
	}
}

section.article_area.corporate.top .sec_2 .std_column2 {
	position:absolute;
	
}

section.article_area.corporate.top .sec_2 h2 {
	font-size:2.375rem;
	line-height:1.6em;
}

section.article_area.corporate.top .sec_2 .image {
	width:1150px;
	position:relative;
	margin-left:-20px;
}

section.article_area.corporate.top .sec_2 .image .lay_1 {
	position:absolute;
	width:100%;
	height:100%;
}

section.article_area.corporate.top .sec_2 .image .lay_1 figure {
	margin-bottom:0;
	position:absolute;
}
section.article_area.corporate.top .sec_2 .image .lay_1 img {
	border-radius:10px;
	position:relative;;
	z-index:2;
	width:100%;
	height:auto;
}

section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_1 { width:12.2%;height:auto;top:1.2%;left:12.1%;}
section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_2 { width:10.4%;height:auto;top:12.7%;left:26.4%;}
section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_3 { width:13.9%;height:auto;top:6.2%;left:38.7%;}
section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_4 { width:13.9%;height:auto;top:81.4%;left:9.9%;}
section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_5 { width:13.9%;height:auto;top:82.4%;left:27.4%;}
section.article_area.corporate.top .sec_2 .image .lay_1 .sec_2_photo_6 { width:10.4%;height:auto;top:54.6%;left:58.5%;}

section.article_area.corporate.top .sec_2 .image .lay_base figure.base1 {
	display:block;
}

section.article_area.corporate.top .sec_2 .image .lay_base figure.base2 {
	position:absolute;
	width:100%;
	height:100%;
	/*
	top:-17px;
	*/
	top:0px;
	left:-1px;
	z-index:1;
}


/* sec_3 */
section.article_area.corporate.top .sec_3 { position:relative;}
section.article_area.corporate.top .sec_3 #sec_3 {position:absolute;top:-78px;}

section.article_area.corporate.top .sec_3 h2 {
	font-size:2.375rem;
	line-height:1.6em;
	width:510px;
}

section.article_area.corporate.top .sec_3 .image {
	width:804px;
	position:absolute;
	top:0px;
	left:31%;
	overflow:hidden;
}

@media screen and (max-width: 1180px) {
	section.article_area.corporate.top .sec_3 .std_column2.col2_48_48 .left {
		width:35%;
	}
	section.article_area.corporate.top .sec_3 .image {
		left:unset;
		right:0;
		z-index:1;
	}
}

@media screen and (max-width: 1180px) {
	section.article_area.corporate.top .sec_3 {
		padding-top:40px;
		padding-bottom:calc(6em + 20px);
	}
	
	section.article_area.corporate.top .sec_3 .left.std_padding_top2 {
		padding-top:0;
	}
	
	section.article_area.corporate.top .sec_3 h2 {
		font-size:1.5rem;
		text-align:left;
	}
	
	section.article_area.corporate.top .sec_3 h2 br {
		display:none;
	}

	section.article_area.corporate.top .sec_3 .std_column2.col2_48_48 .left {
		width:100%;
	}
	
	section.article_area.corporate.top .sec_3 .left .w80p {
		width:100%;
	}
	
	section.article_area.corporate.top .sec_3 .std_column2 .left {
		margin-bottom:0;
	}
	
	section.article_area.corporate.top .sec_3 .std_column2 .left.std_padding_bottom2 {
		padding-bottom:0;
	}
	
	section.article_area.corporate.top .sec_3 .std_column2 .left,
	section.article_area.corporate.top .sec_3 .std_column2  {
		position:unset;
	}
	
	section.article_area.corporate.top .sec_3 .std_column2 .left.std_padding_bottom {
		padding-bottom:0;
	}
	
	section.article_area.corporate.top .sec_3 .button_area {
		position:absolute !important;
		top:unset !important;
		bottom:-6rem;
		text-align:center;
		width:100%;
	}
	
	section.article_area.corporate.top .sec_3 .image {
		width: 103vw;
		position: relative;
		top: -40px;
		left: -13vw;
		margin-bottom:20px;
	}

}


section.article_area.corporate.top .sec_3 .image .lay_1 figure {
	display:block;
	position:absolute !important;
	z-index:2;
	top:0;
}

section.article_area.corporate.top .sec_3 .image .maru_left {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	mask-image:url(../images/top/value_chain/mask_right.png);
	mask-size:cover;
	mask-position:center center;
	z-index:1;
}

section.article_area.corporate.top .sec_3 .image .maru_right {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	mask-image:url(../images/top/value_chain/mask_left.png);
	mask-size:cover;
	mask-position:center center;
	z-index:1;
}

/* sec_4 */
section.article_area.corporate.top .sec_4 { position:relative;}
section.article_area.corporate.top .sec_4 #sec_4 {position:absolute;top:-78px;}

section.article_area.corporate.top .sec_4 .section_label .label {
	border-color:white;
}

section.article_area.corporate.top .sec_4 .section_label .label span {
	color:white;
}

section.article_area.corporate.top .sec_4 {
	background:url(../images/top/sec_4_bg.jpg) no-repeat center center;
	background-size:cover;
	color:#bfbfbf;
}

section.article_area.corporate.top .sec_4 h2 {
	font-size:2.375rem;
	line-height:1.6em;
	color:white;
}

section.article_area.corporate.top .sec_4 .std_column2 {
	position:absolute;
	width:100%;
	top:0;
}

section.article_area.corporate.top .sec_4 .history_area {
	position:relative;
	width:100%;
	height:560px;
}
section.article_area.corporate.top .sec_4 .history_area .line {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background-image: linear-gradient(22deg, transparent 49.6%, #b10c1a 49.6%, #b10c1a 50%, transparent 50%, transparent);
	z-index:1;
}

section.article_area.corporate.top .sec_4 .history_area .year {
	position:absolute;
	border-bottom:1px solid #bfbfbf;
	padding:0 1em;
	z-index:2;
}

section.article_area.corporate.top .sec_4 .history_area .year.t2 {
	border-bottom:none;
}

section.article_area.corporate.top .sec_4 .history_area .year.t1 strong {
	margin-right:0.5em;
}

section.article_area.corporate.top .sec_4 .history_area .year strong img {
/*
	font-size:36px;
	font-weight:400;
	margin-right:0.5em;
	font-style:italic;
	color:white;
*/
	
	height:30px;
	width:auto;
	display:inline-block;
}

section.article_area.corporate.top .sec_4 .history_area .year span {
	font-weight:400;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

section.article_area.corporate.top .sec_4 .history_area .year.t2 strong {
	position:absolute;
	right:-7.5em;
}

section.article_area.corporate.top .sec_4 .history_area .year.t2 span {
	padding-right:5em;
	border-bottom:1px solid #bfbfbf;
	padding-bottom:5px;
}


section.article_area.corporate.top .sec_4 .history_area .year.t1:before,
section.article_area.corporate.top .sec_4 .history_area .year.t2:before {
	content:'';
	display:block;
	box-sizing:border-box;
	position:absolute;
	width:23px;
	height:23px;
	background-color:#272849;
	border:8px solid #b10c1a;
	border-radius:30px;
}

section.article_area.corporate.top .sec_4 .history_area .year.t1:before {
	top:29px;
	left:-15px;
}

section.article_area.corporate.top .sec_4 .history_area .year.t2:before {
	top:21px;
	left:auto;
	right:-7px;
}

/*
17たす
*/
section.article_area.corporate.top .sec_4 .history_area .year.y1 { top:39px; left:-1px;}
section.article_area.corporate.top .sec_4 .history_area .year.y2 { top:93px; left:131px;}
section.article_area.corporate.top .sec_4 .history_area .year.y3 { top:154px; left:280px;}
section.article_area.corporate.top .sec_4 .history_area .year.y4 { top:287px; left:124px;}
section.article_area.corporate.top .sec_4 .history_area .year.y5 { top:381px; left:486px;}
section.article_area.corporate.top .sec_4 .history_area .year.y6 { top:460px; left:647px;}
section.article_area.corporate.top .sec_4 .history_area .year.y7 { top:519px; left:921px;}

section.article_area.corporate.top .sec_4 .history_area .photo {
	position:absolute;
	border-radius:10px;
	height:auto;
}

section.article_area.corporate.top .sec_4 .history_area .photo.p1 { width:110px; top:-10px; left:580px;}
section.article_area.corporate.top .sec_4 .history_area .photo.p2 { width:200px; top:327px; left:-17px;}
section.article_area.corporate.top .sec_4 .history_area .photo.p3 { width:160px; top:462px; left:221px;}

/* sec_5 */
section.article_area.corporate.top .sec_5 {
	color:white;
	position:relative;
	margin-top:-1px;
}
section.article_area.corporate.top .sec_5 #sec_5 {position:absolute;top:-78px;}

section.article_area.corporate.top .sec_5 .sec_5_bg {
	background:url(../images/top/sec_5_bg.jpg) no-repeat center center;
	position:absolute;
	width:100%;
	height:600px;
	top:0;
	background-size:cover;
}

section.article_area.corporate.top .sec_5 .pre_h2 {
	background-color:#b10c1a;
	display:inline-block;
	font-size:0.875rem;
	padding:0.5em 1em;
	line-height:1em;
}

section.article_area.corporate.top .sec_5 h2 {
	font-size:2.375rem;
	line-height:1.6em;
	margin:0.5em 0;
	line-height:1em;
	font-weight:500;
}

section.article_area.corporate.top .sec_5 .senior_area {
	margin-top:120px;
}

section.article_area.corporate.top .sec_5 .senior_area:after { content:'';display:block;clear:left;}

section.article_area.corporate.top .sec_5 .senior_area img {
/*
	display:block;
	float:left;
*/
	width:260px;
	height:auto;
	border-radius:10px;
	margin-right:20px;
}

section.article_area.corporate.top .sec_5 .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
	max-width:200% !important;
	width:200% !important;
	overflow:visible;
}

section.article_area.corporate.top .sec_5 .bx-viewport {
	overflow:visible !important;
}

section.article_area.corporate.top .sec_5 .bx-wrapper ul {
	margin:0;
	padding:0;
}


/* sec_6 企業情報 */
section.article_area.corporate.top .sec_6 #sec_6 {position:absolute;top:-78px;}
section.article_area.corporate.top .sec_6 {
	position:relative;
}

section.article_area.corporate.top .sec_6 .photo_outer {
	background:url(../images/top/sec_6_top_photo.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	width:100%;
	top:0;
	height:350px;
	overflow:hidden;
	z-index:0;
}

section.article_area.corporate.top .sec_6 h2 {
	font-size:2.375rem;
	line-height:1.6em;
	margin:0.5em 0;
	line-height:1em;
	font-weight:500;
}

section.article_area.corporate.top .sec_6 .text_area {
	padding-top:350px;
}

section.article_area.corporate.top .sec_6 ul {
	float:left;
}

section.article_area.corporate.top .sec_6 ul:nth-child(1) {
	padding-left:0;
}

section.article_area.corporate.top .sec_6 ul li {
	display:block;
	margin-bottom:1em;
}

section.article_area.corporate.top .sec_6 ul li br {
	display:none;
}

section.article_area.corporate.top .sec_6 ul li a.button_1 {
	width:17em;
	padding-right:3em;
}

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

	section.article_area.corporate.top .sec_6 ul li a.button_1 {
		width:15em;
	}

	section.article_area.corporate.top .sec_6 ul li a.button_1.valuechain {
		border-radius:35px;
	}

}

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

	section.article_area.corporate.top .sec_6 ul li br {
		display:block;
	}

	section.article_area.corporate.top .sec_6 ul li a.button_1.valuechain:after {
		top:1.7em;
	}

	section.article_area.corporate.top .sec_6 ul li a.button_1 {
		width:12em;
		line-height:1.5em;
	}
}

@media screen and (max-width: 1000px) {
	section.article_area.corporate.top .sec_6 ul li a.button_1 {
		width:10em;
	}
}

/* sec_7 企業情報 */
section.article_area.corporate.top .sec_7 #sec_7 {position:absolute;top:-78px;}
section.article_area.corporate.top .sec_7 {
	position:relative;
}

section.article_area.corporate.top .sec_7 h2 {
	font-size:2.375rem;
	line-height:1.6em;
	margin:0.5em 0;
	line-height:1em;
	font-weight:500;
}

section.article_area.corporate.top .sec_7 .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
	max-width:100% !important;
	width:100% !important;
	overflow:visible;
}

section.article_area.corporate.top .sec_7 .bx-viewport {
	overflow:visible !important;
}

section.article_area.corporate.top .sec_7 .bx-wrapper ul {
	margin:0;
	padding:0;
}





/*----------------------------------------
 * コーポレート　私たちの役割
 *----------------------------------------*/
/* 削除OK
section.article_area.corporate.yakuwari .outer_width {
	width:1280px;
}
*/

/* sec_1 */
section.article_area.corporate.yakuwari .sec_1 {
	padding-bottom:170px;
}

section.article_area.corporate.yakuwari .sec_1 .std_h2 {
	font-size:2.4rem;
	line-height:1.8em;
	width:850px;
}

section.article_area.yakuwari .sec_1 .sec_1_fig_1 { top:0; right:1%; width:909px;}

section.article_area.yakuwari .sec_1 .sec_1_fig_2 { top:43px; right:21.5%; width:315px;}
section.article_area.yakuwari .sec_1 .sec_1_fig_2 .share {
	position:absolute;
	text-align:center;
	font-size:0.875rem;
	font-weight:700;
	line-height:1.5em;
	width:100%;
	bottom:-10px;
	left:0;
}
section.article_area.yakuwari .sec_1 .sec_1_fig_2 .percent {
	font-family: 'Roboto', sans-serif;
	color:#db0113;
	font-size:2.1rem;
	font-weight:700;
	position:absolute;
	top:-22px;
	right:-24px;
}
section.article_area.yakuwari .sec_1 .sec_1_fig_2 .percent span {
	font-size:3rem;
}


section.article_area.yakuwari .sec_1 .sec_1_fig_3 { top:430px; right:6%; width:419px;}

@media screen and (max-width: 1380px) {
	section.article_area.corporate.yakuwari .sec_1 { padding-bottom:230px;}
	section.article_area.yakuwari .sec_1 .sec_1_fig_1 { top:80px;}
	section.article_area.yakuwari .sec_1 .sec_1_fig_2 { top:153px; right:28.5%;}
}

@media screen and (max-width: 1180px) {
	section.article_area.corporate.yakuwari .sec_1 { padding-bottom:300px;}
	section.article_area.corporate.yakuwari .sec_1 .left .w58p { width:48%;}
	section.article_area.yakuwari .sec_1 .sec_1_fig_1 { top:180px;}
	section.article_area.yakuwari .sec_1 .sec_1_fig_2 { top:230px;}
}

@media screen and (max-width: 1000px) {
	section.article_area.corporate.yakuwari .sec_1 {
		padding-bottom:0;
	}
	section.article_area.corporate.yakuwari .sec_1 .std_h2 {
		font-size:2.4rem;
		width:100%;
	}
	section.article_area.corporate.yakuwari .sec_1 .std_h2 br{
	}

	section.article_area.corporate.yakuwari .sec_1 .left {
		width:100% !important;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .left .w58p {
		width:100%;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .fig_area {
		position:relative;
		padding-bottom:10%;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_1 {
		position:relative;
		width:90%;
		height:auto;
		right:0;
		margin-left:auto;
		margin-right:auto;
		top:50px;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_2 {
		width:40%;
		left:15%;
		top:10%;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_3 {
		width:50%;
		top:unset;
		right:3%;
		bottom:0;
		left:unset;
	}
	
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_1 img,
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_2 img,
	section.article_area.corporate.yakuwari .sec_1 .fig_area .p_abs.sec_1_fig_3 img {
		width:100%;
		height:auto;
	}
}

/* sec_2 */
section.article_area.corporate.yakuwari .sec_2 .std_flex3 .column {
	margin-top:40px;
	text-align:center;
}

section.article_area.corporate.yakuwari .sec_2 .std_flex3 .column img {
	display:block;
	margin:0 auto;
	width:160px;
	height:160px;
}

/* sec_3 */
section.article_area.corporate.yakuwari .sec_3 .bg_mesh {
    background: url(../images/branch/bg_mesh.jpg) repeat center top;
	position: absolute;
    width: 100%;
    height: 90%;
    top: 0px;
    left: -50%;
    margin-left: 640px;
	z-index:0;
}

@media screen and (max-width: 1300px) {
	section.article_area.corporate.yakuwari .sec_3 .bg_mesh {
		position: absolute;
		width: 100%;
		height: 90%;
		top: 0px;
		left: 0%;
		margin-left:0px;
		z-index:0;
	}
}

/* 写真レイアウト 0122  ここから */
section.article_area.corporate.yakuwari .sec_3 .photo_spread {
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text {
	width:630px;
	margin-left:-30px;
	display:flex;
	float:none;
	height:100%;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text .box_col h3 {
	margin-top:28px;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text .box_col:nth-child(1) {
	width:60px;
	margin-right:60px;
	font-size:0.875rem;
	letter-spacing:0.2em;
	color:#db0113;
	text-align:center;
	font-weight:300;
	height:100%;
	margin-top:-15px;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text .box_col:nth-child(1):after {
	content:'';
	display:block;
	width:1px;
	height:75%;
	margin:50px auto;
	background-color:#db0113;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text .box_col:nth-child(1) div strong {
	font-family:'Roboto', sans-serif;
	letter-spacing:0em;
	font-size:4rem;
	font-weight:200;
	font-style: italic;
	display:block;
	margin-left:-0.1em;
	margin-top:0.2em;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text .box_col:nth-child(2) {
	width:510px;
	float:left;
	text-align:justify;
}

section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_photo {
	width:calc(100% - 90px);
	border-radius:0;
}

section.article_area.corporate.yakuwari .sec_3_control_room {
	height:100%;
}

section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread {
	height:100%;
}

section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_photo_area .ps_photo {
	width: calc(100% + 60px);
	margin-top:-80px;
}

section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_text_area .ps_text {
	width: 480px;
	margin-left:120px;
	bottom:0;
	padding-top:40px;
}

section.article_area.corporate.yakuwari .sec_3_control_room h3 {
	font-size:1.75rem;
	line-height:2em;
	letter-spacing:0.075em;
}

section.article_area.corporate.yakuwari .sec_3_control_room h3 strong {
	display:inline-block;
	background-color:#db0113;
	color:white;
	padding:0.5em 0.5em;
	margin-right:0.2em;
	line-height:1em;
}


section.article_area.corporate.yakuwari .sec_3_control_room .bg_mesh {
	position:absolute;
	width:100%;
    height: 100%;
    top: 0px;
    left: 50%;
    margin-left: -640px;
}

@media screen and (max-width: 1300px) {
	section.article_area.corporate.yakuwari .sec_3 .photo_spread .ps_text {
		width:100%;
	}

	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_text_area .ps_text {
		margin-left:60px;
		width: calc(100% - 90px);
		padding-top:20px;

	}
	
	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_photo_area .ps_photo {
		width: calc(90% + 60px);
	}
	
	section.article_area.corporate.yakuwari .sec_3_control_room .bg_mesh {
		left: 0%;
		margin-left: 0px;
	}
}

@media screen and (max-width: 1100px) {
	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread {
		flex-wrap:wrap;
	}

	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_photo_area {
		width: 70%;;
	}
	

	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_text_area {
		width: 85%;
		padding-top:0px;
		margin-left:15%;
	}
	
	section.article_area.corporate.yakuwari .sec_3_control_room .photo_spread .ps_text_area .ps_text {
		padding-top:0;
	}
	
	section.article_area.corporate.yakuwari .sec_3_control_room .bg_mesh {
		left: 0%;
		margin-left: 0px;
	}
}


/* sec_4 */
section.article_area.corporate.yakuwari .sec_4 {
	padding-bottom:160px;
}

section.article_area.corporate.yakuwari .sec_4 .bg_mesh {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 236px;
    left: 50%;
    margin-left: -680px;
    background: url(../images/branch/bg_mesh.jpg) repeat center top;
	z-index:0;
}

section.article_area.corporate.yakuwari .sec_4 .left {
	width:350px;
	text-align:right;
}

@media screen and (max-width: 1300px) {
	section.article_area.corporate.yakuwari .sec_4 .left {
		width:30%;
		text-align:center;
	}
	
	body section.article_area.corporate.yakuwari .sec_4 .slide_area {
		margin-left:-15%;
	}
}

section.article_area.corporate.yakuwari .sec_4 .right {
	float:left;
	width:100%;
}


section.article_area.corporate.yakuwari .sec_4 .left div.writing_vertical{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display:inline-block;
  text-align:left;
  height:30em;
}

section.article_area.corporate.yakuwari .sec_4 .left div.writing_vertical h2 {
	font-size:1.75rem;
	line-height:2em;
	font-weight:300;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area {
	position:absolute;
	/*
	width:100%;
	*/
	top:0px;
	left:50%;
	margin-left:-230px; 
	overflow:hidden;
	z-index:1;
	width:100%;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area .slide {
	display:block;
	margin-right:20px;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area ul {
	margin:0;
	padding:0;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area .bx-wrapper{
	overflow:visible !important;
	box-shadow:none !important;
	background:none !important;
	border:none;
	margin-bottom:0;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area .bx-viewport{
	width:300px !important;
	overflow:visible !important;
}

section.article_area.corporate.yakuwari .sec_4 .slide_area .slide img {
	display:block;
	width:300px;
	height:auto;
	margin-bottom:20px;
	border-radius:10px;
}


/*----------------------------------------
 *コーポレート　 拠点紹介
 *----------------------------------------*/

/* 拠点共通 */
 section.article_area.corporate.branch .sec_1_0 {
	position:relative;
 }
 
 section.article_area.corporate.branch .z_index_1{
	position:relative;
	z-index:1;
 }

 section.article_area.corporate.branch .top_map {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-800px;
	z-index:0;
 }

@media screen and (max-width: 1300px) {
	section.article_area.corporate.branch .sec_1_1-3 .photo_spread {
	    justify-content: space-between;
	}
	
	section.article_area.corporate.branch .sec_1_1-3 .photo_spread .ps_text_area {
		width:30%;
		margin-left:3%;
	}

	section.article_area.corporate.branch .sec_1_1-3 .photo_spread.rev .ps_text_area {
		margin-left:0%;
		margin-right:3%;
	}

	section.article_area.corporate.branch .sec_1_1-3 .photo_spread .ps_text_area .ps_text {
		width:100%;
		margin-right:0;
	}

	section.article_area.corporate.branch .sec_1_1-3 .photo_spread.rev .ps_text_area .ps_text {
		margin-left:0;
	}

	section.article_area.corporate.branch .sec_1_1-3 .photo_spread .ps_text_area .ps_text {
		width:100%;
		margin-right:0;
	}
	
	section.article_area.corporate.branch .sec_1_1-3 .photo_spread .ps_photo_area {
		width:65%;
	}
	section.article_area.corporate.branch .sec_1_1-3 .photo_spread .ps_photo_area .ps_photo {
		width:100%;
		margin-left:0;
	}
}

 section.article_area.corporate.branch .sec_1_1-3 {
	position:relative;
 }

 section.article_area.corporate.branch .sec_1_1-3 .bg_mesh {
	position:absolute;
	width:1600px;
	height:80%;
	top:100px;
	left:50%;
	margin-left:-800px;
	background:url(../images/branch/bg_mesh.jpg) repeat center top;
 }

 section.article_area.corporate.branch .pre_h3 {
	position:relative;
	color:#b10c1a;
	font-size:0.875rem;
	width:95%;
	padding-right:5%;
	overflow:hidden;
	line-height:5rem;
 }

 section.article_area.corporate.branch .pre_h3 strong {
	position:relative;
	font-family:'Roboto', sans-serif;
	font-style: italic;
	font-weight:300;
	font-size:5rem;
	display:inline-block;
	vertical-align:middle;
	float:right;
}

section.article_area.corporate.branch .pre_h3 span {
	font-family:roboto;
	font-weight:400;
	font-size:0.875rem;
	letter-spacing:0.2em;
	padding-right:1em;
	z-index:1;
}

section.article_area article .pre_h3 span:before {
	content:'●';
	position:relative;
	font-size:0.6rem;
	top:-0.1em;
	margin-right:0.5em;
}


section.article_area.corporate.branch .pre_h3:before {
	content:'';
	position:absolute;
	width:calc(100% - 14.8em);
	height:1px;
	background-color:#b10c1a;
	top:50%;
	left:6.8em;
	z-index:0;
}

section.article_area.corporate.branch h3.std_h3 {
	font-size:1.5rem;
	line-height:1.5em;
}

section.article_area.corporate.branch .sec_2 {
	position:relative;
	background:url(../images/branch/bg_mesh.jpg) repeat center top;
	padding-top:160px;
	margin-top:-80px;
}

section.article_area.corporate.branch .sec_setsubi {
	border-bottom:1px solid #ccc;
}

section.article_area.corporate.branch .sec_setsubi h3 {
	margin-top:0;
}

section.article_area.corporate.branch .sec_setsubi dl {
	display:inline-block;
	width:30%;
	margin:0 3% 0 0;
	border-bottom:1px solid black;
}

section.article_area.corporate.branch .sec_setsubi dl:after { content:'';display:block;clear:both;}

section.article_area.corporate.branch .sec_setsubi dl dt { float:left;text-align:left;}
section.article_area.corporate.branch .sec_setsubi dl dd { float:right;text-align:right;}

section.article_area.corporate.branch .sec_setsubi dl dt,
section.article_area.corporate.branch .sec_setsubi dl dd {
	width:50%;
	box-sizing:border-box;
	margin:0;
	padding:1em 0;
}

section.article_area.corporate.branch .sec_setsubi .kokumotsu {
	display:inline-block;
	width:31%;
	margin-right:3%;
	border-bottom:1px solid black;
	padding-bottom:1em;
	margin-bottom:0em;
}

section.article_area.corporate.branch .sec_setsubi .kokumotsu:nth-child(3n) {
	margin-right:0%;
}

section.article_area.corporate.branch .sec_setsubi .kokumotsu table { width:100%;}
section.article_area.corporate.branch .sec_setsubi .kokumotsu th { text-align:left;font-weight:normal;width:50%;}
section.article_area.corporate.branch .sec_setsubi .kokumotsu td { text-align:right;width:50%;}

section.article_area.corporate.branch .sec_setsubi .ib { display:inline-block;}
section.article_area.corporate.branch .sec_setsubi .col2_auto { width:100%;margin-bottom:10px;}
section.article_area.corporate.branch .sec_setsubi .col2_auto .left {width:17em;}
section.article_area.corporate.branch .sec_setsubi .col2_auto .right {width:auto;}
section.article_area.corporate.branch .sec_setsubi h4 {
	margin:0 0 0 1.5em;;
	padding:0 2em 0 0;
	position:relative;
}

section.article_area.corporate.branch .sec_setsubi h4:after {
	content:'';
	position:absolute;
	width:1em;
	height:3px;
	background-color:#b10c1a;
	left:-1.5em;
	top:50%;
}

section.article_area.corporate.branch .sec_setsubi table.setsubi_table,
section.article_area.corporate.branch .sec_setsubi .setsubi_table table,
section.article_area.corporate.branch .sec_setsubi .setsubi_table table tbody {
	table-layout:fixed;
	width:70%;
	line-height:1.6em;
}

@media screen and (max-width: 1300px) {
	section.article_area.corporate.branch .sec_setsubi table.setsubi_table,
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table,
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table tbody {
		width:80%;
	}
}

@media screen and (max-width: 1100px) {
	section.article_area.corporate.branch .sec_setsubi table.setsubi_table,
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table,
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table tbody {
		width:100%;
	}
}
section.article_area.corporate.branch .sec_setsubi table.setsubi_table th, 
section.article_area.corporate.branch .sec_setsubi table.setsubi_table td,
section.article_area.corporate.branch .sec_setsubi .setsubi_table table th, 
section.article_area.corporate.branch .sec_setsubi .setsubi_table table td {

/*
	width:50%;
*/
	width:100%;
	vertical-align:top;
	font-weight:400;
	padding:0.5em;
}

section.article_area.corporate.branch .sec_setsubi table.setsubi_table td:nth-child(2), 
section.article_area.corporate.branch .sec_setsubi table.setsubi_table td:nth-child(3),
section.article_area.corporate.branch .sec_setsubi .setsubi_table table td:nth-child(2), 
section.article_area.corporate.branch .sec_setsubi .setsubi_table table td:nth-child(3) {
	width:9em;
}

@media screen and (max-width: 768px) {
	section.article_area.corporate.branch .sec_setsubi table.setsubi_table td:nth-child(2), 
	section.article_area.corporate.branch .sec_setsubi table.setsubi_table td:nth-child(3),
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table td:nth-child(2), 
	section.article_area.corporate.branch .sec_setsubi .setsubi_table table td:nth-child(3) {
		width:5em;
	}
}

section.article_area.corporate.branch .sec_setsubi .std_margin_left_1 table.setsubi_table td,
section.article_area.corporate.branch .sec_setsubi .std_margin_left_1 .setsubi_table table td {
	padding-right:1em;
}

section.article_area.corporate.branch .sec_setsubi .std_margin_left_1 .std_margin_left_1 table.setsubi_table td,
section.article_area.corporate.branch .sec_setsubi .std_margin_left_1 .std_margin_left_1 .setsubi_table table td {
	padding-right:2em;
}

section.article_area.corporate.branch .sec_3 .access {
	border-left:2px solid #b10c1a;
	padding-left:1em;
}

section.article_area.corporate.branch .sec_3 .g-map {
	width:100%;
	height:550px;
}

section.article_area.corporate.branch .sec_3 .g-map iframe {width:100%;height:550px;}

/* 西日本 */
section.article_area.corporate.branch.nishinihon .top_map {
	top:0px;
	left:50%;
	margin-left:-800px !important;
}

section.article_area.corporate.branch.nishinihon .sec_1_0 .col2_50_50 .right {
	width:590px;
}

@media screen and (max-width: 1050px) {
	section.article_area.corporate.branch.nishinihon .top_map {
		left:58%;
	}
}

@media screen and (max-width: 860px) {
	section.article_area.corporate.branch.nishinihon .top_map {
		width:54%;
		left:10%;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

@media screen and (max-width: 550px) {
	section.article_area.corporate.branch.nishinihon .top_map {
		margin-left:0 !important;
		left:0;
		height:200px;
		width:100%;
	}
}




/* 南日本 */
section.article_area.corporate.branch.minaminihon .top_map {
	top:-157px;
	left:50%;
	margin-left:-440px;
	width:900px;
}

section.article_area.corporate.branch.minaminihon .sec_1_0 .col2_50_50 .right {
	width:535px;
}

section.article_area.corporate.branch.minaminihon .col2_20_75 .col2_49_49 {
	width:70%;
}

section.article_area.corporate.branch.minaminihon .col2_20_75 .col2_49_49 .left {
	padding-top:0.2em;
	width:45%;
}

section.article_area.corporate.branch.minaminihon .col2_20_75 .col2_49_49 .right {
	width:50%;
}

section.article_area.corporate.branch.minaminihon .col2_20_75 .col2_49_49 .right .setsubi_table table {
	width:100%;
}

@media screen and (max-width: 1150px) {
	section.article_area.corporate.branch.minaminihon .top_map {
		left:56%;
	}
}

@media screen and (max-width: 860px) {
	section.article_area.corporate.branch.minaminihon .top_map {
		width:50%;
		left:10%;
		top:-148px;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

@media screen and (max-width: 750px) {
	section.article_area.corporate.branch.minaminihon .top_map {
		left:5%;
		top:-72px;
	}
}

@media screen and (max-width: 550px) {
	section.article_area.corporate.branch.minaminihon .top_map {
		left:10%;
		width:74%;
		top:-60px;
	}
}

/* 八代 */
section.article_area.corporate.branch.yatsushiro .top_map {
	top:-14px;
	left:62%;
	margin-left:-656px;
	width:900px;
}

section.article_area.corporate.branch.yatsushiro .sec_1_0 .col2_50_50 .right {
	width:600px;
}

@media screen and (max-width: 1150px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		left:72%;
	}
}

@media screen and (max-width: 950px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		left:77%;
	}
}

@media screen and (max-width: 860px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		width:54%;
		left:10%;
		top:-84px;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

@media screen and (max-width: 800px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		top:-48px;
	}
}

@media screen and (max-width: 680px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		top:-20px;
	}
}


@media screen and (max-width: 550px) {
	section.article_area.corporate.branch.yatsushiro .top_map {
		width:78%;
		left:0
	}
}




/*----------------------------------------
 * コーポレート　トップメッセージ
 *----------------------------------------*/
section.article_area.corporate.top_message .sec_1 {
	overflow:hidden;
}


section.article_area.corporate.top_message .president_photo {
	position:absolute;
/*
	width:1500px;
	height:auto;
	left:-400px;
	top:-200px;
*/
	width:1212px;
	height:auto;
	left:-340px;
	top:-80px;
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 100px);
}

section.article_area.corporate.top_message .president_photo img {
	width:100%;
	height:auto;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 19% 64%, rgba(0, 0, 0, 0.02) 78%, rgba(0, 0, 0, 0));
}

/*----------------------------------------
 * コーポレート　企業理念
 *----------------------------------------*/

/*----------------------------------------
 * コーポレート　企業情報
 *----------------------------------------*/
section.article_area.corporate.company {}

/* 削除OK
section.article_area.corporate.company .outer_width {
	width:1280px;
}
*/


section.article_area.corporate.company .page_inner_link {
	background:url(../images/company/page_inner_link_bg.jpg) repeat center top;
}

section.article_area.corporate.company .page_inner_link a {
	position:relative;
	box-sizing:border-box;
	width:30%;
	padding:0.5em 1.5em;
	border-radius:100px;
	text-align:left;
	background-color:white;
	color:black;
	transition:all 0.3s;
}

section.article_area.corporate.company .page_inner_link a:after {
	content:'↓';
	position:absolute;
	right:1.5em;
}

section.article_area.corporate.company .page_inner_link a:visited { color:black;}
section.article_area.corporate.company .page_inner_link a:hover {
	transform:scale(1.1);
	background-color:#c9d3e0;
}

section.article_area.corporate.company .sec_1 .std_column2 .left {
	width:50%;
	line-height:1.5em;
}
section.article_area.corporate.company .sec_1 .std_column2 .right {
	width:40%;
}


section.article_area.corporate.company .sec_1 .sec_company_info {
	border-bottom:1px solid #ccc;
}
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info {
	align-items: center;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .left {
	width:13em;
	padding-left:0.5em;
	box-sizing:border-box;
	font-weight:500;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .right {
	width:calc(100% - 14em);
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list {
	margin-top:1em;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list:first-of-type {
	margin-top:0em;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list div:nth-child(1),
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list p:nth-child(1) {
}
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list div:nth-child(1):before,
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list p:nth-child(1):before {
	content:'●';
	display:inline-block;
	font-size:0.5rem;
	line-height:1em;
	width:1rem;
	vertical-align:middle;
	margin-top:-3px;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list div:nth-child(2),
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_list p:nth-child(2) {
	margin-left:1em !important;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table {
	width:100%;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table th {
	text-align:left;
	font-weight:normal;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table td {
	text-align:right;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr th,
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr td {
	padding-bottom:0.5em;
	line-height:1.5em;
	padding-left:0.5em;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr.total th,
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr.total td,
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr:last-child th,
section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table tr:last-child td{
	padding-top:0.5em;
	border-top:1px solid #ccc;
}

section.article_area.corporate.company .sec_1 .std_flex2.sec_company_info .info_table td:last-child {
	width:6em;
}

section.article_area.corporate.company .sec_1 .std_column2 .right img {
	margin-left:-37px;
	width:620px;
    max-width: unset;
	height:auto;
}

section.article_area.corporate.company .sec_1 a.kaisya_annai {
	position:relative;
	display:inline-block;
	padding:1em 3em;
	background-color:black;
	color:white;
	line-height:1em;
	border-radius:100px;
	transition:all 0.3s;
	text-indent:1em;
}

section.article_area.corporate.company .sec_1 a.kaisya_annai:after {
	content:'';
	position:absolute;
	top:0.6em;
	left:1.5em;;
	width:1.8em;
	height:1.8em;
	background:url(../images/share/icon_pdf.svg) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate.company .sec_1 a.kaisya_annai:hover{
	transform:scale(1.1);
}

section.article_area.corporate.company .sec_2 {
	background:url(../images/branch/bg_mesh.jpg) repeat left top;
	position:relative;
}

section.article_area.corporate.company .sec_2 .access {
	border-left:2px solid #b10c1a;
	padding-left:1em;
}

section.article_area.corporate.company .sec_2 .access p {
	margin:0;
}

section.article_area.corporate.company .sec_2 .access strong {
	font-size:1.25rem;
	display:block;
	position:relative;
}

section.article_area.corporate.company .sec_2 .g-map {
	width:100%;
	height:550px;
}

section.article_area.corporate.company .sec_2 .g-map iframe {width:100%;height:100%;}

section.article_area.corporate.company .sec_2 .access_info {
	padding:1em;
	background-color:#dfdfdf;
	margin:0;
}

section.article_area.corporate.company .sec_2 .bt_gmap {
	position:absolute;
	right:0;
	border:1px solid black;
	color:black;
	border-radius:30px;
	text-align:center;
	text-indent:2em;
	font-size:0.7rem;
	line-height:1em;
	padding:0.5em 1em;
	font-weight:500;
	top:0.5em;
}

section.article_area.corporate.company .sec_2 .bt_gmap:after {
	content:'';
	position:absolute;
	top:0.1em;
	left:1em;;
	width:1.8em;
	height:1.8em;
	background:url(../images/share/icon_map_pointer.svg) no-repeat center center;
	background-size:cover;
}

/*----------------------------------------
 * コーポレート　バリューチェーン
 *----------------------------------------*/
section.article_area.corporate.value_chain {}

section.article_area.corporate.value_chain .heading_bg {
	height:250px;
}

section.article_area.corporate.value_chain .sec_1  {
	margin-top:140px;
}

section.article_area.corporate.value_chain .sec_1 .std_width {
	position:relative;
	height:730px;
}

section.article_area.corporate.value_chain .sec_1 h2.std_h2 {
	letter-spacing:0.06em;
}


section.article_area.corporate.value_chain .sec_1_1 {
	position:relative;
	width:33em;
	margin-left:100px;
	text-align:justify;
	z-index:2;
}

section.article_area.corporate.value_chain .sec_1_2 {
	position:absolute;
	width:770px;
	top:-25px;
	right:0px;
	z-index:1;
}

section.article_area.corporate.value_chain .sec_1_p_1,
section.article_area.corporate.value_chain .sec_1_p_2,
section.article_area.corporate.value_chain .sec_1_p_3,
section.article_area.corporate.value_chain .sec_1_p_4,
section.article_area.corporate.value_chain .sec_1_p_5,
section.article_area.corporate.value_chain .sec_1_p_6,
section.article_area.corporate.value_chain .sec_1_p_7 {
	position:absolute;
	z-index:0;
}

/*
section.article_area.corporate.value_chain .sec_1_p_1 {top:-90px; left:466px; width:178px;}
*/
section.article_area.corporate.value_chain .sec_1_p_1 {top:-90px; right:43px; width:178px;}
section.article_area.corporate.value_chain .sec_1_p_2 {top:80px; left:-330px; width:400px;}
section.article_area.corporate.value_chain .sec_1_p_3 {top:447px; left:-56px; width:187px;}
section.article_area.corporate.value_chain .sec_1_p_4 {top:313px; left:194px; width:186px;}
section.article_area.corporate.value_chain .sec_1_p_5 {top:528px; left:176px; width:110px;}
section.article_area.corporate.value_chain .sec_1_p_6 {top:540px; left:1060px; width:129px;}
section.article_area.corporate.value_chain .sec_1_p_7 {top:410px; left:1200px;width:200px;}


@media screen and (max-width: 1260px) {
	section.article_area.corporate.value_chain .sec_1_1 {
		margin-left:0;
	}
	section.article_area.corporate.value_chain .sec_1_p_2 {display:none;}
}

@media screen and (max-width: 1120px) {
	section.article_area.corporate.value_chain .sec_1 .std_width {
		height:auto;
	}
	
	section.article_area.corporate.value_chain .sec_1_1 {
		width:100%;
	}
	section.article_area.corporate.value_chain .sec_1_2 {
		position: relative;
		width: 80%;
		top: 25px;
		right: 0px;
		z-index: 1;
		margin-left: auto;
		margin-right: auto;
	}

	section.article_area.corporate.value_chain .sec_1_p_1 {top:-5px; right:234px; width:178px;}
	section.article_area.corporate.value_chain .sec_1_p_2 {width:50%;top:-23px; left:-26%;}
	section.article_area.corporate.value_chain .sec_1_p_3 {width:23%;top:735px; left:unset;right:5%;}
	section.article_area.corporate.value_chain .sec_1_p_4 {width:28%;top:300px; left:-2%;right:unset;}
	section.article_area.corporate.value_chain .sec_1_p_5 {width:16%;top:250px; left:unset;right:6%;mix-blend-mode:darken;}
	section.article_area.corporate.value_chain .sec_1_p_6 {display:none;}
	section.article_area.corporate.value_chain .sec_1_p_7 {display:none;}

}



section.article_area.corporate.value_chain .sec_2  {
	position:relative;
}

section.article_area.corporate.value_chain .sec_2 .outer_width {
	position:relative;
	z-index:1;
}

section.article_area.corporate.value_chain .sec_2 .bg_navy_lattice {
	position:absolute;
	width:100%;
	height:100%;
	left:calc(-50% + 700px);
}

@media screen and (max-width: 1450px) {	
	section.article_area.corporate.value_chain .sec_2 .bg_navy_lattice {
		left:0;
	}
}

section.article_area.corporate.value_chain .sec_2_1 {
	border:1px solid white;
	background-color:#2b3340;
	padding:0 20px 20px 20px;
}

section.article_area.corporate.value_chain .sec_2_1 h3 {
	position:relative;
	font-size:1rem;
	background-color:#2b3340;
	width:16em;
	height:25px;
	text-align:center;
	margin:-1px auto 0 auto;
}

section.article_area.corporate.value_chain .sec_2_1 h3 strong {
	position:absolute;
	display:block;
	margin-top:-10px;
	width:100%;
	text-align:center;
	top:-7px;
}

section.article_area.corporate.value_chain .sec_2_1 span {
	display:inline-block;
	font-size:0.75rem;
}

section.article_area.corporate.value_chain .sec_2_2 {
	width:100%;
	max-width:1200px;
}


/* type2 sec2 背景の紺色なし */
section.article_area.corporate.value_chain.type2 .sec_2.col_white {
	color:#282f39;
}

section.article_area.corporate.value_chain.type2 .sec_2_1 {
	background-color:white;
	border:1px solid #282f39;
}

section.article_area.corporate.value_chain.type2 .sec_2_1 h3 {
    margin: -17px auto 0 auto;
	height:32px;
}

section.article_area.corporate.value_chain.type2 .sec_2_1 h3 strong {
	color:white;
	top:8px;
}

section.article_area.corporate.value_chain.type2 .sec_2 .bg_navy_lattice {
	display:none;
}




section.article_area.corporate.value_chain .sec_3 {
	background:url(../images/value_chain/sec_3_bg.jpg) no-repeat right center,
					rgb(9,41,56);
	background-size:cover;
}

@media screen and (max-width: 1400px) {	
	section.article_area.corporate.value_chain .sec_3 {
		background:url(../images/value_chain/sec_3_bg.jpg) no-repeat  -100px center,
						rgb(9,41,56);
		background-size:cover;
	}
}

section.article_area.corporate.value_chain .sec_3_1 {
	position:relative;
	width:23em;
	text-align:justify;
}

section.article_area.corporate.value_chain .sec_4 h2.std_h2 {
	letter-spacing:0.06em;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 {
	height:580px;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column {
	width:calc(50% - 12em);
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column:nth-child(2) {
	order:1;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column:nth-child(1) {
	width:18em;
	order:2;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column:nth-child(3) {
	order:3;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
	width:100% !important;
	max-width:100% !important;
	height:100%;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column .bx-wrapper .bx-viewport {
	height:100%;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul {
	width:100% !important;
	height:100%;
	margin:0;
	padding:0;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li {
	width:100% !important;
	height:100% !important;
}

section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.slide {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.p_l_1 { background-image:url(../images/value_chain/sec_4_photo_left_1.jpg);}
section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.p_l_2 { background-image:url(../images/value_chain/sec_4_photo_left_2.jpg);}
section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.p_r_1 { background-image:url(../images/value_chain/sec_4_photo_right_1.jpg);}
section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.p_r_2 { background-image:url(../images/value_chain/sec_4_photo_right_2.jpg);}
section.article_area.corporate.value_chain .sec_4 .std_flex3 .column ul li.p_r_3 { background-image:url(../images/value_chain/sec_4_photo_right_3.jpg);}


section.article_area.corporate.value_chain footer {
	position:relative;
	margin-top:-100px;
	z-index:2;
}

body:has(.corporate.value_chain) footer {
	margin-top:-100px;
}


/* 2025.02.19 C案 */
section.article_area.corporate.value_chain .value_mv {
	position:relative;
	transition:all 0.3s;
	overflow:hidden;
}

section.article_area.corporate.value_chain .value_mv .play {
	transition:all 0.3s;
	position:absolute;
	z-index:2;
}

section.article_area.corporate.value_chain .value_mv:hover {
	cursor:pointer;
}

section.article_area.corporate.value_chain .value_mv:hover .play {
	transform:scale(1.2);
}

section.article_area.corporate.value_chain .value_mv .thum {
	transition:all 0.3s;
	display:block;
	z-index:1;
}

section.article_area.corporate.value_chain .value_mv:hover .thum {
	transform:scale(1.05);
}

body:has(section.article_area.corporate.value_chain) .valuechain_modal {
	position:absolute;
	display:none;
	box-sizing:border-box;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:30;
	/*
	padding-top:calc(100vh - 50%);
	*/
	background-color:rgba(0,0,0,0.9);
}

/*----------------------------------------
 * コーポレート　当社の歴史
 *----------------------------------------*/
section.article_area.corporate.history h3 {
	font-size:1.25rem;
	border-top:1px solid #dde3ea;
	margin:0;
	padding:15px 0 30px 0;
}

section.article_area.corporate.history .history_area {
	position:relative;
}

section.article_area.corporate.history .history_area img.bg_image {
	display:block;
	width:100%;
	height:auto;
	z-index:1;
}

@media screen and (max-width: 1300px) {
	section.article_area.corporate.history .history_area {
		font-size:1.2vw;
	}
}

section.article_area.corporate.history .history_area:after {
	content:'';
	display:block;
	position:absolute;
	background-color:#b10c1a;
	width:100%;
	height:2px;
	top:50%;
	z-index:2;
}

section.article_area.corporate.history .history_area .year {
	position:absolute;
	z-index:3;
	color:white;
	height:46%;
	line-height:1.5em;
}

section.article_area.corporate.history .history_area .year strong {
	display:block;
}

section.article_area.corporate.history .history_area .year strong.year_num img {
	height:1rem;
	width:auto;
	display:inline;
}

/* 赤丸 大・小 共通 */
section.article_area.corporate.history .history_area .year .pointer1,
section.article_area.corporate.history .history_area .year .pointer2 {
	content:'';
    display: block;
	box-sizing:border-box;
    left: 10%;
    background-color: #b10c1a;
    border-radius: 30px;
}

/* 赤丸 大 */
section.article_area.corporate.history .history_area .year .pointer1 {
    width: 20px;
	height: 20px;
	z-index:3
}

section.article_area.corporate.history .history_area .year.top .pointer1 {
    position: absolute;
    bottom: -10px;
}

section.article_area.corporate.history .history_area .year.bottom .pointer1 {
    position: relative;
    top: -9px;
	margin-bottom:11%;
}

/* 紺丸 小 */
section.article_area.corporate.history .history_area .year .pointer1:before {
	content:'';
    display: block;
    position: absolute;
    width: 8px;
	height: 8px;
	background-color:#272849;
	left:6px;
	top:6px;
    border-radius: 30px;
}

/* 引き出し線 */
section.article_area.corporate.history .history_area .year .pointer1:after,
section.article_area.corporate.history .history_area .year .pointer2:after {
	content:'';
	position:absolute;
	display:block;
	width:1px;
	left:49%;
	background-color:white;
	z-index:3
}

section.article_area.corporate.history .history_area .year.top .pointer1:after {
	height:80%;
	bottom:120%;
}

section.article_area.corporate.history .history_area .year.bottom .pointer1:after {
	height:150%;
	top:120%;
}

/* 赤丸 小 */
section.article_area.corporate.history .history_area .year .pointer2 {
    width: 10px;
	height: 10px;
	z-index:3
}

section.article_area.corporate.history .history_area .year.top .pointer2 {
    position: absolute;
    bottom: -5px;
}

section.article_area.corporate.history .history_area .year.bottom .pointer2 {
    position: relative;
    top: -4px;
	margin-bottom:17%;
}

/* 赤丸 小 引き出し線 */
section.article_area.corporate.history .history_area .year .pointer2:after {
	left:45%;
}

section.article_area.corporate.history .history_area .year.top .pointer2:after {
	height:1300%;
	bottom:120%;
}

section.article_area.corporate.history .history_area .year.bottom .pointer2:after {
	height:360%;
	top:145%;
}





section.article_area.corporate.history .history_area .year img {
	display:block;
	margin:5px 0;
}

section.article_area.corporate.history .history_area .year.top { top:4%;}
section.article_area.corporate.history .history_area .year.bottom { top:50%;}

section.article_area.corporate.history .history_area .year.y1 { width:25%;left:2%;}
section.article_area.corporate.history .history_area .year.y1 img { width:50%;height:auto;}

section.article_area.corporate.history .history_area .year.y2 { width:23%;left:13%;}
section.article_area.corporate.history .history_area .year.y2 img { width:50%;height:auto;}

section.article_area.corporate.history .history_area .year.y3 { width:30%;left:28%;}
section.article_area.corporate.history .history_area .year.y3 img { width:34%;height:auto;}

section.article_area.corporate.history .history_area .year.y4 { width:25%;left:50%;}
section.article_area.corporate.history .history_area .year.y4 img { width:44%;height:auto;}

section.article_area.corporate.history .history_area .year.y5 { width:20%;left:60%;}

section.article_area.corporate.history .history_area .year.y6 { width:20%;left:77%;}

section.article_area.corporate.history .history_area .year.y7 { width:20%;left:83%;}
section.article_area.corporate.history .history_area .year.y7 img { width:70%;height:auto;}

section.article_area.corporate.history .history_area .year img {
	display:block;
}

section.article_area.corporate.history .history_flow {
	columns:2;
	column-gap:0;
	border-top:1px solid #d0d7e7;
}


_:lang(x)::-moz-placeholder, section.article_area.corporate.history .history_flow {
	columns:1;
}

section.article_area.corporate.history .history_flow table {
	width:calc(100% + 1px);
	border-collapse:collapse;
}

section.article_area.corporate.history .history_flow table th,
section.article_area.corporate.history .history_flow table td {
	padding:1em;
	border-left:1px solid #d0d7e7;
	border-right:1px solid #d0d7e7;
	background:url(../images/history/table_bottom_border.png) repeat-x left bottom;
}

section.article_area.corporate.history .history_flow table th {
	width:6em;
	background-color:#eef1f8;
	text-align:left;
}

section.article_area.corporate.history .history_flow table td.color2 {
	background-color:#f6f8fc;
}

/*----------------------------------------
 * コーポレート　PGC行動計画
 *----------------------------------------*/
section.article_area.corporate.action_plan h3 {
	font-size:1.125rem;
	border-top:1px solid #dde3ea;
	margin:0;
	padding:15px 0 30px 0;
	letter-spacing:0.13em;
}

section.article_area.corporate.action_plan .point {
	margin-left:1em !important;
}

section.article_area.corporate.action_plan .point:before {
    content: '●';
    display: inline-block;
    font-size: 0.5rem;
    line-height: 1em;
    width: 0.8rem;
    vertical-align: middle;
    margin-top: -3px;
	margin-left:-1.8em;
}

section.article_area.corporate.action_plan .point p {
	display:inline;
}

section.article_area.corporate.action_plan .action_box {
	outline:2px solid #282f39;
	outline-offset:-2px;
	padding:30px;
}

section.article_area.corporate.action_plan .action_box .goal:after { content:'';display:block;clear:both;}

section.article_area.corporate.action_plan .action_box h4 {
	text-align:center;
	border-radius:5px;
	line-height:1em;
	margin:0;
	padding:1em 0;
	float:left;
}

section.article_area.corporate.action_plan .action_box .goal h4 {
	background-color:#282f39;
	padding:1em 0;
	color:white;
	width:6em;
}

section.article_area.corporate.action_plan .action_box .desc {
	float:left;
	margin-left:2em !important;
}

section.article_area.corporate.action_plan .action_box .desc.margin_top_1 {
	margin-top:-0.4em;
}

section.article_area.corporate.action_plan .action_box .desc.margin_top_2 {
	margin-top:0.4em;
}

section.article_area.corporate.action_plan .action_box .counterplan {
	background-color:#ebf1f9;
	padding:2rem;
}

section.article_area.corporate.action_plan .action_box .counterplan:after { content:'';display:block;clear:both;}

section.article_area.corporate.action_plan .action_box .counterplan h4 {
	border:1px solid #282f39;
	background-color:white;
	border-radius:5px;
	width:4em;
}

section.article_area.corporate.action_plan .sec_1 ul,
section.article_area.corporate.action_plan .sec_1 ol {
	margin:0;
	padding-left:1.3rem;
}

/*----------------------------------------
 * コーポレート　コンプライアンス
 *----------------------------------------*/
section.article_area.corporate.compliance h3 {
	font-size:1.125rem;
	border-top:1px solid #dde3ea;
	margin:0;
	padding:15px 0 30px 0;
	letter-spacing:0.13em;
}

section.article_area.corporate.compliance .std_margin_bottom_60 {
	margin-bottom:60px;
}

section.article_area.corporate.compliance .sec_1 ul,
section.article_area.corporate.compliance .sec_1 ol {
	margin-top:0;
}


/*----------------------------------------
 * コーポレート　個人情報の取り扱いに関するページ
 *----------------------------------------*/
section.article_area.corporate.privacy h3 {
	font-size:1.25rem;
	border-top:1px solid #dde3ea;
	margin:0;
	padding:15px 0 30px 0;
	
}

section.article_area.corporate.privacy .std_margin_bottom_60 {
	margin-bottom:60px;
}

section.article_area.corporate.privacy .sec_1 ul,
section.article_area.corporate.privacy .sec_1 ol {
	margin-top:0;
}


/*----------------------------------------
 * コーポレート　利用規約
 *----------------------------------------*/
section.article_area.corporate.terms h3 {
	font-size:1.25rem;
	margin:0;
	padding:0 0 10px 0;
	
}

section.article_area.corporate.terms .std_margin_bottom_60 {
	margin-bottom:60px;
	margin-left:1.5em !important;
}

section.article_area.corporate.terms .std_margin_bottom_60 ol {
	margin:0;
	padding-left:1.5em;
}

section.article_area.corporate.terms .std_margin_bottom_60 ol li {
	margin:0 0 1em 0;
}

/*----------------------------------------
 * コーポレート　お知らせ
 *----------------------------------------*/
 /* 共通 */
 
 /* 一覧 */
section.article_area.corporate.oshirase .select_wrapper {
	display:inline-block;
}

section.article_area.corporate.oshirase.list form strong {
	margin-right:1em;
}

section.article_area.corporate.oshirase.list form select {
	background-color:white;
}

section.article_area.corporate.oshirase.list form .select_wrapper {
	color:#db0113;
}

 /* 記事ページ */
section.article_area.corporate.oshirase.article_page h2.article_h2 {
	font-size:1.25rem;
	margin-top:0;
	border-bottom:1px dotted #020202;
	padding-bottom:20px;
	margin-bottom:20px;
}

section.article_area.corporate.oshirase.article_page .news_date, 
section.article_area.corporate.oshirase.article_page time {
	display:block;
	font-size:0.75rem;
	text-align:right;
}

section.article_area.corporate.oshirase.article_page .back_button input {
	width:16em;
}

section.article_area.corporate.oshirase.article_page .std_form .back_button input[type=button]:hover {
	padding:1em 3em;
}

section.article_area.corporate.oshirase.article_page .std_form .back_button:hover:before {
	color:white;
}



/*----------------------------------------
 * コーポレート　お問合せ
 *----------------------------------------*/
section.article_area.corporate.contact .form_step {
	position:relative;
}

section.article_area.corporate.contact .form_step .column {
	position:absolute;
	width:36%;
	text-align:center;
	background-color:#e2e7eb;
	box-sizing:border-box;
	padding:1.2em;
	font-size:0.875rem;
	line-height:0.875rem;
	clip-path: polygon(0 0, 90% 0%, 96% 50%, 90% 100%, 0 100%);
}
section.article_area.corporate.contact .form_step .column:nth-child(1) {
	position:relative;
	z-index:3;
}

section.article_area.corporate.contact .form_step .column:nth-child(2) {
	top:0;
	left:calc(32% + 7px);
	z-index:2;
	clip-path: polygon(0 0, 90% 0%, 96% 50%, 90% 100%, 0 100%, 6% 50%);
}

section.article_area.corporate.contact .form_step .column:nth-child(3) {
	top:0;
	left:calc(65% + 3px);
	z-index:1;
	clip-path: polygon(0 0, 90% 0%, 96% 50%, 90% 100%, 0 100%, 6% 50%);
}

section.article_area.corporate.contact .form_step .column.active {
	background-color:#d6373c;
	color:white;
}

section.article_area.corporate.contact .form_step .column span {
	font-size:0.75rem;
	display:inline-block;
	line-height:0.875rem;
	font-style:italic;
}

section.article_area.corporate.contact .form_step .column span:after {
	content:'';
	position:relative;
	display:inline-block;
	width:1.5em;
	border-top:1px solid black;
	margin:0 0.8em;
	top:-0.3em;;
}

section.article_area.corporate.contact .form_step .column.active span:after {
	border-top:1px solid white;
}

section.article_area.corporate.contact .form_step .column strong {
	font-weight:500;
}

/*----------------------------------------
 * コーポレート　サステナビリティ
 *----------------------------------------*/
 
 section.article_area.corporate.sustainability {
}

section.article_area.corporate.sustainability .materiality_icon_area {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
}

section.article_area.corporate.sustainability .materiality_icon_area .column {
	width:31%;
	border:1px solid #282f39;
	border-radius:15px;
	box-sizing:border-box;
	text-align:center;
	padding:30px;
	font-size:1.125rem;
	margin-bottom:30px;
}

section.article_area.corporate.sustainability .materiality_icon_area .column img {
	display:block;
	width:90px;
	height:90px;
	margin:0 auto;
}

section.article_area.corporate.sustainability .materiality_icon_area .column h3 {
	font-size:1.375rem;
	margin:15px auto;
}

section.article_area.corporate.sustainability .sec_2 {
	padding-bottom:100px;
}

section.article_area.corporate.sustainability .sec_3 {
	background:url(/resources/images/sustainability/sec3_bg.jpg) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate.sustainability .sec_3.mesh {
    background: url(../images/branch/bg_mesh.jpg) repeat left top;
    position: relative;
}
section.article_area.corporate.sustainability .sec_3 .h2_wrapper {
	position:absolute;
	width:100%;
	text-align:center;
}

section.article_area.corporate.sustainability .sec_3 .h2_wrapper h2 {
	display:inline-block;
	position:relative;
	/*
	background-color:black;
	*/
	background-color:#8cdcb5;
	color:white;
	border-radius:10px;
	margin:0;
	padding:0.5em 1.5em;
	top:-106px;
}

section.article_area.corporate.sustainability .sec_3.mesh .h2_wrapper h2 {
	background-color:#b10c1a;
}


section.article_area.corporate.sustainability .sec_3 .h2_wrapper h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	/*
	border-color: black transparent transparent;
	*/
	border-color: #8cdcb5 transparent transparent;
	translate: -50% 100%;
}

section.article_area.corporate.sustainability .sec_3.mesh .h2_wrapper h2::after {
	border-color: #b10c1a transparent transparent;
}

section.article_area.corporate.sustainability .sec_3 .icon_area img,
section.article_area.corporate.sustainability .sec_3 .icon_area figure {
	display:ruby;
	margin:0 5px;
	width:160px;
	height:160px;
}

/* Safari専用: ruby未対応ブラウザで inline に切り替え */
@supports (-webkit-hyphens:none) {
	section.article_area.corporate.sustainability .sec_3 .icon_area img,
	section.article_area.corporate.sustainability .sec_3 .icon_area figure {
		display: inline;
	}
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	/*
	justify-content: space-between;
	*/
	justify-content: center;
	gap:3%;
	max-width:1000px;
	display:flex;
	flex-wrap: wrap;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column {
	width:45%;
	margin-bottom:2em;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div {
	display:flex;
	align-items: center;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column img,
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column figure {
	width:100%;
	height:auto;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div.title img,
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div.title figure {
	display:block;
	width:auto;
	height:100px;
}
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div.title figure {
	margin:20px !important;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div.title figure img {
	display:inline;
	margin:0;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column div h3 {
	margin:0;
	font-size:1.625rem;
}
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column p {
	text-align:center;
}
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a {
	font-size:0.75rem;
	position:relative;
	display:block;
	border:1px solid #282f39;
	border-radius:50px;
	/*
    background-image: linear-gradient(90deg, rgb(194 219 255), rgb(255 255 255));
	*/
	background-color:white;
	text-align:center;
	width:15em;
	margin:20px auto 0 auto;
	color:#282f39;
    transition: all 0.3s;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a span {
    position: relative;
    display: inline-block;
	z-index:2;
}

/*
section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color: white;
	top:0;
	left:0;
    border-radius: 100px;
    transition: all 0.3s;
	z-index:0;
}
*/

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a:after {
	content:'';
	position:absolute;
    top: 0.5rem;
    right: 1.5em;
	width:18px;
	height:14px;
	background:url(/resources/images/sustainability/other_page_link.svg) no-repeat center center;
	background-size:cover;
}


section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a:hover{
/*
	transform:scale(1.02) ;
*/
	background-color: #282f39;
	color:white;
}

section.article_area.corporate.sustainability .sec_3 .torikumi_intro .column a:hover:after {
	background:url(/resources/images/sustainability/other_page_link_hover.svg) no-repeat center center;
	background-size:cover;
}

section.article_area.corporate.sustainability .contents_area {
	width:100%;
	position:relative;
}

section.article_area.corporate.sustainability .contents_width {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.corporate.sustainability .contents_width h2.article_h2 {
    font-size: 1.25rem;
    margin-top: 0;
    border-bottom: 1px dotted #020202;
    padding-bottom: 20px;
    margin-bottom: 2em;
}


/*----------------------------------------
 * リクルートサイト
 *----------------------------------------*/

/*----------------------------------------
 * リクルートサイト ヘッダー
 *----------------------------------------*/
header.recruit {
	background-color:rgba(255,255,255,1);
	z-index:20;
}

header.recruit .header_wrapper {
	position:relative;
	z-index:12;
	background-color:white;
}

header.recruit .header_wrapper:after {content:'';display:block;clear:both;}

header.recruit .logo_area img,
header.recruit h1 {
	vertical-align:middle;
}

header .logo_area .logo {
}

header.recruit h1 img {
	width:100%;
	height:auto;
}

header.recruit .label_recruit {
	display:inline-block;
	color:#b10c1a;
	font-weight:700;
	margin-left:10px;
	font-size:0.875rem;
	line-height:1.3em;
	vertical-align:middle;
	height:32px;
}

header.recruit .label_recruit span {
	font-size:0.625rem;
	display:block;
	font-family:'Roboto', sans-serif;
	font-weight:700;
}

header.recruit nav.main_nav ul {
	height:70px;
}

header.recruit nav.main_nav ul li {
	position:relative;
}

header.recruit nav.main_nav ul li a {
	position:relative;
	line-height:1.3em;
	font-weight:700;
	padding-top:18px;
	padding-bottom:16px;
}

header.recruit nav.main_nav ul li a:has(div):after {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:7px;
	background-color:#b10c1a;
	left:0px;
	bottom:0px;
	width:0;
	transition:width 0.4s;
}

header.recruit nav.main_nav ul li:hover a:has(div):after {
	width:100%;
}

header.recruit nav.main_nav ul li a div {
	font-size:0.625rem;
	color:#b10c1a;
}

header.recruit nav.main_nav ul li a span {
	display:none;
}

/* サブナビゲーション */
header.recruit nav ul li .sub_nav {
	padding:0px;
	top:60px;
	padding-top:30px;
	background-color:transparent;
	backdrop-filter:none;
}

header.recruit nav ul li .sub_nav ul {
	background-color:rgba(250,250,250,0.90);
	backdrop-filter: blur(12px);
	padding-bottom:3px;
	padding:0 0 0 0;
	top:0px;
	left:0;
	z-index:10;
	border-radius:10px;
	height:auto;
}

header.recruit nav ul li .sub_nav:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 18%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgba(250,250,250,0.90);
  padding-top:20px;
}
header.recruit nav ul li .sub_nav#nav_about_company_sub ul li {width:15em;}
header.recruit nav ul li .sub_nav#nav_about_employee_sub ul li {width:15em;}
header.recruit nav ul li .sub_nav#nav_recruit_info_sub ul li {width:15em;}

header.recruit nav ul li .sub_nav ul li {
	border-bottom:1px solid black;
	padding:1em 15px;
	box-sizing:border-box;
}

header.recruit nav ul li .sub_nav ul li:last-child {
	border-bottom:none;
}

header.recruit nav ul li .sub_nav ul li a {
	padding:0;
}
header.recruit nav ul li .sub_nav ul li a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 1px;
    right: 5px;
    top: 56%;
    background-color: #b10c1a;
}

header.recruit nav ul li .sub_nav ul li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 3px;
    top: calc(50% - 3px);
	padding:0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 12px solid #b10c1a;
    border-right: 0;
    background: none;
    border-radius: 0;
}

header.recruit .corporate_site_link {
	display:block;
	float:left;
	background-color:black;
	color:white;
	text-align:center;
	line-height:1.5em;
	padding:11px 30px;
}

header.recruit .corporate_site_link span{
	display:block;
	font-size:0.8rem;
	letter-spacing:0.1em;
}

header.recruit .corporate_site_link a:visited {
	color:white;
}

header.recruit .recruit_entry_link,
header.recruit .recruit_contact_link {
	position:relative;
	display:block;
	float:left;
	text-align:center;
	line-height:1.5em;
	padding:20px 30px;
}

header.recruit .recruit_entry_link {
	background-color:#b10c1a;

}

header.recruit .recruit_contact_link {
	background-color:black;
}

header.recruit .recruit_entry_link,  header.recruit .recruit_entry_link:visited,
header.recruit .recruit_contact_link,  header.recruit .recruit_contact_link:visited {
	color:white;
}

header.recruit .recruit_entry_link:before,
header.recruit .recruit_contact_link:before {
	content:'';
	position:relative;
	display:inline-block;
	width:1px;
	height:30px;
	margin-right:2px;
	vertical-align:middle;
}

header.recruit .recruit_entry_link:before {
/*
	width:23px;
*/
}

header.recruit .recruit_entry_link:before {
/*
	background:url(../images/recruit/share/nav_entry_link.png) no-repeat center center;
	background-size:cover;
*/
}

header.recruit .recruit_contact_link:before {
	background:url(../images/recruit/share/nav_contact_link.png) no-repeat center center;
	background-size:cover;
}


header.recruit nav.main_nav ul li {
/*
	padding:5px 10px 0 10px;
*/

/* 0221
	padding:5px 30px 0 10px;
*/
}

header.recruit nav.main_nav ul li li {
/* 0221
	width:auto;
*/
}

header.recruit nav.main_nav ul li.message {
	width:235px;
}

@media screen and (max-width: 1370px) {
	header.recruit .recruit_entry_link,
	header.recruit .corporate_site_link {
		padding-left:2vw;
		padding-right:2vw;
	}
	header.recruit nav ul li {
		margin-right:1.5vw;
	}
}

@media screen and (max-width: 1330px) {
	header.recruit .recruit_entry_link,
	header.recruit .corporate_site_link {
		padding-left:1.2vw;
		padding-right:1.2vw;
	}
	header.recruit nav ul li {
		margin-right:1.2vw;
	}
}

@media screen and (max-width: 1280px) {
	header.recruit .recruit_entry_link,
	header.recruit .corporate_site_link {
		padding-left:1.0vw;
		padding-right:1.0vw;
	}
	header.recruit nav ul li {
		margin-right:0.5vw;
	}
}

@media screen and (max-width: 1220px) {
	header.recruit .recruit_entry_link,
	header.recruit .corporate_site_link {
		padding-left:0.8vw;
		padding-right:0.8vw;
	}
	header.recruit nav ul li {
		margin-right:0.2vw;
	}
}


/*----------------------------------------
 * リクルートサイト ページテンプレート
 *----------------------------------------*/

section.article_area.recruit .outer2_width {
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit .outer_width {
	max-width:1080px;
	width:100%;
}

section.article_area.recruit .std_width {
	max-width:1000px;
	width:92.6%;
	margin-left:auto;
	margin-right:auto;
	
}

section.article_area.recruit {
	padding-top:140px;
}

section.article_area.recruit .std_lead {
	font-size:1.375rem;
	font-weight:700;
}

/* more 矢印付きリンク */
section.article_area.recruit .more_wrapper div.a_tag,
section.article_area.recruit a.more {
	position:relative;
	display:block;
	padding-left:1em;
	/*
	border-bottom:1px solid #b10c1a;
	*/
}

section.article_area.recruit .more_wrapper div.a_tag strong,
section.article_area.recruit a.more strong {
	position:relative;
	z-index:2;
	font-weight:normal;
}

section.article_area.recruit .more_wrapper div.a_tag span,
section.article_area.recruit a.more span {
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background-color:#b10c1a;
	bottom:0;
	left:0;
	/*
	clip-path: polygon(0 calc(100% - 5px), 100% calc(100% - 5px), 100% 100%, 0 100%);
	*/
	/*
	animation:more_button_motion_out 0.3s ease 0s forwards;
	*/
	z-index:0;
	transition:all 0.3s ease;
}

section.article_area.recruit .more_wrapper:hover div.a_tag span,
section.article_area.recruit a.more:hover span {
/*
	animation:more_button_motion_on 0.3s ease 0s forwards;
*/
	height:100%;
}

@keyframes more_button_motion_on {
	0% {	}
	100% {
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
	}
}

@keyframes more_button_motion_out {
	0% {
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
	}
	100% {
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
}

section.article_area.recruit .more_wrapper:hover div.a_tag,
section.article_area.recruit a.more:hover {
	color:white;
	/*
	border-bottom:1px solid #b10c1a;
	*/
}

section.article_area.recruit .more_wrapper div.a_tag:before,
section.article_area.recruit a.more:before {
	content:'';
	position:absolute;
	width:20px;
	height:1px;
	right:15px;
	top:56%;
	background-color:#b10c1a;
	z-index:1;
	transition:all 0.3s ease;
}

section.article_area.recruit .more_wrapper:hover div.a_tag:before,
section.article_area.recruit a.more:hover:before {
	background-color:white;
}

section.article_area.recruit .more_wrapper div.a_tag:after,
section.article_area.recruit a.more:after {
	content:'';
	position:absolute;
	width: 0;
	height: 0;
	right:11px;
	top:calc(50% - 3px);
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 12px solid #b10c1a;
	border-right: 0;
	z-index:1;
	transition:all 0.3s ease;
}

section.article_area.recruit .more_wrapper:hover div.a_tag:after,
section.article_area.recruit a.more:hover:after {
	border-left: 12px solid white;
}

/* rev */
section.article_area.recruit a.more.rev {
	padding-left:0em;
	padding-right:1em;
	text-align:right;
}

section.article_area.recruit a.more.rev:before {
	right:0;
	left:22px;
}

section.article_area.recruit a.more.rev:after {
	right:0;
	left:20px;
	border-right: 13px solid #b10c1a;
	border-left: 0;
}



/* 冒頭の背景部分 */
section.article_area.recruit .heading_bg {
	mask-image:url(../images/recruit/share/heading_clip.png);
	mask-size:cover;
	mask-repeat:no-repeat;
	mask-position:bottom center;
	position:absolute;
	height:400px;
	width:100%;
	top:0;
}

/* 見出し */
section.article_area.recruit article .std_h1 {
	color:black;
}

/* 見出し h2 Type2 リクルートサイト専用 */
section.article_area.recruit article .std_h2.type2 {
	text-align:center;
	line-height:1em;
	font-size:1.75rem;
	font-weight:700;
	margin-bottom:40px;
}

section.article_area.recruit article .std_h2.type2:after {
	content:none;
}

section.article_area.recruit article .std_h2.type2:before {
	content:'00';
	position:relative;
	display:block;
	font-size:0.875rem;
	font-family:'Roboto', sans-serif;
	line-height:3em;
	color:#b10c1a;
	width:1.4em;
	height:auto;
	top:0;
	left:0;
	margin:0 auto;
	border-top:1px solid #b10c1a;
	background:none;
	letter-spacing:0;
	width:1em;
}


section.article_area.recruit article .std_h2.type2.no_number:before {
	content:'';
    position: relative;
    display: block;
    font-size: 0.875rem;
    line-height: 3em;
    color: #b10c1a;
    width: 26px;
    height: auto;
    top: -20px;
    left: 0;
    margin: 0 auto;
    border-top: 1px solid #b10c1a;
    background: none;
}


/* パンクズナビゲーション */
section.article_area.recruit .pan_nav_area {
	position:relative;
	z-index:1;
}

section.article_area.recruit .pan_nav_area nav {
	color:#666666;
	line-height:1.5rem;
}

section.article_area.recruit .pan_nav_area a,
section.article_area.recruit .pan_nav_area span.no_link {
	position:relative;
	margin-right:0em;
	display:inline-block;
}
section.article_area.recruit .pan_nav_area a {
	color:black;
	text-decoration:underline;
	text-underline-offset:3px;
}

section.article_area.recruit .pan_nav_area a:after,
section.article_area.recruit .pan_nav_area span.no_link:after {
	content:'';
	line-height:1.5rem;
	display:inline-block;
	position:relative;;
	width:0.75rem;
	height:0.75rem;
	right:0em;
	top:0em;
	margin-left:1em;
	margin-right:1em;
	background:url(../images/recruit/share/pankuzu.svg) no-repeat center center;
	background-size:cover;
	background-color:unset;
	vertical-align:middle;
	
}

section.article_area.recruit .pan_nav_area a:hover {
	color:#db0113;
}

section.article_area.recruit .article_nav a {
	color:#db0113;
}
section.article_area.recruit .article_nav a img{
	border:none;
}



/* 囲み */
section.article_area.recruit .rec_kakomi_1 {
	background-color:#ffeeee;
	box-sizing:border-box;
	border-radius:20px;
	padding:20px;
}

section.article_area.recruit .rec_kakomi_2 {
	box-sizing:border-box;
	border-radius:20px;
	padding:20px;
	border:2px solid #b10c1a;
	width:calc(100% - 4px);
	margin-left:auto;
	margin-right:auto;
}

/* テーブル 1 */
section.article_area.recruit .rec_table_1 {
	width:100%;
	border-collapse:collapse;
}

section.article_area.recruit .rec_table_1 tr th,
section.article_area.recruit .rec_table_1 tr td {
	border-top:1px solid #c7898b;
	padding:1em;
	text-align:left;
}

section.article_area.recruit .rec_table_1 tr:last-child th,
section.article_area.recruit .rec_table_1 tr:last-child td {
	border-bottom:1px solid #c7898b;
}

section.article_area.recruit .rec_table_1 tr th {
	color:#b10c1a;
	background-color:#ffeeee;
	width:10em;
}

/* フォーム */
section.article_area.recruit .std_form .back_button {
	position:relative;
	display:block;
	width:20em;
	margin-left:auto;
	margin-right:auto;
	transition:all 0.2s;
}

section.article_area.recruit .std_form .back_button span {
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	background-color:black;
	bottom:0;
	left:0;
	transition:all 0.2s ease;
	z-index:-1;
}

section.article_area.recruit .std_form .back_button:hover span{
/*
	transform:scale(1.1);
*/
	height:100%;
}
	
body section.article_area.recruit .std_form .back_button input[type=button] {
	position:relative;
	border:none;
	color:black;
	background:none;
	background-image:none;
	border-radius:0;
	display:block;
	margin-top:20px;
	transition:all 0.2s ease;
	z-index:1;
}

section.article_area.recruit .std_form .back_button input[type=button]:hover {
	transform:scale(1);
	color:white;
}

section.article_area.recruit .std_form .back_button:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	left: 22px;
	top: 50%;
	background-color: black;
	z-index:1;
}

section.article_area.recruit .std_form .back_button:hover:before {
	background-color:white;
}

section.article_area.recruit .std_form .back_button:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 20px;
	top: calc(50% - 4px);
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 12px solid black;
	border-left: 0;
	z-index:1;
}

/*----------------------------------------
 * リクルートサイト フッター
 *----------------------------------------*/
.recruit_two_banner {
	position:relative;
	background: linear-gradient(to bottom, #f3f3f3,#e8e8e8) ;
	overflow:hidden;
}

.recruit_two_banner:after {
	content:'';
	position:absolute;
	background:url(../images/recruit/share/footer_bg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:50%;
	z-index:0;
}

.recruit_two_banner .outer_width { position:relative;z-index:1;width:100%;max-width:100%;}

.recruit_two_banner strong {
	position:relative;
	font-size:1.8rem;
	font-weight:500;
	display:block;
	text-align:center;
	width:100%;
}

.recruit_two_banner .left strong { color:#b10c1a;}
.recruit_two_banner .right strong { color:white;position:relative;}
.recruit_two_banner .right strong:after {
	background:url(../images/recruit/share/footer_join_us.png) no-repeat center center;
	background-size:cover;
	content:'';
	position:absolute;
	display:block;
	width:240px;
	height:100px;
	left:50%;
	top:-17px;
	margin-left:-120px;
	z-index:-1;
}

.recruit_two_banner a {
	position:relative;
	display:block;
	width:80%;
	max-width:480px;
	margin:50px auto 0 auto;
	border-radius:20px;
	font-size:1.2rem;
	padding:1.5em 0;
	text-align:center;
}

.recruit_two_banner a:hover {
/*
	transform:scale(1.05);
*/
	filter: brightness(120%);
}

.recruit_two_banner .left a, .recruit_two_banner .left a:hover { background-color:#b10c1a;color:white;}
.recruit_two_banner .right a, .recruit_two_banner .right a:hover { background-color:white;color:#b10c1a;}

.recruit_two_banner a:before {
	content:'';
	position:absolute;
	top:1em;
	left:20px;
	width:50px;
	height:50px;
}

.recruit_two_banner .left a:before { 
	background:url(../images/recruit/share/footer_button_1.png) no-repeat center center;
	background-size:cover;
}
.recruit_two_banner .right a:before { 
	background:url(../images/recruit/share/footer_button_2.png) no-repeat center center;
	background-size:cover;
}

footer.recruit {
	text-align:left;
}

footer.recruit .std_column2 img { vertical-align:middle;}

footer.recruit .std_column2 .label_recruit {
    color: #b10c1a;
    font-weight: 700;
	margin-left:15px;
}

footer.recruit .std_column2 .left a.bt_contact {
	display:inline-block;
	position:relative;
	background-color:black;
	padding:1em;
	color:white;
	border-radius:5px;
	width:12em;
	line-height:1em;
	text-align:center;
}

footer.recruit .std_column2 .left a.bt_contact:visited { color:white; }

footer.recruit .std_column2 .bt_contact:before{
	background:url(../images/recruit/share/nav_contact_link.png) no-repeat center center;
	content:'';
	position:absolute;
	width:30px;
	height:30px;
	background-size:cover;
	top:0.7em;
	left:1em;
}

footer.recruit .std_column2 .bt_contact:hover {
	transform:scale(1.05);
	filter: brightness(120%);
	color:white;
}

footer.recruit .std_column2 .left a, footer.recruit .std_column2 .left a:visited {color:black;}
footer.recruit .std_column2 .left a:hover {color:#b10c1a;}

footer.recruit a.ex_link {
	position:relative;
	line-height:1em;
	margin-right:1em;
}

footer.recruit a.ex_link:after {
	background:url(../images/recruit/share/ex_link.png) no-repeat center center;
	background-size:cover;
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	right:-22px;
}

footer.recruit .std_column2 .right .column ul li {
    position: relative;
    list-style-type: none;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    font-size: 0.875rem;
    margin-left: 20px;
}

footer.recruit .std_column2 .right .column ul li:before {
	background:url(../images/recruit/share/footer_mk.png) no-repeat center center;
	background-size:cover;
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 0.1rem;
    left: -16px;
}

/*----------------------------------------
 * リクルートサイト トップページ
 *----------------------------------------*/
 /* 全体 */ 
section.article_area.recruit.top {
	padding-top:80px;
}

section.article_area.recruit .more_wrapper div.a_tag,
section.article_area.recruit a.more {
	background-color:white;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

section.article_area.recruit .more_wrapper div.a_tag:after,
section.article_area.recruit a.more:after {
	top: calc(50% - 1px);
}


 /* main */
section.article_area.recruit.top .main {
	position:relative;
}

section.article_area.recruit.top .main .bx-wrapper{
	overflow:visible !important;
	box-shadow:none !important;
	background:none !important;
	border:none;
	margin-bottom:0;
}

section.article_area.recruit.top .main .bx-viewport{
	width:350px !important;
	overflow:visible !important;
}


section.article_area.recruit.top .main .slide_area {
	display:block;
	z-index:1
}

section.article_area.recruit.top .main .slide_area li {
	margin-right:20px;
}

section.article_area.recruit.top .main .slide_area img {
	display:block;
	float:left;
	border-radius:20px;
	width:350px;
	height:auto;
}

section.article_area.recruit.top .main .join_us {
	position:absolute;
	z-index:2;
	width:700px;
	height:auto;
	bottom:30px;
	left:50%;
	margin-left:-350px;
}

section.article_area.recruit.top .main .join_us h1{
	margin:0;
}

 /* main2 */
section.article_area.recruit.top:has(.main2) {
	padding-top:70px;
}

section.article_area.recruit.top .main2 {
	position:relative;
	width:100%;
	aspect-ratio:1400 / 670;
	overflow:hidden;
}

section.article_area.recruit.top .main2 .bx-wrapper{
	overflow:visible !important;
	box-shadow:none !important;
	background:none !important;
	border:none;
	margin-bottom:0;
}

section.article_area.recruit.top .main2 .bx-viewport{
	width:100% !important;
	overflow:visible !important;
}


section.article_area.recruit.top .main2 .slide_area {
	display:block;
	z-index:1;
}

section.article_area.recruit.top .main2 .slide_area ul {
	padding:0;
	margin:0;
}

section.article_area.recruit.top .main2 .slide_area li {
	width:100%;
	background:none !important;
	position:absolute;
	top:0;
	left:0;
}

section.article_area.recruit.top .main2 .slide_area img {
	display:block;
	width:100%;
	height:auto;
}

section.article_area.recruit.top .main2 .join_us {
	position:absolute;
	z-index:2;
	width:100%;
	bottom:30px;
}
section.article_area.recruit.top .main2 .join_us .join_us_inner {
	width:86%;
	margin:0 auto;
}

section.article_area.recruit.top .main2 .join_us h1 {
	margin:0;
	width:434px;
	height:242px;
}

 /* coporate_message */
section.article_area.recruit.top .coporate_message { 
	font-size:1.125rem;
	line-height:2.5em;
}

section.article_area.recruit.top .coporate_message h2 {
	font-size:1.875rem;
	font-weight:400;
	line-height:1.75em;
	letter-spacing:0.12em;
} 

section.article_area.recruit.top .coporate_message .cm_sec_1 {
	position:relative;
}

section.article_area.recruit.top .coporate_message .cm_sec_1 .left img {
	position:absolute;
	width:540px;
	height:auto;
	top:0;
	right:0;
} 

section.article_area.recruit.top .coporate_message .cm_sec_1 .photo2 {
	position:absolute;
	right:-140px;
	top:-85px;
	width:210px;
	height:255px;
}

section.article_area.recruit.top .coporate_message .cm_sec_2 .photo1 {
	position:absolute;
	right:0px;
	top:0px;
	width:280px;
	height:340px;
}

section.article_area.recruit.top .coporate_message .cm_sec_3 .photo1 {
	position:absolute;
	left:-100px;
	top:-120px;
	width:270px;
	height:220px;
}

section.article_area.recruit.top .coporate_message .cm_sec_3 .photo2 {
	position:absolute;
	left:15px;
	top:70px;
	width:180px;
	height:150px;
}

@media screen and (max-width: 1040px) {
	section.article_area.recruit.top .coporate_message .col2_34_62 .left {width:28%;}
	section.article_area.recruit.top .coporate_message .col2_34_62 .right {width:68%;}
	section.article_area.recruit.top .coporate_message .cm_sec_1 .photo2 {
		right:-3%;
		width:20%;
	}
	section.article_area.recruit.top .coporate_message .cm_sec_2 .photo1 {width:90%;}
	section.article_area.recruit.top .coporate_message .cm_sec_3 .photo1 {width:32%;}
	section.article_area.recruit.top .coporate_message .cm_sec_3 .photo2 {
	    left: -4px;
		top: 82px;
		width: 15%;
		height: auto;
	}
	
}

 /* oshirase */
section.article_area.recruit.top .oshirase {
	background-image: linear-gradient(150deg, rgba(231, 231, 231, 1), rgba(242, 242, 242, 1) 29% 68%, rgba(231, 231, 231, 1) 90%);
}

section.article_area.recruit.top .oshirase .pre_h2 {
	font-size:1.875rem;
	font-weight:700;
	color:#b10c1a;
}

section.article_area.recruit.top .oshirase h2 {
	font-size:0.75rem;
	margin-bottom:30px;
}

section.article_area.recruit.top .oshirase .post_line {
	background-color:white;
	border-top:1px solid #cacaca;
	padding:1em;
}

section.article_area.recruit.top .oshirase .post_line time {
	font-size:0.75rem;
	color:#8e8e8e;
}

section.article_area.recruit.top .oshirase .post_line a,
section.article_area.recruit.top .oshirase .post_line a:visited {
	color:black;
    text-decoration: underline;
    text-underline-offset: 3px;
}

section.article_area.recruit.top .oshirase .post_line a:hover {
	color:#ff0000;
}

/* about_us */
section.article_area.recruit.top .about_us.std_padding_top2 {
	padding-top:10px;
}

section.article_area.recruit.top .about_us .photo_spread.std_margin_top:nth-child(1){
	margin-top:50px;
}

section.article_area.recruit.top .about_us .photo_spread .ps_photo {
	width: calc(100% + 200px);
	margin-left:-200px;
}

section.article_area.recruit.top .about_us .photo_spread.rev .ps_photo {
	margin-left:0px;
}

section.article_area.recruit.top .about_us .photo_spread .ps_text {
    width: 250px;
	margin-left:0px;
	margin-right:250px;
	position:absolute;
	right:0;
	bottom:0;
}



section.article_area.recruit.top .about_us .photo_spread.rev .ps_text {
    width: 250px;
	margin-left:250px;
	position:absolute;
	right:auto;
}




section.article_area.recruit.top .about_us .std_h2.type2 {
	color:#b10c1a;
	margin-bottom:0.5em;
	font-size:1.875rem;
}
 
section.article_area.recruit.top .about_us .std_h2.type2:before {
	content:'01';
}

section.article_area.recruit.top .about_us .right.ab_bottom,
section.article_area.recruit.top .about_us .left.ab_bottom {
	position:absolute;
	bottom:0
}

section.article_area.recruit.top .about_us .right.ab_bottom { right:0;}
section.article_area.recruit.top .about_us .left.ab_bottom { left:0;}

section.article_area.recruit.top .about_us h3 {
	font-size:1.375rem;
	color:#b10c1a;
}

section.article_area.recruit.top .about_us .as_photo {
	width:900px;
	height:380px;
	display:block;
}

section.article_area.recruit.top .about_us .left .as_photo {
	border-radius:0 20px 20px 0;
	margin-left:-200px;
}

section.article_area.recruit.top .about_us .right .as_photo {
	border-radius:20px 0 0 20px;
}

@media screen and (max-width: 1030px) {
	section.article_area.recruit.top .about_us .photo_spread.rev .ps_text {
		width: 47%;
		margin-left: 230px;
		bottom:auto;
		position:relative;
	}
	section.article_area.recruit.top .about_us .photo_spread.rev.photo_top .ps_photo_area {
		width:48%;
	}
	section.article_area.recruit.top .about_us .photo_spread .ps_text {
		width: 47%;
		margin-left: 0;
		margin-right: 230px;
		bottom:auto;
		position:relative;
	}
	section.article_area.recruit.top .about_us .photo_spread.photo_top .ps_photo_area {
		width:48%;
	}

}


 /* people2 */
section.article_area.recruit.top .people2 .div_left{
	float:left;
}

section.article_area.recruit.top .people2 .std_h2.type2 {
	display:inline-block;
	color:#b10c1a;
	margin-bottom:0;

}

section.article_area.recruit.top article .people2 .std_h2.type2:before {
	content:'02';
	display:inline-block;
	margin:0 20px  0 0;
}

section.article_area.recruit.top article .std_h2.type2:before {
	line-height:2em;
}

section.article_area.recruit.top .people2 .f12.fw700 {
	margin-left:calc(1rem + 20px);
}

section.article_area.recruit.top .people2 .h2_desc{
	float:left;
	text-align:left;
	margin-left:40px;
}

section.article_area.recruit.top .people2 .slide_area {
	clear:left;
	position:relative;
	width:100vw;
	left:50%;
	margin-left:-50%;
	overflow:hidden;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
	height:590px;
}

section.article_area.recruit.top .people2 .slide_area .bx-viewport{
	width:800px !important;
	overflow:visible !important;
}

section.article_area.recruit.top .people2 .slide_area .bx-controls {
	position:relative;
	margin-top:20px;
	width:100%;
	height:50px;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-controls .bx-controls-direction {
	position:relative;
	width:240px;
	margin-left:calc(50% - 120px);
	top:25px;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-controls .bx-prev {
    background: url(../images/recruit/interview/controls.png) 0 -32px no-repeat;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-controls .bx-next {
    background: url(../images/recruit/interview/controls.png) -43px -32px no-repeat;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-pager {
	padding-top:0;
	bottom:20px;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#808080;
}

section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-pager.bx-default-pager a.active,
section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-pager.bx-default-pager a:focus,
section.article_area.recruit.top .people2 .slide_area .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color:#b10c1a;
}

section.article_area.recruit.top .people2 .slide_area .slide {
	width:320px;
	position:relative;
	margin-right:50px;
	float:left;
}

section.article_area.recruit.top .people2 .slide_area .slide a {
	width:100%;
}
/*
section.article_area.recruit.top .people2 .slide_area .slide .image_area {
	position:relative;
}

section.article_area.recruit.top .people2 .slide_area .slide .image_area a {
	display:block;
	border-radius:20px;
	overflow:hidden;
}

section.article_area.recruit.top .people2 .slide_area .slide .image_area img {
	transition:all 0.2s;
}

section.article_area.recruit.top .people2 .slide_area .slide .image_area img:hover {
	transform:scale(1.05);
	filter: brightness(1.1);
}

section.article_area.recruit.top .people2 .slide_area .slide .image_area h3 {
	position:absolute;
	display:inline-block;
	margin:0;
    background-color: #b10c1a;
    font-weight: 700;
    padding: 0.2em 1em;
	color:white;
	bottom:30px;
	right:-20px;
	z-index:2;
	font-size:1rem;
}

section.article_area.recruit.top .people2 .slide_area .slide .desc,
section.article_area.recruit.top .people2 .slide_area .slide .desc:hover {
	position:relative;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.5em;
	margin-bottom:10px;
	word-break: break-all;
	color:black;
	z-index:2;
}

section.article_area.recruit.top .people2 .slide_area .slide .desc:hover {
	color:#ff0000;
	cursor:pointer;
}

section.article_area.recruit.top .people2 .slide_area .slide .senior_info{}

section.article_area.recruit.top .people2 .slide_area .slide .senior_info .dept {
	display:inline-block;
	color:#b10c1a;
	background-color:#ffeeee;
	padding:0.5em 1em;
	vertical-align:middle;
	line-height:1em;
	margin-right:0.5em;
	font-size:0.875rem;
}
*/
section.article_area.recruit.top .people2 .std_width div.w12em:has(.more){
	float:right;
	margin-top:-48px;
}

section.article_area.recruit.top .people2 .std_width:after { content:'';display:block;clear:both;}


 /* people */
section.article_area.recruit.top .people {
	position:relative;
	background:	url(../images/recruit/top/people_bg.jpg) no-repeat center center;
	background-size:cover;
}

section.article_area.recruit.top .people:after {
	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:0;
}

section.article_area.recruit.top .people .std_h2.type2 {
	color:white;
	margin-bottom:0.5em;
}
 
section.article_area.recruit.top .people .std_h2.type2:before {
	content:'02';
	color:white;
    border-top: 1px solid white;
}


/* Episode2 ※この部分は他のページでも使用する */

section.article_area.recruit .episode2 {
	position:relative;
	background:url(../images/recruit/top/eposode_bg_v2.jpg) no-repeat center center;
	background-size:cover;
}

section.article_area.recruit .episode2:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,61,102,0.35);
	mix-blend-mode:multiply;
	z-index:0;
}

section.article_area.recruit .episode2 .outer_width {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit .episode2 .outer_width .std_width {
}

section.article_area.recruit .episode2 .title_area {
}

section.article_area.recruit .episode2 .title_area h2 {
	display:inline-block;
	width:350px;
	height:auto;
	margin-left:-7px;
}

section.article_area.recruit .episode2 .title_area .sub_title {
	font-size:1.5rem;
	font-weight:bold;
	font-family:serif;
}






 /* Episode ※この部分は他のページでも使用する */
section.article_area.recruit .episode {
	position:relative;
}

section.article_area.recruit .episode .outer_width {
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	top:0;
}

section.article_area.recruit .episode .outer_width .std_width {
	height:100%;
}

section.article_area.recruit .episode .title_area {
	width:560px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.75);
	text-align:center;
	height:100%;
}

section.article_area.recruit .episode .title_area h2 {
	display:inline-block;
	width:167px;
	height:auto;
	margin-left:-7px;
}

section.article_area.recruit .episode .title_area .sub_title {
	font-size:1.5rem;
	font-weight:bold;
	font-family:serif;
}

section.article_area.recruit .episode .slide_area {
}

section.article_area.recruit .episode .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
}


section.article_area.recruit .episode .slide_area:after { content:'';display:block;clear:left;}

section.article_area.recruit .episode .slide_area ul {
	margin:0;
}

section.article_area.recruit .episode .slide {
	width:350px !important;
	float:left;
}

section.article_area.recruit .episode .slide img {
	display:block;
	width:100%;
	height:auto;
}


/*----------------------------------------
 * リクルートサイト 職種・仕事内容
 *----------------------------------------*/
section.article_area.recruit.syokusyu_shigoto .std_h2 {
	letter-spacing:0.08em;
}

body:has(section.article_area.recruit.syokusyu_shigoto) header {
	background-color:transparent;
}

section.article_area.recruit.syokusyu_shigoto .heading_bg {
/*
	width:100%;
	background:url(../images/recruit/syokusyu_shigoto/header_bg_back.jpg) no-repeat center top;
	background-size:cover;
	padding-top:80px;
*/
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;
}

section.article_area.recruit.syokusyu_shigoto .sec_0 {
	margin-top:180px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 {
	margin-top:60px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .photo_spread .ps_photo{
	width: calc(100% - 50px);
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .photo_spread .ps_text{
	width: 480px;
	margin-left:0;
}


section.article_area.recruit.syokusyu_shigoto .sec_1 .shigoto_photo {
	width:650px;
	height:550px;
	margin-left:-200px;
	border-radius:0 30px 30px 0;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .std_h2.type2 {
	text-align:left;
	margin-top:0;
	margin-bottom:30px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .std_h2.type2:before {
	margin:0;
	text-align:center;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area {
	margin-top:60px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area:after { content:'';display:block;clear:left;}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito {
	width:200px;
	float:left;
	margin-right:20px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area div.img_wrapper {
	overflow:hidden;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area div.img_wrapper img {
	transition:all 0.3s;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area .more_wrapper:hover div.img_wrapper img {
	transform:scale(1.1);
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area div.hataraku_hito:nth-of-type(3) {
	margin-right:0;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_fukidashi {
	float:left;
	position:relative;
	writing-mode: vertical-rl;
	background-color: #b82328;
	color:white;
	padding:40px 0 1.2em 0;
	border-radius:100px;
	font-size:0.875rem;
	margin-right:20px;
	margin-top:-20px;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_fukidashi:before {
	background:url(../images/recruit/syokusyu_shigoto/hataraku_fukidashi.png) no-repeat center center;
	content:'';
	position:absolute;
	top:5px;
	left:4px;
	width:22px;
	height:31px;
	background-size:cover;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_fukidashi:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: 5px;
  border: 8px solid transparent;
  border-left: 8px solid #b82328;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area .nyuusya {
	color:#808080;
}

section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_1 .std_h2.type2:before { content:'01';}
section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_2 .std_h2.type2:before { content:'02';}
section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_3 .std_h2.type2:before { content:'03';}
section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_4 .std_h2.type2:before { content:'04';}
section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_5 .std_h2.type2:before { content:'05';}
section.article_area.recruit.syokusyu_shigoto .sec_1 .sec_1_6 .std_h2.type2:before { content:'06';}

@media screen and (max-width: 1050px) {
	section.article_area.recruit.syokusyu_shigoto .sec_1 .photo_spread .ps_text {
		width:95%;
	}
	
	section.article_area.recruit.syokusyu_shigoto .sec_1 .hataraku_hito_area div.hataraku_hito:nth-of-type(3) {
	    margin-left: 52px;
		margin-top: 48px;
	}
}
/*----------------------------------------
 * リクルートサイト ひと目でわかる！PGC
 *----------------------------------------*/

/* 共通 */

section.article_area.recruit.hitome article .std_h2 {
	letter-spacing:0.08em;
}

section.article_area.recruit.hitome .heading_bg {
/*
	width:100%;
	background:url(../images/recruit/hitome/header_bg_back.jpg) repeat center top;
	background-size:cover;
	padding-top:56px;
	top:24px;
*/
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;

}

section.article_area.recruit.hitome .outer_width {
	width:1100px;
}

@media screen and (max-width: 1100px) {
	section.article_area.recruit.hitome .outer_width { width:100%;}

}


section.article_area.recruit.hitome .pre_h2 {
	color:#b10c1a;
	font-style:italic;
	font-weight:700;
	font-family:'STIXTwoText','Times New Roman', serif;
}

section.article_area.recruit.hitome .pre_h2 strong {
	display:block;
	font-size:2.75rem;
	font-style:italic;
	margin-top:5px;
}

section.article_area.recruit.hitome .std_h2:before,
section.article_area.recruit.hitome .std_h2:after {
	content:none;
}

section.article_area.recruit.hitome .sec_0 .std_lead {
	font-weight:400;
}

section.article_area.recruit.hitome .sec_0 .sec_4_bt {
	position:relative;
	display: block;
	box-sizing: border-box;
    width: 12em;
	margin-left:auto;
	margin-right:auto;
    padding: 1.5em;
    text-align: left;
    line-height: 1em;
    font-size: 1.2rem;
    color: white;
	background-color: #b10c1a;
    border-radius: 20px;
}

section.article_area.recruit.hitome .sec_0 .sec_4_bt:after {
	content:'';
	position:absolute;
	top:1.5em;
	right:1.5em;;
	width:1.06rem;
	height:1.06rem;
	background:url(../images/share/icon_mv_white.png) no-repeat center center;
	background-size:cover;
}


/* sec_1 */
section.article_area.recruit.hitome .sec_1 {
	padding-bottom:300px;
}

section.article_area.recruit.hitome .sec_1 .outer_width {
	z-index:1;
}

section.article_area.recruit.hitome .sec_1  figure{ 
	position:absolute;
	z-index:0;
}

section.article_area.recruit.hitome .sec_1 figure.line_1 { top:245px; right:0%;}

section.article_area.recruit.hitome .sec_1 figure.sec_1_photo_1 { top:0; left:50%;}
section.article_area.recruit.hitome .sec_1 figure.sec_1_photo_2 { top:140px; right:0;}
section.article_area.recruit.hitome .sec_1 figure.sec_1_photo_3 { top:370px; left:56%;}

section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_1 { top:613px; left:50%;}
section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_2 { top:540px; left:85%;}
section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_3 { top:768px; left:58%;}
section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_4 { top:710px; left:28%;}

@media screen and (max-width: 1250px) {
	section.article_area.recruit.hitome .sec_1 figure.line_1 { top:400px;}
	section.article_area.recruit.hitome .sec_1 figure.line_1 img { height:780px}
	section.article_area.recruit.hitome .sec_1 figure.sec_1_photo_1 { left:43%;}
	section.article_area.recruit.hitome .sec_1 figure.sec_1_photo_3 { left:49%;}
	section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_1 { top:620px;}
	section.article_area.recruit.hitome .sec_1 figure.sec_1_illust_4 { top:800px;}
}


/* sec_2 */
section.article_area.recruit.hitome .sec_2 {
	padding-bottom:300px;
}

section.article_area.recruit.hitome .sec_2  .outer_width .fig_area{ 
	position:relative;
	z-index:0;
}

section.article_area.recruit.hitome .sec_2 figure {
	position:absolute;
} 

section.article_area.recruit.hitome .sec_2 figure.line_2 { top:310px; left:0%;}

section.article_area.recruit.hitome .sec_2 figure.sec_2_photo_1 { top:0; left:0;}
section.article_area.recruit.hitome .sec_2 figure.sec_2_fig_1 { top:406px; left:6%;}

section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_1 { bottom:-82px; left:13%;}
section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_2 { bottom:-113px; left:43%;}
section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_3 { bottom:-80px; left:53%;}
section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_4 { top:850px; left:20%;}

@media screen and (max-width: 1250px) {
	section.article_area.recruit.hitome .sec_2 { padding-bottom:220px;}
	section.article_area.recruit.hitome .sec_2 figure.line_2 { top:320px;}
	section.article_area.recruit.hitome .sec_2 figure.sec_2_photo_1 {width:56%;}
	section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_1 { bottom:-132px; left:13%;}
	section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_2 { bottom:-163px; left:43%;}
	section.article_area.recruit.hitome .sec_2 figure.sec_2_illust_3 { bottom:-130px; left:53%;}
}

@media screen and (max-width: 1050px) {
	section.article_area.recruit.hitome .sec_2 figure.line_2 { top:320px;}
	section.article_area.recruit.hitome .sec_2 { padding-bottom:90px;}
	section.article_area.recruit.hitome .sec_2 figure.line_2 img { height:900px;}
}

/* sec_3 */
section.article_area.recruit.hitome .sec_3 {
	padding-bottom:200px;
}

section.article_area.recruit.hitome .sec_3 .left .p_abs {
	position:absolute;
}

section.article_area.recruit.hitome .sec_3 figure {
	position:absolute;
} 

section.article_area.recruit.hitome .sec_3 figure.p_rel {
	position:relative;
}

section.article_area.recruit.hitome .sec_3 figure.line_3 { top:610px; left:-41%; z-index:-1;}

section.article_area.recruit.hitome .sec_3 figure.sec_3_photo_1 { top:0; left:45%;}
section.article_area.recruit.hitome .sec_3 figure.sec_3_photo_2 { width:700px;top:200px; left:50%;}
section.article_area.recruit.hitome .sec_3 figure.sec_3_photo_3 { bottom:-300px; left:3%;}
section.article_area.recruit.hitome .sec_3 figure.sec_3_illust_1 { top:1940px; left:53%;}

section.article_area.recruit.hitome .sec_3 .kakomi {
	position:relative;
	border:1px solid #db0113;
	border-radius:10px;
	box-sizing:border-box;
	padding:40px 30px 20px 30px;
	background-color:#fff2f2;
}

section.article_area.recruit.hitome .sec_3 .kakomi h3 {
	position:absolute;
	display:inline-block;
	margin:0;
	padding:0.5em 1em;
	line-height:1em;
	color:white;
	background-color:#db0113;
	border-radius:100px;
	top:-20px;
}

section.article_area.recruit.hitome .sec_3 .kakomi h3:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #db0113;
	z-index: 2;
 }

section.article_area.recruit.hitome .sec_3 .kakomi .std_flow_col2 {
	columns: 2;
	column-gap: 3em;
}

@media screen and (max-width: 1250px) {
	section.article_area.recruit.hitome .sec_3 figure.sec_3_photo_2 { top:160px; left:50%;}
}

/* sec_4 */
section.article_area.recruit.hitome .sec_4 figure.sec_4_photo_1 {
	position:unset;
}

section.article_area.recruit.hitome .sec_4 figure.sec_4_photo_1 img { 
	position:absolute; top:0; right:0;
}

section.article_area.recruit .sec_4 .sec_4_bt {
	position:relative;
	display: block;
	box-sizing: border-box;
    width: 100%;
    padding: 1.5em;
    text-align: left;
    line-height: 1em;
    font-size: 1.2rem;
    color: white;
	background-color: #b10c1a;
    border-radius: 20px;
}


section.article_area.recruit .sec_4 .sec_4_bt:before {
	content:'';
	position:absolute;
	width:22px;
	height:1px;
	right:30px;
	top:50%;
	background-color:white;
}

section.article_area.recruit .sec_4 .sec_4_bt:after {
	content:'';
	position:absolute;
	width: 0;
	height: 0;
	right:27px;
	top:calc(50% - 4px);
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 12px solid white;
	border-right: 0;
}


section.article_area.recruit .sec_4 .sec_4_bt:hover {
/*
	transform: scale(1.05);
*/
    filter: brightness(120%);
}

@media screen and (max-width: 1250px) {
	section.article_area.recruit.hitome .sec_4 figure.sec_4_photo_1 img {
		width:53% !important;
	}
}

body:has(section.article_area.recruit.hitome) .valuechain_modal {
	position:absolute;
	display:none;
	box-sizing:border-box;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:30;
	/*
	padding-top:calc(100vh - 50%);
	*/
	background-color:rgba(0,0,0,0.9);
}




/*----------------------------------------
 * リクルートサイト 数字で見るPGC
 *----------------------------------------*/
section.article_area.recruit.suuji .heading_bg {
/*
	width:100%;
	background:url(../images/recruit/suuji/header_bg_back.jpg) repeat center top;
	padding-top:80px;
*/
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;

}

section.article_area.recruit.suuji .heading_bg:before {
/*
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/recruit/suuji/header_bg_front.png) no-repeat center top;
*/
}

section.article_area.recruit.suuji .sec_1 {
	padding-top:150px;
}

section.article_area.recruit.suuji .std_h2 {
	text-align:center;
	line-height:1em;
	font-size:1.75rem;
	font-weight:700;
	margin-bottom:40px;
}

section.article_area.recruit.suuji .std_h2:after {
	content:none;
}

section.article_area.recruit.suuji .std_h2:before {
	position:relative;
	display:block;
	font-size:0.875rem;
    font-family: 'Roboto', sans-serif;
	line-height:3em;
	color:#b10c1a;
	width:1.4em;
	height:auto;
	top:0;
	left:0;
	margin:0 auto;
	border-top:1px solid #b10c1a;
	background:none;
}

section.article_area.recruit.suuji .sec_1_1 .std_h2:before {content:'01';}
section.article_area.recruit.suuji .sec_1_2 .std_h2:before {content:'02';}
section.article_area.recruit.suuji .sec_1_3 .std_h2:before {content:'03';}
section.article_area.recruit.suuji .sec_1_4 .std_h2:before {content:'04';}

section.article_area.recruit.suuji .std_flex3 .column { width:32%;}

section.article_area.recruit.suuji .suuji_box {
	box-sizing:border-box;
	padding:0 20px 0 20px;
	background-color:#fff2f2;
	border-radius:20px;
	text-align:center;
}

section.article_area.recruit.suuji .suuji_box.h100p {
	height:100%;
	box-sizing:border-box;
}

section.article_area.recruit.suuji .suuji_top10 {	padding-top:10px;}
section.article_area.recruit.suuji .suuji_top20 {	padding-top:20px;}
section.article_area.recruit.suuji .suuji_top30 {	padding-top:30px;}
section.article_area.recruit.suuji .suuji_top40 {	padding-top:40px;}

section.article_area.recruit.suuji .suuji_bottom10 {	padding-bottom:10px;}
section.article_area.recruit.suuji .suuji_bottom20 {	padding-bottom:20px;}
section.article_area.recruit.suuji .suuji_bottom30 {	padding-bottom:30px;}
section.article_area.recruit.suuji .suuji_bottom40 {	padding-bottom:40px;}

section.article_area.recruit.suuji .suuji_right10 {	margin-right:10px;}
section.article_area.recruit.suuji .suuji_right20 {	margin-right:20px;}
section.article_area.recruit.suuji .suuji_right30 {	margin-right:30px;}
section.article_area.recruit.suuji .suuji_right40 {	margin-right:40px;}

section.article_area.recruit.suuji .suuji_box h3 {
	line-height:2em;
	margin-top:0;
	margin-bottom:10px;
}

section.article_area.recruit.suuji .suuji_box h3 span,
section.article_area.recruit.suuji .suuji_box h3 strong{
	background-color:#b10c1a;
	border-radius:0 0 10px 10px;
	color:white;
	display:inline-block;
	padding:0 1em;
}

section.article_area.recruit.suuji .suuji_box .suuji_area {
	display:inline-block;
	text-align:center;
	line-height:1em;
	width:100%;
}

section.article_area.recruit.suuji .suuji_box .suuji_area.align_left {text-align:left;}
section.article_area.recruit.suuji .suuji_box .suuji_area.lh18 { line-height:1.8em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .ib { display:inline-block;}

section.article_area.recruit.suuji .suuji_box .suuji_area:after { content:'';display:block;clear:both;}

section.article_area.recruit.suuji .suuji_box .suuji_area.w_auto {
	width:auto;
}

section.article_area.recruit.suuji .suuji_box .suuji_area.n_margin_3 { margin-top:-10px;}
section.article_area.recruit.suuji .suuji_box .suuji_area.n_margin_2 { margin-top:-20px;}
section.article_area.recruit.suuji .suuji_box .suuji_area.n_margin { margin-top:-40px;}

section.article_area.recruit.suuji .suuji_box .suuji_area .f_left {
	float:left;
}

section.article_area.recruit.suuji .suuji_box .suuji_area strong {
	font-family:Roboto, sans-serif;
	font-weight:700;
}

section.article_area.recruit.suuji .suuji_box .suuji_area figure {
	display:inline-block;
}

section.article_area.recruit.suuji .suuji_box .suuji_area figure,
section.article_area.recruit.suuji .suuji_box .suuji_area img {
	vertical-align:bottom;
	margin-bottom:0;
}

section.article_area.recruit.suuji .suuji_box .suuji_area img.valign_middle {
	vertical-align:middle;
}

section.article_area.recruit.suuji .suuji_box .suuji_area .f36 {font-size:2.25rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f38 {font-size:2.375rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f40 {font-size:2.5rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f42 {font-size:2.625rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f44 {font-size:2.75rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f46 {font-size:2.875rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f48 {font-size:3rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f50 {font-size:3.125rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f52 {font-size:3.25rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f54 {font-size:3.375rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f56 {font-size:3.5rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f58 {font-size:3.625rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f60 {font-size:3.75rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f62 {font-size:3.875rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f64 {font-size:4rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f66 {font-size:4.125rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f68 {font-size:4.25rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f70 {font-size:4.375rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f72 {font-size:4.5rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f74 {font-size:4.625rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f76 {font-size:4.75rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f78 {font-size:4.875rem;line-height:1.2em;}
section.article_area.recruit.suuji .suuji_box .suuji_area .f70 {font-size:5rem;line-height:1.2em;}

section.article_area.recruit.suuji .suuji_box .rad_black span {
	display:inline-block;
	border-radius:100px;
	line-height:1em;
	padding:0.3em 1em 0.5em 1em;
	background-color:black;
	color:white;
}

section.article_area.recruit.suuji .suuji_box .kurowaku {
	display:inline-block;
	border:1px solid black;
	padding:0.3em 0.4em 0.5em 0.4em;
	line-height:1.5em;
}

section.article_area.recruit.suuji .suuji_box .std_column2.right_border .left,
section.article_area.recruit.suuji .suuji_box .std_column2.right_border .right {
	box-sizing:border-box;
}

section.article_area.recruit.suuji .suuji_box .std_column2.right_border .left,
section.article_area.recruit.suuji .suuji_box .std_flex2.right_border .left {
	border-right:2px dotted #b10c1a;
}

section.article_area.recruit.suuji .suuji_box .suuji_kakomi {
	position:relative;
	box-sizing:border-box;
	border:3px solid #b10c1a;
	width:100%;
	padding:10px 20px;
	background-color:white;
	border-radius:20px;
}

section.article_area.recruit.suuji .suuji_box .suuji_kakomi.top_fukidashi:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	z-index: 2;
  }
  
  section.article_area.recruit.suuji .suuji_box .suuji_kakomi.top_fukidashi:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #b10c1a;
	z-index: 1;
  }

/* 中途入社 */
section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area {
	position:relative;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area:after { content:'';display:block;clear:both;}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div{
	float:left;
	position:relative;
	margin-right:5px;

}

section.article_area.recruit.suuji .suuji_box .suuji_kakomi .wavy {
	text-decoration: underline;
	text-decoration-style: wavy; /* 波線 */
	text-decoration-color: #fe8a8d;
	text-decoration-thickness: 2px; /* 線の太さ */
	text-underline-offset: 5px;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div {
	position:relative;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div img.base {
	display:block;
	position:relative;
	z-index:1;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div img.active {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	clip-path: polygon(0 0, 0% 0%, 0% 0%, 0% 0%);
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div:nth-child(-n+8){
	margin-bottom:25px;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div:nth-child(9) {
	clear:left;
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div.ninzuu {
	position:absolute;
	float:none;
	top:65px;
	left:0;
	width:10em;
	margin:0;
	font-size:0.875rem;	
}

section.article_area.recruit.suuji .suuji_box.mid_career .person_icon_area div.ninzuu span {
	display:inline-block;
	padding:5px 0.5em;
	line-height:1em;
	background-color:#b10c1a;
	color:white;
	border-radius:10px;
}

/* グラフ1 */
section.article_area.recruit.suuji .graph1_wrapper {
	position:relative;
}

section.article_area.recruit.suuji .graph1_wrapper .graph1 {
	margin-top:30px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit.suuji .graph1_wrapper .it_label,
section.article_area.recruit.suuji .graph1_wrapper .it_value {
    position: absolute;
    z-index: 2;
}

section.article_area.recruit.suuji .graph1_wrapper .it_label {
    font-size: 0.875rem;
    font-weight: 700;
}

section.article_area.recruit.suuji .graph1_wrapper .it_value {
	font-family: Roboto, sans-serif;
	font-size:2rem;
    font-weight: 700;
}

section.article_area.recruit.suuji .gr2 {
	width:80%;
}

section.article_area.recruit.suuji .gr3 .graph1 {
	width:90%;
}
section.article_area.recruit.suuji .gr3 .item2_value {
	display:none;
}

/* グラフ2 */
section.article_area.recruit.suuji .graph2_wrapper {
	position:relative;
}

section.article_area.recruit.suuji .graph2_wrapper .graph2 {
	margin-top:10px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit.suuji .graph2_wrapper .label,
section.article_area.recruit.suuji .graph2_wrapper .suuji {
    position: absolute;
    z-index: 2;
}

section.article_area.recruit.suuji .graph2_wrapper .label {
    font-size: 0.875rem;
    font-weight: 700;
}

section.article_area.recruit.suuji .graph2_wrapper .suuji {
	font-family: Roboto, sans-serif;
	font-size:2rem;
    font-weight: 700;
}

/* グラフ3 */
section.article_area.recruit.suuji .graph3_wrapper {
	position:relative;
}

section.article_area.recruit.suuji .graph3_wrapper .graph3 {
	margin-top:15px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit.suuji .graph3_wrapper .label,
section.article_area.recruit.suuji .graph3_wrapper .suuji {
    position: absolute;
    z-index: 2;
}

section.article_area.recruit.suuji .graph3_wrapper .label {
    font-size: 0.875rem;
    font-weight: 700;
}

section.article_area.recruit.suuji .graph3_wrapper .suuji {
	font-family: Roboto, sans-serif;
	font-size:2rem;
    font-weight: 700;
}

/* グラフ4 */
section.article_area.recruit.suuji .graph4_wrapper {
	position:relative;
}

section.article_area.recruit.suuji .graph4_wrapper .graph4 {
	margin-top:0px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit.suuji .graph4_wrapper .label,
section.article_area.recruit.suuji .graph4_wrapper .suuji {
    position: absolute;
    z-index: 2;
}

section.article_area.recruit.suuji .graph4_wrapper .label {
	font-size:1.1rem;
    font-weight: 700;
}

section.article_area.recruit.suuji .graph4_wrapper .suuji {
	font-family: Roboto, sans-serif;
	font-size:2rem;
    font-weight: 700;
}




/*----------------------------------------
 * リクルートサイト 社員を知る
 *----------------------------------------*/

/* 一覧ページ */
body:has(section.article_area.recruit.interview_list) header {
/*
	background-color:transparent;
*/
}

section.article_area.recruit.interview.interview_list .heading_bg {
	margin-top:70px;
}

section.article_area.recruit.interview.interview_list .heading_bg,
section.article_area.recruit.interview.interview_list .heading_bg div {
	width:100%;
	height:600px;
	background:none;
	display:flex;
	flex-wrap:wrap;
	top:0;
}

@media screen and (min-width: 1400px) {
	section.article_area.recruit.interview.interview_list .heading_bg {
		background-size:cover;
		aspect-ratio:1400/550;
		height:auto;
	}
	section.article_area.recruit.interview.interview_list h1.std_h1:before {
		content:'';
		position:relative;
		display:block;
		width:100px;
		height:calc((100vw - 1400px) / 5);
	}
	section.article_area.recruit.interview.interview_list .sec_1:before {
		content:'';
		position:relative;
		display:block;
		width:100px;
		height:calc((100vw - 1400px) / 5);
	}
}


section.article_area.recruit.interview.interview_list .heading_bg div.main1 {
	width:100%;
	height:100%;
	background:url(../images//recruit/interview/main_photo/main_1.jpg) no-repeat center center;
	background-size:cover;
}

section.article_area.recruit.interview_list .heading_bg div.p1,
section.article_area.recruit.interview_list .heading_bg div.p2,
section.article_area.recruit.interview_list .heading_bg div.p3,
section.article_area.recruit.interview_list .heading_bg div.p4 {
	height:45%;
}

section.article_area.recruit.interview_list .heading_bg div.p5,
section.article_area.recruit.interview_list .heading_bg div.p6,
section.article_area.recruit.interview_list .heading_bg div.p7,
section.article_area.recruit.interview_list .heading_bg div.p8 {
	height:55%;
}

section.article_area.recruit.interview_list .heading_bg div div{
	display:block;
	background:white no-repeat center center;
	background-size:cover;
}

section.article_area.recruit.interview_list .heading_bg div.p1 {
	width:23%;background-image:url(../images/recruit/interview/main_photo/1-1.jpg);
	background-position:center top;
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p2 {
	width:20%;background-image:url(../images/recruit/interview/main_photo/1-2.jpg);
	background-position:center top;
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p3 {
	width:19%;background-image:url(../images/recruit/interview/main_photo/1-3.jpg);
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p4 {
	width:38%;background-image:url(../images/recruit/interview/main_photo/1-4.jpg);
	background-size:cover;
}

section.article_area.recruit.interview_list .heading_bg div.p5 {
	width:43%;background-image:url(../images/recruit/interview/main_photo/2-1.jpg);
	background-position:center top;	
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p6 {
	width:19%;background-image:url(../images/recruit/interview/main_photo/2-2.jpg);
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p7 {
	width:19%;background-image:url(../images/recruit/interview/main_photo/2-3.jpg);
	background-position:center top;	
	background-size:cover;
}
section.article_area.recruit.interview_list .heading_bg div.p8 {
	width:19%;background-image:url(../images/recruit/interview/main_photo/2-4.jpg);
	background-position:center top;	
	background-size:cover;
}

section.article_area.recruit.interview_list article .std_h1 {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 
  0px 0px 10px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1);
  margin-top:102px;
}

section.article_area.recruit.interview.interview_list .sec_1 {
	margin-top:320px;
}

section.article_area.recruit .senior_box_area {
	display:flex;
	flex-wrap: wrap;
}

section.article_area.recruit a.senior_box {
	display:block;
	position:relative;
	width:30%;
	margin-right:5%;
}

section.article_area.recruit a.senior_box:nth-child(3n) {
	margin-right:0;
}

section.article_area.recruit a.senior_box .image_area {
	position:relative;
}

section.article_area.recruit a.senior_box div.image_wrapper {
	display:block;
	border-radius:20px;
	overflow:hidden;
}

section.article_area.recruit a.senior_box img {
	display:block;
	transition:all 0.2s;
}

section.article_area.recruit a.senior_box:hover img {
	transform:scale(1.1);
	filter: brightness(1.05);
}

section.article_area.recruit a.senior_box .image_area h3 {
	position:absolute;
	display:inline-block;
	margin:0;
    background-color: #b10c1a;
	font-size:1rem;
    font-weight: 700;
    padding: 0.2em 1em;
	color:white;
	bottom:30px;
	right:-20px;
	z-index:2;
}

section.article_area.recruit a.senior_box .desc,
section.article_area.recruit a.senior_box:hover .desc {
	position:relative;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.5em;
	margin-bottom:10px;
	word-break: break-all;
	color:black;
	z-index:2;
	text-align:justify;
	word-wrap:break-word;
	transition:all 0.2s;
}

body section.article_area.recruit a.senior_box:hover .desc {
	color:#ff0000;
	cursor:pointer;
}

section.article_area.recruit .senior_box .senior_info{}

section.article_area.recruit .senior_box .senior_info .dept {
	display:inline-block;
	color:#b10c1a;
	background-color:#ffeeee;
	padding:0.5em 1em;
	vertical-align:middle;
	line-height:1em;
	margin-right:0.5em;
	font-size:0.875rem;
}

section.article_area.recruit .senior_box .senior_info .dept strong,
section.article_area.recruit .senior_box:visited .senior_info .dept strong {
	color:#b10c1a;
}

section.article_area.recruit .senior_box .senior_info span,
section.article_area.recruit .senior_box .senior_info .span {
	color:#808080;
	font-size:0.75rem;
	margin-right:0.5em;
}

section.article_area.recruit .senior_box .senior_info strong,
section.article_area.recruit .senior_box .senior_info .strong {
	color:black;
}


/* 共通 */
section.article_area.recruit.interview .heading_bg {
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	height:550px;
	top:50px;
}

@media screen and (min-width: 1400px) {
	section.article_area.recruit.interview .heading_bg {
		background-size:cover;
		aspect-ratio:1400/550;
		height:auto;
	}
	section.article_area.recruit.interview .sec_1:before {
		content:'';
		position:relative;
		display:block;
		width:100px;
		height:calc((100vw - 1400px) / 3);
	}
}

/*
section.article_area.recruit.interview .interview_top_width_wrapper {
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}
*/

section.article_area.recruit.interview .interview_top_width {
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}

section.article_area.recruit.interview .interview_top_width h1 {
	margin:0;
	background-color:#b10c1a;
	color:white;
	font-weight:700;
	display:inline-block;
	padding:0.2em 1em;
	font-size:1rem;
}

section.article_area.recruit.interview .interview_top_width h2 {
	display:inline-block;
}

section.article_area.recruit.interview .interview_top_width h2 span {
	background-color:rgba(255,255,255,1);
	display:inline-block;
	padding:0.5em;
}

section.article_area.recruit.interview .interview_top_width div.seniar_info {
	display:inline-block;
	font-size:0.875rem;
}

section.article_area.recruit.interview .interview_top_width div.seniar_info span:nth-child(1){
	display:inline-block;
	color:#b10c1a;
	background-color:#ffeeee;
	padding:0.25em 1em 0.25em 1em;
	font-weight:700;
	height:2rem;
	vertical-align:middle;
}

section.article_area.recruit.interview .interview_top_width div.seniar_info span:nth-child(2){
	display:inline-block;
	padding:1em;
	color:#808080;
	background-color:rgba(255,255,255,1);
	height:2rem;
	padding:0.1em 1em 0.4em 1em;
	vertical-align:middle;
}

section.article_area.recruit.interview .interview_top_width div.seniar_info span:nth-child(2) span {
	font-size:0.75rem;
	padding:0;
	height:auto;
	background-color:white;
	color:black;
	font-weight:400;
}

section.article_area.recruit.interview .interview_top_width div.seniar_info span:nth-child(2) strong {
	font-weight:700;
	font-size:1.5rem;
	color:black;
	margin-left:0.3em;
	vertical-align:middle;
}

section.article_area.recruit.interview h2.std_h2 {
	font-size:1.75rem;
	letter-spacing:0;
}

section.article_area.recruit.interview .sec_1 {
	margin-top:150px;
}

section.article_area.recruit.interview .pre_h2 {
	border-top:1px solid #b9b9b9;
	font-size:0.875rem;
	font-weight:700;
	color:#b10c1a;
	padding-top:5px;
}

section.article_area.recruit.interview .std_flow2 {
    columns: 2;
    column-gap: 3em;
	text-align:justify;
}


section.article_area.recruit.interview .std_h2 {
	line-height:1.6em;
	margin-top:0;
}

section.article_area.recruit.interview .std_h2:before,
section.article_area.recruit.interview .std_h2:after {
	content:none;
}

section.article_area.recruit.interview .shift_r_bg_pink:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:50%;
	margin-left:-600px;
	background-color:#ffeeee;
	z-index:0;
}

section.article_area.recruit.interview .shift_l_bg_pink:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-50%;
	margin-left:600px;
	background-color:#ffeeee;
	z-index:0;
}

section.article_area.recruit.interview .schedule {
	position:relative;
}

section.article_area.recruit.interview .curve_mask_bottom:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100px;;
	bottom:-100px;
	background-color:white;
	mask-image: url(../images/recruit/interview/curve_mask_bottom.png);
	mask-size:100% 100px;
	mask-repeat:no-repeat;
}

section.article_area.recruit.interview .curve_mask_top {
}

section.article_area.recruit.interview .curve_mask_top:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100px;;
	top:-100px;
	background-color:white;
	mask-image: url(../images/recruit/interview/curve_mask_top.png);
	mask-size:100% 100px;
	mask-repeat:no-repeat;
}

section.article_area.recruit.interview .schedule {
	position:relative;
	background-image: linear-gradient(90deg, rgba(192, 35, 39, 1) 28%, rgba(255, 58, 80, 1) 70%);
	padding:150px 0 200px 0;
	color:white;
}

section.article_area.recruit.interview .schedule h2 {
	font-size:1.88rem;
	margin:0;
}

section.article_area.recruit.interview .schedule:after {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/recruit/interview/schedule_bg.png) no-repeat center center;
	background-size:cover;
	 mix-blend-mode: hard-light;
	 opacity:0.05;
}

section.article_area.recruit.interview .schedule .time_schedule {
	display:flex;
	position:relative;
	padding:0 10px;
	box-sizing:border-box;
}

section.article_area.recruit.interview .schedule .time_schedule:before {
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	border-top:1px solid white;
	top:35px;
	left:-10px;
}

section.article_area.recruit.interview .schedule .time_schedule .time {
	font-size:16px;
	line-height:1em;
	position:relative;
	text-align:left;
}

section.article_area.recruit.interview .schedule .time_schedule .time_box { margin-left:0 !important;}
section.article_area.recruit.interview .schedule .time_schedule .time_box.margin_1 { margin-right:1em !important;}
section.article_area.recruit.interview .schedule .time_schedule .time_box.margin_2 { margin-right:2em !important;}
section.article_area.recruit.interview .schedule .time_schedule .time_box.margin_3 { margin-right:3em !important;}
section.article_area.recruit.interview .schedule .time_schedule .time_box.margin_4 { margin-right:4em !important;}
section.article_area.recruit.interview .schedule .time_schedule .time_box.margin_5 { margin-right:5em !important;}

section.article_area.recruit.interview .schedule .time_schedule .time:after {
	content:'●';
	display:block;
	margin-top:11px;
	margin-bottom:15px;
	font-size:0.875rem;
}

section.article_area.recruit.interview .schedule .time_schedule .desc {
	font-size:0.875rem;
	line-height:1.5em;
	text-align:left;
}

section.article_area.recruit.interview .schedule .time_schedule .time_schedule{
}

section.article_area.recruit.interview .sec3_photo_area{
	position:absolute;
	top:0;
	left:50px;
}

section.article_area.recruit.interview .sec3_photo_area .img_area {
	width:510px;
	height:680px;
	border-radius:20px 0 0 20px;
	width:calc(50vw - 150px);
	height:680px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
}

section.article_area.recruit.interview .sec3_photo_area div.label {
	position:absolute;
	left:-50px;
	bottom:30px;
	color:white;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

section.article_area.recruit.interview .sec3_photo_area div strong {
	text-shadow:none;
    background-color: #b10c1a;
    font-weight: 700;
    display: inline-block;
    padding: 0.2em 1em;
	margin-right:1em;
}

section.article_area.recruit.interview .other_interview {
	margin-top:200px;
	width:100%;
}

@media screen and (max-width: 1120px) {
	section.article_area.recruit.interview .other_interview .outer_width {
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
}

section.article_area.recruit.interview .other_interview h2 {
	font-size:1.88rem;
	margin:0 0 10px 0;
	color:#b10c1a;
}

section.article_area.recruit.interview .other_interview a.more {
	width:10em;
	float:right;
}

section.article_area.recruit.interview .other_interview .slide_area {
	width:300px;
	margin-left:-150px !important;
}

section.article_area.recruit.interview .other_interview .slide_area:after { content:'';display:block;clear:left;}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper {
	box-shadow:none !important;
	border:none !important;
	border:none !important;
	margin-bottom:0 !important;
	background:none !important;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-viewport{
	width:800px !important;
	overflow:visible !important;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-controls {
	position:relative;
	margin-top:30px;
	width:100vw;
	margin-left:150px;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-controls .bx-controls-direction {
	position:absolute;
	width:240px;
	margin-left:calc(50% - 120px);
	top:25px;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-controls .bx-prev {
    background: url(../images/recruit/interview/controls.png) 0 -32px no-repeat;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-controls .bx-next {
    background: url(../images/recruit/interview/controls.png) -43px -32px no-repeat;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#808080;
}

section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-pager.bx-default-pager a.active,
section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-pager.bx-default-pager a:focus,
section.article_area.recruit.interview .other_interview .slide_area .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color:#b10c1a;
}

section.article_area.recruit.interview .other_interview .slide_area .slide {
	margin-right:50px;
}

section.article_area.recruit.interview .other_interview .slide_area .slide a {
	width:100%;
}

/*
section.article_area.recruit.interview .other_interview .slide_area .slide {
	width:300px;
	position:relative;
	margin-right:50px;
	float:left;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .image_area {
	position:relative;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .image_area a {
	display:block;
	border-radius:20px;
	overflow:hidden;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .image_area img {
	transition:all 0.2s;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .image_area img:hover {
	transform:scale(1.05);
	filter: brightness(1.1);
}

section.article_area.recruit.interview .other_interview .slide_area .slide .image_area h3 {
	position:absolute;
	display:inline-block;
	margin:0;
    background-color: #b10c1a;
    font-weight: 700;
    padding: 0.2em 1em;
	color:white;
	bottom:30px;
	right:-20px;
	z-index:2;
	font-size:1rem;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .desc,
section.article_area.recruit.interview .other_interview .slide_area .slide .desc:hover {
	position:relative;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.5em;
	margin-bottom:10px;
	word-break: break-all;
	color:black;
	z-index:2;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .desc:hover {
	color:#ff0000;
	cursor:pointer;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .senior_info{}

section.article_area.recruit.interview .other_interview .slide_area .slide .senior_info .dept {
	display:inline-block;
	color:#b10c1a;
	background-color:#ffeeee;
	padding:0.5em 1em;
	vertical-align:middle;
	line-height:1em;
	margin-right:0.5em;
	font-size:0.875rem;
}

section.article_area.recruit.interview .other_interview .slide_area .slide .senior_info span {
	color:#808080;
	font-size:0.75rem;
	margin-right:0.5em;
}
*/

/* 01 */
/*
section.article_area.recruit.interview.i01 .heading_bg {
	background-image:url(../images/recruit/interview/01/main.jpg?v=2147);
}
*/
section.article_area.recruit.interview.i01 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/01/sec_3_p1.jpg);
}

/* 02 */
section.article_area.recruit.interview.i02 .heading_bg {
	background-image:url(../images/recruit/interview/02/main.jpg);
}
section.article_area.recruit.interview.i02 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/02/sec_3_p1.jpg);
}

/* 03 */
section.article_area.recruit.interview.i03 .heading_bg {
	background-image:url(../images/recruit/interview/03/main.jpg);
}
section.article_area.recruit.interview.i03 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/03/sec_3_p1.jpg);
}

/* 04 */
section.article_area.recruit.interview.i04 .heading_bg {
	background-image:url(../images/recruit/interview/04/main.jpg);
}
section.article_area.recruit.interview.i04 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/04/sec_3_p1.jpg);
}


/* 05 */
section.article_area.recruit.interview.i05 .heading_bg {
	background-image:url(../images/recruit/interview/05/main.jpg);
}
section.article_area.recruit.interview.i05 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/05/sec_3_p1.jpg);
}

/* 06 */
section.article_area.recruit.interview.i06 .heading_bg {
	background-image:url(../images/recruit/interview/06/main.jpg);
}
section.article_area.recruit.interview.i06 .sec3_photo_area .img_area {
	background-image:url(../images/recruit/interview/06/sec_3_p1.jpg);
}






/*----------------------------------------
 * リクルートサイト Episodes of PGC
 *----------------------------------------*/
section.article_area.recruit.episodes .heading_bg {
    width: 100%;
    background: url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
    background-size: cover;
    height: 400px;
}

section.article_area.recruit.episodes .sec_h1_area h1 {
	margin:0 0 20px 0;
}

section.article_area.recruit.episodes .sec_h1_area h1 img {
	width:350px;
	height:auto;
}

section.article_area.recruit.episodes .sec_h1_area .sub_title {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: serif;
}

section.article_area.recruit.episodes .sec_1 .fl_right { float:right;}
section.article_area.recruit.episodes .sec_1 .fl_left { float:left;}

section.article_area.recruit.episodes .sec_1 .cl_left { clear:left;}
section.article_area.recruit.episodes .sec_1 .cl_right { clear:right;}
section.article_area.recruit.episodes .sec_1 .cl_both { clear:both;}

section.article_area.recruit.episodes .sec_1.sec_4 .sec_4_bt {
	/* 私たちの役割と同じスタイルを使用（私たちの役割のsec_4） */
	border-radius:10px;
	width:70%;
	font-size:1.125rem;
	line-height:1em;
	padding-top:1em;
	padding-bottom:1em;
}

section.article_area.recruit.episodes .sec_1 .senior_area:after { content:'';display:block;clear:both;}
section.article_area.recruit.episodes .sec_1 .senior_area .left { width:44%;}
section.article_area.recruit.episodes .sec_1 .senior_area .right { width:51%; line-height:1.75rem;}

section.article_area.recruit.episodes .sec_1 .senior_area.rev .left { float:right}
section.article_area.recruit.episodes .sec_1 .senior_area.rev .right { float:left;}


section.article_area.recruit.episodes .sec_1 .ep_h2_pre {
	font-family:"Times New Roman", serif;
	line-height:1em;
}

section.article_area.recruit.episodes .sec_1 .ep_h2_pre span {
	font-size:24px;
	font-style:normal;
	color:#c52327;
	position:relative;
	z-index:2;
	margin-left:20px;
}

section.article_area.recruit.episodes .sec_1 .ep_h2_pre strong {
	font-size:200px;
	vertical-align:bottom;
	color:#fbc4bd;
	font-style:italic;
	font-weight:normal;
	margin-left:-33px;
}

section.article_area.recruit.episodes .sec_1 h2.ep_h2 {
	margin-top:90px;
	padding-bottom:30px;
	margin-bottom:0;
}
section.article_area.recruit.episodes .sec_1 h2.ep_h2:after {content:'';display:block;clear:both;}


section.article_area.recruit.episodes .sec_1 h3 {
	color:#bf2327;
	margin:0 auto ;
	font-size:1.25rem;
	position:relative;
	width:6em;
	text-align:center;
}

section.article_area.recruit.episodes .sec_1 h3:before,
section.article_area.recruit.episodes .sec_1 h3:after {
	content:"";
	position:absolute;
	top:-0.1rem;
	height:2.5rem;
	width:1px;
	border-left:1px solid #bf2327;
}

section.article_area.recruit.episodes .sec_1 h3:before {
	left:-1.5rem;
	transform:rotate(-33deg);
}

section.article_area.recruit.episodes .sec_1 h3:after {
	right:-1.5rem;
	transform:rotate(33deg);
}

section.article_area.recruit.episodes .senior_area img {
	border:4px solid #bf2327;
	border-radius:100%;
	box-sizing:border-box;
}

section.article_area.recruit.episodes .sec_1 .ep2 .senior_area .left { width:38.5%;}
section.article_area.recruit.episodes .sec_1 .ep2 .senior_area .right { width:58%;}

section.article_area.recruit.episodes .sec_1 .ep1,
section.article_area.recruit.episodes .sec_1 .ep2,
section.article_area.recruit.episodes .sec_1 .ep3,
section.article_area.recruit.episodes .sec_1 .ep4,
section.article_area.recruit.episodes .sec_1 .ep5,
section.article_area.recruit.episodes .sec_1 .ep6 {
	position:relative;
}

section.article_area.recruit.episodes .sec_1 .ep1:before,
section.article_area.recruit.episodes .sec_1 .ep2:before,
section.article_area.recruit.episodes .sec_1 .ep3:before,
section.article_area.recruit.episodes .sec_1 .ep4:before,
section.article_area.recruit.episodes .sec_1 .ep5:before,
section.article_area.recruit.episodes .sec_1 .ep6:before {
	content:"";
	position:absolute;
	width:930px;
	height:802px;
	background:url(../images/recruit/episodes/ep_bg.jpg) no-repeat center center;
	z-index:-1;
	bottom:-500px;
}

section.article_area.recruit.episodes .sec_1 .ep1:before,
section.article_area.recruit.episodes .sec_1 .ep3:before,
section.article_area.recruit.episodes .sec_1 .ep5:before {
	left:-400px;
}

section.article_area.recruit.episodes .sec_1 .ep2:before,
section.article_area.recruit.episodes .sec_1 .ep4:before {
	right:-400px;
}

@media screen and (max-width: 1100px) {
	section.article_area.recruit.episodes .sec_1 .ep2 h2 img { float:right;}
}
@media screen and (max-width: 1000px) {
	section.article_area.recruit.episodes .sec_1 .ep1 h2 img { width:114%;height:auto;}
	section.article_area.recruit.episodes .sec_1 .ep2 h2 img { width:105%;height:auto;}
	section.article_area.recruit.episodes .sec_1 .ep3 h2 img { width:93%;height:auto;}
	section.article_area.recruit.episodes .sec_1 .ep4 h2 img { width:93%;height:auto;}
	section.article_area.recruit.episodes .sec_1 .ep5 h2 img { width:107%;height:auto;}	
}




/*----------------------------------------
 * リクルートサイト 働く環境
 *----------------------------------------*/
section.article_area.recruit.seido .heading_bg {
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;
}

section.article_area.recruit.seido .sec_1 {
	padding-top:210px;
}

section.article_area.recruit.seido .std_h2 {
	text-align:center;
	font-size:1.75rem;
	font-weight:700;
	line-height:1em;
	margin-bottom:40px;
}

section.article_area.recruit.seido .std_h2:after {
	content:none;
}

section.article_area.recruit.seido .std_h2:before {
	position:relative;
	display:block;
	font-size:0.875rem;
	line-height:3em;
	color:#b10c1a;
	width:26px;
	height:auto;
	top:-20px;
	left:0;
	margin:0 auto;
	border-top:1px solid #b10c1a;
	background:none;
}

/* 共通 */
section.article_area.recruit.seido .std_flex2 .column {
	width:49%;
	margin-bottom:20px;
}

/* sec_1 */

section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(1),
section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(2) {
	border-radius:20px 20px 0 0;
}

section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(3),
section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(4) {
	border-radius:0;
}

section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(5),
section.article_area.recruit.seido .sec_1 .std_flex2 .column:nth-child(6) {
	border-radius:0 0 20px 20px;
}

section.article_area.recruit.seido .std_h3 {
	margin:0 0 0.5em 0;
	line-height:1.8em;
	font-size:1.25rem;
	font-weight:700;
	color:#b10c1a;
}

/* sec_2 */
section.article_area.recruit.seido .sec_2 .rec_kakomi_1 {
	background-color:white;
}


/*----------------------------------------
 * リクルートサイト 採用情報 募集要項
 *----------------------------------------*/
section.article_area.recruit.recruit_info .heading_bg {
/*
	width:100%;
	background:url(../images/recruit/recruit_info/header_bg_back.jpg) repeat center center;
	background-size:cover;
	padding-top:80px;
*/
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 {
	position:relative;
	text-align:center;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .h2_area {
	position:absolute;
	text-align:center;
	width:100%;
	margin:0 auto;
	top:-17px;
	left:0;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .h2_area h2 {
	display:inline-block;
	margin:0;
	padding:0 1em;
	font-size:1.25rem;
	font-weight:700;
	background-color:#b10c1a;
	color:white;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .tel_fax {
	font-size:1.25rem;
	font-weight:700;
	color:#b10c1a;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .tel_fax div {
	display:inline-block;
}
section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .tel_fax div:first-child {
	margin-right:2em !important;
}

section.article_area.recruit.recruit_info .sec_1 .rec_kakomi_2 .tel_fax div strong {
	display:inline-block;
	padding:0.2em 1em;
	font-size:1rem;
	line-height:1em;
	background-color:#b10c1a;
	color:white;
	border-radius:5px;
	margin-right:0.5em;
}


/*----------------------------------------
 * リクルートサイト お知らせ
 *----------------------------------------*/
 /* 共通 */
section.article_area.recruit.oshirase .heading_bg {
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;
}

section.article_area.recruit.oshirase article .sec_1 {
	margin-top:150px;
}

 /* 一覧 */
section.article_area.recruit.oshirase .select_wrapper {
	display:inline-block;
}

section.article_area.recruit.oshirase.list form strong {
	margin-right:1em;
}

section.article_area.recruit.oshirase.list form select {
	background-color:white;
}

section.article_area.recruit.oshirase.list form .select_wrapper {
	color:#b10c1a;
}

section.article_area.recruit.oshirase.list .post_line time {
	float:none;
}

section.article_area.recruit.oshirase.list .post_line div {
	margin-left:0;
}

 /* 記事ページ */
section.article_area.recruit.oshirase.article_page h2.article_h2 {
	font-size:1.25rem;
	margin-top:0;
	border-bottom:1px dotted #020202;
	padding-bottom:20px;
	margin-bottom:20px;
}

section.article_area.recruit.oshirase.article_page .news_date, 
section.article_area.recruit.oshirase.article_page time {
	display:block;
	font-size:0.75rem;
	text-align:right;
}

section.article_area.recruit.oshirase.article_page .back_button span {
	z-index:0;
}

section.article_area.recruit.oshirase.article_page .std_form .back_button input[type=button] {
	width:16em;
	padding:1em 3em;
}

section.article_area.recruit.oshirase.article_page .back_button input:hover {
	color:white;
}

section.article_area.recruit.oshirase .std_form .back_button:hover:after {
    border-right: 12px solid white;
}



/*----------------------------------------
 * リクルートサイト お問合せ
 *----------------------------------------*/
section.article_area.recruit.contact .heading_bg {
	width:100%;
	background:url(../images/recruit/contact/top_bg.jpg) no-repeat center top;
	background-size:cover;
	height:400px;
}

section.article_area.recruit.contact .form_step {
	text-align:center;
}

section.article_area.recruit.contact .form_step .step{
	display:inline-block;
	position:relative;
	font-size:0.75rem;
	text-align:center;
	vertical-align:middle;
	margin-left:-3em;
}

section.article_area.recruit.contact .form_step .step span {
	display:inline-block;
	position:relative;
	font-size:1.2rem;
	border:2px solid #aaa;
	border-radius:100px;
	line-height:2em;
	width:2em;
	height:2em;
	text-align:center;
	font-weight:500;
	color:#aaa;
	background-color:white;
	z-index:2;
}

section.article_area.recruit.contact .form_step .step strong {
	display:block;
	color:#aaa;
}

section.article_area.recruit.contact .form_step .line{
	content:'';
	display:inline-block;
	position:relative;
	width:200px;
	height:2px;
	background-color:#aaa;
	top:-1.3em;
	margin-left:-2em;
	z-index:1;
}

section.article_area.recruit.contact .form_step .step.active span {
	background-color:#b10c1a;
	border-color:#b10c1a;
	color:white;
}

section.article_area.recruit.contact .form_step .step.active strong {
	color:#b10c1a;
}

section.article_area.recruit.contact .form_step .line.active{
	background-color:#b10c1a;
}

section.article_area.recruit.contact .type_select {
	display:inline-block;
	border:1px solid black;
	padding:0.6em 8em 0.6em 1em;
	border-radius:15px;
}

section.article_area.recruit.contact .type_select.active {
	border:1px solid #b10c1a;
	background-color:#b10c1a;
	color:white;
}

section.article_area.recruit.contact .type_select.active input[type=radio]:checked {
	background-color:white;
	border-color:white;
}

section.article_area.recruit.contact .type_select:hover {
	cursor:pointer;
}

section.article_area.recruit.contact .type_select:first-of-type {
	margin-right:1em;
}

section.article_area.recruit.contact .std_form dl {
	  align-items: center;
}

section.article_area.recruit.contact .std_form dl dt {
	padding-top:0;
}

section.article_area.recruit.contact .std_form dd:has(select) div {
	display:inline-block;
}


section.article_area.recruit.contact .std_form .submit_area div.button1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:black;
	border-radius: 10px;
	background-color:transparent;
	overflow:hidden;
	height:100px;
}

section.article_area.recruit.contact .std_form .submit_area div.button1:before {
	background-image: linear-gradient(90deg, rgba(197, 35, 39, 1) 30%, rgba(197, 35, 39, 1) 100%);
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
}

section.article_area.recruit.contact .std_form .submit_area div.button1:after {
	background-image: linear-gradient(90deg, rgba(254, 35, 39, 1) 30%, rgba(201, 35, 39, 1) 100%);
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s;
	opacity:0;
	z-index:-1;
}

section.article_area.recruit.contact .std_form .submit_area div.button1:hover:after {
	opacity:1;
}

section.article_area.recruit.contact .std_form input[type=submit],
section.article_area.recruit.contact .std_form input[type=button] {
	width:100%;
	padding: 0 1.5em;
	line-height: 1em;
	background-color:transparent;
	border-radius:0;
	border:none;
	line-height:100px;
}

section.article_area.recruit.contact .std_form .submit_area div.button1 input[type=submit],
section.article_area.recruit.contact .std_form .submit_area div.button1 input[type=button] {
	color: white;
}

section.article_area.recruit.contact .std_form .submit_area div.back_button:hover input[type=submit] {
	color:white;
}

section.article_area.recruit.contact .std_form.confirm dl dd {
    padding-top: 0;
}