/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic-child
*/
@charset "utf-8";

body{font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",'ヒラギノ角ゴシック',"游ゴシック", "Yu Gothic", YuGothic,'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; font-size: 16px; color: black;}

img{width: 100%;}
.future{font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.container.vsi{max-width: 1000px;}

/*ヘッダー*/
header span a{display: block; padding: 20px; font-size: 18px; font-weight: bold; color: #4fb1ed; transition: all .3s ease-out;}
header span a:hover{text-decoration: none; opacity: 0.6;}
header{width: 100%; position: fixed; transition: 0.4s; z-index: 3;}
.nav{padding: 15px 15px 15px; margin: 5px 15px 0px 0px; font-size: 15px; font-weight: 600; color: white;}
.h100{height: 100%;}
.head-item a img{height: 45px; margin: 15px; width: 176px;}
.head-item a{transition: all .3s ease-out;}
.head-item a:hover{text-decoration: none; opacity: 0.6;}
.h-fix{background-color: #fbc114;}


/* オフキャンバス */
    /*offcanvas*/
    .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important; margin-right: 15px;}
    .offcanvas-toggle .icon-bar{background: white;}
    .icon-bar{display:block; width:30px; height:3px; border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:5px}
    .offcanvas-toggle.is-open .icon-bar{background: white;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color:rgba(251, 193, 20, 0.9);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

    .sm-nav-box ul{margin-top: 30px;}
    .sm-nav-box li{position: relative;}
    .sm-nav-box li a{display: block; padding: 15px; font-weight: 600; font-size: 14px; color: white;}
    .sm-nav-box .poz{position: absolute; top: 40%; right: 5%; color: white;}

/*トップ*/
.breadcrumbs{padding: 4px 0 5px; background-color: #fef8ec;}
.breadcrumbs span a span,.breadcrumbs span span{font-size: 13px;}
.h100{height: 100%;}
.mission-box{background-color: #fbc114; padding: 100px 0 150px; color: white;}
.catch-title{font-size: 60px; margin-bottom: 40px; line-height: 1.3; font-weight: bold;}
.catch-con{font-size: 20px; line-height: 1.6;}
.wrp-news-box{padding: 40px 0; background: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 50%, white 50%, white 100%);}
.news-box{background-color: #fef8ec; padding: 50px 0 80px;}
.news-item{width: 31%; margin: 0 1% 20px;}
.wrp-news-box .news-item{width: 23%;}
.news-item .n-img img{height: auto;}
.news-item a{transition: 0.5s;}
.news-item a:hover{opacity: 0.6; text-decoration: none;}
.news-content a{color: black; transition: 0.5s;}
.n-date .day{font-size: 14px;}
.news-tit{margin-bottom: 50px;}
.news-tit span{display: block; text-align: center;}
.news-tit span:nth-child(1){font-size: 39px; font-weight: bold;}
.news-tit span:nth-child(2){font-size: 24px; font-weight: bold;}
.news-con{margin-bottom: 50px;}
.wrp-box{padding: 40px 0; background: linear-gradient(90deg, white 0%, white 50%, #f8f8f8 50%, #f8f8f8 100%);}
.wrp-box2{padding: 40px 0; background: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 50%, white 50%, white 100%);}
.wrp-box2 .wrp-top-box{width: 620px;}
.wrp-top-box{padding: 50px 0 80px;}
.se-bg{background-image: url(assets/images/se_bg.png); background-size: 70%; background-repeat: no-repeat; background-position: left;}
.rec-bg{background-image: url(assets/images/rec_bg.png); background-size: 70%; background-repeat: no-repeat; background-position: right;}
.mis-bg{background-image: url(assets/images/mis_bg.png); background-size: 70%; background-repeat: no-repeat; background-position: right;}
.top-h1 span{display: block;}
.top-h1 span:nth-child(1){font-size: 130px; letter-spacing: 5px; font-weight: bold; line-height: 1.4;}
.top-h1 span:nth-child(2){font-size: 40px; font-weight: 600; margin-bottom: 40px; margin-left: 15px;}
.wrp-top-con{width: 445px; padding: 30px; background-color: rgba(255, 255, 255, 0.7); font-weight: bold; letter-spacing: 0.3em; margin-left: 25px;}
.wrp-box2 .top-h1 span:nth-child(2){text-align: right; margin-right: 30px;}
.wrp-box2 .wrp-top-con{margin-left: 110px;}
.top-con{margin-bottom: 30px;}
.top-btn-box{text-align: center;}

/* 固定ページ */
.sub-kv-box{height: 380px;}
.kv_tit{margin-top: 15px;}
.wrp-about .bg-ca{background-image: url(assets/images/about_kv.png); background-size: cover;}
.wrp-mis .bg-ca{background-image: url(assets/images/miss_kv.png); background-size: cover;}
.wrp-service .bg-ca{background-image: url(assets/images/service_kv.png); background-size: cover;}
.wrp-contact .bg-ca{background-image: url(assets/images/con_kv.png); background-size: cover;}
.wrp-recruit .bg-ca{background-image: url(assets/images/rec_kv.png); background-size: cover;}
.wrp-privacy .bg-ca{background-image: url(assets/images/pri_kv.png); background-size: cover;}
.wrp-trade .bg-ca{background-image: url(assets/images/tra_kv.png); background-size: cover;}
.bg-news{background-image: url(assets/images/news_kv.png); background-size: cover;}
.kv_tit span{display: block; color: white;}
.kv_tit span:nth-child(1){font-size: 57px; font-weight: bold; letter-spacing: 1.5px;}
.kv_tit span:nth-child(2){font-size: 24px;}
.fix-box{padding: 40px 0 80px;}
.fix-box .fix-tit{padding: 60px 0; font-family: OpenSans-Light,sans-serif; color: #999; font-size: 36px; margin-bottom: 30px;}
.about-box,.history-box{margin-bottom: 50px;}
.wrp-about-item{width: 47%;}
.about-item{border-bottom: solid 1px #ccc; padding: 20px 0;}
.about-item span{display: block;}
.about-item span:nth-child(1){width: 25%; font-weight: bold;}
.about-item span:nth-child(2){width: 75%;}
.his-item{border-bottom: solid 1px #ccc; padding: 20px 0;}
.his-item span{display: block;}
.his-item span:nth-child(1){width: 20%; font-weight: bold;}
.his-item span:nth-child(2){width: 80%;}
.fix-box .fix-tit{padding: 20px 0; margin-bottom: 10px;}
.si.breadcrumbs{background-color: white;}
.si-bg{background-color: #fef8ec;}
.single-box{padding: 80px 50px; background-color: white; position: relative; z-index: 1; margin-bottom: 30px;}
.single-box::before{content: ''; position: absolute; top: 0; left: 0; border-style: solid; border-width: 45px 190px 0 0; border-color: #fbc114 transparent transparent transparent;}
.single-box .sing-tit{border-bottom: solid 1px #e9e9e9; padding-bottom: 15px; margin-bottom: 20px;}
.single-box .sing-tit span{display: block;}
.single-box .sing-tit span:nth-child(1){font-size: 14px; margin-bottom: 10px;}
.single-box .sing-tit span:nth-child(2){font-size: 21px;}
.sing-img,.sing-con{width: 48%;}
.single-box .sing-img img{height: auto;}
.wrp-mis-item{margin-bottom: 50px; padding-bottom: 25px; border-bottom: solid 1px #eee;}
.wrp-mis-item .fix-tit{padding: 20px 0 0; margin-bottom: 30px;}
.mis-tit{font-size: 21px; margin-bottom: 20px;}
.mis-des{color: #888;}
.val-item{margin-bottom: 20px;}
.value-ex{background-color: #eee; padding: 10px; color: #888; margin-bottom: 25px; text-align: center;}
.val-num{width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background-color: #666; color: white;}
.val-con{width: 95%; color: #888;}
.wrp-se-bg{background-color: #f7f7f4;}
.wrp-se-item1,.wrp-se-item3{width: 64%;}
.wrp-se-item2{width: 34%;}
.se-item{margin-bottom: 17px;}
.se-con{background-color: white; padding: 50px 30px 60px;}
.se-tit{position: relative; font-size: 21px; font-weight: 700; margin-bottom: 40px; padding-bottom: 20px;}
.se-tit::before{content: ''; position: absolute; width: 50px; border-bottom: solid 1px black; bottom: 0; left: 0;}
.se-tex{margin-bottom: 50px; min-height: 170px; line-height: 1.7;}
.f-aj{font-size: 14px;}
.wrp-se-item3 .se-img{display: block; width: 49%;}
.wrp-se-item3 .se-con{width: 51%; padding: 30px}
.wrp-se-item3 .se-tex{min-height: 130px; margin-bottom: 20px;}
.wrp-for-se,.fix-tit-toi,.toi-chui{max-width: 850px; margin: 0 auto;}
.fix-tit-toi,.toi-chui{max-width: 800px; margin: 0 auto;}
.wrp-for-se p{margin: 0 !important;}
.form-name{width: 30%;}
.form-name span{display: inline-block;}
.hissu{background-color: red; color: white; padding: 2px 10px 1px; margin-left: 5px; font-size: 12px;}
.form-con{width: 70%;}
.form-con .form-control{border: 1px solid #ccc;}
.doui-box{text-align: center; margin-top: 10px;}
.fo-btn-box{text-align: center; margin-top: 50px;}
.fo-btn-box input{transition: 0.5s; border: none; background-color: orange; color: white; padding: 15px 60px; font-size: 18px;}
.wrp-contact .fix-tit,.wrp-recruit .fix-tit{text-align: center;}
.wrp-recruit .fix-tit{margin-bottom: 35px;}
.fo-btn-box input:hover{opacity: 0.6;}
.fix-tit-toi{text-align: center; font-size: 20px; font-weight: 700; margin-bottom: 30px;}
.fix-tit-rec{text-align: center; max-width: 800px; margin: 0 auto; font-size: 20px; font-weight: 700; margin-bottom: 30px;}
.toi-chui{font-size: 13px; color: #888; line-height: 1.7; padding: 0 0 20px; border-bottom: solid 1px #eee; margin-bottom: 50px;}
.toi-chui a{color: black;}
.wrp-req{margin-bottom: 30px;}
.req-item{padding: 15px 20px; border-bottom: solid 1.5px white; max-width: 700px; margin: 0 auto;}
.req-item .req-name{ width: 30%;}
.rec-item{width: 50%;}
.rec-item2{width: 45%;}
.rec-title{margin-bottom: 40px; color: black;}
.rec-title span{display: block; color: black;}
.top-h3{font-size: 30px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1.5px; font-family:Book Antiqua;}
.top-t-sub{font-size: 14px; color: #a3a3a3;}
.wrp-s-req{background-color: #f4f4f4; padding: 60px 0}
.w-f-s-p{padding: 60px 0;}
.law-title-box{margin-bottom: 50px;}
.law-title-box span{display: block;}
.law-title{font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.law-h2{font-size: 24px; font-weight: 600; border-left: solid 5px #fbc114; padding-left: 10px;}
.law-text-box{padding-bottom: 30px;}
.law-text-box ol li{list-style: decimal; margin-bottom: 20px;}
.law-text-box span{display: block;}
.ltb-sp ol li ol li ol li{list-style: disc;}
.law-tr-term{width: 35%; font-weight: 600;}
.law-tr-txt{width: 65%;}
.law-box2{text-align: right;}
.law-flex-box{display: flex; width: 70%; margin: 0 auto; border-bottom: solid 1px #a8a8a8; padding: 15px 0;}
.law-flex-box span{display: block;}

/*ボタン*/
.h-btn{border: solid 1px white; color: white; padding: 15px 70px; transition: 0.5s; display: inline-block;}
.h-btn:hover{background: white; color: orange; text-decoration: none;}
.head-btn{margin-top: 8px; padding: 10px 40px; background: -webkit-gradient(linear, left top, right top, from(#2af598), to(#009efd)); background: -webkit-linear-gradient(left, #2af598 0%, #009efd 100%); background: linear-gradient(90deg, #2af598 0%, #009efd 100%);}
.top-btn{border: solid 2px #333; background-color: white; transition: 0.4s; font-weight: bold; letter-spacing: 1.2px; padding: 10px 0; width: 90%; border-radius: .2em;}
.top-btn:hover{color: white !important; background-color: #333;}
.news-box .top-btn{width: 25%;}
.si-btn-box{text-align: center;}
.si-btn-box .top-btn{width: 20%;}
.se-btn-box{text-align: center;}
.se-btn-box .top-btn{width: 250px;}

/*フッター*/
.site-footer{padding: 0; background-color: none; border: none;}
.foot-box{padding-top: 80px; background-color: #f2f2f2;}
.ad-nav{margin: 0px 20px; color: black; font-size: 15px;}
.f-nav{color: orange; padding: 10px 20px; margin-top: 20px; display: block; font-size: 16px; font-weight: bold;}
.foot-item{margin: 0px 20px;}
.foot-copy{background-color: orange; text-align: center; padding: 10px 0px 15px; color: white;}

/* アド */
.pad-block{display: none;}
.height100{height: 100%;}
.t-center{text-align: center;}

/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
  }
  
  /*------PC2------*/
  @media only screen and (max-width: 1440px) {

  }
  

/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
  .pad-block{display: block;}
  .pad-ika-hidden{display: none;}
  .mission-box{padding: 40px 0 60px;}
  .catch-title{font-size: 40px; margin-bottom: 30px;}
  .catch-con{font-size: 16px;}
  .wrp-news-box,.wrp-box2,.wrp-box{padding: 30px 0;}
  .news-box{padding: 20px 0 50px;}
  .news-tit{margin-bottom: 30px;}
  .news-con{margin-bottom: 40px;}
  .top-h1 span:nth-child(1){font-size: 80px;}
  .top-h1 span:nth-child(2){font-size: 30px;}
  .mis-bg,.se-bg,.rec-bg{background-size: 100%; height: 560px;}
  .wrp-box2 .top-h1 span:nth-child(1){text-align: right;}
  .wrp-box2 .wrp-top-con{margin-left: 130px;}
  .foot-item{margin-bottom: 30px;}
  .ad-nav{margin-bottom: 10px; display: block;}
  .wrp-toggle ul,.wrp-toggle ul .head-btn{margin-top: 0px;}
  .wrp-toggle li .head-btn{padding: 12px 25px;}
  .about-item span:nth-child(1){width: 100%; margin-bottom: 10px;}
  .about-item span:nth-child(2){width: 100%;}
  .his-item span:nth-child(1){width: 17%;}
  .his-item span:nth-child(2){width: 83%;}
  .si-btn-box .top-btn{width: 25%;}
  .wrp-se-item1,.wrp-se-item3{width: 100%;}
  .wrp-se-item2{width: 48.5%;}
  .se-tex.se_top{min-height: 110px;}
  .rec-title{margin-bottom: 20px;}
  .val-con{width: 92%;}
  .law-flex-box{width: 80%;}
  .m-toggle{margin-right: 10px;}
  .wrp-news-box .news-item{width: 48.5%; margin-bottom: 30px;}
  }
  
  /*---PAD---*/
  @media only screen and (max-width: 880px) {
    .f-nav{padding: 10px 15px;}
  }
  
  /*---Sm---*/
  @media only screen and (max-width: 767px) {
    .top-h1 span:nth-child(1) {font-size: 50px;}
    .top-h1 span:nth-child(2) {font-size: 20px;}
    .wrp-top-con{width: 100%; margin-left: 0; padding: 20px;}
    .wrp-box2 .wrp-top-con{margin-left: 0;}
    .foot-item li{width: 48%;}
    .wrp-toggle li .head-btn{padding: 10px 15px; margin-right: 10px;}
    .head-item a img{height: 35px; width: 120px;}
    .catch-title{font-size: 25px;}
    .news-item{width: 49%; margin: 0 0.5% 30px;}
    .news-box .top-btn{width: 60%;}
    .news-con{margin-bottom: 15px;}
    .news-tit span:nth-child(2){font-size: 21px; margin-bottom: 60px;}
    .mis-bg, .se-bg, .rec-bg{height: 545px;}
    .mis-bg{background-image: url(assets/images/mis_bg_sm.png);}
    .rec-bg{background-image: url(assets/images/rec_bg_sm.png);}
    .se-bg{background-image: url(assets/images/se_bg_sm.png);}
    .ad-nav{font-size: 12px;}
    .kv_tit span:nth-child(1){font-size: 45px;}
    .kv_tit span:nth-child(2){font-size: 18px;}
    .fix-box .fix-tit{font-size: 27px; padding: 10px 0; margin-bottom: 5px;}
    .fix-box {padding: 40px 0 50px;}
    .wrp-about-item{width: 100%;}
    .his-item span:nth-child(1){width: 100%; margin-bottom: 10px;}
    .his-item span:nth-child(2){width: 100%;}
    .single-box{padding: 60px 15px 30px;}
    .single-box .sing-tit{padding-bottom: 10px;}
    .single-box .sing-tit span:nth-child(1){font-size: 12px; margin-bottom: 5px;}
    .single-box .sing-tit span:nth-child(2){font-size: 18px;}
    .sing-img, .sing-con {width: 100%; margin-bottom: 15px;}
    .si-btn-box .top-btn{width: 50%;}
    .value-ex{text-align: left; font-size: 15px;}
    .val-item{align-items: normal;}
    .val-con{width: 86%; font-size: 15px; line-height: 1.5;}
    .mis-des{font-size: 15px; line-height: 1.5;}
    .val-num{margin-top: 5px;}
    .wrp-se-item2{width: 100%;}
    .wrp-se-item3 .se-img,.wrp-se-item3 .se-con{width: 100%;}
    .se-con{padding: 30px 15px;}
    .se-tex,.se-tit{margin-bottom: 25px;}
    .se-tit{padding-bottom: 15px; font-size: 18px;}
    .se-tex.se_top{font-size: 14px;}
    .fix-tit-toi{text-align: left; font-size: 18px;}
    .toi-chui{margin-bottom: 30px;}
    .form-name{width: 100%; margin-bottom: 10px;}
    .form-con{width: 100%;}
    .hissu{padding: 1px 10px 2px;}
    .wrp-recruit .fix-tit{margin-bottom: 20px;}
    .rec-item{width: 100%; margin-bottom: 10px;}
    .rec-item2{width: 100%;}
    .top-h3{font-size: 27px; letter-spacing: 1px;}
    .req-con{width: 70%;}
    .wrp-s-req,.w-f-s-p{padding: 50px 0;}
    .law-title{font-size: 27px;}
    .law-h2{font-size: 18px;}
    .law-title-box{margin-bottom: 30px;}
    .law-title-box .mb30{margin-bottom: 20px !important;}
    .law-text-box .law-h2{margin-bottom: 20px !important;}
    ol{padding-left: 15px;}
    .wrp-privacy .kv_tit span:nth-child(1) {font-size: 35px;}
    .law-flex-box{width: 90%;}
    .news-content a{font-size: 14px;}
  }
  
  /*---Sm small---*/
  @media only screen and (max-width: 350px) {
  
  
  }