@charset "UTF-8";

/* CSS Document */
*{ margin:0; padding:0;}
html{overflow-y: scroll;width:100%; min-width:100%; margin:0; padding:0;}
.sp{display:none;}
.pc{display:block;}
.forSp {display: none;}
.forPc {display: inline;}

.clearfix:before, .clearfix:after {content:" "; display: table;}
.clearfix:after {clear: both;}
.clearfix, section {*zoom: 1;}
section:before{content:" "; display: table;}
section:after {clear: both;content:" "; display: table;}

body {
	width: 100%;
	margin:0;
	padding:0;
	color:#231815;
	font-size: 0.85em;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;margin-top: 0;}
div{margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
caption,th {font-weight:normal;}
sub, sup {vertical-align: baseline;}
sup{font-size:10px;position:relative;top:-4px;}
sub{font-size:10px;position:relative;top:4px;} 
br {letter-spacing:0;}
strong, b {font-weight: bold;}
ul, li {margin:0px;padding:0px;list-style:none;}
dl, dt, dd{padding:0px;margin:0px;}
dt:first-child{margin-top:0px;}

a:link {color:#005ead; text-decoration:none;}
a:visited {color:#005ead;text-decoration:none;}
a:hover {color:#92b7d7; text-decoration:underline;}
a:active {color:#005ead;text-decoration:none;}

.underline{ text-decoration:underline;}
.textBold, .fontbold{ font-weight:bold;}
.fontL{font-size:125%;}
.fontS{font-size:75%;}
.textRed, .fontRed{color:#ff0000;}
.textBlack, .fontBlack{color:#000000;}
.textBlue, .textOjk, .fontBlue, .fontOjk{color:#003f76;}
.fontMin{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}

img {margin:0px;padding:0px;border: none;vertical-align: bottom;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;    max-width: 100%;}
a img {margin:0px;padding:0px;border: none;} 
a:hover img {opacity: 1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
a:hover img.over{opacity:0.50; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50)";}

.imgL{padding:0 30px 30px 0;float:left;}
.imgR{padding:0 0 30px 30px;float:right;}
.imgR100{padding:0 0 30px 100px;float:right;}
.txtC, .alignC, .btnC{ text-align:center;}
.txtL, .alignL, .btnL{ text-align:left;}
.txtR, .alignR, .btnR{ text-align:right;}
.btnC img{ padding:0 10px;}
.alignR{ text-align:right;}
.alignL{ text-align:left;}


.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt40{ margin-top:40px;}.mt50{ margin-top:50px;}.mt60{ margin-top:60px;}.mt70{ margin-top:70px;}.mt80{ margin-top:80px;}.mt90{ margin-top:90px;}.mt100{ margin-top:100px;}
.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.mr40{ margin-right:40px;}.mr50{ margin-right:50px;}.mr60{ margin-right:60px;}.mr70{ margin-right:70px;}.mr80{ margin-right:80px;}.mr90{ margin-right:90px;}.mr100{ margin-right:100px;}
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}.mb50{ margin-bottom:50px;}.mb60{ margin-bottom:60px;}.mb70{ margin-bottom:70px;}.mb80{ margin-bottom:80px;}.mb90{ margin-bottom:90px;}.mb100{ margin-bottom:100px;}
.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.ml40{ margin-left:40px;}.ml50{ margin-left:50px;}.ml60{ margin-left:60px;}.ml70{ margin-left:70px;}.ml80{ margin-left:80px;}.ml90{ margin-left:90px;}.ml100{ margin-left:100px;}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}.pt50{ padding-top:50px;}.pt60{ padding-top:60px;}.pt70{ padding-top:70px;}.pt80{ padding-top:80px;}.pt90{ padding-top:90px;}.pt100{ padding-top:100px;}
.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr40{ padding-right:40px;}.pr50{ padding-right:50px;}.pr60{ padding-right:60px;}.pr70{ padding-right:70px;}.pr80{ padding-right:80px;}.pr90{ padding-right:90px;}.pr100{ padding-right:100px;}
.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}.pb50{ padding-bottom:50px;}.pb60{ padding-bottom:60px;}.pb70{ padding-bottom:70px;}.pb80{ padding-bottom:80px;}.pb90{ padding-bottom:90px;}.pb100{ padding-bottom:100px;}
.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl40{ padding-left:40px;}.pl50{ padding-left:50px;}.pl60{ padding-left:60px;}.pl70{ padding-left:70px;}.pl80{ padding-left:80px;}.pl90{ padding-left:90px;}.pl100{ padding-left:100px;}
.floatL{float:left; display:inline;}
.floatR{float:right; display:inline;}
.float, .fl, .fL{float:left;}
.fr, .fR{float:right;}

.font80{font-size:80%;}.font85{font-size:85%;}.font90{font-size:90%;}.font110{font-size:110%;}.font120{font-size:120%;}.font125{font-size:125%;}
.fontBold{ font-weight:700;}

.lurinatos_fontS{font-size:13px !important; font-weight:400 !important; margin-left:1em;}

.mgT10{ margin-top:10px;}
.mgL20{ margin-left:20px !important;}.mgL30{ margin-left:30px !important;}
.mgB20{ margin-bottom:20px !important;}.mgB30{ margin-bottom:30px !important;}.mgB40{ margin-bottom:40px !important;}.mgB50{ margin-bottom:50px !important;}
.mgB2per{ margin-bottom:2%;}.mgB3per{ margin-bottom:3%;}.mgB5per{ margin-bottom:5%;}

.width45{width:45%;}.width48{width:48%;}.width50{width:50%;}

div.justify,
p.justify,
dd.justify{
	text-align: justify;
	text-justify: inter-ideograph;
}
.bg_color_blue{background-color:#003f76;}
.bg_color_white{background-color:#fff;}

.autoWrap{
	width: 960px;
	margin-left:auto;
	margin-right:auto;	
}

.autoWrap1240{
	width: 1240px;
	margin-left:auto;
	margin-right:auto;	
}

/* header
--------------------------------------------------------------------------------------*/
header{
	width:100%;
	height:160px;
	margin:0;
	padding:0;
	text-align: center;
	border-bottom:2px solid #3871B6;
	background-color:#FFF;
	position:relative;
}
#header {
	text-align: center;
	position:relative;
	
}
header h1 {
	padding:0;
	padding-right:280px;
	float:left;
	z-index:13;
	position:absolute;
	top:12px;
	left:20px;
	height:148px;
}
header h1 img{
	width:auto;
	max-height:132px;
}

#header #iso {
	position:absolute;
	top:44px;
	right:0;
	z-index:15;
}
#header #iso img{
    height: 62px;
}
#header #header_inq {
	position:absolute;
	top:50px;
	right:145px;
	z-index:16;
}
#header #header_recruit {
position: absolute;
top: 50px;
right: 280px;
z-index: 16;
}
#header #anniversary{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#376ab3;
	font-size:28px;
	position:absolute;
	z-index:14;
	right:10px;
	top:27px;
}



/* common
--------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin:0;
	padding:0;
	text-align: center;
	clear:both !important;
}


.box {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
	text-align:left;
	clear:both;
	float:left;
}

div.box2nd{
	width: auto;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	text-align:left;
}
div.box2nd {
	font-size: 1.25em;
}
div.box3rd{
	width: auto;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align:left;
}


#mainImg{
	text-align:center;
	margin-bottom:30px;
}

#newsContents dl dt.new {
    width:11em;
}

img.new_icon {
    height: 16px;
    position: relative;
    bottom: 3px;
    left: 26px;
}



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

#footerWrap {
	width:100%;
	background-color:#fff;
	padding-top:4em;
	color:#999;
}


#footerWrap #footer {
	position:relative;
	border-top:1px solid #999;
	text-align: center;
}

#footMenu{
	position:absolute;
	text-align:right;
	right: 0;
	top:10px;
}

#footMenu li{
	display:inline-block;
	margin-left:2em;
	font-size:0.85em;
}


#footerWrap #footer address {
	text-align: center;
	padding:10px 0;
	font-family: Verdana, helvetica, Meiryo, Osaka, arial, sans-serif;
	font-style:normal;
}


/* subMenu */
nav#subMenu{
position:relative;
margin: 0 0 30px 0;
font-size:18px;
}
#subMenu ul{
display:block;
text-align:center;
}
#subMenu li{
display:inline;
margin:20px;
list-style:none;
font-weight:700;
}
#subMenu a{
color:#000;
text-decoration:none;
}
#subMenu .current{
 opacity:1;
}
#subMenu span {
background:#003f76;
height:3px;
display:block;
position:absolute;
left:0
}


