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

@media screen and (max-width: 1100px) {
  
  .header__nav h1{
    width: 20%;
  }
  nav > ul > li > *{
    padding-left: 18px;
    padding-right: 18px;
  }
  #key h2{
    font-size: 6.5rem;
  }

  h3{
    font-size: 4rem;
  }
  .future-cmnt .intitle{
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 850px) {
  .header__nav nav{
    font-size: .92em;
  }
  .under nav > ul > li > *{
    padding-left: 10px;
    padding-right: 10px;
  }
  .foot-nav li > p, .foot-nav li > a{
    padding-left: 1em;
    padding-right: 1em;
    font-size: .92em;
  }
}
/*TABLET*/
@media screen and (max-width: 768px) {
  body{font-size: 14px;font-size: 1.4rem; word-wrap:break-word;}
  .sp_br{ display: inherit;}
	.pc_br{ display: none;}

    /*ヘッダー*/
  
  .header,
  .header__nav
  ,.header.is-show.no-fixed{
   background: rgba(255,255,255,0); 
  }
  .header.is-show{
    background: rgba(255,255,255,0); 
  }
  .header__nav{
    height: 70px;
    padding: 0 3rem;
  }
  .head-nav
  ,.header__nav .btn-wrap
  ,.header__nav nav{
    display: none;
  }

  .header-hum{
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 8px;
    right: 0;
    z-index: 9999;
    background: rgba(255,255,255,.85);
  }
	#sp-menu{
	display: inherit;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 8px;
    right: 0;
    z-index: 9999;
    background: rgba(255,255,255,.85);
  }
  #sp-menu button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    background: #000;
    width: 32px;
    height: 2px;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
  }
  #sp-menu button::before
  ,#sp-menu button::after{
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    background: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  #sp-menu button::before{
    top: -10px;
  }
  #sp-menu button::after{
    top: 10px;
  }
  #sp-menu.open button{
    height: 0;
  }
  #sp-menu.open button::before{
    top: 0;
    transform: rotate(45deg);
  }
  #sp-menu.open button::after{
    top: 0;
    transform: rotate(-45deg);
  }
  .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  #sp-menu-block{
    display: none;
    width: 55vw;
    height: 100vh;
    position: fixed;
    right: -100%;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 999;
    background: url("../imgs/logo-top.svg") no-repeat rgba(255,255,255,1) 20px 25px/35%;
    padding: 80px 0 120px;
    overflow-y: scroll;
  }
  #sp-menu-block.slide{
    right: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  #sp-menu-block #g-nav{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  #g-nav li{
    border-bottom: 1px solid #e9e9e9;
  }
  #g-nav li:nth-child(7){
    margin-top: 20px;
  }
  #g-nav li a
  ,#g-nav li > p{
    display: block;
    padding: 1rem 20px;
  }
  #g-nav li a::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid #666768;
    border-color: #666768 #666768 transparent transparent;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) rotate(45deg);
  }
  #g-nav li a span::before{
    content: "";
    width: 1.4em;
    height: 1px;
    background: #666768;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1.52rem;}
	#g-nav li.sp-menu-parent{
		border: none;
	}
	#g-nav li.sp-menu-parent a{
		pointer-events: none;
	}
	#g-nav li.sp-menu-parent a::after{
		content: none;
	}
	#g-nav ul.sp-menu-child li{
		border: none;
		font-size: .9em;
		padding: 0 0 0 10px;
	}
	#g-nav ul.sp-menu-child li:last-child{
		padding-bottom: 1rem;
	}
  #g-nav ul.sp-menu-child li a{
    padding-left: 30px;
  }
  .sp-nav-btn{
    justify-content: center;
    margin-top: 30px;
  }
  .sp-nav-btn a.form{
    width: 90%;
    max-width: 280px;

    border: 2px solid #be0b32;
    color: #000;
    font-size: 1.125em;
    font-weight: 900;
    padding:.5em .5em .5em 10%;
    border-radius: 6px;
  }
  .sp-nav-btn a.form span{
    display: block;
    font-size: .85em;
    margin-bottom: 5px;
    color: #235b95;
  }
  .sp_nav_bg{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    -webkit-transition: all .3s;
    -o-transition:  all .3s;
    transition:  all .3s;
	  z-index: 100;
  }
  .sp_nav_bg.openbk{
    left: 0;
    z-index: 100;
  }
  
  /*KEY
  ======================*/
  .hero-btn-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:min(30px,5vw);
  }
  .hero-btn-wrap .r-button{
    width: auto;
    height: min(60px,12vw);
  }
  .hero-contents{
    display: none;
  }
  .load-contents > li
  ,.philosophy-contents > li{
    grid-template-columns: 1fr;

  }
  .key-slider_pc {
    display: none;
  }
