@charset "UTF-8";body{background:url("../img/bg.jpg") repeat;letter-spacing:0.1em}a.btn_wrap{background:#fff;width:300px;text-align:center;padding:1rem;margin:auto;color:#2c2d34;display:block;-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing:0.2em;position:relative}a.btn_wrap:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow.png);background-size:contain;vertical-align:middle;width:7px;height:13px}a.btn_wrap:hover{color:#fff;background:#2c2d34;-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 0 rgba(0, 0, 0, 0.2);text-decoration:none}a.btn_wrap:hover:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow_white.png);background-size:contain;vertical-align:middle;width:7px;height:13px}header{padding-top:2rem;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}header .header_inner{border-bottom:1px #ccc solid;padding-bottom:3rem}header .header_inner .logo{width:100px;margin:auto}header .header_inner .logo a:hover{opacity:.8}header .gnav_wrap{height:80px}header .gnav_wrap ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;height:100%}header .gnav_wrap ul li{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1 1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .gnav_wrap ul li:after{content:"";display:block;width:1px;height:30px;background-color:#b8b9dc;position:absolute;right:-1px;top:calc((100% - 30px)/2)}header .gnav_wrap ul li:last-child:after{content:none}header .gnav_wrap ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 20px;color:#2c2d34;font-size:.9rem}header .gnav_wrap ul li a:hover{opacity:.8}header .main_bg{position:relative;padding:2rem 0}header .main_bg .title{position:absolute;left:0;right:0;width:400px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto;text-align:center}@media screen and (max-width:991.98px){header .main_bg .title{width:200px}}.swiper-parent{position:relative}.swiper_mv{width:100%;padding-bottom:50px;-webkit-box-sizing:content-box;box-sizing:content-box}.logo_sp{display:none}@media (min-width:991.99px){nav.header-nav{display:none}}@media (max-width:991.98px){body,html{overflow-x:hidden}nav.header-nav{background:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}nav.header-nav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28000, 000, 000, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.open2{z-index:10000}.open2 .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}.offcanvas-collapse{position:fixed;top:0;bottom:0;left:100%;width:100%;padding-right:1rem;padding-left:1rem;overflow-y:auto;background-color:#343a40;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left, visibility;-o-transition-property:left, visibility;transition-property:left, visibility}.offcanvas-collapse ul{padding-top:3rem}.offcanvas-collapse ul li{border-bottom:1px solid #000;padding:1rem}.offcanvas-collapse ul li a{color:#fff}.offcanvas-collapse.open{left:0;visibility:visible}.logo_sp{padding-bottom:2rem;display:block}.logo_sp a{display:block;width:80px;margin:auto}}h2.title{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1rem;margin-top:3rem;font-size:1.5rem;text-align:center;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}h2.title span{font-size:1rem;display:block;padding-top:.5rem}@media screen and (max-width:991.98px){h2.title{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1rem;margin-top:3rem;font-size:1.3rem;text-align:center;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}h2.title span{font-size:.9rem;display:block;padding-top:.5rem;margin-left:0}}.area_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:991.98px){.area_inner{display:block}}.area_inner .colse_img{width:30px;margin-top:60px}@media screen and (max-width:991.98px){.area_inner .colse_img{margin:auto}}.dropdown{display:inline-block;margin:3em;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}@media screen and (max-width:991.98px){.dropdown{width:100%;margin:2rem 0!important}}#tg,#tg02{display:none}.menu{position:relative;display:none;opacity:0;top:-10px;list-style:none;padding-left:0;margin-bottom:0}.dropInput:checked~.menu{display:block;opacity:1;top:0;padding-left:0;margin-bottom:0}.dropLabel{background:#fff;width:350px;text-align:center;padding:1rem;margin:auto;color:#2c2d34;display:block;-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing:0.2em;position:relative}@media screen and (max-width:991.98px){.dropLabel{width:100%}}.dropLabel:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow02.png);background-size:contain;vertical-align:middle;width:14px;height:8px}.dropLabel:hover{color:#2c2d34;-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 0 rgba(0, 0, 0, 0.2);text-decoration:none}.item{padding:1em 1.5em;display:block;background-color:#fff;text-align:center;position:relative;color:#333;text-decoration:none}.item:hover{background-color:#2c2d34;color:#fff}.dropInput:checked+label,.dropLabel:hover{color:#fff;background:#2c2d34;-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 0 rgba(0, 0, 0, 0.2);text-decoration:none;cursor:pointer}.dropInput:checked+label:after,.dropLabel:hover:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow02_white.png);background-size:contain;vertical-align:middle;width:14px;height:8px}.animation{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.swiper-container .inner h3{font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important;margin-bottom:3rem;position:relative}@media (max-width:991.98px){.swiper-container .inner h3{font-size:1.3rem}}.swiper-container .inner h3:before{content:'';position:absolute;bottom:-15px;display:inline-block;width:40px;height:1px;left:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:black;border-radius:2px}.swiper-container .inner p{font-size:.8rem;line-height:1.5rem}.swiper-container .inner a.btn_wrap{background:#fff;width:350px;text-align:center;padding:1rem;margin:0;color:#2c2d34;display:block;-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing:0.2em;position:relative;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}@media (max-width:991.98px){.swiper-container .inner a.btn_wrap{font-size:.8rem;width:100%}}.swiper-container .inner a.btn_wrap:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow.png);background-size:contain;vertical-align:middle;width:7px;height:13px}.swiper-container .inner a.btn_wrap:hover{color:#fff;background:#2c2d34;-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 0 rgba(0, 0, 0, 0.2);text-decoration:none}.swiper-container .inner a.btn_wrap:hover:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:1em;content:"";background-image:url(../img/arrow_white.png);background-size:contain;vertical-align:middle;width:7px;height:13px}.swiper-parent{position:relative}.swiper-container{width:calc(100% - 100px);padding-bottom:50px;-webkit-box-sizing:content-box;box-sizing:content-box}@media (max-width:991.98px){.swiper-container{width:calc(100% - 60px)}}.swiper-button-next,.swiper-button-prev{top:calc((100% - 50px) * 0.5);margin-top:-22px}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.5rem!important}.swiper-button-next{right:-10px!important}.swiper-button-prev{left:-10px!important}.swiper-container-thumbs{padding-top:3rem!important}@media screen and (max-width:991.98px){.swiper-container-thumbs{display:none}}.swiper-container-thumbs .swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swiper-container-thumbs .swiper-wrapper .swiper-slide:hover{cursor:pointer;opacity:.8}.swiper-container-thumbs .swiper-wrapper .swiper-slide p{text-align:center;padding-top:.5rem;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}.swiper-container-thumbs .swiper-wrapper .swiper-slide p span{position:relative}.swiper-container-thumbs .swiper-wrapper .swiper-slide p span:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-20px;content:"";background-image:url(../img/arrow03.png);background-size:contain;vertical-align:middle;width:15px;height:15px}.swiper-container-thumbs .swiper-wrapper .swiper-slide:nth-child(2){margin:0 2rem}.swiper-slide-thumb-active img{-webkit-transition:-webkit-filter 0.3s ease;transition:-webkit-filter 0.3s ease;-o-transition:filter 0.3s ease;transition:filter 0.3s ease;transition:filter 0.3s ease, -webkit-filter 0.3s ease;-webkit-filter:brightness(0.5);filter:brightness(0.5)}.occupation_inner{position:relative}.occupation_inner img{-webkit-transition:-webkit-filter 0.3s ease;transition:-webkit-filter 0.3s ease;-o-transition:filter 0.3s ease;transition:filter 0.3s ease;transition:filter 0.3s ease, -webkit-filter 0.3s ease;-webkit-filter:brightness(0.5);filter:brightness(0.5)}.occupation_inner:hover img{-webkit-filter:brightness(1);filter:brightness(1)}.occupation_inner p{position:absolute;left:0;right:0;width:80%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto;text-align:center;font-size:.9rem;color:#fff;text-shadow:#3d3d3d 1px 1px 5px, #3d3d3d -1px 1px54px,#3d3d3d 1px -1px54px, #3d3d3d -1px -1p5 4px}.occupation_inner p span{display:block}.occupation_inner a:before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}.status_wrap div img{-webkit-transition:-webkit-filter 0.3s ease;transition:-webkit-filter 0.3s ease;-o-transition:filter 0.3s ease;transition:filter 0.3s ease;transition:filter 0.3s ease, -webkit-filter 0.3s ease;-webkit-filter:brightness(1);filter:brightness(1)}.status_wrap div:hover img{-webkit-filter:brightness(0.7);filter:brightness(0.7)}.interview_wrap{padding:4rem 0 5rem}.interview_wrap figure figcaption{font-size:.8rem;padding:1rem 0;border-bottom:1px solid #ccc;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}.interview_wrap figure figcaption span{font-size:1.3rem;display:block}.interview_wrap .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideDown{0%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.interview_wrap .slide-down{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}.interview_wrap .slide-up{-webkit-animation-name:slideUp;animation-name:slideUp}.interview_wrap .content-wrap{height:150px;overflow:hidden;position:relative;margin:0}.interview_wrap .content-wrap p{font-size:.9rem;line-height:1.5rem}.interview_wrap .close-btn,.interview_wrap .more-btn{display:block;width:100%;padding:80px 0 0;position:absolute;bottom:0;left:0;text-align:center;background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, white));background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 60%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 )}.interview_wrap .close-btn{background:none}.interview_wrap .slide-up{height:150px;padding-bottom:0;overflow:hidden}.interview_wrap .slide-down{height:auto;overflow:visible;padding-bottom:50px}.interview_wrap .more-btn p{display:inline-block;color:#fff;cursor:pointer;background:rgba(0, 0, 0, 0.7);padding:10px 20px;width:80%;border-radius:10px}.interview_wrap .close-btn{padding:0}.interview_wrap .close-btn p{background:#aaa}.message_wrap{background:url("../img/message_bg.png") no-repeat;background-size:contain;background-position:center;padding-bottom:5rem}.message_wrap .message_inner{padding:3rem 0}.message_wrap .message_inner p{text-align:center}.message_wrap .message_inner .title{font-size:2rem;margin-bottom:2rem;font-family:"游明朝", "HG明朝E", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif!important}@media screen and (max-width:991.98px){.message_wrap .message_inner .title{font-size:1.5rem}}.message_wrap .message_inner .text{line-height:2rem;color:#555555}@media screen and (max-width:991.98px){.message_wrap .message_inner .text{font-size:.9rem}}footer .footer_wrap{border-top:1px solid #ccc;padding-top:3rem;padding-bottom:1rem}footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:991.98px){footer ul{display:block}}footer ul li{list-style:none;padding-right:2rem;margin-right:3rem;border-right:1px solid #ccc}footer ul li:last-child{border-right:none;padding-right:0;margin-right:0}footer ul li a{position:relative;color:#2c2d34}footer ul li a:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-1rem;content:"";background-image:url(../img/arrow04.png);background-size:contain;vertical-align:middle;width:10px;height:10px}footer .copyright{margin:auto;padding-top:1.5rem;width:250px}



.slider-thumbnail .swiper-slide .img {
  position: relative;
}
.slider-thumbnail .swiper-slide .img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #212529;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider-thumbnail .selected .img::after {
  opacity: .6;
}

/* IEの不具合修正 */
@media all and (-ms-high-contrast: none) {
  body {
    overflow-x: hidden;
  }
  .occupation_inner p {
    z-index: 2;
    pointer-events: none;
  }
  .occupation_inner a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #212529;
    opacity: .6;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .occupation_inner a:hover {
    opacity: 0;
  }

  .status_wrap div a {
    position: relative;
    display: block;
  }
  .status_wrap div a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #212529;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 2;
  }
  .status_wrap div a:hover::after {
    opacity: .4;
  }
}