/* parts */
table.one{
width:100%;
margin: 0 0 10px 0;
padding:0;
font-size:100%;
text-align:left;
border-collapse:collapse;
border-top:1px solid #231815;
}

.one caption{
	text-align:left;
	padding:2px 0;
}
.one th{
width:18% !important;
margin: 0;
padding:15px;
border-bottom:1px solid #231815;
color: #215283;
text-align:center;
font-weight:700;
vertical-align:middle;
white-space:nowrap;
background-color:#d1e2ec;
}

.one td{
width:auto;
margin: 0;
padding:15px 0 15px 15px !important;
border-bottom:1px solid #231815;
text-align:left;
vertical-align:middle;
}

table.two{
width:100%;
margin: 0 0 10px 0;
padding: 0;
font-size:100%;
text-align:left;
border-collapse:collapse;
}
.two caption{
	text-align:left;
	padding:2px 0;
}
.two th{
width:auto;
margin: 0;
padding:5px 10px;
border-bottom:4px solid #fff;
border-right:1px solid #fff;
color: #fff;
text-align:center;
font-weight:400;
vertical-align:middle;
background-color:#93c1eb;
}

.two td{
width:auto;
margin: 0;
padding:5px 10px;
border-bottom:2px solid #fff;
border-right:1px solid #fff;
text-align:center;
vertical-align:middle;
}
.two td.txtL{text-align:left;padding:10px 20px;}
.two tr{ background-color:#cae1f5;}
.two tr.tr2 { background-color:#deebf8 !important;}

table.subTable{
width:auto;
margin: 0 0 0 1em;
padding:0;
font-size:100%;
text-align:left;
border-collapse:collapse;
border:none;
}

.subTable caption{
	text-align:left;
	padding:2px 0;
}
.subTable th{
width:auto;
margin:0;
padding:5px 2em;
border-bottom:1px solid #231815;
color: #231815;
text-align:center;
font-weight:400;
white-space:nowrap;
background-color:#fff;
}

.subTable td{
width:auto;
margin:0;
padding:5px 2em;
border-bottom:none;
border-top:1px solid #231815;
text-align:center;
vertical-align:middle;
}


table.inqTbl,
table.three{
width:100%;
margin: 0 0 10px 0;
padding:0;
font-size:100%;
text-align:left;
border-collapse:collapse;
}

.inqTbl caption,
.three caption{
	text-align:left;
	padding:2px 0;
}
.inqTbl th,
.three th{
width:10%;
margin:0;
padding:20px 1em;
border-bottom:1px solid #fff;
color: #fff;
text-align:left;
font-weight:400;
vertical-align:middle;
white-space:nowrap;
background-color:#215283;
}

.inqTbl td,
.three td{
width:auto;
margin:0px;
padding:20px 1em;
border-bottom:1px solid #fff;
text-align:left;
background-color:#d1e2ec;
vertical-align:middle;
}
span.required{color:#ff0000 !important;padding-left:10px;}

ol.ol {
counter-reset: li;
list-style: none;
padding: 0;
margin:0;
}
.ol > li {
position: relative;
 margin-bottom: .1em;
 padding-left: 1.5em;
}
.ol > li:before {
content: counter(li) "";
counter-increment: li;
position: absolute;
left: 0;
text-align: right;
}
.ol > li:after {
content: ")";
position: absolute;
top: 0;
left: 0.7em;
}

ul.lists{
padding: 0;
margin:0;
}

.lists li{
	width: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	text-align: left;
	background: url(../img/common/arrow.png)  no-repeat 0px 8px;
	background-size:10px 10px;
	display: block;
}
.lists li.circle{background:url(../img/common/circle.png) no-repeat 0px 8px;padding: 0 0 0 20px;background-size:15px 15px;}
.lists li.kome{background:url(../img/common/kome.png) no-repeat 0px 8px;padding: 0 0 0 20px;background-size:15px 15px;}
.lists li.komeS{background:url(../img/common/kome.png) no-repeat 4px 10px;padding: 0 0 0 20px;background-size:12px 12px;}

dl.dl{
	margin:0;
	padding: 0;
	font-size: 100%;
}

.dl dt{
	margin: 0;
	padding: 0;
	font-weight:bold;
	color:#003f76;
}
.dl dt.circle{background:url(../img/common/circle.png) no-repeat 0 5px;padding: 0 0 0 20px;background-size:15px 15px;}
.dl dd{
	width: auto;
	margin: 0;
	padding: 0 0 1em 18px;
	text-align: left;
}

div.boxPhoto{
	width:400px;
}
div.boxText{
	width:800px;
}


/* ここからタブ/スマホ（横）
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/



/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
.autoWrap,
nav#pege_menu{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}

header{height:100px;}

header h1 {
	text-align:left;
	top:10px;
	left:10px;
	line-height:90px;
}
header h1 img{
	max-height:82px;
	vertical-align:middle;
}
#header #iso {
		top:20px;
		right:86px;
	}
#header #header_inq {
	top:20px;
	right:205px;
}
	table.subTable{
	width:auto !important;
	margin: 0px 0px 0 0;
	padding:0px;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
	border:none;
	}
	.subTable th{
	width:auto;
	margin:0px;
	padding:5px 1em;
	border-bottom:1px solid #231815;
	color: #231815;
	text-align:center;
	font-weight:400;
	white-space:normal;
	background-color:#fff;
	}
	
	.subTable td{
	width:auto;
	margin:0px;
	padding:5px 1em;
	border-bottom:none;
	border-top:1px solid #231815;
	text-align:center;
	}
	
	div.boxPhoto{
		width:40%;
	}
	div.boxText{
		width:55%;
	}

}

@media screen and (max-width: 680px) {
	#footerWrap #footer address {
		text-align: left;
	}

}

@media screen and (max-width: 481px) {
	#header #anniversary{
		width:95%;
		font-size:14px;
		text-align:right;
		top:10px;
	}
	header h1 {
		padding:0;
		padding-right:70px;
		text-align:left;
		z-index:13;
		position:absolute;
		top:2px;
		left:10px;
	}
#header #iso, #header #header_inq {display:none;}

	.forSp {display: inline;}
	.forPc, #topcontrol {display: none !important;}
	body {
/*		min-width: 1024px;	*/
	}
	html, body{
		width: 100%;
		-webkit-text-size-adjust: none;
		font-size-adjust:none;
		margin:0px;
		padding:0px;
		min-width:initial;
		font-size: 16px;
		line-height:1.5;
		background:none;
	}
	img {
		vertical-align: top;
		width: 100%;
		max-width: 100% !important;
		height: auto;
		-ms-interpolation-mode: bicubic; 
	}
.mt10{ margin-top:2%;}.mt20{ margin-top:4%;}.mt30{ margin-top:6%;}.mt40{ margin-top:8%;}.mt50{ margin-top:10%;}.mt60{ margin-top:12%;}.mt70{ margin-top:14%;}.mt80{ margin-top:16%;}.mt90{ margin-top:18%;}.mt100{ margin-top:20%;}
.mb10{ margin-bottom:2%;}.mb20{ margin-bottom:4%;}.mb30{ margin-bottom:6%;}.mb40{ margin-bottom:8%;}.mb50{ margin-bottom:10%;}.mb60{ margin-bottom:12%;}.mb70{ margin-bottom:14%;}.mb80{ margin-bottom:16%;}.mb90{ margin-bottom:18%;}.mb100{ margin-bottom:20%;}
.pt10{ padding-top:2%;}.pt20{ padding-top:4%;}.pt30{ padding-top:6%;}.pt40{ padding-top:8%;}.pt50{ padding-top:10%;}.pt60{ padding-top:12%;}.pt70{ padding-top:14%;}.pt80{ padding-top:16%;}.pt90{ padding-top:18%;}.pt100{ padding-top:20%;}
.pb10{ padding-bottom:2%;}.pb20{ padding-bottom:4%;}.pb30{ padding-bottom:6%;}.pb40{ padding-bottom:8%;}.pb50{ padding-bottom:10%;}.pb60{ padding-bottom:12%;}.pb70{ padding-bottom:14%;}.pb80{ padding-bottom:80px;}.pb90{ padding-bottom:90px;}.pb100{ padding-bottom:100px;}
	 .btnC img{width:90%; padding:0 0%;}
	
	.floatL, .floatR{float:none; display:block; clear:both;}
	
	
	/* header
	--------------------------------------------------------------------------------------*/
	header{
		width:100%;
		margin:0;
		padding:0;
		text-align: center;
		height:90px;	
	}
	#header {
	}

	
	
	/* common
	--------------------------------------------------------------------------------------*/
	#wrapper {
		width: 100%;
		margin: 0;
		padding:0;
		text-align: center;
	}
	
	
	.box{
		width:100%;
		margin:0 0 5% 0 !important;
		padding:0 0 5% 0 !important;
		float:none;
		clear:both;
	}
	
	div.box2nd{
		width:100%;
		margin: 0 0 2% 0;
		padding: 0 0 2% 0;
		text-align:left;
		clear:both;
	}
	div.box2nd {
		font-size: 0.9em;
	}
	div.box3rd{
		margin: 0 0 1% 0;
		padding: 0 0 1% 0;
		text-align:left;
		clear:both;
	}
	
	
	
	