.key-slider_sp {
  display: block;
}
  #key{
    width: 100vw;
  }
  .key-wrap{
    padding-left: 8vw;
  }
  .slide-video video
  ,.slide-img img{
    margin-top: 0!important;
  }
  #key h2{
    font-size: 7vw;
  }
  
  /*slider*/
  .mv-wrap{
    height: 100vh;
  }
  .sp-swiper-container{
    display: block;
  }
  
  .sp-slide-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .sp-slide-item p{
    width: 100%;
    height: 100%;
  }
  
  .sp-slide-item p img{
    object-fit: cover;
    height: 100%;
  }
  
  .sp-slide-item.active p img{
    animation: key-zoom 30s forwards;
    transform-origin: center;
/*    opacity: 1;*/
  }
  
  @-webkit-keyframes key-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
    100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
}

@keyframes key-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
}

  .swiper-container{
    
  }
  .slide-img img{
    display: none;
  }
  .mv-wrap .swiper-container{
    height: calc(45vh + min(50px,10vw));
/*    clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 8vw), 0% 100%);*/
  }
  .sp-swiper-container{
    height: 55vh;
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 min(50px,10vw), 100% 0%, 100% 100%, 0% 100%);
    z-index: 1;
  }

  .slide-img::after{
    content: "";
    display: block;
    padding-top: 55vh;
  }
  .key-slide-item .slide-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .swiper-slide-1 .slide-img{
    background-image: url("../images/main_slide/sp_slide01_a.png");
  }
  .swiper-slide-2 .slide-img{
    background-image: url( "../images/main_slide/sp_slide02_a.png");
  }
  .swiper-slide-3 .slide-img{
    background-image: url("../images/main_slide/sp_slide03_a.png");
  }

  .key-image{
    padding-top: 0!important;
    position: fixed;
    top: 0;
    left: 0;
  }
  /*Faeture
  =================*/
  
  .sec-future-blc > * + *{
    margin-top: 50px;
  }
  .sec-future-cat{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  .sec-future-cat.rvs{
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
  
  .sec-future-cat .thumb{
    width: 70%;
    transform: translateX(12%);
  }
  .sec-future-cat.rvs .thumb{
    transform: translateX(-6%)
  }
  .sec-future-cat.nosub .thumb{
    width: 75%;
    transform: none;
  }
  .sec-future-cat .thumb .thumb-sub{
    top: 40%;
  }
  .sec-future-cat.rvs .thumb .thumb-sub{
    top: 50%;
  }
  .sec-future-cat .cmnt
  ,.sec-future-cat.nosub .cmnt{
    width: 100%;
    overflow-x: hidden;
  }
  .sec-future-cat .cmnt > *{
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 30px 5vw;
  }
  .sec-future-cat.nosub .thumb .thumb-main{
  width: 100%;
  }
  .future-cmnt{
    width: 100%;
  }
  .sec-future-cat .btn-wrap{
    position: absolute;
    right: 0;
    bottom: 0;
  }
  
  /*space*/
  .space-box{
    background: none;
  }
  .space-box::after{
    padding-top: 45%;
  }
  .space-box p{
    position: absolute;
    left: 0;
    top: -5%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
  }
  .space-box p img{
    object-fit: cover;
    height: 150%;
    object-position: center;
  }
  
  
  /*Interview*/
  .interviw-title > *{
    max-width: 82%;
  }
  .interviw-title
  ,.interview-box__left{
    padding-left: 5vw;
  }
  .interview__cat .cmnt .name{
    font-size: 2.1rem;
  }
  
  /*Footer*/
  .sec-footer-blc{
    min-height: inherit;
  }
  .sec-foot-inner{
    padding: 15vw 5vw;
  }
  .sec-foot-cmnt{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .foot-company{
    width: 100%;
    margin-top: 8%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .foot-company .address{
    margin-left: 2em;
  }
  .foot-company .sns-wrap{
    position: absolute;
    left: 0;
    top: 3em;
  }
  .foot-company .btn-wrap{
    margin-left: auto;
    margin-right: 5vw;
  }
  .foot-link{
    display: none;
  }
  
  /*UNDER
  ============================================*/
  
  .page-under .page-title{
    /*margin-top: 5vw;*/
    padding-left: 10vw;
  }
  .page-under .page-title + *{
    margin-top: 80px;
  }
  .acv-feat-list > * + *:nth-child(n+3){
    margin-top: 8vw;
  }
  .acv-cat .post-title{
    font-size: 2.4rem;
  }
  .page-under.page-company .page-title
  ,.page-under.page-service .page-title
  ,.page-under.page-recruit .page-title
  ,.page-under.page-entry .page-title
  , .page-under.page-career_entry .page-title{
    padding-top: 5rem;
  }
  
  /*INTERVIEW ARCHIVE　 archive-interview.php
  ============================================*/
  
  .acv-invw-box > *{
    width: calc((100% - 50px)/ 3);
  }
  .acv-invw-box > *:nth-child(4)
  ,.acv-invw-box > *:nth-child(7){
    margin-left: 0;
  }
  .acv-invw-box > *:nth-child(5){
    margin-left: 25px;
  }
  .acv-invw-box > *:nth-child(4)
  , .acv-invw-box > * + *:nth-child(n+5){
    margin-top: 50px;
  }
  
  /*INTERVIEW SINGLE  single-interview.php
  ========================================*/
  
  .single-invw-head .name{
    font-size: 5rem;
  }
  .single-invw-in .title-warp span.title{
    font-size: 2.4rem;
  }
  /*interview single*/
  .post-invw-cat .thumb-area{
    display: none;
  }
  .single-invw-head .name{
    font-size: 4rem;
  }
  .post-invw-cat .txt-area{
    padding-left: 0;
    width: 100%;
  }
  .post-invw-cat .txt-area::after{
    content: "";
    display: block;
    clear: both;
  }
  .single-invw-in .cmnt{
    margin-top: 3vw;
  }
  .post-invw-cat .txt-area > * + *{
    margin-top: 10vw;
  }
  .single-invw-head{
    width: 70%;
    margin-left: auto;
  }
  .post-invw-cat figure.main.spView{
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    float: none;
    margin-top: 0;
    padding: 0 30px 10px 0;
  }
  .post-invw-cat figure.spView{
    display: block!important;
    width: 45%;
    padding: 0 30px 20px 0;
    float: left;
  }
  
  /*MESSAGE  page/message.php
  ============================*/
  body.message .header.bk-white{
    background: rgba(255,255,255,0);
  }

  .key-message .key-text{
    margin-top: -1em;
  }
  #content.page-under.page-message
  ,#content.page-under.page-gallery
  ,#content.page-under.page-service{
    margin-top: 50vw;
  }
  .page-message-blc{
    /*transform: translateY(-50px);*/
  }
  .page-message-blc .post-invw-cat{
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
  .page-message-blc .post-invw-cat figure.main{
    width: 35%;
  }
  .page-message-blc .single-invw-head{
    width: 65%;
  }
  .page-message-blc .post-invw-cat figure.main + .single-invw-in{
    margin-top: 18vw;
  }

  /*Feature  page/feature + template-feature.php
  ===============================================*/
  #key.feature-post-key{
    padding-top: 0!important;
    position: fixed;
    top: 0;
    left: 0;
    /*height: 100vw;*/
  }
  body.page-template-template-feature header.bk-white{
    background: rgba(255,255,255,0);
  }
  /*body.page-template-template-feature header.bk-white h1 svg .a{
    fill:#fff;
  }*/

  #key.feature-post-key .swiper-container{
    height: 66vw;
  }
  #content.single-feature{
    margin-top: 66vw;
  }
  
  .feat-single-warp{
    padding-top: 10vw;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  /*GALLERY  page/gallery.php
  ============================*/
 
  .gallary-insta-cat #sb_instagram.sbi_col_5 #sbi_images .sbi_item{
    width: calc(100% / 3)!important;
  }
  
  /*RECRUIT  page/recruit.php
  ============================*/
  .page-recruit-cat{
    margin-top: 50px;
  }
  @media screen and (max-width: 600px) {
    .rec-cmnt-area{
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
    }
    
    .rec-cmnt-area .txt{
      width: 100%;
      padding-right: 0;
    }
    .rec-btn-area{
      width: 100%;
      padding-left: 0;
      padding-top: 30px;
      padding-bottom: 0;
    }
    .rec-cmnt-area > * + *{
      border-left: none;
      border-top: 1px solid #e9e9e9;}
    }
  }
  

@media screen and (max-width: 480px) {
  
  body{width: 100vw; max-width: 100vw;overflow-x: hidden;}
  
  .header__nav{
    padding: 0 5vw;
    height: 60px;
  }
  .header__nav h1{
    width: 35%;
  }
  
  /*Key*/
  #key{
    height: 90vh;
  }

  #key h2{
    font-size: 8.05vw;
  }
  .key-wrap{
    padding-right: 0;
  }
  #key .key-cmnt{
    padding-right: 2.5vw;
    position: unset;
  }
  #key .key-cmnt .btn-wrap{
    justify-content: flex-end;
    /*position: absolute;
    bottom: 5vw;
    right: 2.5vw;*/
  }
  .slide-video video{
    transform: none;
  }
  .mv-wrap{
    height: 90vh;
  }
  
  .sp-swiper-container{
    height: 45vh;
  }


  
  /*Content
  =============================*/
  
  .page-under.page-company .page-title
  ,.page-under.page-service .page-title
  ,.page-under.page-recruit .page-title
  ,.page-under.page-entry .page-title
  ,.page-under.page-career_entry .page-title{
    padding-top: 3rem;
  }
  
  h3{
    font-size: 3rem;
  }
  h3.line{
    padding-bottom: 30px;
  }
  #content.page-under{
    padding-bottom: 30vw;
  }
  .page-under .page-title{
  padding-left: 5vw;
    padding-top: 5vw;
  }
  
  .key-image{
    width: 100vw;
    height: 100vw;
  }
  .key-image p.key-img{
    display: none;
  }
  .key-image__inner::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/main_wp.png");
    opacity: .5;
  }
  .key-image h2{
    margin-top: 0!important;
  }
  
  /*feature*/
  .future-cmnt{
    margin-top: 30px;
  }
  .sec-future-cat .btn-wrap{
    position: relative;
  }
  .sec-future-cat .thumb{
    width: 80%;
  }
  .sec-future-cat .thumb .thumb-main{
    transform: translateX(-5vw)
  }
  .sec-future-cat .thumb .thumb-sub{
    top: 5%;
    right: 5vw;
  }
  .sec-future-cat.rvs .thumb .thumb-main{
    transform: translateX(5vw)
  }
  .sec-future-cat.rvs .thumb .thumb-sub{
    left: 5vw;
    top: 180%;
  }
  .sec-future-cat .thumb .thumb-main span img{
    transform: none!important;
  }
  .sec-future-cat.nosub .thumb{
    width: 85%;
    transform: none;
  }
  .sec-future-cat.nosub .thumb .thumb-main{
    transform: none;
  }
  .future-cmnt > * + *{
    margin-top: 2em;
  }
  .future-cmnt .intitle{
    font-size: 2rem;
  }
  .future-cmnt .intxt > br{
    display: none;
  }
  
  /*spaceBox*/
  .space-box p img{
    /*object-fit: cover;
    width: 100%;
    height: 130%;*/
    height: 180%;
  }
  
  /*Interview*/
  .sec-intrview-box{
    display: block;
  }
  .interview__cat .cmnt .tag{
    font-size: .82em;
  }
  .interview-box__left{
    margin-top: 8vw;
    padding-right: 20px;
  }
  .interview-box__left .btn-wrap {
    margin-top: 50px;
  }
  .intervwiw-slide-wrap{
    margin-right: 5rem;
  }
  .swiper-btn-right{
    left: 100%;
  }
  
  /*footer*/
 .sec-foot-inner{
    padding: 10vw 5vw;
  }
  .foot-company{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .foot-company .sns-wrap{
    position: relative;
    left: auto;
    top: auto;
    margin-left: 2em;
  }
  .foot-company .btn-wrap{
    margin-top: 30px;
  }
  .foot-nav{
    display: none;
  }
  .sec-footer-blc .copy p{
    height: 100%;
    text-align: center;
  }
  
  /*UNDER
  ============================*/
  .intro-nav-inner ul li a{
    font-size: .9em;
  }
  #sp-menu-block{
    width: 88vw;
  }
  .page-company-box
  ,.page-service-box
  ,.page-recruit-box{
    width: 100%;
    max-width: 100%;
  }
  /*featrue*/
  .page-under .page-title + *{
    margin-top: 15vw;
  }
  .acv-feat-list > *:nth-child(even){
    margin-left: 0;
  }
  
  .acv-feat-list > *{
    width: 100%;
  }
  .acv-feat-list > * + *
  ,.acv-feat-list > * + *:nth-child(n+3){
    margin-top: 10vw;
  }
  
  .page-feat-blc{
    overflow-x: hidden;
  }
  /*feature single*/
  #content.single-feature{
    margin-top: 66vw;
    padding-bottom: 25vw;
  }
  #key.feature-post-key{
    padding-top: 0!important;
    position: fixed;
    top: 0;
    left: 0;
    /*height: 100vw;*/
  }
  #key.feature-post-key .swiper-container{
    height: 66vw;
  }
  #key.feature-post-key p img{
    object-fit: cover;
  }
  
  
  .feat-single-warp{
    width: 95%;
    padding-top: 15vw;
    padding-left: 20px;
    padding-right: 20px;
  }
  body.sp .feat-single-warp{
    overflow-x: hidden;
  }
  .post-feat-head h2{
    font-size: 2.24rem;
  }
  .single-feature h3.intitle{
    font-size: 2.24rem;
  }
  /*.post-feat-cat{
    margin-top: -2.5vw;
    background-position: top center!important;
  }*/
  .post-feat-cat .wp-block-image{
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 0;
  }
  .post-feat-txt{
    width: 100%;
     padding: 8% 0;
  }
  
  /*INTERVIEW ARCHIVE　 archive-interview.php
  ============================================*/
  .page-under.acv-interview .page-title{
    padding-top: 3rem;
  }
  .sec-acv-blc h3{
    margin-top: 0;
  }
  .acv-invw-box{
  margin-top: 15vw;
  }
  .acv-invw-box > *{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
  }
  .acv-invw-cat .post-thumb{
    width: 32%;
  }
  .acv-invw-cat .post-data{
    width: 68%;
    margin: 0;
    padding-left: 20px;
  }
  .acv-invw-cat .post-data p.name{
    font-size: 2.14rem;
  }
  .acv-invw-box > * + *:not(:nth-child(5))
  ,.acv-invw-box > *:nth-child(5){
    margin-left: 0;
  }
  .acv-invw-box > * + *
  ,.acv-invw-box > *:nth-child(4),
  .acv-invw-box > * + *:nth-child(n+5){
    margin-top: 8vw;
  }
  
  
  /*INTERVIEW SINGLE　 shingle-interview.php
  ============================================*/
  .post-invw-cat .thumb-area{
    display: none;
  }
  .single-invw-head{
    width: 100%;
  }
  .single-invw-head .name{
    font-size: 4rem;
  }
  .post-invw-cat .txt-area{
    padding-left: 0;
    width: 100%;
  }
  .single-invw-in .cmnt{
    margin-top: 5vw;
  }
  .single-invw-in .title-warp span.title{
    font-size: 2.24rem;
  }
  .post-invw-cat .txt-area > * + *{
    margin-top: 10vw;
  }
  .post-invw-cat figure.main.spView{
    position: inherit;
    width: 90%;
    padding: 0;
    margin: 10vw auto 0;
  }
  .post-invw-cat figure.spView{
    width: 100%;
    padding: 0;
    float: none;
  }
  
