@charset "utf-8";
/* CSS Document */

/*---------scrollアイコン-----------*/
.p-index-kv__scroll {
width: 1px;
height: 40px;
position: absolute;
left: 0;
right: 0;
text-align: center;
margin: auto;
z-index: 100;
background-color: #eee
}

@media only screen and (min-width: 769px) {
.p-index-kv__scroll {
/*bottom: 6.51042%;*/
bottom: 5%;
}
}
/*sp*/
@media only screen and (max-width: 768px) {
.p-index-kv__scroll {
bottom: 5%;
}
}


@media all and (min-width:768px) and (max-width:1024px) {
.p-index-kv__scroll {
bottom: 15.84507%
}
}

@media all and (max-width:767px) {
.p-index-kv__scroll {
bottom: 13.20423%
}
}
.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: red
}

@media all and (min-width:768px) {
.p-index-kv__scroll-text {
position: absolute;
bottom: -30px;
font-size: 10px;
font-size: .625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
}

@media all and (max-width:767px) {
.p-index-kv__scroll-text {
position: absolute;
bottom: -30px;
font-size: 10px;
font-size: .625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
}


@-webkit-keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}
@keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}

.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: #ad5011;
}
@-webkit-keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
.p-index-kv__scroll-pointer {
-webkit-animation-name: moveScrollPointer;
animation-name: moveScrollPointer;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.p-index-kv__scroll-pointer:before {
-webkit-animation-name: scrollPointerInOut;
animation-name: scrollPointerInOut;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
/*PC*/
@media print, screen and (min-width: 768px) {
#header {
z-index: 10000;
/*background-color: rgba(255,255,255,0.70)*/
}

/*#header #menu li a { color: #fff; }
#header .subMenu li a { color: #fff; }
#header.smaller .subMenu li a { color: #000!important; }
#header.smaller #menu li a { color: #000!important; }*/

/*--------------------*/

#dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 700px;
background: url(../../images/index/dot.png) ,rgba(255,255,255,0.25);
z-index: 100;
}


#mv {
width: 100%;
overflow: hidden;
height: 700px;
position: relative;
min-width: 1200px;
margin-top:100px;
}

.slider_logo {
text-align: center;
margin-bottom: 50px;
}



#mv video {
overflow: hidden;
filter: brightness(80%);
position: absolute;
top: -50%;
left: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: inherit;
}

.mv_titbox {
position: absolute;
left: 5%;
bottom: 30%;
}

.mv_tit {
color: #fff;
font-size: 45px;
line-height: 2em;
font-weight: bold;
margin-bottom: 30px;
}

.mv_txt {
color: #fff;
font-size:1.2em;
font-weight:bold;
letter-spacing: 1px;
text-align: left;
font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
}


/*----------------index------------------------------------*/


.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 300px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box01_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.idx_box01_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.idx_txtbox_35l { width: 35%; float: left; }
.idx_imgbox_60r { width: 60%; float: right; }
.idx_txtbox_35r { width: 35%; float: right; }
.idx_imgbox_60l { width: 60%; float: left; }

/*-------idx_box00-------------*/