/* footer
--------------------------------------------------------------------------------------*/
#footerWrap #footer p {
	text-align: center;
	padding:10px 0;
	font-family: Verdana, helvetica, Meiryo, Osaka, arial, sans-serif;
	font-size:12px;
}
#footMenu{
	position:static;
	text-align:center;
}

#footerWrap #footer address {
	text-align: center;
}

table.one{
width: 100%;
margin: 0%;
padding: 0px;
text-align: left;
border-collapse:collapse;
border:none;
border-top:none;
}
.one th {
	width: auto !important;
	display: block;
	font-size:105%;
	word-break: break-all !important;
	white-space: normal !important;
	font-weight:bolder;
	padding:1% 0;
	margin:0 0 2% 0;
border-top:1px solid #ccc;
border-top:none !important;
letter-spacing:normal;
}
.one td {
	width: auto;
	display: block; 
	padding:1% 0 10% 0;
	border-top: none;
	border-bottom: none;
	font-size:90%;
}

.scroll{
z-index:1 !important;
width:100% !important;
margin: 0 0 5% 0;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #f1f1f1;}
.scroll::-webkit-scrollbar-thumb {background: #bcbcbc;}


table.subTable{
width:100%;
margin: 0;
    display: table;
}

.subTable caption{
}
.subTable th{
	display: table-cell;
}

.subTable td{
	display: table-cell;
padding:1% 0 1% 0;
border-bottom:1px solid #231815;
}


table.inqTbl{
width: 100%;
margin: 0%;
padding: 0;
text-align: left;
border-collapse:collapse;
border:none;
}

.inqTbl caption{
	text-align:left;
	padding:2px 0;
}
.inqTbl th{
	width: auto !important;
	margin: 0;
	padding:1% 2%;
	display: block;
	font-size:105%;
	word-break: break-all !important;
	white-space: normal !important;
border-bottom:1px solid #fff;
color: #fff;
text-align:left;
font-weight:400;
vertical-align:middle;
background-color:#215283;


}

.inqTbl td{
width:auto;
margin:0 0 15% 0;
	padding:1% 2%;
border-bottom:1px solid #fff;
text-align:left;
background-color:#d1e2ec;
vertical-align:top;
	display: block; 


	border-top: none;
	border-bottom: none;
	font-size:90%;
}

table.three{
width:100%;
margin: 0 0 10px 0;
padding:0;
font-size:100%;
text-align:left;
border-collapse:collapse;
}
.three caption{
	text-align:left;
	padding:2px 0;
}

.three th{
width:10%;
margin:0px;
padding:20px 1em;
border-bottom:1px solid #fff;
color: #fff;
text-align:left;
font-weight:400;
vertical-align:middle;
white-space:nowrap;
background-color:#215283;
}

.three td{
width:auto;
margin:0;
padding:20px 1em;
border-bottom:1px solid #fff;
text-align:left;
background-color:#d1e2ec;
vertical-align:middle;
}
span.required{color:#ffe100 !important;padding-left:14px;}

/* subMenu */
nav#subMenu{
display:none;
	position:relative;
	margin: 0 0 0 0;
	font-size:12px;
 }
#subMenu ul{
display:none;
text-align:center;
}
#subMenu li{
 margin:1% 1%;
 list-style:none;
 font-weight:700;
 }