/*GALLERY  page/gallery.php
============================*/
  .key-gallery__inner{
    justify-content: center;
    background: url("../images/gallery/key.jpg") no-repeat right center/auto 100%;
  }
  .gallary-thumb-box{
    margin-top: 10vw;
  }
  .gallary-thumb-box .full::after{
    content: "";
    display: block;
    padding-top: 80%;
  }
  .gallary-thumb-box .full p.thumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/gallery/ga_thumb_full.jpg") no-repeat center/cover;
  }
  .gallary-thumb-box .full p.thumb img{
    display: none;
  }
  .gallary-thumb-box .full p.top-txt span{
    font-size: 1.25em;
  }
  .gallary-thumb-box .full p.top-txt{
    padding: 20px;
  }
  
 .gallary-insta-cat #sb_instagram.sbi_col_5 #sbi_images .sbi_item{
    width: calc(100% / 2)!important;
  }
  #sb_instagram #sbi_images > div:last-child{
    display: none;
  }
  
  /*SERVICES  page/service.php
  ============================*/
  .key-service__inner{
    justify-content: center;
    background: url("../images/service/key.jpg") no-repeat center left 60%/cover;
  }
  .service-thumb{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .service-thumb p{
    width: 100%;
  }
  .page-service-box h4{
    font-size: 2.32rem;
  }
  .page-service-box .service-cat{
    margin-bottom: 80px;
  }
  .philosophy-box{
    padding:30px 20px;
  }
  .philosophy-box p.intitle{
    font-size: 2.14rem;
  }
  .philosophy-box p.intxt{
    text-align: justify;
  }
  
  /*COMPANY  page/company.php
  ===========================*/
  
  dl.company-list > *{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  dl.company-list dt{
    width: 100%;
    padding-right: 0;
    font-weight: 600;
  }
  dl.company-list dd{
    width: 100%;
    padding-top: 0;
  }
  .page-company-box.access__cat{
    margin-top: 10vw;
  }
  
  /*CONTACT　 page.php
  ============================*/
  .page-entry .page-contact-box h3, .page-career_entry .page-contact-box h3{
    font-size: 2.1rem;
  }
  .page-entry .page-contact-box h3 + #form
  ,.page-career_entry .page-contact-box h3 + #form{
    margin-top: 10vw;
  }
  .page-contact-box{
    padding: 0;
  }
  ul.form-list li{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  ul.form-list li .f-title{
    width: 100%;
  }
  ul.form-list li .input{
    width: 100%;
    margin-top: 10px;
  }
  
  /*MESSAGE  page/message.php
  ============================*/
  
  .key-message__inner{
    justify-content: center;
    background: url("../images/massage/key_2.jpg") no-repeat 32% center/auto 100%;
  }
  
  #content.page-under.page-message
  ,#content.page-under.page-gallery
  ,#content.page-under.page-service{
    margin-top: calc(100vw - 30px);
  }
  .interview-warp.page-message-blc{
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
  .page-message-blc .single-invw-head{
    width: 100%;
  }
  .page-message-blc .post-invw-cat{
    padding-top: 15vw;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-message-blc .post-invw-cat figure.main + .single-invw-in{
    margin-top: 10vw;
  }
  
  /* NOT FOUND page/notfound.php
  ===============================*/
  
  .notfound-cat h3{
    font-size: 3.5rem;
  }
  .notfound-cat p.intxt{
    text-align: justify;
  }
  
}