#idx_box00 { margin: 100px auto 100px; }
.swiper-container { width: 100%; margin: 0 auto; position: relative; margin-top: -50px; }
.swiper-container::before { position: absolute; content: ""; display: block; width: 200%; background: #f7f7f7; height: 400px; left: -80%; bottom: -100px; right: 50px; z-index: -1; }
/*.slick_box { width: 100%; margin: 0 auto; position: relative; margin-top: -50px; }
.slick_box::before { position: absolute; content: ""; display: block; width: 200%; background: #f7f7f7; height: 400px; left: -80%; bottom: -100px; right: 50px; z-index: -1; }*/
.swiper-container { width:100%;box-sizing:border-box;padding:50px!important; }

.slick-slide { transition: .3s ease; position: relative; }
.slick-slide:not(.slick-current) { opacity: 1; }
/*.slick-slide { transition: .3s ease; transform: scale(.85); }*/
.slick-current { transform: scale(1); }
#slick { width: 100%; padding-bottom: 30px; }
.slick-dots { position: absolute; bottom: -40px; left: 0; width: 100%; font-size: 0; text-align: center; list-style: none; }
.slick-dots li { display: inline-block; margin: 0 8px; }
.slick-dots li button { display: block; font-size: 0; line-height: 0; width: 12px; height: 12px; background: #aaa; border: 0; border-radius: 50%; color: transparent; cursor: pointer; }
.slick-dots .slick-active button,
.slick-dots li button:hover { background: #003772; }
.slide_img { width: 100%!important; margin: 0 auto!important; }
.slide_img img { width: 100%; height: auto; }

#swiper-pagination{ /*margin-bottom: -330px; */}

.swiper-slide { width: 580px; margin: 0 auto; padding: 0px 50px; box-sizing: border-box; }

.slide_tit { font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; }

/*-------idx_box01-------------*/

#idx_box01 { padding: 100px  0px; position: relative; overflow: hidden;}
#idx_box01::before { position: absolute; top: 0; left: 0; z-index: -1; content: ""; display: block; background: url(../../images/index/idx_box01_bg.png) 0 0 no-repeat; width: 1300px; height: 904px; background-size: 100%;   }

.idx_tit { font-size: 36px; color: #000; margin-bottom: 30px; }
.idx_tit_c { font-size: 36px; color: #000; margin-bottom: 30px; text-align: center; }
.idx_tit2 { font-size: 36px; color: #fff; margin-bottom: 30px; text-align: center; }
.idx_subtit { font-size: 21px; color: #003772; padding-left: 30px; border-left: 2px solid #003772; padding-bottom: 15px; }
.idx_subtit2 { font-size: 21px; color: #fff; margin-bottom: 15px; text-align: center; }
.idx_txt { color: #000; font-size: 14px; text-align: left; line-height: 2.5em; margin-bottom: 50px; padding-left: 30px; border-left: 2px solid #003772;}
.idx_txt_c { color: #000; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 100px; }
.idx_txt2 { color: #fff; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 50px; }


.idx_box01_list { width: 100%; margin: 80px auto 0px; display: flex; justify-content: center; }
.idx_box01_list li { width: 32%; margin-right: 2%; }
.idx_box01_list li:nth-of-type(2) { margin-top: -50px; }
.idx_box01_list li:nth-of-type(1) { margin-top: 50px; }
.idx_box01_list li:last-child { margin-right: 0px; }

.idx_box01_list_txtbox { width: 100%; box-sizing: border-box; background: #003772; position: relative; padding: 20px;}
.idx_box01_list_tit { color: #fff; font-size: 18px; line-height: 1.8em; font-weight: bold; }
.idx_box01_list_tit span.en { display: block; font-size: 18px; line-height: 1.5em; }
.idx_box01_list_txtbox::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 14px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_box01_list li a { display: block;}
.idx_box01_list li a:hover .idx_box01_list_txtbox::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.idx_btn01 { width: 350px; position: relative; background: #003772; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn01 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a { display: block; }

.idx_btn02 { width: 350px; position: relative; background: #9f9f9f; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn02 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn02 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a { display: block; }

.idx_btn02 { width: 350px; position: relative; background: #9f9f9f; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn02 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn02 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.idx_btn00 { width: 100%; position: relative; background: #003772; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn00 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn00 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn00 a { display: block; }

.idx_btn00 .idx_btn_tit { text-align: center; }

.idx_btn_tit { color: #fff; font-size: 18px; font-weight: bold; line-height: 1.8em; }
.idx_btn_tit span.en { display: block; font-size: 20px; }

.b_img { width: 100%; margin: 0 auto; }
.b_img img { width: 100%; height: auto; }

/*-------idx_box02-------------*/

.photo_hover_wrap2 img {
width: 100%;
height: auto;
}

.photo_hover_wrap2 {
display: block;
height: 300px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap2 .photo2 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box02_list li a:hover .photo_hover_wrap2 {
text-decoration: none;
cursor: pointer;
}
.idx_box02_list li a:hover .photo_hover_wrap2 .photo2 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

#idx_box02 { margin: 0 auto 150px; }

.idx_box02_bg { background: url(../../images/index/bg_img01.jpg) center center no-repeat; background-size: cover; height: 350px; padding-top: 50px; }

.idx_box02_list { width: 100%; margin: 0 auto; margin-top: -120px; }
.idx_box02_list li { width: 48%; float: left; margin-right: 4%; box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.idx_box02_list li:nth-child(2n+2) { margin-right: 0px; }
.idx_box02_list_txtbox { width: 100%; box-sizing: border-box; padding: 20px; position: relative; padding-right: 40px; }
.idx_box02_list_tit { color: #000; font-size: 18px; line-height: 1.8em; font-weight: bold; margin-bottom: 10px; }
.idx_box02_list_tit span.en { color: #003772;padding-left: 15px; }

.idx_box02_list_txtbox::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #003772; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.idx_box02_list li a { display: block;}
.idx_box02_list li a:hover .idx_box02_list_txtbox::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


/*-------idx_box03-------------*/
#idx_box03 { margin: 0 auto 150px; }
.idx_box03_img { width: 100%; margin: 0 auto; position: relative; }
.idx_box03_img::before { position: absolute; content: ""; display: block; width: 200%; background: #f7f7f7/*rgba(0,55,114,0.1)*/; height: 400px; right: -80%; bottom: -100px; left:50px; z-index: -1; }

/*---------idx_box04----------*/
#idx_box04 .idx_tit2 ,#idx_box05 .idx_tit2 { text-align: center; }

#idx_box04 { width: 50%; float: left; box-sizing: border-box; margin-top: -50px; }
.idx_box04_bg { padding: 70px; background: #6b6b6b; height: 600px; box-sizing: border-box; }

.idx_box04_table { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; width: 100%; box-sizing: border-box; background: #fff; }
.idx_box04_table th { background: #f3f3f3; color: #000; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.idx_box04_table td {border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding:10px 20px; }

.tableTh1b { width: 45%; }
.tableTh2b { width: 20%; }
.tableTh3b { width: 15%; }
.tableTh4b { width: 40%; }
/*---------idx_box05----------*/
#idx_box05 { width: 50%; float: right; box-sizing: border-box; }
.idx_box05_bg { padding: 70px; background: #f7f7f7; height: 600px; box-sizing: border-box;}

.idx_box05_list { width: 100%; margin: 0 auto; }
.idx_box05_list li { margin-bottom: 30px; }
.idx_box05_list li:nth-child(2n+2) { margin-bottom: 0px; }
.idx_box05_list_img { width: 40%; float: left; }
.idx_box05_list_img img { width: 100%; height: auto; }
.idx_box05_list_txtbox { width: 55%; float: right; }
.idx_box05_list_date { color: #000; font-size: 16px; font-weight: bold; margin-bottom: 15px; line-height: 1.8em; display: flex; flex-wrap: wrap; align-items: center; }
.idx_box05_list_date span.name { background: #003772; padding: 2px 10px; color: #fff; font-weight: bold; display: block; float: left; margin-right: 10px; font-size: 14px; }
.idx_box05_list_date span.date { font-weight: bold; color: #000; }
.idx_box05_list_txt { color: #000; font-size: 12px; }
.idx_box05_list li a:hover .idx_box05_list_txt { text-decoration: underline; }

.read_btn { font-size: 16px; color: #fff; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn a { color: #fff; font-size: 16px; font-weight: bold; display: block; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.read_btn2 { font-size: 16px; color: #003772; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn2 a { color: #003772; font-size: 16px; font-weight: bold; display: block!important; }
.read_btn2 a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #003772; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn2 a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.read_btn3 { font-size: 16px; color: #000; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn3 a { color: #000; font-size: 16px; font-weight: bold; display: block!important; }
.read_btn3 a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #000; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn3 a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}



#idx_box0405 { margin-bottom: 100px; }



/*-------idx_box06-------------*/
#idx_box06 { margin: 0 auto 150px; }
.idx_box06_img { width: 100%; margin: 0 auto; position: relative; }
.idx_box06_img::before { position: absolute; content: ""; display: block; width: 200%; background: rgba(0,55,114,0.1); height: 400px; right: -80%; bottom: -100px; left:50px; z-index: -1;}


/*-------idx_box07-------------*/
#idx_box07 { margin: 0 auto 150px; }
.topics { width: 70%; margin: 0 auto 30px; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 10px; }
.topics dl:nth-child(2n+2) { background: #f3f3f3; padding: 10px; }
.topics dl dt { float: left; width: 15%; }
.topics dl dd { float: right; width: 85%; }
.topics dl dd a { color:#D0121B;}

.recruit_box { width: 1100px; margin: 0 auto;  border: 15px solid #eee; padding: 30px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.recruit_img { width: 35%; margin-right: 5%; }
.recruit_img img { width: 100%; height: auto; }
.recruit_txtbox { width: 60%; }
.recruit_tit { font-size: 25px; font-weight: bold; margin-bottom: 15px; }
.recruit_subtit { font-size: 18px; font-weight: bold; color: #003772; margin-bottom: 10px; }
.recruit_txt { font-size: 14px; }


/*------------topick-----------*/

.scroll-box {
width:98%;
overflow: auto;
-webkit-overflow-scrolling: touch;  /* 髫ｲ・ｷ繝ｻ・｣髫ｲ・､繝ｻ・ｧ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｯ驛｢譎｢・ｽ・ｭ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ */
padding: 1%;
height: 300px;
}

.scroll-box::-webkit-scrollbar {
height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}




.com_list {
width: 100%;
margin: 0 auto 60px;
}

.com_list li {
width: 31%;
float: left;
margin-right: 3.5%;
}

.com_list li:nth-child(n+4) {
margin-top: 30px;
}


.com_list li:nth-child(3n+3) {
margin-right: 0px;
}

.l-card {
transition: 0.5s;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0 auto;
background: #fff;
box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}

.l-card:hover{
transform: translate(1px,1px);
box-shadow: 0px 0px rgba(0, 0, 0, 0.1);
}

.l-card:hover .thumbnail-wrapper::after {
 opacity: 1;
 width: 500px;
 height: 500px;
 border-width: 40px;
}

.l-card:hover .thumbnail-wrapper img {
transform: scale(1.1);
}

.l-card:hover .more-text {
 opacity: 1;
 letter-spacing: 8px;
}

.l-thumbnail {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}

.l-thumbnail .more-text {
transition: 0.5s;
z-index: 2;
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
display: block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}

.thumbnail-wrapper {
display: block;
margin: 0;
padding: 0;
}

.thumbnail-wrapper::after {
transition: opacity 0.3s, width 0.8s 0.1s, height 0.8s 0.1s, border-width 0.4s 0.1s;
content: "";
box-sizing: content-box;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0px;
height: 0px;
border-radius: 50%;
border: 0px solid  #993333;
background:rgba(204, 76, 47, 0.7);
opacity: 0;
}

.thumbnail-wrapper img {
transition: 0.5s;
display: block;
max-width: 100%;
}

.text-content {
padding: 16px;
}

.text-content .title {
margin: 0 0 30px 0;
font-size: 15px;
font-weight: bold;
}

.text-content .caption {
margin: 0 0 12px 0;
font-size: 12px;
color: #555;
font-weight: lighter;
}

.content-meta {
overflow: hidden;
width: 100%;
font-size: 12px;
text-align: right;
}

.content-meta .date {
text-align: right;
color: #aaa;
}

a:hover .content-meta .date {
color: #993333;
}



.recruit_box { width: 100%; margin: 0 auto; }
.recruit_imgbox { width: 60%; margin: 0 auto; float: left; }
.recruit_img { width: 100%; margin: 0 auto; }
.recruit_img img { width: 100%; height: auto; }
.idx_txtbox_c { color: #fff; width: 80%;  padding: 0; box-sizing: border-box;  position: absolute; bottom: 60px; left: 0; right: 0; margin: auto; z-index: 100; text-align: center; }
.recruit_bg h3 { font-size:20px; margin-bottom:10px;  color:#FFF; text-align:center;}
.recruit_bg { width: 100%; background: url(../../images/index/bg_img.jpg) center center no-repeat; background-size: cover; min-height: 220px; position: relative; z-index: 0;}
/*.recruit_bg::before { content: ""; position: absolute; width: 100%; display: block; height: 460px; top: 0; left: 0; background: rgba(35,59,108,0.5); z-index: 10; }*/
.rec_btn a { color:#FFF;} 
.rec_txt { color:#FFF; margin:0 0 20px;}
.lastbox { width: 100%; margin: 0 auto; }


}





/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 767px) {
#header {
background-color: rgba(255,255,255,1.00)
}

.hedTitWrap {
height: 560px!important;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.hedTitPC {
display: none;
}

.hedTitSP {
display: block;
}

.hedTitSP,
.hedTitSP h2 {
height: 90%;
text-align: center;
}

.hedTitSP h2 img {
height: 100%;
}

/*---------------------*/

.headerWrap {
overflow: hidden;
}
/*--------------------*/

#dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 500px;
background: url(../../images/index/dot.png) ,rgba(255,255,255,0.2);
z-index: 100;
}


#mv {
width: 100%;
overflow: hidden;
height: 500px;
position: relative;
}

.slider_logo {
text-align: center;
margin-bottom: 50px;
}



#mv video {
overflow: hidden;
filter: brightness(50%);
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: inherit;
}

.mv_titbox {
position: absolute;
left: 2%;
right: 2%;
bottom: 30%;
}

.mv_tit {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
color: #fff;
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
margin-bottom: 30px;
}

.mv_txt {
color: #fff;
font-size: 12px;
letter-spacing: 1px;
text-align: left;
font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
}



/*----------------index------------------------------------*/

.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 250px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box01_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.idx_box01_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.photo_hover_wrap0 img {
width: 100%;
height: auto;
}

.photo_hover_wrap0 {
display: block;
height: 250px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap0 .photo0 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box00_list li a:hover .photo_hover_wrap0 {
text-decoration: none;
cursor: pointer;
}
.idx_box00_list li a:hover .photo_hover_wrap0 .photo0 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


.idx_txtbox_35l { width: 100%; margin: 0 auto; }
.idx_imgbox_60r { width: 100%; margin: 0 auto; }
.idx_txtbox_35r { width: 100%; margin: 0 auto; }
.idx_imgbox_60l { width: 100%; margin: 0 auto; }




/*-------idx_box00-------------*/

#idx_box00 { margin: 0px auto 100px; }
.slick_box { width: 100%; margin: 0 auto; position: relative; margin-top: -50px; margin-bottom: 100px; }
.slick_box::before { position: absolute; content: ""; display: block; width: 200%; background: #f7f7f7/*rgba(0,55,114,0.1)*/; height: 400px; left: -80%; bottom: -100px; right: 50px; z-index: -1; }


.slick-slide { transition: .3s ease; position: relative; }
.slick-slide:not(.slick-current) { opacity: 1; }
/*.slick-slide { transition: .3s ease; transform: scale(.85); }*/
.slick-current { transform: scale(1); }
#slick { width: 100%; padding-bottom: 30px; }
.slick-dots { position: absolute; bottom: -40px; left: 0; width: 100%; font-size: 0; text-align: center; list-style: none; }
.slick-dots li { display: inline-block; margin: 0 8px; }
.slick-dots li button { display: block; font-size: 0; line-height: 0; width: 12px; height: 12px; background: #aaa; border: 0; border-radius: 50%; color: transparent; cursor: pointer; }
.slick-dots .slick-active button,
.slick-dots li button:hover { background: #003772; }
.slide_img { width: 90%!important; margin: 0 auto!important; }
.slide_img img { width: 100%; height: auto; }

.swiper-slide { width: 100%; padding: 0px 30px; box-sizing: border-box; }

.swiper-container { width: 100%; margin: 0 auto 50px; }


.slide_tit { font-size: 16px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 50px; }

/*-------idx_box01-------------*/

#idx_box01 { padding: 100px  0px; position: relative; overflow: hidden;}
#idx_box01::before { position: absolute; top: 0; left: 0; z-index: -1; content: ""; display: block; background: url(../../images/index/idx_box01_bg.png) 0 0 no-repeat; width: 1233px; height: 857px;  }


.idx_tit { font-size: 25px; color: #000; margin-bottom: 30px; }
.idx_tit_c { font-size: 25px; color: #000; margin-bottom: 30px; text-align: center; }
.idx_tit2 { font-size: 25px; color: #fff; margin-bottom: 30px; text-align: center; }
.idx_subtit { font-size: 16px; color: #003772; margin-bottom: 15px; }
.idx_txt { color: #000; font-size: 14px; text-align: left; line-height: 2.5em; margin-bottom: 50px; }


.idx_subtit2 { font-size: 16px; color: #fff; margin-bottom: 15px; text-align: center; }
.idx_txt { color: #000; font-size: 14px; text-align: left; line-height: 2.5em; margin-bottom: 50px; }
.idx_txt_c { color: #000; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 100px; }
.idx_txt2 { color: #fff; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 50px; }



.idx_box01_list { width: 100%; margin: 50px auto 30px;  }
.idx_box01_list li { width: 100%; margin-bottom: 30px; }
.idx_box01_list li:last-child { margin-bottom: 0px; }

.idx_box00_list { width: 100%; margin: 50px auto;  }
.idx_box00_list li { width: 100%; margin-bottom: 30px; }
.idx_box00_list li:last-child { margin-bottom: 0px; }


.idx_box01_list_txtbox { width: 100%; box-sizing: border-box; background: #003772; position: relative; padding: 15px;}
.idx_box01_list_tit { color: #fff; font-size: 16px; line-height: 1.8em; font-weight: bold; }
.idx_box01_list_tit span.en { display: block; font-size: 20px }
.idx_box01_list_txtbox::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_box01_list li a { display: block;}
.idx_box01_list li a:hover .idx_box01_list_txtbox::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.idx_btn01 { width: 300px; position: relative; background: #003772; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn01 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a { display: block; }

.idx_btn02 { width: 300px; position: relative; background: #9f9f9f; padding: 20px; box-sizing: border-box; margin: 0 auto; }
.idx_btn02 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn02 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn01 a { display: block; }


.idx_btn00 { width: 100%; position: relative; background: #003772; padding: 20px; box-sizing: border-box; margin: 0 auto 30px; }
.idx_btn00 a::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn00 a:hover::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.idx_btn00 a { display: block; }


.idx_btn_tit { color: #fff; font-size: 16px; font-weight: bold; line-height: 1.8em; }
.idx_btn_tit span.en { display: block; }

.b_img { width: 100%; margin: 0 auto; }
.b_img img { width: 100%; height: auto; }

/*-------idx_box02-------------*/

.photo_hover_wrap2 img {
width: 100%;
height: auto;
}

.photo_hover_wrap2 {
display: block;
height: 150px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap2 .photo2 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box02_list li a:hover .photo_hover_wrap2 {
text-decoration: none;
cursor: pointer;
}
.idx_box02_list li a:hover .photo_hover_wrap2 .photo2 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

#idx_box02 { margin: 0 auto 100px; }

.idx_box02_bg { background: url(../../images/index/bg_img01.jpg) center center no-repeat; background-size: cover; height: 350px; padding-top: 50px; }

.idx_box02_list { width: 100%; margin: 0 auto; margin-top: -150px; }
.idx_box02_list li { width: 100%;  box-shadow: 10px 10px 30px rgba(0,0,0,0.1); margin-bottom: 50px; }
.idx_box02_list li:nth-child(2n+2) { margin-bottom: 0px;  }
.idx_box02_list_txtbox { width: 100%; box-sizing: border-box; padding: 20px; position: relative; padding-right: 40px; }
.idx_box02_list_tit { color: #000; font-size: 18px; line-height: 1.8em; font-weight: bold; margin-bottom: 10px; }
.idx_box02_list_tit span.en { color: #003772;padding-left: 15px; }

.idx_box02_list_txtbox::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #003772; font-weight: bold; right: 20px; top: 45%; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.idx_box02_list li a { display: block;}
.idx_box02_list li a:hover .idx_box02_list_txtbox::after { right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


/*-------idx_box03-------------*/
#idx_box03 { margin: 0 auto 100px; }
.idx_box03_img { width: 100%; margin: 0 auto; position: relative; margin-bottom: 50px; }
.idx_box03_img::before { position: absolute; content: ""; display: block; width: 200%; background: rgba(0,55,114,0.1); height: 200px; left: -80%; bottom: -50px; right: 50px; z-index: -1;}

/*---------idx_box04----------*/
#idx_box04 .idx_tit2 ,#idx_box05 .idx_tit2 { text-align: center; }

#idx_box04 { width: 100%; box-sizing: border-box; }
.idx_box04_bg { padding: 50px 30px; background: #6b6b6b;  box-sizing: border-box; }

.idx_box04_table { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; width: 100%; box-sizing: border-box; background: #fff; }
.idx_box04_table th { background: #f3f3f3; color: #000; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.idx_box04_table td {border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding:10px 10px; }

.tableTh1b { width: 45%; }
.tableTh2b { width: 20%; }
.tableTh3b { width: 15%; }
.tableTh4b { width: 40%; }
/*---------idx_box05----------*/
#idx_box05 { width: 100%; box-sizing: border-box; }
.idx_box05_bg {padding: 50px 30px; background: #f7f7f7;  box-sizing: border-box;}

.idx_box05_list { width: 100%; margin: 0 auto; }
.idx_box05_list li { margin-bottom: 30px; }
.idx_box05_list li:nth-child(2n+2) { margin-bottom: 0px; }
.idx_box05_list_img { width: 100%; margin: 0 auto 15px; }
.idx_box05_list_img img { width: 100%; height: auto; }
.idx_box05_list_txtbox { width:100%; margin: 0 auto; }
.idx_box05_list_date { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; }
.idx_box05_list_date span.name { background: #003772; padding: 2px 7px; color: #fff; font-weight: bold; display: block; float: left; margin-right: 10px;  }
.idx_box05_list_date span.date { font-weight: bold; color: #000; }
.idx_box05_list_txt { color: #000; font-size: 12px; }
.idx_box05_list li a:hover .idx_box05_list_txt { text-decoration: underline; }

.read_btn { font-size: 14px; color: #fff; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn a { color: #fff; font-size: 16px; font-weight: bold; display: block; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.read_btn2 { font-size: 14px; color: #003772; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn2 a { color: #003772; font-size: 16px; font-weight: bold; display: block; }
.read_btn2 a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #003772; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn2 a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


#idx_box0405 { margin-bottom: 100px; }



/*-------idx_box06-------------*/
#idx_box06 { margin: 0 auto 100px; }
.idx_box06_img { width: 100%; margin: 0 auto 50px; position: relative; }
.idx_box06_img::before { position: absolute; content: ""; display: block; width: 200%; background: rgba(0,55,114,0.1); height: 200px; left: -80%; bottom: -50px; right: 50px; z-index: -1;}

.recruit_box { width: 100%; margin: 0 auto;  border: 15px solid #eee; padding: 30px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.recruit_img { width: 100%; margin: 0 auto 15px; }
.recruit_img img { width: 100%; height: auto; }
.recruit_txtbox { width: 100%; }
.recruit_tit { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.recruit_subtit { font-size: 16px; font-weight: bold; color: #003772; margin-bottom: 10px; }
.recruit_txt { font-size: 14px; }


/*-------idx_box07-------------*/
#idx_box07 { margin: 0 auto 100px; }
.topics { width: 100%; margin: 0 auto; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 10px; }
.topics dl:nth-child(2n+2) { background: #f3f3f3; padding: 10px; }
.topics dl dt { float: left; width: 30%; }
.topics dl dd { float: right; width: 65%; }
.topics dl dd a { color:#D0121B;}






/*------------topick-----------*/


.scroll-box {
width:98%;
overflow: auto;
-webkit-overflow-scrolling: touch;  /* 髫ｲ・ｷ繝ｻ・｣髫ｲ・､繝ｻ・ｧ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｯ驛｢譎｢・ｽ・ｭ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ */
padding: 1%;
height: 200px;
}

.scroll-box::-webkit-scrollbar {
height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}


.com_list {
width: 100%;
margin: 0 auto;
}

.com_list li {
width: 100%;
margin-bottom: 30px;
}

.com_list li:nth-child(2n+2) {
margin-right: 0px;
}

.l-card {
transition: 0.5s;
overflow: hidden;
width: 96%;
padding: 0;
margin: 24px auto;
background: #fff;
background: #fff;
box-shadow: 6px 6px rgba(0, 0, 0, 0.2);
}

.l-card:hover{
transform: translate(5px,5px);
box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.l-card:hover .thumbnail-wrapper::after {
 opacity: 1;
 width: 800px;
 height: 800px;
 border-width: 40px;
}

.l-card .thumbnail-wrapper img {
width: 100%;
height: auto;
}

.l-card:hover .thumbnail-wrapper img {
transform: scale(1.1);
}

.l-card:hover .more-text {
 opacity: 1;
 letter-spacing: 8px;
}

.l-thumbnail {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}

.l-thumbnail .more-text {
transition: 0.5s;
z-index: 2;
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
display: block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}

.thumbnail-wrapper {
display: block;
margin: 0;
padding: 0;
}

.thumbnail-wrapper::after {
transition: opacity 0.3s, width 0.8s 0.1s, height 0.8s 0.1s, border-width 0.4s 0.1s;
content: "";
box-sizing: content-box;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0px;
height: 0px;
border-radius: 50%;
border: 0px solid  #993333;
background:rgba(204, 76, 47, 0.7);
opacity: 0;
}

.thumbnail-wrapper img {
transition: 0.5s;
display: block;
max-width: 100%;
}

.text-content {
padding: 16px;
}

.text-content .title {
margin: 0 0 12px 0;
font-size: 16px;
font-weight: bold;
}

.text-content .caption {
margin: 0 0 12px 0;
font-size: 14px;
color: #555;
font-weight: lighter;
}

.content-meta {
overflow: hidden;
width: 100%;
font-size: 12px;
text-align: right;
}

.content-meta .date {
text-align: right;
color: #aaa;
}

a:hover .content-meta .date {
color: #993333;
}


.recruit_box { width: 100%; margin: 0 auto; }
.recruit_imgbox { width: 60%; margin: 0 auto; float: left; }
.recruit_img { width: 100%; margin: 0 auto; }
.recruit_img img { width: 100%; height: auto; }
.idx_txtbox_c { color: #fff; width: 80%;  padding: 0; box-sizing: border-box;  position: absolute; top: 20px; left: 0; right: 0; margin: auto; z-index: 100; text-align: center; }
.recruit_bg h3 { font-size:16px; margin-bottom:10px;  color:#FFF; text-align:center;}
.recruit_bg { width: 100%; background: url(../../images/index/bg_img.jpg) center center no-repeat; background-size: cover; min-height: 160px; position: relative; z-index: 0;}
/*.recruit_bg::before { content: ""; position: absolute; width: 100%; display: block; height: 460px; top: 0; left: 0; background: rgba(35,59,108,0.5); z-index: 10; }*/
.rec_btn a { color:#FFF;} 
.rec_txt { color:#FFF; margin:0 0 20px;}
.lastbox { width: 100%; margin: 0 auto; }

}