#subMenu a{
color:#000;
text-decoration:none;
}
#subMenu .current{
 opacity:1;
}
#subMenu span {
 background:#003f76;
 height:3px;
 display:block;
 position:absolute;
 left:0
}

#mainImg{
	text-align:center;
	margin-bottom:2%;
}

div.boxPhoto,
div.boxText{
	width:100%;
}
}



@media screen and (orientation:landscape) {
* {box-sizing: border-box; }
}

/* 2023.1102 */
nav#pege_menu{
	width: 1240px;
	position:relative;
	margin: 0 auto 0 auto;
	font-size:18px;
}
#pege_menu ul{
	display:block;
	text-align:center;
	margin-bottom:50px;
}
#pege_menu li{
	display: inline-block;
	list-style:none;
	font-weight:700;
	padding:5px 20px;
	margin-bottom:5px;
}
#pege_menu li a{
	color:#000;
	text-decoration:none;
	white-space:nowrap;
}
#pege_menu li.on span{
	padding-bottom:5px;
	border-bottom:5px solid #003f76;
}
.container{
	width: 1240px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}

/*fllexbox*/
.flexbox{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: stretch;
}

.flexbox .item2{
	width:calc(48%);
	box-sizing: border-box;
	margin:0 4% 4% 0;
}
.flexbox .item2:nth-child(2n){margin:0 0 4% 0;}

