@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700|Lora:400,900|Bitter|Bree+Serif|Open+Sans|Gothic+A1:400,800|Fjalla+One);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url("reset.css");

/* ======================================================
	RESET
====================================================== */
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================
	FRAME
====================================================== */
body {
	/* color: #30353c;
	font-size: 14px;
	line-height: 1.6;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url("../img/base/bg-page.gif") left top repeat;
	min-width: 980px; */
}
/* #header,
#contents,
#pagetop,
#footer {
	width: 980px;
	margin: 0 auto 0;
} */

/*anchor
------------------------------------------------------ */
a { text-decoration: none }
a:hover,
input.op:hover,
.op_area input:hover { text-decoration: underline }
a:link { color: #30353c; }
a:visited { color: #30353c; }
#pagetop a:hover img,
a.op:hover,
input.op:hover,
a.op:hover img,
.op_area a:hover,
.op_area a:hover img,
.op_area input:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bg_image_area,
.bg_image_area a {
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
}
.blue_text,
.blue_link_area a,
a.blue_link {
color: #004e98;
}
.small {
  font-size:12px;
  font-weight: normal !important;
}


/*=============================
	custom setting
===============================*/

/*   link  */
a,
a * {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
			will-change: transform; /* safariでアニメーション時ちらつくのを制御 */
}

/* img */
img{
	height: auto;
}

/*   img-float  */
.imgleft { float:left; margin-right:20px; line-height:1em;}
.imgright { float:right; margin-left:20px; line-height:1em;}

/*   font-style  */
.small {font-size:0.8em; line-height: 1.8; display: inline-block;}
.stit {font-size:1.2em;}
.fs-12{font-size:12px;}.fs-14{font-size:14px;}.fs-16{font-size:16px;}.fs-18{font-size:18px;}.fs-20{font-size:20px;}.fs-22{font-size:22px;}.fs-24{font-size:24px;}.fs-26{font-size:26px;}

/*   font-color  */
.cl-wht{ color:#fff!important;}
.cl-red{ color:#e20b0b!important;}
.cl-blu{ color:#003774!important;}
.cl-orn{ color:#dd5e00!important;}

/*   background-color  */
.bg-wht{ background: #fff!important;}
.bg-gry{ background: #f4f4f4!important;}
.bg-blu{ background: #003774!important;}

/*   text-align  */
.txtCen{ text-align:center;}
.txtLeft{ text-align:left;}
.txtRight{ text-align:right;}

/*   sup（上付き）  */
.base-sup {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -.6em;
}

/*   sub（下付き）  */
.base-sub {
	font-size: 50%;
	vertical-align: bottom;
	position: relative;
	bottom: -.6em;
}

/*   margin  */
.mt0 {margin-top:0!important;}
.mt1 {margin-top:10px;}
.mt2 {margin-top:20px;}
.mt3 {margin-top:30px;}
.mt4 {margin-top:40px;}
.mt5 {margin-top:50px;}
.mt6 {margin-top:60px;}
.mt7 {margin-top:70px;}
.mt8 {margin-top:80px;}
.mt9 {margin-top:90px;}
.mt10 {margin-top:100px;}
.mb0 {margin-top:0!important;}
.mb1 {margin-bottom:10px;}
.mb2 {margin-bottom:20px;}
.mb3 {margin-bottom:30px;}
.mb4 {margin-bottom:40px;}
.mb5 {margin-bottom:50px;}
.mb6 {margin-bottom:60px;}
.mb7 {margin-bottom:70px;}
.mb8 {margin-bottom:80px;}
.mb9 {margin-bottom:90px;}
.mb10 {margin-bottom:100px;}

.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.mt05{margin-top:5px}.mr05{margin-right:5px}.mb05{margin-bottom:5px}.ml05{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mt25{margin-top:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.mt35{margin-top:35px}.mr35{margin-right:35px}.mb35{margin-bottom:35px}.ml35{margin-left:35px}.mt40{margin-top:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mt45{margin-top:45px}.mr45{margin-right:45px}.mb45{margin-bottom:45px}.ml45{margin-left:45px}.mt50{margin-top:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.ml50{margin-left:50px}.mt55{margin-top:55px}.mr55{margin-right:55px}.mb55{margin-bottom:55px}.ml55{margin-left:55px}.mt60{margin-top:60px}.mr60{margin-right:60px}.mb60{margin-bottom:60px}.ml60{margin-left:60px}.mt65{margin-top:65px}.mr65{margin-right:65px}.mb65{margin-bottom:65px}.ml65{margin-left:65px}.mt70{margin-top:70px}.mr70{margin-right:70px}.mb70{margin-bottom:70px}.ml70{margin-left:70px}.mt75{margin-top:75px}.mr75{margin-right:75px}.mb75{margin-bottom:75px}.ml75{margin-left:75px}.mt80{margin-top:80px}.mr80{margin-right:80px}.mb80{margin-bottom:80px}.ml80{margin-left:80px}.mt85{margin-top:85px}.mr85{margin-right:85px}.mb85{margin-bottom:85px}.ml85{margin-left:85px}.mt90{margin-top:90px}.mr90{margin-right:90px}.mb90{margin-bottom:90px}.ml90{margin-left:90px}.mt95{margin-top:95px}.mr95{margin-right:95px}.mb95{margin-bottom:95px}.ml95{margin-left:95px}.mt100{margin-top:100px}.mr100{margin-right:100px}.mb100{margin-bottom:100px}.ml100{margin-left:100px}.mt105{margin-top:105px}.mr105{margin-right:105px}.mb105{margin-bottom:105px}.ml105{margin-left:105px}.mt110{margin-top:110px}.mr110{margin-right:110px}.mb110{margin-bottom:110px}.ml110{margin-left:110px}.mt115{margin-top:115px}.mr115{margin-right:115px}.mb115{margin-bottom:115px}.ml115{margin-left:115px}.mt120{margin-top:120px}.mr120{margin-right:120px}.mb120{margin-bottom:120px}.ml120{margin-left:120px}.mt125{margin-top:125px}.mr125{margin-right:125px}.mb125{margin-bottom:125px}.ml125{margin-left:125px}.mt130{margin-top:130px}.mr130{margin-right:130px}.mb130{margin-bottom:130px}.ml130{margin-left:130px}.mt135{margin-top:135px}.mr135{margin-right:135px}.mb135{margin-bottom:135px}.ml135{margin-left:135px}.mt140{margin-top:140px}.mr140{margin-right:140px}.mb140{margin-bottom:140px}.ml140{margin-left:140px}.mt145{margin-top:145px}.mr145{margin-right:145px}.mb145{margin-bottom:145px}.ml145{margin-left:145px}.mt150{margin-top:150px}.mr150{margin-right:150px}.mb150{margin-bottom:150px}.ml150{margin-left:150px}

/*   font-family  */
.font-muli{ font-family: 'Muli', sans-serif; letter-spacing: .3rem;}
.font-bitter{ font-family: 'Bitter', sans-serif; letter-spacing: .15rem;}
.font-fjallaone{ font-family: 'Fjalla One', sans-serif;}
.font-yugo{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-mincho{ font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-hira-gothic{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*   flex  */
.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.flex-btw{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.flex-cen{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.flex-end{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:flex-end; -ms-flex-pack:flex-end; justify-content:flex-end;}

/*   bt-def-sty  */
.bt-def-sty,
.bt-def-sty::before,
.bt-def-sty::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; opacity:1!important; filter: alpha(opacity=100)!important;}
.bt-def-sty{ display: block; width: 100%; text-align: center; margin-left: auto; margin-right: auto; text-decoration: none!important;}
.bt-def-sty::before,
.bt-def-sty::after { position: absolute; z-index: -1; display: block; content: '';}
	/* bt-sty01 */
	.bt-def-sty.bt-sty01 { max-width: 313px; border: 1px solid #cdcdcd; background-color: #fff; color: inherit; font-size: 16px; font-weight: 600; padding: 10px 0;}
		.bt-def-sty.bt-sty01:hover { background-color: #333; color: #fff!important;}
	/* bt-sty02 */
	.bt-def-sty.bt-sty02 { max-width: 313px; border: 1px solid #deba29; background-color: #deba29; color: inherit; font-size: 16px; font-weight: 600; padding: 10px 0;}
		.bt-def-sty.bt-sty02:hover { background-color: #89741d; border-color: #89741d; color: #fff;}

/* ======================================================
	LAYOUT
====================================================== */

.inner {
width: 960px;
margin: 0 auto;
}
.table_layout { display: table }
.table_layout .table_layout {
display: table-cell;
vertical-align: middle;
*display: inline;
*zoom: 1;
}

.fl { float: left !important }
.fr { float: right !important }
.tl { text-align: left !important }
.tr { text-align: right !important }
.tc { text-align: center !important }
.ti { text-indent: 1em }
.w_full { width: 100% !important }

.wwb { word-wrap: break-word }

/* ======================================================
	PART
====================================================== */
.box_shadow,
ul.box_shadow_area li {
border: 1px solid #cccccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #cccccc 0px 0px 3px;
-moz-box-shadow: #cccccc 0px 0px 3px;
box-shadow: #cccccc 0px 0px 3px;
background: #ffffff;
behavior: url("/recruit/PIE.htc");
position: relative;
}

.box_shadow, ul.box_shadow_area li a{
	display:block;
}









/* ======================================================
	BREADCLUMB
====================================================== */
#topic_path {
margin: 25px 0 20px;
font-size: 12px;
}
#topic_path li { float: left }
#topic_path a {
text-decoration: underline;
background: url("/recruit/common/img/blt/ico_topic_path.gif") right center no-repeat;
padding-right: 15px;
margin-right:5px;
}
#topic_path a:hover { text-decoration: none }

/* ======================================================
	NEWS
====================================================== */
#news_box dl {
border-bottom: 1px dotted #bababa;
padding-bottom: 16px;
margin-bottom: 16px;
}
#news_box dt {
width: 100px;
float: left;
}
#news_box dd { float: left }
#news_box a { text-decoration: underline }
#news_box a:hover { text-decoration: none }
#news_box dd.icon_new {
background: url("/common/img/blt/icon-new.gif") no-repeat right center;
padding-right: 50px;
}

/* ======================================================
	WYSIWYG
====================================================== */
.wysiwyg_area p {
line-height: 1.8;
margin-bottom: 25px;
}
.wysiwyg_area ul,
.wysiwyg_area ol {
display: block;
margin: 1em 0 1em 1.4em;
padding-start: 40px;
}
.wysiwyg_area ol li { list-style-type: decimal }
.wysiwyg_area ul li { list-style-type: disc }
.wysiwyg_area td { border: 1px solid #b1b1b1 }
.wysiwyg_area dl {
display: block;
margin: 1em 0;
}
.wysiwyg_area dt { display: block }
.wysiwyg_area dd {
display: block;
margin-left: 40px;
}
.wysiwyg_area strong { font-weight: bold }
.wysiwyg_area em { font-weight: italic }
.wysiwyg_area a:link { text-decoration: underline }
.wysiwyg_area a:hover { text-decoration: none }

/* ======================================================
  UNDER PAGE
====================================================== */
#main_contents {
/* width: 884px; */
background: #fff;
padding: 30px 48px 60px;
}
#tit_area {
border-bottom: 1px dotted #b4b4b4;
padding-bottom: 30px;
margin-bottom: 30px;
}
#tit_area .sub_copy { text-align: center }
.center { text-align: center }

/* ======================================================
	PRINT
====================================================== */
@media print {
	body { _zoom: 60% }
}



/*=============================
	Sub(Lower)Page setting
===============================*/
/* contentwrap__subpage */
#contentwrap__subpage{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight: 400;
	line-height:1.8;
	color: #000;
}

/* content_wrapper */
.content_wrapper,
.content_wrapper_max,
.content_wrapper_min{
	margin-left: auto;
	margin-right: auto;
}
.content_wrapper{ width: 980px;}
.content_wrapper_min{ width: 875px;}

/* content_border_top */
.content_border_top{ position: relative;}
.content_border_top::before{content: ''; width: 104px; height: 4px; background-color: #444; position: absolute; top: -2px; left: 0; right: 0; margin: auto;}

/* thumb */
.thumb{
    width:100%; padding-top: 100%; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;
}

/* ttl */
.title2{ font-size: 32px; font-weight: 700; line-height: 1.5; text-align: center;}
.title3{ font-size: 65px; font-weight: 700; line-height: 1.3; text-align: center; color: #000;}
.title4{ font-size: 32px; font-weight: 600; line-height: 1.5; color: #000;}
.title5{ font-size: 20px; font-weight: 600; line-height: 1.5; color: #000;}
.title6{ text-align: center;}
.title6 .title6-jp{ font-size: 12px; font-weight: 400; line-height: 1.5; color: #000;}
.title6 .title6-en{ font-size: 32px; font-weight: 600; line-height: 1.5; color: #000;}


/*-------figure__area--------*/
.figure__area01 .figure__area01-ttl{ font-size: 22px; font-weight: 600; line-height: 1.4; color: #000;}
.figure__area01 figcaption{ font-size: 13px; font-weight: 400; line-height: 1.8; margin-top: 5px;}

/* 10-31-2023 */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
.c-mv{
	margin: 20px 0 16px;
}

.c-ttl01{
	text-align: center;
	color: #808080;
	margin: 0 0 20px;
}

.c-ttl01 .ja{
	font-size: 24px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	display: block;
	line-height: 1.2;
	margin-bottom: 5px;
	letter-spacing: 0.03em;
}

.c-ttl01 .en{
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
	display: block;
	line-height: 1.2;
}

.c-ttl01 .ja_l{
	font-size: 28px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	display: block;
	line-height: 1.2;
	letter-spacing: 0.14em;
}

.c-ttl01 .ja_xl{
	font-size: 32px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	display: block;
	line-height: 1.2;
}

.c-ttl02{
	text-align: center;
	margin-bottom: 26px;
}

.c-ttl02 .en_img{
	line-height: 0;
	margin-bottom: 10px;
	display:block;
}

.c-ttl02 .ja{
	font-size: 26px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.2;
	display:block;
	color: #434343;
}

.c-ttl02 .ja.green{
	color: #67A38B;
}

.c-ttl02 .ja.blue{
	color: #39548F
}

.c-ttl03{
	text-align: center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #211816;
	font-size: 50px;
	display:block;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

.c-ttl04{
	text-align: center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #211816;
	font-size: 48px;
	display:block;
	margin: 0;
}

.c-ttl04.blue{
	color: #2E5170;
}

.tracking-tighter { letter-spacing: -0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-normal { letter-spacing: 0em!important; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.hidden { display:none }

.font-noto{
	font-family: 'Noto Sans Japanese', sans-serif!important;
}

#header .caption img{
	height: auto;
}

#header .caption__text {
    font-size: 15px;
    font-weight: bold;
}