/*.heroimg{background:url(../img/heroimg.png) no-repeat 50% 50%;background-size:cover;text-align:center;color:#fff}*/
.heroimg>.container{-webkit-box-sizing:border-box;box-sizing:border-box}
.heroimg .copy{text-shadow:0 2px 3px rgba(0,0,0,.5)}
.heroimg .copy_en{font-weight:700}
#section_career{padding-bottom:0}
#section_career .image{background:url(../img/img_01.jpg) no-repeat 50% 50%;background-size:cover}
#section_career .md_button_a{position:absolute;left:50%;bottom:30px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);white-space:nowrap}
#section_access .map .scaler{position:relative;width:100%;height:0}
#section_access .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#section_access .text_info{list-style:none}
#section_access .text_info li+li{margin-top:5px}

.recruit {
	width:100%;
	box-shadow: 2px 2px 4px gray;
	padding:170px 53% 82px 12.5%;
	background-image:url(../img/bg_recruit.webp);
	background-size:auto 100%;
	background-position:center top;
	background-color:#b9e9ff;
	margin-bottom:60px;
}
.recruit h2 {
	font-size:2.4rem;
	line-height:1;
	font-weight:500;
	color:#616367;
}
.recruit p {
	font-size:1.3rem;
	line-height:1;
	font-weight:700;
	color:#002b6a;
}
.recruit .md_button_a {float:left;}
.recruit .clear {clear:both;}

/*.recruit a{position:relative;display:inline-block;background-color:#fff;color:#002b6a;font-weight:700;letter-spacing:.05em}
.recruit a:after{content:"";position:absolute;top:50%;display:inline-block;background:url(../img/arr_line_blue.svg) no-repeat;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.recruit a:hover{text-decoration:none}*/

.heroimg {
	position:relative;
}

/* bxSlider 初期化前のレイアウト崩れ対策
   - bxSlider 公式 CSS を読み込んでいないため、ul のリスト装飾を自前でリセットする
   - 初期化は window.load 後なので、それまで 2 枚目以降を隠して縦積みを防ぐ
   - img に実寸の width/height 属性を持たせ、読み込み前に高さを予約する（CLS 対策）*/
#fade {
	margin:0;
	padding:0;
	list-style:none;
}
#fade > li:not(:first-child) {
	display:none;
}
#fade img {
	display:block;
	width:100%;
	height:auto;
}

/* common.css の .bx-viewport{overflow:visible!important} を打ち消す。
   fade モードではスライドが absolute になるため、はみ出しを抑える必要がある */
.heroimg .bx-viewport {
	overflow:hidden!important;
}

#shinkansen {
	position:absolute;
	right:-465px;
	bottom:0;
	width:465px;
	animation:shinkansen_move 10s infinite;
	z-index:999;
}
#shinkansen_fukidashi {
	width:22.6%;
	animation:shinkansen_fukidashi 10s infinite;
}
#shinkansen img {
	width:100%;
}

@media only screen and (min-width:768px) and (max-width:767px){
	#section_access .photo img{margin:0 auto}
}
@media print,screen and (min-width:768px){
	.heroimg{margin-bottom:60px}
	.heroimg>.container{min-height:480px;padding-top:140px;padding-bottom:30px}
	.heroimg .copy_en{font-size:3.13em}
	.heroimg .copy_jp{margin-top:15px;font-size:2.25em}
	.heroimg .md_button_a{margin-top:65px}
	#section_career .image{background-position:50% 50%}
	#section_career .image>.container{height:460px}
	#section_access .wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
	#section_access .photo{-webkit-flex-basis:29.17%;-ms-flex-preferred-size:29.17%;flex-basis:29.17%}
	#section_access .photo img{display:block;max-width:100%;height:auto}
	#section_access .map{-webkit-flex-basis:70.83%;-ms-flex-preferred-size:70.83%;flex-basis:70.83%}
	#section_access .map .scaler{padding-top:54.12%}
	#section_access .text_info{margin-top:20px}
}
@media only screen and (max-width:767px){
	.heroimg{margin-bottom:30px}
	.heroimg>.container{min-height:270px;padding-top:25px;padding-bottom:20px}
	.heroimg .copy_en{font-size:1.8em}
	.heroimg .copy_jp{font-size:1.33em}
	.heroimg .md_button_a{margin-top:95px}
	#section_career .image{background-position:30% 50%}
	#section_career .image>.container{height:310px}
	#section_access .photo{display:none}
	#section_access .map .scaler{padding-top:53.33%}
	#section_access .text_info{margin-top:10px}
#shinkansen {
	position:absolute;
	right:-40%;
	bottom:-9%;
	width:40%;
	height:auto;
	animation:shinkansen_move 10s infinite;
	z-index:999;
}
.recruit {
	padding:90px 12% 20px 12%;
	background-size:100% auto;
}
.recruit p {
	font-size:0.9rem;
}
}