@charset "UTF-8";

.mainslider h1 {
	position: absolute;
	transform: translate3d(-50%, -50%, 0);
	z-index: 99;
	text-align: center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 300;
background: -webkit-linear-gradient(-180deg, rgb(22, 135, 237), rgb(32, 66, 136));
background: linear-gradient(-180deg, rgb(22, 135, 237), rgb(32, 66, 136));
	box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);
	opacity: 0.8;
	color: #FFF;
	font-weight:bold;
    top:50%;
	left:50%;
	}

.mainslider { position:relative;
}

.subpage h1 {	top: 50%;}



.mainslider h1 small {
	display: block;
	text-transform: lowercase;
	font-size: 0.7em;
}

.mainslider h1 .norecruite { font-size:0.68em;}


.mainslider h1 small:first-child {
	padding-bottom: 0.5em;
}
.mainslider h1 small:last-child {
	padding-top: 0.5em;
}



/* イメージ1 */

.slider img {
	height: auto !important;
}
.slider .slick-slide {
	margin: 0 !important;/*スライド左右の余白調整*/
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


html {
	scroll-behavior: smooth;
}


.parallax1st::before { 
  background-image: url(../img/top07.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.bgsecond::before {
  background-image: url(../img/top08.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -2;
}


.bgtherd::before {
  background-image: url(../img/top011.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.bgforce::before {
  background-image: url(../img/top02.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.bgfive::before {
  background-image: url(../img/top09.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.bgsix::before {
  background-image: url(../img/top010.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.bgseven::before {
  background-image: url(../img/top08.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}


/* table01 */
#history tr,#table01 tr {
  border-bottom: 1px solid #b5b1b1;
  text-align:left;
}

#table01 th,
#table01 td,#history th,#history td {
  padding: 24px 0;
  text-align:left;
  border: none;
}

#table01 th {
  width: 25% !important;
}


#history th { width:200px !important; }

#table01 img { max-width:100%;}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td,#history th,#history td {
    width: 100% !important;
    display: block;
  }

  #table01 th,#history th {
    width: 100% !important;
  }

  #table01 td,#history td {
    padding-top: 0;
  }
}


/* 001 */

.btnerie { display:flex;
flex-wrap: wrap;
	justify-content:center;
	text-align:center;
	padding-bottom:5rem !important;
  align-items: center;
}



.button001 a {
background: -webkit-linear-gradient(-180deg, rgb(22, 135, 237), rgb(20, 55, 90));
background: linear-gradient(-180deg, rgb(22, 135, 237), rgb(20, 55, 90));
	display:block;
    width: 210px;
	margin-left:10px;
	margin-right:10px;
    border-radius: 4px;
    padding: 10px 25px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}


.button001 a:hover {
background: #1687ed;
}


/*戻る*/

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border: solid 2px #204288;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	opacity: 0.6;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #204288;
    border-right: 3px solid #204288;
    transform: translateY(20%) rotate(-45deg);
}

.px-lg-5 p { text-align:center; color:#fff; }

.px-lg-5 p a {color:#fff; }
.px-lg-5 p a:hover { text-decoration:none; }

.topbtmsp {padding: 0 0 5rem 0;}

.topbtmnone { margin-bottom:0 !important;}

.textleftsp { text-align:left !important;}

.fa-play { margin-right:5px;
	margin-left:10px;}
	


.policy {    position: relative;
    padding: 0.5rem;
    margin-bottom: 0.2rem;
	text-align:left;
    background: linear-gradient(90deg, #1687ed 0%, #204288 100%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    font-weight: bold;
    font-size: 26px;
	margin-bottom:20px;
}

.poricytext { text-align:left; color:#333 !important;}

.poricytext span { font-weight:bold; color:#204288; font-size:18px;}

.photo03 img { width:50%;}

.photo p,.photo03 p { color:#333; text-align:left;}




.point img { width:100%; margin-top:35px;}


.box73 p { color:#333; text-align:left;margin-bottom:0;}

/*左上に背景色ありタイトル*/


.box-title {
	background-color:#204288; /* タイトル背景色 */
	font-size: 18px;/* タイトル文字の大きさ */
	color: #fff ; /* タイトル文字色 */
	padding: 7px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/* 配置(ここを動かす) */
	top: 0; /*上から（0px）移動*/
	left: 0; /*左から(0px)移動*/
	font-weight:bold;
}

.box73 {
  padding: 15px;
  border: 5px solid #204288;
  position: relative;
  margin:0 5px 0 5px;
}

.guidespse { padding:5rem 0;}

.guidetopsp { padding:0 0 5rem 0 !important;}

.oncetop { margin-bottom:3rem !important;}

.material-symbols-outlined{
display: inline-flex;
vertical-align: middle;
}

.qanda {color:#204288; font-weight:bold; font-size:19px; margin-bottom:0;}


.voice { margin-bottom:20px;}



.jinji { font-size:22px; font-weight:bold; color:#1687ed !important;
}

.jinjibtm { margin-bottom:0px; text-align:center;}

.welcom {color:#204288;font-weight:bold;margin-bottom:0;}

	
.recruitabout p { margin-bottom:0;}
.recruitabout { text-align:center;}
.downico {display:block; font-size:35px; margin:5px 0;}

.appli { font-size:22px; color:#fff; background:#204288; padding:7px;}

.appli span { margin-right:5px;}

.pointrecruit { display:flex; width:100%; flex-wrap: wrap;}


.melit { font-weight:bold; margin:10px 5px 10px 5px; padding:10px; background:#1687ed; color:#fff; border-radius:5px; font-size:18px;}


.melit span { margin-right:5px;}

.photo_02 img { max-width:100%; width:50%; margin-bottom:20px;}
.photosp { margin-top:20px;}


.flow { font-size:22px;
padding: 0.5rem;
margin-bottom: 0.2rem;
font-weight: bold;
margin-bottom: 20px;
border-bottom:solid 3px #1687ed;
color:#1687ed;
margin-top:3rem;

}

.box73 span { margin-right:5px;}

.jinji span { font-size:50px; margin-right:10px; }


.btmmrnu a { color:#fff; }
.btmmrnu a:hover { text-decoration:none;}

.subpage img { width:100% !important;}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#company,.whitezone { background:#fff;}

.nonepale { min-height:9rem; }

.btmmrnu a {text-decoration: none;}  

.btmmrnu a:hover {text-decoration: underline;}

.logobtm { text-align:center; margin-bottom:2rem; margin-top:-2.5rem;}

.norecruite { margin-bottom:0 !important; font-weight:bold;}


.linkcolor { color:#204288 !important; text-decoration:underline;}
.linkcolor:hover { text-decoration:none;}

.linkover a:hover img {  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}
  
.onoff { background:#cc0000; color:#fff; font-size:11px; padding:5px; margin:0 5px 0 0; vertical-align:middle; font-weight:normal; }

sup {font-size: 0.8em;}

.news {

  border: solid 3px #204288;
  margin-bottom:10px !important;
  background:#efefef;
}

.news p {color: rgba(0, 0, 0, 0.7) ;  text-align:left;    }



@media screen and (min-width:991px) { 

.newsbox {
 display: flex;
justify-content:space-between;
align-items: flex-end;
padding:1em 4em;}

  .news p {
	margin:0 !important;
}

}

.news { padding:0 1em;}


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


.newname { white-space: nowrap;
	text-align:right !important;}



}


h2 { color: #204288;
	font-weight:bold;
	font-size:26px; text-align:center; margin-top:10px;}
	
.newaddress,.newname { }

.newname {  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:20px;
	color:#333;
	font-weight:bold;}