.flexbox .item3{
	width:calc(32%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flexbox .item3:nth-child(3n){margin:0 0 2% 0;}

.flexbox .item4{
	width:calc(23.4%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flexbox .item4:nth-child(4n){margin:0 0 2% 0;}

#environment_page .flexbox .item2 {margin-bottom:5%;}

/* tablet
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
	img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}

.container,
nav#pege_menu{
	width: 96%;
	margin:0 2%;
	padding: 0;
	text-align: left;
	clear:both;
}
header h1 img{max-height:80px;}

.autoWrap1240{
	width:100% !important;
	padding: 0 !important;
	margin: 0;
}


}


/* forSp
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 481px) {

.container{
	width: 90%;
	margin:0 5%;
	position:relative;
}
nav#pege_menu{
	width: 100%;
	margin:0 0;
	position:relative;
	font-size:14px;
}
#pege_menu li{
	padding:5px 10px;
}
/*
	#pege_menu ul{
	display:block;
	text-align:center;
	margin-bottom:50px;
}
#pege_menu li a{
	color:#000;
	text-decoration:none;
	white-space:nowrap;
}
#pege_menu li.on span{
	padding-bottom:5px;
	border-bottom:5px solid #003f76;
}
	*/
	
.flexbox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: stretch;
}

.flexbox .item2,
.flexbox .item3{
	width:calc(100%);
	box-sizing: border-box;
	margin:2% 0;
}
.flexbox .item2:nth-child(2n),
.flexbox .item3:nth-child(3n){margin:0 0 4% 0;}

.flexbox .item4{
	width:calc(23.4%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flexbox .item4:nth-child(4n){margin:0 0 2% 0;}
}


/*************************************
 採用情報
 *************************************/
#main {
	position: relative;
}
#common #recruit{
	width: 1250px;
	margin: 0 auto 100px auto;
	text-align: left;
	clear:both;
}
.recruit_btn_warp {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.recruit_btn_warp ul {
	display: flex;
	flex-direction: column;
}
.recruit_btn_warp ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-inline: 9px;
  padding-inline: 25px;
}
.recruit_btn_warp ul li a：hover {
	text-decoration: none;
}
.recruit_btn_warp ul li a i {
	margin-top: 10px;
}
.recruit_btn_warp ul li:first-child a {
	background-color: #0d9ccf;
}
.recruit_btn_warp ul li:last-child a {
	background-color: #433fa5;
}
.recruit_wrap {
	padding-inline: 50px;
}
.recruit_wrap ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}
.recruit_wrap ul li {
	width: 47.826%;
	text-align: center;
}
.recruit_wrap ul li p {
	margin-block-start:25px;
	font-size: 28px;
}
.recruit_wrap ul li a p {
	color: #646464;
}

.recruit-title {
	width: 100%;
	margin: 0 0 120px 0;
}

#recruit {
	padding-block-start: 30px;
}
#recruit h1 {
	font-size: 70px;
	font-weight: 700;
	margin-block-end:15px;
	color: #003f76;
	text-align: center;
}
#recruit .sub_title {
	font-size: 28px;
	font-weight: 700;
	margin-block-end:100px;
	color: #003f76;
	text-align: center;
}
#recruit h2 {
	color: #003f76;
	font-size: 40px;
	font-weight: 700;
	margin-block-end:40px;
	text-align: center;
}
#recruit h2 + p {
	font-size: 22px;
	padding-inline: 75px;
	margin-block-end:100px;
}
#recruit .recruit-table {}
#recruit .recruit-table h3 {
	color: #003f76;
	font-weight: 700;
	font-size: 34px;
	margin-block-end:20px;
	text-align: center;
}
#recruit .one {
	font-size: 22px;
	margin-block-end: 50px;
}
#recruit .one th {
	color: #231815;
	background-color: #d5e0ef;
}
.recruit-flow {
	display: flex;
	align-items: center;
	margin-block-end: 150px;
}
.recruit-flow h3 {
	width: 200px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #231815;
	text-align: center;
	font-size: 22px;
	margin-inline-end: 70px;
}
.recruit-flow_box {
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 100px;
  height: 300px;
  background-color: #d3edfb;
  border-radius: 10px;
  display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-block-end: 50px;
	font-size: 24px;
}
.recruit-flow_box:after {
	content: "";
  height: calc(tan(50deg) * 50px / 2);
  width: 17px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color: #9fa0a0;
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
}
.recruit-flow_box:last-child {
	background-color: #0d9ccf;
	color: #ffffff;
	overflow: hidden;
}

.recruit_button {
	display: flex;
	justify-content: center;
}
.recruit_button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 100px;
	text-align: center;
	color: #ffffff;
	background-color: #376ab2;
	border-radius: 10px;
	margin-inline: 25px;
	font-size: 26px;
	line-height: 1;
}
.recruit_button a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #26497a;
}
.recruit_button a span {
	font-size: 22px;
}

.smp {
	display: none;
}
@media (max-width:768px) {
	.pc {
		display: none;
	}
	.smp {
		display: block;
	}
}
#recruit .mid .one th {
	background-color: #d9dbee;
}
.rec_slider div {
	position: relative;
}
.rec_slider div a {
	position: absolute;
	bottom: 50px;
	right: 13%;
	z-index: 100;
	display: block;
	cursor: pointer;
}

#common #voice{
	width: 1250px;
	margin: 0 auto 100px auto;
	text-align: left;
	clear:both;
}

#common #voice h4{
	color:#003f76;
	margin:0;
	padding:0 0.0 0;
	font-size:27px;
	font-weight:700;
}
.voice_wrap {
	padding-top: 250px;
}
.voice_wrap h2 {
	display: block;
	color: #ffffff;
	font-weight: 700;
	background-color: #003f76;
	text-align: center;
	font-size: 43px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
.voice_wrap h2 + p {
	font-size: 24px;
	text-align: center;
	margin-bottom: 100px;
}
.voice_block {
	border-bottom: 2px dotted #bfbfbf;
	margin-bottom: 150px;
}
.voice_block:last-child {
	border-bottom: none;
}
#recruit .mid .one {
	margin-block-end: 130px;
}
table td.line {
	border-bottom: 1px dotted #231815;
}
@media screen and (max-width: 690px) {
	.drawer-nav .smp {
		margin-block-start: 20px;
		margin-inline: 4%;
		display: flex;
		flex-flow: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.drawer-nav .smp p {
		margin-block-end: 20px;
		width: 120px;
	}
	#common {
		margin:0;
		padding:0;
		width:100%;
		clear:both;
	}
	#common #voice {
		margin:0 auto;
		width:89.6%;
		clear:both;
	}
	#common #recruit {
		margin:0 auto;
		padding:0;
		width:89.6%;
		clear:both;
	}
	.recruit_wrap {
		padding-block: 80px;
		padding-inline: 0;
	}
	.recruit_wrap ul li {
		margin-bottom: 50px;
	}
	.recruit_wrap ul li p {
	margin-block-start: 15px;
	font-size: 16px;
	}
	.recruit_wrap ul {
		display: block;
	}
	.recruit_wrap ul li {
		width: 100%;
	}
	#recruit h2 {
		font-size: 18px;
		margin-block-end: 25px;
	}
	#recruit h2 + p {
		font-size: 12px;
		padding-inline: 0;
		margin-block-end: 90px;
	}
	.recruit-flow {
		flex-wrap: wrap;
		margin-block-end: 80px;
		gap: 0 17px;
		justify-content: space-between;
	}
	.recruit-flow h3 {
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		margin-inline-end: 0;
		margin-bottom: 15px;
	}
	.recruit-flow h3 br {
		display: none;
	}
	.recruit-flow_box {
	  width: 13.5vw;
	  height: 144px;
		margin-block-end: 0;
		font-size: 12px;
	}
	.recruit-flow_box:after {
	  width: 11px;
		right: -17px;
	}
	.recruit_button {
		display: block;
		text-align: center;
	}
	.recruit_button a {
		width: 89.8%;
		height: 80px;
		margin-inline: auto;
		font-size: 18px;
		margin-bottom: 35px;
	}
	.recruit_button a span {
		font-size: 18px;
	}
	.recruit_btn_warp {
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
		transform: translateY(0);
		width: 100%;
		z-index: 9999;
	}
	.recruit_btn_warp ul {
		flex-direction: row;
		width: 100%;
	}
	.recruit_btn_warp ul li {
		width: 50%;
	}
	.recruit_btn_warp ul li a {
		width: 100%;
		font-size: 18px;
		height: 60px;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		margin-inline: 0;
		padding-inline: 0;
	}
	.recruit_btn_warp ul li a i {
		display: none;
	}
	.rec_slider div a {
		width: 150px;
		bottom: 8px;
		right: 15px;
	}
	#recruit h1 {
		font-size: 30px;
		margin-block-end: 0;
	}
	#recruit .sub_title {
		font-size: 16px;
	}
	.recruit-title {
		margin: 0 0 40px 0;
	}
	#recruit .sub_title {
		margin-block-end: 60px;
	}
	#recruit .recruit-table h3 {
		font-size: 18px;
	}
	#recruit .one th {
		font-size: 14px;
		font-weight: 700;
	}
	.one td {
		font-size: 12px;
	}
	.voice_wrap {
		padding-top: 150px;
	}
	.voice_wrap h2 {
		font-size: 18px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	.voice_wrap h2 + p {
		font-size: 14px;
		margin-bottom: 50px;
	}
	#common #voice h4{
		font-size:1rem;
		margin-bottom:3%;}
	#common #voice img.imgL{ float:left;width:50%; margin:1% 5% 1% 0; padding:0;}
	#common #voice img.imgR{ float:right;width:50%; margin:1% 0 1% 5%; padding:0;}
	.voice_block .inner {
		padding-bottom: 30px;
	}
	.voice_block {
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 320px) {
	.recruit-flow {
		gap: 0 17px;
	}
}