/*****************************************
dgreen common css
*****************************************/
/*=======================================
common
=======================================*/
/*btn
_______________________________________*/

/*btn01*/
.btn01{
  position: relative;
}
.btn01 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 64px;
  background: #08205C;
  padding: 6px 0 0 25px;
  line-height: 3.7;
}
.btn01 a:hover{
  color: #fff;
}
.btn01 a::before {
  position: absolute;
  bottom: 48%;
  right: 0;
  content: '';
  width: 178px;
  height: 1px;
  background: #777;
}
.btn01 a::after {
  position: absolute;
  bottom: 48%;
  right: 0;
  content: '';
  width: 178px;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.btn01 a:hover::after {
  transform: scale(1, 1);
}
/*pc*/
@media all and (min-width:1000px) {
  .btn01 a {
    max-width: 280px;
  }
}
/*sp*/
@media all and (max-width:999px) {

}

/*スマホ調整用*/
@media all and (max-width:767px) {
  .btn01 a::before {
      width: 63.5%;
  }
}

/*btn02*/
.btn02{
  position: relative;
}
.btn02 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #262626;
  width: 280px;
  height: 64px;
  background: #fff;
  padding: 5px 0 0 25px;
  line-height: 3.7;
  text-align: left;
}
.btn02 a:hover{
  color: #262626;
}
.btn02 a::before {
  position: absolute;
  bottom: 48%;
  right: 0;
  content: '';
  width: 178px;
  height: 2px;
  background: #c1c1c1;
}
.btn02 a::after {
  position: absolute;
  bottom: 48%;
  right: 0;
  content: '';
  width: 178px;
  height: 2px;
  background: #08205C;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.btn02 a:hover::after {
  transform: scale(1, 1);
}

/*btn03*/
.btn03{
  text-align: center;
}
.btn03 a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  transition: 0.5s;
  height: 82px;
  background: #08205C !important;
  line-height: 5;
  font-size: 16px;
    letter-spacing: 2px;
}

.btn03 a:hover{
  color: #FFF;
  background: #536183 !important;
}

/*btn04*/
.btn04{
  position: relative;
  max-width: 860px;
  margin: 0 auto;
}
.btn04 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 64px;
  background: #08205C;
  padding: 6px 0 0 105px;
  line-height: 3.7;
}
.btn04 a:hover{
  color: #fff;
}
.btn04 a::before {
  position: absolute;
  bottom: 48%;
  left: 0;
  content: '';
  width: 80px;
  height: 1px;
  background: #777;
}
.btn04 a::after {
  position: absolute;
  bottom: 48%;
  left: 0;
  content: '';
  width: 80px;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.btn04 a:hover::after {
  transform: scale(1, 1);
}
/*pc*/
@media all and (min-width:1000px) {
  .btn03 a,
  .btn03 input {
    width: 360px;
  }
}
/*sp*/
@media all and (max-width:999px) {
  .btn03 a,
  .btn03 input {
    width: 100%;
  }

  .btn03 a {
      height: 65px;
      line-height: 4;
  }
}
/*btn05*/
.btn05{
  position: relative;

}
.btn05 a {
  position: relative;
      display: inline-block;
      text-decoration: none;
      color: #08205D;
      width: 100%;
      height: 64px;
      background: #fff;
      padding: 6px 0 0 0;
      line-height: 3.7;
      border: 1px solid #08205D;
      text-align:center;
}
.btn05 a:hover{
      color: #08205D;
}
.btn05 a::before {
  position: absolute;
      bottom: -5%;
      left: 45%;
      content: '';
      width: 30px;
      height: 1px;
      background: #777;
      transform: rotate(90deg);
}
.btn05 a::after {
  position: absolute;
  bottom: -5%;
  left: 45%;
  content: '';
  width: 31px;
  height: 1px;
  background: #08205D;
  transform: rotate(90deg);
  transform-origin: top;
  transition: transform .3s;
}
.btn05 a:hover::after {
transform: scale(1.3)rotate(90deg);
}
/*pc*/
@media all and (min-width:1000px) {
  .btn05{
    width: 475px;
  }

}
/*sp*/
@media all and (max-width:999px) {
  .btn05 a:hover::after {
      transform: scale(1.2)rotate(90deg);
  }
  #characteristics .box p.btn03 a{
        height: 64px;
        line-height: 4;
  }
  .btn05 a::before {
        left: 47%;
  }
  .btn05 a::after {
    left: 47%;
  }
}
/*top h2
_______________________________________*/
#index h2,
#contact-wrap h2,
.page h2{
  color: #08205C;
  font-size: 45px;
  text-align: center;
  margin: 0;
}
#index h2 span,
#contact-wrap h2 span,
.page h2 span{
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0 0;
  color: #262626;
}
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {
  #contact-wrap{
    padding: 80px 20px 10px;
  }
}
@media all and (max-width:767px) {
#index h2,
#contact-wrap h2,
.page h2{
  color: #08205C;
font-size: 34px;
  text-align: center;
  margin: 0;
}

}
/*page h1
_______________________________________*/
.main-title{
  background: linear-gradient(157deg, rgba(120,201,216,1) 0%, rgba(8,32,91,1) 100%);
  position: relative;
}
.main-title h1{
  font-size: 45px;
  color: #fff;
  margin: 0;
  position: absolute;
}
.main-title p.jp-title{
  font-size: 16px;
  color: #fff;
  position: absolute;
}
/*pc*/
@media all and (min-width:1000px) {
  .main-title{
    height: 400px;
  }
  .main-title h1{
    bottom: 133px;
    left: 130px;
  }
  .main-title p.jp-title{
    bottom: 84px;
    left: 130px;
  }
}
/*sp*/
@media all and (max-width:999px) {
  .main-title{
height: 250px;
  }
  .main-title h1{
    bottom: 69px;
    left: 3%;
  }
  .main-title p.jp-title{
    bottom: 26px;
    left: 3%;
  }
}

/*スマホ調整用*/
@media all and (max-width:767px) {
  .main-title {
    height: 220px;
}
  .main-title h1 {
      font-size: 38px;
      line-height: 1;
  }
  .main-title h1{
    bottom: 70px;
  }
  .main-title p.jp-title{
    bottom: 20px;
  }
}

/*=======================================
index
=======================================*/
/*hero-main-img
_______________________________________*/
#hero-main-img {
  height: 100vh;
  background: rgb(120,201,216);
  background: linear-gradient(157deg, rgba(120,201,216,1) 0%, rgba(8,32,91,1) 50%);
  position: relative;
}

.hero-main-text-wrap{
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  margin: 0;
  width: 100%;
  left: 0;
  padding-top: 5px;
  transform: translateY(-50%) translateX(0);
  -webkit-transform: translateY(-50%) translateX(0);
}
.hero-main-text-box{}
.lead-text{
  font-size: 62px;
  font-size: 62px;
  margin: 0 0 0 0;
  line-height: 1.2;
}
.lead-text-sub{
  font-size: 20px;
  letter-spacing: 6px;
  margin: 11px 0 20px;
}
.hero-main-text-wrap .text{
  font-size: 14px;
      margin-top: 35px;
      line-height: 2;
}

.hero-main-text-wrap {
    opacity: 0;
    -moz-transition: -moz-transform 1s linear;
    -webkit-transition: -webkit-transform 1s linear;
    -o-transition: -o-transform 1s linear;
    -ms-transition: -ms-transform 1s linear;
    transition: transform 1s linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .img-blur {
    -webkit-animation-name: imageBlur;
    animation-name: imageBlur;
    opacity: 1;
    transition: .8s;
  }

  @-webkit-keyframes imageBlur {
    from {
      opacity: 0;
      -webkit-filter: blur(15px);
      -moz-filter: blur(15px);
      -ms-filter: blur(15px);
      -o-filter: blur(15px);
      filter: blur(15px);
    }

    to {
      opacity: 1;
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -ms-filter: blur(0px);
      -o-filter: blur(0px);
      filter: blur(0px);
    }
  }
  @keyframes imageBlur {
    from {
      opacity: 0;
      -webkit-filter: blur(15px);
      -moz-filter: blur(15px);
      -ms-filter: blur(15px);
      -o-filter: blur(15px);
      filter: blur(15px);
    }

    to {
        opacity: 1;
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -ms-filter: blur(0px);
      -o-filter: blur(0px);
      filter: blur(0px);
    }
  }

  /*tb*/
  @media all and (max-width:768px) {
    .hero-main-text-wrap{
      top: 56%;
      transform: translateY(-50%) translateX(0);
      -webkit-transform: translateY(-50%) translateX(0);
    }
    .lead-text {
    font-size: 45px;
}
  }
    /*sp*/
  @media all and (max-width:440px) {
    .hero-main-text-wrap{
      top: 50%;
    }
}
/*pc*/
@media all and (min-width:1000px) {
  /*スクロールアニメーション*/
  #scroll a {
    display: inline-block;
    position: absolute;
    left: 50px;
    bottom: 0;
    z-index: 2;
    padding: 10px 10px 120px;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .2em;
    text-decoration: none;
    writing-mode: vertical-lr;
  }
  #scroll a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 92px;
    background: #fff;
  }

  #scroll a::after {
    animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
  }
  @keyframes sdl {
    0% {
      opacity: 1;
      transform: scale(1, 0);
      transform-origin: 0 0;
    }
    30% {
      transform: scale(1, 1);
      transform-origin: 0 0;
    }
    30.1%, 70% {
      transform: scale(1, 1);
      transform-origin: 0 100%;
    }
    100% {
      opacity: 0;
      transform: scale(1, 0);
      transform-origin: 0 100%;
    }
  }
}
/*sp*/
@media all and (max-width:999px) {
  #scroll a{display: none;}
  .hero-main-text-wrap .text{
    padding: 0 20px;
  }
}



/*=======================================
top-business
=======================================*/
#top-business{}
/*top-business-lead-wrap
_______________________________________*/
#top-business-lead-wrap{
  max-width: 1160px;
  margin: 0 auto;
}

#top-business-lead-wrap .top-business-lead h2{
  margin: 0;
  font-size: 27px;
  color: #08205C;
  text-align: left;
}

.top-business-lead .btn01 a{
  text-align: left;
}

#top-lead{
  color: #08205C;
}
#top-lead span{
  text-indent: 1em;
      display: inline-block;
}
#top-lead-sub{
  font-size: 15px;
      line-height: 2;
      margin: 0px 0 -15px;
}
.top-business-lead p.btn05 a{
margin: 35px auto -10px;
}

#top-business-box{
  background: #F2F6F8;
}
#top-business-box p.catch{
  text-align: center;
  margin: -40px 0 50px;
}
.box-container{
  max-width: 1146px;
  margin: 0 auto;
}

.box-container .box img{
  max-width: 150px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.box-container .box h3{
  text-align: center;
  font-size: 17px;
  margin: 25px 0 12px;
  font-weight: 500;
  color: #262626;
}
.box-container .box p{}

.box {
  opacity: 0;
  -moz-transition: -moz-transform .5s linear;
  -webkit-transition: -webkit-transform .5s linear;
  -o-transition: -o-transform .5s linear;
  -ms-transition: -ms-transform .5s linear;
  transition: transform .5s linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.box-grey {
  -webkit-animation-name: boxGrey;
  animation-name: boxGrey;
  opacity: 1;
  transition: .2s;
}
#top-business-box .link,
#top-expert .link
 {
  margin: 50px auto 0;
}
@-webkit-keyframes boxGrey {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes boxGrey {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

/*pc*/
@media all and (min-width:1000px) {
  .top-business-lead-img{
    width: 50%;
    float: left;
    margin: -70px 0 -70px 0;
  }
  .top-business-lead{
    width: 50%;
    max-width: 482px;
    float: right;
  }
  #top-business-lead-wrap{
    padding: 146px 0 118px;
  }
  #top-lead{
    font-size: 29px;
    margin: 5px 0 30px;
  }
  .top-business-lead .btn01{
    text-align: right;
  }
  .box-container .box{
    max-width: 310px;
    width: 33.33%;
    float: left;
    margin: 0 36px;
  }
  #top-business-box{
    padding: 109px 0 110px;
  }

}
/*pc-小さい画面*/
@media all and (max-width:1275px) {
  #top-business-box .box-container{
    max-width: 990px;
  }
  #top-business-box .box{
    width: 26%;
  }


  }
/*sp*/
@media all and (max-width:999px) {
  #top-business-lead-wrap{
padding: 15% 5% 5%;
  }

  #top-lead{
    font-size: 20px;
    margin: 5px 0 30px;
  }
  #top-business-box{
    padding: 15% 5% 5%;
  }
  .top-business-lead-img{
    float: left;
    width: 40%;
    margin-top: -5%;
  }

  .top-business-lead{

  }
  #top-business-box p.catch{
margin:10px auto;
}

  .box-container .box{
    margin: 0 0 40px;
    padding: 0 20px;
    width: 50%!important;
    float: left;
  }

  .box-container .box h3 {
      margin: 0px 0 12px;
  }
}
/*スマホ調整用*/
@media screen and (max-width: 767px){
  .top-business-lead-img{
    float: none;
    width: 100%;
    margin-top: -10%;
  }
  #top-business-box p.catch{
margin:20px auto;
}
.box-container .box{
  margin: 0 0 40px;
  padding: 0 20px;
  width: 100%!important;
}
}
/*=======================================
top-expert
=======================================*/
#top-expert{
  background: #FFF;
}
#top-expert p.catch{
  text-align: center;
  margin: -40px 0 50px;
}

#top-expert .animationContainer{
  float:right;
  width:40%;
}
#top-expert h3{
  margin: 0 0 20px;
border-bottom: 2px solid #07215c;
padding-bottom: 10px;
}
#top-expert .box{
  margin-bottom: 50px;
}
/*pc*/
@media all and (min-width:1000px) {
  #top-expert{
    padding: 109px 0 110px;
  }
  #top-expert .top-expertwrap{
    width: 43%;
    margin-left: 8%;
  }
  .top-expert-contents{
    max-width: 1288px;
margin: 0 auto;
  }
  #top-expert .animationContainer{
  margin-top:-520px;
  }
}

/*pc-小さい画面*/
@media all and (max-width:1275px) {
  .top-expert-contents{
    max-width: 980px;
margin: 0 auto;
  }
  #top-expert .animationContainer{
  margin:-350px 0 0;
  }


  }
/*sptb*/
@media all and (max-width:999px) {

  #top-expert{
padding: 15% 5% 0%;
  }
  #top-expert p.catch {
margin:10px auto;
}
.top-expert-contents{
  margin: 8% 0;
  position: relative;
}
.top-expertwrap{
  float: left;
    width: 65%;
}
.animationContainer{
  float: right;
    width: 35%!important;
    position: absolute;
    bottom: 0;
    right: 0;
}
}
/*sp*/
@media screen and (max-width: 767px){
  .top-expertwrap{
float:none;
width:100%;
  }
  .animationContainer{
    float: none;
    width: 100%!important;
    position: inherit;
  }
}
/*=======================================
top-project
=======================================*/
#top-project{
padding: 0px 0 120px 0;
}
/*project-wrap
_______________________________________*/
#top-project.project-wrap{
  max-width: 910px;
  margin: 80px auto 30px;
}
.project-wrap h2{
  margin: 0 0 63px 0 !important;
}
.project-wrap h2 span{}



.project-wrap article .time,
#project-single article .time{
  font-size: 26px;
      border-bottom: 1px solid #262626;
      letter-spacing: 3px;
}
.project-wrap .time a{
  color: inherit;
    text-decoration: none;
}
.project-wrap article .cat-wrap,
#project-single .cat-wrap{
  margin: 13px 0 13px 0;
}
.project-wrap article .cat-wrap a,
#project-single article .cat-wrap a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.project-wrap article .cat-wrap span,
#project-single .cat-wrap span{
  height: 22px;
  padding: 3px 10px 3px;
  margin: 0 1px 0 0;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
.project-wrap article .cat-wrap .cat,
#project-single article .cat-wrap .cat{
  background: #889FA8;
}
.project-wrap article .cat-wrap .area,
#project-single article .cat-wrap .area{
  width: 90px;
  background: #536183;
}

.project-wrap article h3{
  font-size: 16px;
  margin: 30px 0 0;
  display: block;
  font-weight: 400;
}
.project-wrap article h3 a{
  color: #262626;
  text-decoration: none;
}
.project-wrap article h3 a:hover{
  color: #536183;
}


#top-project .btn03{
  margin: 26px 0 0;
}


/*pc*/
@media all and (min-width:1000px) {
  .project-wrap article{
    float: left;
    margin: 0 0 62px 0;
  }
  #top-project article{
      max-width: 405px;
      width: 100%;
    }
  #top-project article:nth-child(3){
    margin: 35px 0 62px 0 !important;
  }
  #top-project article:nth-child(4){
    margin: -35px 100px 62px 0 !important;
  }

  #project article:nth-child(2){
    margin: 35px 0 62px 0 !important;
  }
  #project article:nth-child(3){
    margin: -35px 100px 62px 0 !important;
  }

  #top-project article:nth-child(even){
    margin: 0 100px 62px 0;
  }
  #project article:nth-child(odd){
    margin: 0 100px 62px 0;
  }
  .project-wrap article .time,
  #project-single article .time{
    display: inline-block;
    margin: 0 28px 0 0;
    line-height: 1.5;
    padding-bottom: 10px;
  }
  #project-single .cat-wrap{
    padding: 16px 0 0;
  }
  #top-project.project-wrap {
    margin: 80px auto 0px;
}
}
/*sptb*/
@media all and (max-width:999px) {
  #top-project{
        padding: 0 5%;
  }
  .project-wrap article{
    margin: 0 0 40px 0;
    padding: 0 20px;
  }
  .project-wrap article .time,
  #project-single article .time{
    display: inline-block;
    margin: 0 28px 0 0;
    line-height: 1.25;
font-size: 19px;
padding-bottom: 10px;
  }
  #top-project .btn03{
    padding: 0 20px;
  }
  .project-wrap h2 {
    margin: 0 0 36px 0 !important;
}
}

/*スマホ調整用*/
@media screen and (max-width: 767px){

}
/*=======================================
board-member
=======================================*/
/*board-member
_______________________________________*/
#top-company{
  background-color: #F2F6F8;
    padding: 96px 0 105px;
}
.member-box a{
  text-decoration: none;
}
#top-company .position{}
.board-member-wrap .position{
  font-size: 14px;
  color: #262626;
}

#top-company .membar-name{}
.board-member-wrap .membar-name{
  color: #222;
  font-size: 28px;
  font-weight: 600;
  border-bottom: 1px solid #222;
  display: inline-block;
  padding: 0 0 5px;
  letter-spacing: 2px;
}
.board-member-wrap .membar-name span{
  color: #889FA8;
}

#top-company .greeting{
  font-size: 14px;
  text-align: center;
  color: #222;
  line-height: 1.8;
  max-width: 475px;
  text-align: left;
  margin: 0;
}

#boardMember .board-member-wrap .greeting{
  max-width: 475px;
  margin: 25px 0 0;
  text-align: left;
}

#board-member{
  max-width: 1288px;
}
div.naname-btn P{
  margin: 2px 0 0 0;
}

/*pc*/
@media all and (min-width:1000px) {
  #top-company .member-box{
    float: left;
    margin: 0 0 36px 7px;
  }
  div.naname01{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    width: 418px;
    height: 305px;
    padding: 50px 60px 0;Í
    box-sizing: border-box;

  }
  #board-member{
    margin: 70px auto 0;
  }
  #board-member div.naname01::before{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    width: 418px;
    height: 305px;
  }

  #board-member div.naname-btn{
    position: relative;
    z-index: 1;
    width: 418px;
    height: 30px;
    margin: 0 0 0 -18px;
    text-align: right;
    padding: 1px 30px 0 0;
    color: #6C8088;
  }
  .member-box a:hover div.naname-btn p span{
    color: #fff;
  }
  div.naname-btn::after{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    background-color: #C3D0D6;
    width: 418px;
    height: 30px;
  }
  div.naname-btn::before{
    transform: skewX(-6deg) scale(0, 1);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #08205C;
    width: 418px;
    height: 30px;
    transform-origin: right top;
    transition: transform .3s;
  }
  .member-box a:hover div.naname-btn::before {
    transform-origin: left top;
    transform: skewX(-6deg) scale(1, 1);
  }


  .company-link{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 34px auto 0;
    max-width: 1160px;
    width: 100%;
    height: 140px;
  }
  .company-link::before{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#08205C;
  }

  .company-link .quick{
    color: #fff;
    text-align: left;
    font-size: 46px;
    float: left;
    margin: 30px 0 0 60px;
  }

  .company-link .quick span{
    font-size: 14px;
    margin: 0 0 0 20px;
    vertical-align: middle;
  }
  .company-link .btn02{
    text-align: right;
    margin: 36px 70px 0 0;
    float: right;
  }
  #boardMember .board-member-wrap .greeting{
    float: right;
  }
}

/*pc-小さい画面*/
@media all and (max-width:1275px) {
  #board-member{
    max-width: 980px;
  }
  #top-company .member-box{
    margin: 0px 30px 50px;
  }
  #top-company .member-box .right{
float
    }
  }

/*sptb*/
@media all and (max-width:999px) {
  div.naname01{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 30px 20px 30px;
    box-sizing: border-box;
  }
  #top-company h2{
    margin: 0 0 50px;
  }
  #board-member {
    padding: 0 20px;
  }
  #board-member div.naname01::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    width: 100%;
  }
  #boardMember .board-member-wrap .greeting{
    max-width: none;
    margin:0;
  }
  #board-member div.naname-btn{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    text-align: right;
    padding: 1px 30px 0 0;
    color: #6C8088;
  }
  .member-box{
    margin: 0 0 30px;
  }
  .member-box a:hover div.naname-btn{
    color: #fff;
  }
  div.naname-btn::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    background-color: #C3D0D6;
    width: 100%;
    height: 30px;
  }
  div.naname-btn::before{
    transform: scale(0, 1);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #08205C;
    width: 100%;
    height: 30px;
    transform-origin: right top;
    transition: transform .3s;
  }
  .member-box a:hover div.naname-btn::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  div.naname-btn P{
    margin: 0;
  }

  .company-link{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 34px auto 0;
    max-width: 1160px;
    width: 100%;
    padding: 24px 0 34px;
  }
  .company-link::before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#08205C;
  }

  .company-link .quick{
    color: #fff;
    font-size: 46px;
    margin: 0 0 30px;
  }

  .company-link .quick span{
    font-size: 14px;
    margin: 0 0 0 20px;
    vertical-align: middle;
    display: block;
  }
  .company-link .btn02{
  }
  .company-link .quick span {
margin: 0 0 -5px 0;
}
#top-company {
    padding: 96px 0 50px;
}
#top-company .member-box:nth-child(odd){
    margin: 0px 2.5% 50px;
    width: 43%;
    float: left;
    height: 300px;
}
#top-company .member-box:nth-child(even){
    margin: 0px 2.5% 50px;
    width: 43%;
    float: right;
    height: 300px;
}
}
/*スマホ調整用*/
@media screen and (max-width: 767px){
  #top-company {
      padding: 60px 0 40px;
  }
  #board-member {
    padding: 0;
}
#top-company .membar-name {
    margin: 12px 0 15px;
}
#top-company .position {
    margin: 0px;
}

.company-link .quick {
    font-size: 34px;
}
.btn02 a {
    width: 248px;
}
.company-link {
    padding: 24px 0 20px;
}

}
@media screen and (max-width: 600px){
  #top-company .member-box {
    margin: 0 0 50px 0px!important;
        float: none!important;
        width: 100%!important;
        height: auto!important;
        padding: 0 6%!important;
  }
}
/*=======================================
top-news
=======================================*/
/*top-news
_______________________________________*/

#top-news h2{
  margin: 0 0 50px 0;
}
#top-news article{
  max-width: 980px;
  margin: 0 auto;
}
#top-news article p{
  margin: 0;
}
#top-news article a{
  text-decoration: none;
}
#top-news article a p{
  display: inline-block;
  margin: 0 20px 0 0;
  letter-spacing: 0.1em;
}
#top-news article .time{
  font-size: 17px;
  color: #7C7C7C;
  vertical-align: middle;
  line-height: 2;
}
#top-news article a h3.title{
  font-size: 15px;
  color: #262626;
  vertical-align: middle;
  line-height: 2;
  display: inline-block;
  margin: 0;
  font-weight: 400;
}
#top-news .btn03{
  margin: 56px 0 0 0;
}

/*pc*/
@media all and (min-width:1000px) {
  #top-news{
    padding: 114px 0 96px 0;
  }
}
/*sp*/
@media all and (max-width:999px) {
  #top-news{
    padding: 80px 20px 96px;
  }
}
/*スマホ調整用*/

@media screen and (max-width: 767px){
  #top-news {
      padding: 60px 20px 40px;
  }
}
/*=======================================
projectManagement
=======================================*/
/*projectManagement-about
_______________________________________*/
#projectManagement-about{
  max-width: 980px;
  position: relative;
}
.projectManagement-copy{
  color: #081E57;
}
#projectManagement-about .sub-text{
  font-size: 20px;
  color: #081E57;
  margin-top: -10px;
}
#projectManagement-about .line{
  height: 1px;
  width: 100%;
  max-width: 340px;
  background: #B5C7D0;
  display: block;
}

#projectManagement-about .large-text{
  color: #081E57;
}

#ourService{
  background: #F2F6F8;
  padding: 60px 0 40px;
}

#projectFlow{
  max-width: 980px;
  margin: 0 auto;
}

#projectFlow h3 {
  background: #F2F6F8;
  height: 64px;
  font-size: 18px;
  color: #08205C;
  font-weight: 400;
}
#projectFlow #image img{
  margin: 0 auto 50px;
display: block;
max-width: 50%;
}
#projectFlow h3 span {
  height: 64px;
  padding: 20px 60px 20px;
  background-image: url(/img/title-left.png);
  background-repeat: no-repeat;
  background-size: 40px;
  box-sizing: border-box;
  background-position: bottom left;
  display: inline-block;
}

.title-wrap{
  text-align: center;
}
.title-wrap p{
  color: #262626;
  font-size: 17px;
  font-weight: 500;
}
.title-wrap img{
  /*width: 15px;*/
  height: 76px;
}


.list-wrap .left,
.title-wrap .left{
  max-width: 400px;
}
.list-wrap .center,
.title-wrap .center{
  display: block;
  text-align: center;
}
.list-wrap .center img{
  max-width: 72px;
}
.list-wrap .right,
.title-wrap .right{
  max-width: 400px;
}
.list-wrap h4{
  color: #081E57;
  font-size: 15px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 0 0 0 30px;
  line-height: 1.8;
  background-position: left center;
  margin: 7px 0;
}
.list-wrap .left h4{
  background-image: url(/img/icon01.png);
}
.list-wrap .right h4{
  background-image: url(/img/icon02.png);
}
#projectManagement-about-about .line01{
  border-bottom: 1px solid #B5C7D0;
  display: block;
  max-width: 340px;
  width: 100%;
}

/*pc*/
@media all and (min-width:1000px) {
  #projectManagement-about{
    margin: 120px auto 110px;
  }
  .projectManagement-copy{
    font-size: 62px;
        margin: 0 0 25px;
        line-height: 1.25;
  }

  #projectManagement-about .line01{
    margin: 53px 0 60px;
  }
  #projectManagement-about .large-text{
    margin: 80px 0 40px;
        font-size: 30px;
        line-height: 1.75;
  }
  #projectFlow{
    padding: 100px 0 70px;
  }
  #projectFlow .main-about-text{
    margin: 60px 0 70px;
  }
  #projectFlow h3 {
    margin: 30px 0 20px;
}
  #projectManagement-about .about-text{
    margin: 0 0 70px;
  }
  .flow-list-wrap .about-text{
    margin: 0 0 70px;
  }
  .title-wrap{
    margin: 0 0 47px;
  }
  .list-wrap{
    margin: 0 0 42px;
  }
  .flow-list-wrap{
    margin: 0 0 104px;
  }
  .projectManagement-anime{
    position: absolute;
    bottom: -80px;
    right: -120px;
    z-index: -1;
    width: 450px;
  }
  #ourService h2,
  #top-business-box h2,
  #top-expert h2{
    margin: 0 0 50px;
  }
  .list-wrap .left,
  .title-wrap .left{
    max-width: 400px;
    width: 43%;
    float: left;
  }
  .list-wrap .center,
  .title-wrap .center{
    width: 18%;
    float: left;
    padding: 60px 0 0;
    max-width: 165px;
  }
  .list-wrap .right,
  .title-wrap .right{
    width: 43%;
    float: right;
  }
}
/*pc-小さい画面*/
@media all and (max-width:1275px) {
  #projectManagement .box-container{
    max-width: 990px;
  }
  #projectManagement .box{
    width: 26%;
  }
  .projectManagement-anime{
    right: 0;
  }
  #projectManagement-about .small-text{
    max-width: 570px;
  }
  }
/*sp*/
@media all and (max-width:999px) {
  #projectManagement-about .sub-text {
    font-size: 18px;
}
  #projectManagement-about{
    margin: 70px auto 80px;
    padding: 0 20px;
  }
  .projectManagement-copy{
    font-size: 45px;
    margin: 0 0 25px;
    line-height: 1.4;
  }
  #projectManagement-about .line01{
    margin: 73px 0 80px;
  }
  #projectManagement-about .large-text{
    margin: 60px 0 40px;
    font-size: 22px;
  }
  #projectManagement-about .small-text{
    width: 60%;
    max-width:none;
  }
  #projectFlow{
padding: 60px 20px 40px;
  }
  #projectFlow .main-about-text{
    margin: 60px 0 70px;
  }
  #projectFlow h3 {
    margin: 30px 0 20px;
  }
  .flow-list-wrap .about-text{
    margin: 0 0 70px;
  }
  .title-wrap{
    margin: 0 0 42px;
  }
  .flow-list-wrap{
    margin: 0;
  }
  .business-anime{
  }
  #ourService h2{
    margin: 0 0 50px;
  }
  .list-wrap .left{
    margin: 0 0 60px;
    width: 38%;
    float: left;
  }
  .list-wrap:last-child .left{
    margin: 0;
    width: 38%;
    float: left;
  }
  .title-wrap .left{
    width: 50%;
    float: left;
  }
  .list-wrap .center{
    width: 18%;
float: left;
padding: 60px 0 0;
  }
  .title-wrap .center{

  }
  .list-wrap .right{
    width: 40%;
    float: right;
        margin: 0 0 60px;
  }
  .list-wrap:last-child .right{
    width: 40%;
    float: right;
    margin: 0 ;
  }
  .title-wrap .right{
    width: 50%;
    float: right;
  }
  .projectManagement-anime{
    position: absolute;
      width: 40%;
      bottom: -7%;
  }
  #ourService{
    padding: 60px 0 0px;
  }

}
/*スマホ調整用*/
@media screen and (max-width: 767px){
  .projectManagement-copy {
    line-height: 1.25;
}
  #projectManagement-about .small-text{
    width: 100%;
    max-width:none;
  }
  .list-wrap .left{
    margin: 0 0 40px!important;
    float: none!important;
    width: 100%!important;
  }
  .title-wrap .left{
    width: 50%;
    float: left;
  }
  .list-wrap .center{
    width: 100%;
    float: none;
    padding: 0;
  }
  .title-wrap .center{

  }
  .list-wrap .right{
    margin: 30px 0 50px!important;
    float: none!important;
    width: 100%!important;
  }
  .title-wrap .right{
    width: 50%;
    float: right;
  }
  .list-wrap .center img{
    transform: rotate( 90deg );
  }
  .projectManagement-anime{
    position: relative;
    width: 100%;
    margin: 0;
    bottom: 0;
  }
  #projectFlow .main-about-text {
    margin: 40px 0 40px;
}
.flow-list-wrap .about-text {
    margin: 0px 0 20px;
}
.list-wrap p{
  margin: 0;
}
#projectFlow #image img{
max-width: 100%;
}
}
/*=======================================
project
=======================================*/
/*select-project
_______________________________________*/
#select-project{
  background: #fff;
      height: 78px;
      position: relative;
}

#search select{
  font-size: 14px;
  border-bottom: 1px solid #536183;
  background: #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 58px;
  position: relative;
}
#search .wrap{
  position: relative;
  max-width: 240px;
  float: left;
}
#search .wrap::before{
  content: "▼";
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  z-index: 2;
  font-size: 10px;
}
#search #cat {
  line-height: 2;
}
#search #tag {}
#search #submit{
  background: #f2f6f8;
  color: #536082;
  border: 1px solid #536082;
  border-radius: 0;
}
  main#project .project-wrap article{
  max-width: 405px;
  width: 100%;
}
/*pc*/
@media all and (min-width:1000px) {
  main#project .project-wrap{
    max-width: 910px;
    margin: 80px auto 30px;
  }
  main#project {
    margin: 0 0 126px;
  }
  #search{
    width: 607px;
    position: absolute;
    bottom: 0;
    right: 3%;
  }
  #search .wrap{
    height: 78px;
    width: 100%;
    margin: 0 10px 0 0;
  }
  .pagination{
    margin-top: 100px !important;
  }
  #search #submit{
    margin: 26px 0 0 20px;
  }
}
/*sp*/
@media all and (max-width:999px) {
  main#project .project-wrap{
    margin: 80px auto 30px;
  }
  main#project .project-wrap article{
  max-width: none;
}
  main#project {
    margin: 0 0 126px;
  }
  #select-project{
    padding: 0 20px;
  }
  #search{
    width: 100%;
  }
  #search .wrap {
    height: 78px;
    width: 34%;
    margin: 0 10px 0 0;
}
#search #submit{
  margin: 26px 0 0 0;
}
#search select{
  height: 78px;
}
}

/*=======================================
project-single
=======================================*/
/*project-single
_______________________________________*/
#project-single article{
  max-width: 860px;
  width: 100%;
}
/*#project-single article h2{
  font-size: 17px;
  color: #262626;
  text-align: left;
  margin: 90px 0 58px;
  font-weight: 500;
  letter-spacing: 2px;
}
*/
#project-single article h2{
  font-size: 26px;
  color: #262626;
  text-align: left;
  margin: 30px 0 30px;
  font-weight: 500;
  letter-spacing: 2px;
}
/*pc*/
@media all and (min-width:1000px) {
  main#project-single{
    margin: 0 0 126px;
  }
  main#project-single article{
     margin: 80px auto 30px;
   }
  main#project-single .btn04{
    max-width: 360px;
    margin: 70px auto 0;
  }
}
/*sp*/
@media all and (max-width:999px) {
  main#project-single{
    margin: 0 0 126px;
  }
  main#project-single article{
     margin: 80px auto 30px;
     padding: 0 20px;
   }
   main#project-single .btn04{
     margin: 70px auto 0;
     padding: 0 20px;
   }
}

/*=======================================
newsArchive
=======================================*/
.newsArchive__container{
  max-width: 980px;
  margin: 0 auto;
}
.newsArchive__container article{
  border-bottom: 1px solid #B5C7D0 !important;
  width: 100% !important;
  padding: 0 0 40px 0 !important;
}
.newsArchive__container article div{
  margin: 0;
}
.newsArchive__container article a{
  text-decoration: none;
}

.newsArchive__container article .time{
  font-size: 17px;
  color: #7C7C7C;
  vertical-align: middle;
  line-height: 2;
}
.newsArchive__container article .newscat,
#newsSingle article .newscat{
  background: #889FA8;
  padding: 0 20px 3px;
margin: 7px 20px 0 6px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.newsArchive__container article .newscat a,
#newsSingle article .newscat a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}

.newsArchive__container article a h2.title{
  font-size: 14px;
  color: #262626;
  vertical-align: middle;
  line-height: 2;
  display: inline-block;
  margin: 0;
  font-weight: 500;
}
.newsArchive__container article a h2:hover{
  color: #516AAA;
}
.is-current {
  padding: 6px 15px !important;
  background-color: #F2F6F8 !important;
}
.pagination__item.arrow {
  margin-left: 0;
  background-color: #FFF;
}
.pagination__item.arrow {
  color: #262626;
  padding: .5em !important;
}
.pagination__item {
  display: block;
  position: relative;
  margin-right: .5em;
  margin-left: .5em;
  padding: 6px 15px;
  font-size: 16px;
  background-color: #08205C;
  width: 40px;
  height: 40px;
}
.pagination a{
  color: #fff;
  padding: 6px 15px !important;
}
/*pc*/
@media all and (min-width:1000px) {
  main#news{
    margin: 0 0 126px;
  }
  .newsArchive__container{
    padding: 140px 0 0;
  }
  .newsArchive__container article a p{
    display: inline-block;
    margin: 0 20px 0 0;
  }
}
/*sp*/
@media all and (max-width:999px) {
  main#news{
    margin: 0 0 126px;
  }
  .newsArchive__container{
    padding: 40px 20px 0;
  }
}

/*=======================================
news
=======================================*/
#news article,
#newsSingle article{
  max-width: 860px;
}
#news article h2,
#newsSingle article h2{
  font-size: 14px ;
  color: #262626;
  text-align: left;
}
#news article .contents{}

/*pc*/
@media all and (min-width:1000px) {
  #news article{
    margin: 80px auto 30px;
  }
  #newsSingle{
    padding: 0 0 110px;
  }
  #newsSingle article{
    margin: 80px auto 30px;
  }
  #newsSingle .btn04{
    margin: 70px auto 0;
    text-align: center;
  }
  #newsSingle .btn04 a{
    max-width: 360px;
  }
  #newsSingle article h2{
    margin: 20px 0 60px
  }
}
/*sp*/
@media all and (max-width:999px) {
  #news article{
    margin: 30px auto 30px;
  }
  #newsSingle{
    padding: 0 0 80px;
  }
  #newsSingle article{
    margin: 80px auto 30px;
    padding: 0 20px;
  }
  #newsSingle .btn04{
    margin: 70px auto 0;
    padding: 0 20px
  }
  #newsSingle article h2{}
}
/*=======================================
board-member
=======================================*/
#board-member-page{
  background-color: #DCE5EA;
}
#board-member-page .div.naname01{}
#board-member-page .div.naname01 .box{}

/*pc*/
@media all and (min-width:1000px) {
  #board-member-page{
    /*padding: 130px 0 60px;*/
    padding: 50px 0 60px;
  }
  #boardMember h2{
    margin-bottom: 50px;
  }
  #boardMember div.naname02 .box{
    max-width: 260px;
    float: left;
    width: 100%;
    padding: 45px 0;
    text-align: center;
  }
  #boardMember div.naname04 .box{
    max-width: 260px;
    float: left;
    width: 100%;
    padding: 45px 0;
    text-align: center;
  }
  #boardMember div.naname06 .box{
    max-width: 260px;
    float: left;
    width: 100%;
    padding: 45px 0;
    text-align: center;
  }
  #boardMember div.naname03 .box{
    max-width: 267px;
    float: left;
    width: 100%;
    padding: 35px 0;
    text-align: center;
  }
  #boardMember div.naname05 .box{
    max-width: 267px;
    float: left;
    width: 100%;
    padding: 35px 0;
    text-align: center;
  }
  #boardMember div.naname07 .box{
    max-width: 267px;
    float: left;
    width: 100%;
    padding: 35px 0;
    text-align: center;
  }
  #boardMember div.naname02{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname04{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname06{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname02::before{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #C3D0D6;
  }
  #boardMember div.naname04::before{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #C3D0D6;
  }
  #boardMember div.naname06::before{
    transform: skewX(-6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #C3D0D6;
  }

  #boardMember div.naname02::after {
    transform: skewX(-6deg);
    position: absolute;
    content: " ";
    border-bottom: solid 30px #08205C;
    width: 970PX;
    display: block;
    top: 0;
    left: 16px;
    transition-duration:1s;
}
#boardMember div.naname04::after {
  transform: skewX(-6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 970PX;
  display: block;
  top: 0;
  left: 16px;
  transition-duration:1s;
}
#boardMember div.naname06::after {
  transform: skewX(-6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 970PX;
  display: block;
  top: 0;
  left: 16px;
  transition-duration:1s;
}
#boardMember div.naname02-1::after {
  transform: skewX(-6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 16px;
  transition-duration:1s;
}
#boardMember div.naname04-1::after {
  transform: skewX(-6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 16px;
  transition-duration:1s;
}
#boardMember div.naname06-1::after {
  transform: skewX(-6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 16px;
  transition-duration:1s;
}

  #boardMember div.naname03{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname05{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname07{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      height: 336px;
      padding: 50px 60px 0;
      box-sizing: border-box;

  }
  #boardMember div.naname03::before{
    transform: skewX(6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname05::before{
    transform: skewX(6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname07::before{
    transform: skewX(6deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    height: 336px;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname03::after {
    transform: skewX(6deg);
    position: absolute;
    content: " ";
    border-bottom: solid 30px #C3D0D6;
    width: 971PX;
    display: block;
    top: 0;
    right: 16px;
      transition-duration:1s;
}
#boardMember div.naname05::after {
  transform: skewX(6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 971PX;
  display: block;
  top: 0;
  right: 16px;
    transition-duration:1s;
}
#boardMember div.naname07::after {
  transform: skewX(6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 971PX;
  display: block;
  top: 0;
  right: 16px;
    transition-duration:1s;
}
#boardMember div.naname03-1::after {
  transform: skewX(6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 16px;
    transition-duration:1s;
}
#boardMember div.naname05-1::after {
  transform: skewX(6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 16px;
    transition-duration:1s;
}
#boardMember div.naname07-1::after {
  transform: skewX(6deg);
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 16px;
  transition-duration:1s;
}
}
/*sp*/
@media all and (max-width:999px) {
  #board-member-page{
    padding: 80px 20px 60px;
  }
  #boardMember div.naname02 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember div.naname04 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember div.naname06 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember h2{
    margin-bottom: 50px;
  }
  #boardMember div.naname03 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember div.naname05 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember div.naname07 .box{
    width: 100%;
    padding: 25px 0 10px;
    text-align: center;
  }
  #boardMember div.naname02{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname04{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname06{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname02::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #c4d0d7;
  }
  #boardMember div.naname04::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #c4d0d7;
  }
  #boardMember div.naname06::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #c4d0d7;
  }
  #boardMember div.naname02::after {
    position: absolute;
    content: " ";
    border-bottom: solid 30px #08205C;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
        transition-duration:1s;
}
#boardMember div.naname04::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width:  100%;
  display: block;
  top: 0;
  left: 0;
      transition-duration:1s;
}
#boardMember div.naname06::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width:  100%;
  display: block;
  top: 0;
  left: 0;
      transition-duration:1s;
}
#boardMember div.naname02-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 0;
      transition-duration:1s;
}
#boardMember div.naname04-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 0;
      transition-duration:1s;
}
#boardMember div.naname06-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #08205C;
  width: 76PX;
  display: block;
  top: 0;
  left: 0;
      transition-duration:1s;
}
  #boardMember div.naname03{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname05{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname07{
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 50px;
      max-width: 970px;
      width: 100%;
      padding: 50px 20px 50px;
      box-sizing: border-box;
  }
  #boardMember div.naname03::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname05::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname07::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    max-width: 970px;
    width: 100%;
    border-top: 30px solid #08205C;
  }
  #boardMember div.naname03::after {
    position: absolute;
    content: " ";
    border-bottom: solid 30px #C3D0D6;
    width: 100%;
    display: block;
    top: 0;
    right: 0;
        transition-duration:1s;
}
#boardMember div.naname05::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 100%;
  display: block;
  top: 0;
  right: 0;
      transition-duration:1s;
}
#boardMember div.naname07::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 100%;
  display: block;
  top: 0;
  right: 0;
      transition-duration:1s;
}
#boardMember div.naname03-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 0;
      transition-duration:1s;
}
#boardMember div.naname05-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 0;
      transition-duration:1s;
}
#boardMember div.naname07-1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 30px #C3D0D6;
  width: 76PX;
  display: block;
  top: 0;
  right: 0;
      transition-duration:1s;
}
}
/*=======================================
privacy-policy-wrap
=======================================*/
#privacy-policy-wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 110px 0 60px;
}
#privacy-policy-wrap table{
  border: none;
}
#privacy-policy-wrap table tr{
  border: none;
}
#privacy-policy-wrap table tr th{
  background: #fff;
  color: #081E57;
  font-weight: 500;
  max-width: 294px;
  width: 20%;
  border: none;
  padding: 20px 20px 20px 0;
  vertical-align: top;
}
#privacy-policy-wrap table tr td{
  	word-break: break-all;/*url部分を折り返すように指示*/
    border: none;
    max-width: 686px;
    width: 80%;
    padding: 20px 0 20px 20px;
  }
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}
/*=======================================
header
=======================================*/
#company-about{
  max-width: 980px;
  margin: 0 auto;
}
.company-copy{
  color: #081E57;
  margin: 0;
}
#company-about .sub-text{
  font-size: 20px;
  color: #081E57;
}
#company-about .line{
  height: 1px;
  width: 100%;
  max-width: 340px;
  background: #B5C7D0;
  display: block;
}

#company-about .text{
  color: #262626;
  margin: 80px 0 0;
}

#company-table{
  max-width: 980px;
  margin: 0 auto;
}
#company-table table{
  border: none;
}
#company-table table tr{
  border-bottom: 1px solid #B5C7D0;
  border-left: 0;
}
#company-table table tr th{
  background: #fff;
  color: #262626;
  border: none;
  vertical-align: top;
  font-size: 15px;
}
#company-table table tr td{
	word-break: break-all;/*url部分を折り返すように指示*/
  border: none;
}
#company-about .sub-text{
  margin: 0;
}
/*pc*/
@media all and (min-width:1000px) {
  #company-about{
    padding: 120px 0 0;
  }
  .company-copy{
    font-size: 62px;
  }

  #company-table{
    padding: 80px 0 130px;
  }
  #company-table table tr th{
    max-width: 294px;
    width: 20%;
    padding: 40px 20px 40px 20px;
  }
  #company-table table tr td{
    max-width: 686px;
    width: 80%;
    padding: 40px 20px 40px 20px;
  }
}
/*sp*/
@media all and (max-width:999px) {
  #company-about{
    padding: 10px 20px 0;
  }
  .company-copy{
    font-size: 45px;
  }
  #company-table{
padding: 50px 20px 130px;
  }
  #company-table table tr th{
    width: 100%;
    padding: 30px 20px 0 20px;
    display: block;
  }
  #company-table table tr td{
    width: 100%;
    padding: 20px 20px 30px 20px;
    display: block;
    color: #08205C;
    font-weight: 500;
  }
}

@media all and (max-width:767px) {

#company-table table tr th {
    padding: 24px 20px 0 20px;
}
#company-table table tr td {
    padding: 10px 20px 24px 20px;
}
}

/*=======================================
contact page
=======================================*/
#contact-wrap{
	background: #F2F6F8;
}
#contact-wrap p{
	line-height: 2;
}
#contact-wrap p span.maru{
	font-size: 15px;
  line-height: 4;
  vertical-align: middle;
}
#contact-wrap p span.ten{
	line-height: 2;
	vertical-align: middle;
	margin: 0 2px;
}
#contact-wrap p span.text{
	line-height: 2;
  vertical-align: sub;
}

.tab_area label:hover{opacity:0.5;}
.form_wrap{background:#fff;}

.form_wrap .left{}
.form_wrap .left p:first-child {
	display: none;
}
.form_wrap .title{
	display: block;
	float: left;
	padding: 8px 0;
}
.form_wrap .title span.check{
	margin: 0 0 0 4px;
}
.wpcf7-list-item-label{
	text-align: center;
}
.form_wrap .left input.mail{
	width: 100%;
  display: block;
  max-width: 100%;
}

.form_wrap form label{}


.form_panel_area .btn03{
	text-align: center !important;
	margin: 60px auto 0;
}

.privacy-wrap p{
	text-align: left !important;
	line-height: 1.2;
}

.form_wrap .message{
	height: 275px;
}


.privacy-wrap{
  max-width: 800px;
  margin: 13px auto 40px;
}

.privacy{
	border: 1px solid #BEBEBE;
  height: 195px;
	overflow-y: scroll;
}
.privacy::-webkit-scrollbar {
    width: 18px;
    background: #D6D6D6;
}
.privacy::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #535353;
}
.privacy p.bold{}
.privacy p{}
div.wpcf7 .wpcf7-submit,
div.wpcf7 .wpcf7-confirm,
div.wpcf7 .wpcf7-back{
	line-height: 0;
	font-size: 15px;
  letter-spacing: .025em;
	padding: 0 0 0 4px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	transition: 0.5s;
	height: 82px;
	background: #08205C !important;
	border: 1px solid #08205C;
	line-height: 5.5;
}
div.wpcf7 .wpcf7-submit:disabled,
div.wpcf7 .wpcf7-confirm:disabled,
div.wpcf7 .wpcf7-back:disabled{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
}
div.wpcf7 .wpcf7-submit:disabled:hover,
div.wpcf7 .wpcf7-confirm:disabled:hover,
div.wpcf7 .wpcf7-back:disabled:hover{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
	color: #fff;
	box-shadow: none;
}

div.wpcf7 .wpcf7-submit:hover{
	background: #536183 !important;
	border: 1px solid #536183;
}
.wpcf7-not-valid-tip{
	text-align: left;
}
#contact-wrap p{
  text-align: center;
}
/*pc*/
@media all and (min-width:1180px) {
	#contact-wrap{
		padding: 30px 0 60px;
    position: relative;
    height: 1500px;
	}
	.tab_panel{width:100%; display:none; padding: 50px 90px 90px;}
	.form_wrap{
		max-width: 1180px;
		height: auto;
    margin: 40px auto 0 auto;
    right: 0;
    left: 0;
	}
	.form_wrap .left{
		max-width: 415px;
		float: left;
		width: 45%;
		text-align: left;
		margin: 0 77px 0 0;
	}
	.form_wrap .right{
		max-width: 507px;
    width: 51%;
    float: left;
	}
  .form_wrap .center{
    max-width: 800px;
    margin: 0 auto 30px auto;
    padding-top: 30px;
  }
	.tab_area label{
		width: 48%;
		margin: 0 10px;
		display: inline-block;
		padding: 16px 20px 0;
		color: #222;
		background: #E2E7EB;
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		transition: ease 0.5s;
		/*border-radius: 12px 12px 0px 0px;*/
		box-sizing: border-box;
		}
		.tab_area label:hover{
			opacity: 1;
			background: #fff;
		}
	.form_panel_area .btn03{
		width: 360px;
	}
	.privacy{
	  padding: 20px 50px 20px;
	}
	.form_wrap .wpcf7-form-control-wrap:not(.check):not(.wpcf7-submit):not(.your-message):not(.company-your-email):not(.menu-418):not(.acceptance-377):not(.menu-419):not(.message){

	}
	.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 100%;
	}

}
/*sp*/
@media all and (max-width:1179px) {
	#contact-wrap{
padding: 30px 0 1px;
        height: auto;
	}
  #contact-wrap .form_wrap{
    width: 90% !important;
      margin: 60px auto 100px!important;
  }
  #contact-wrap p.contact-about{
    width:90%;
    margin:0 auto;
  }
	.tab_panel{width:100%; display:none; padding: 50px 20px 90px;}
	.form_wrap{
		width: 90%;
		height: auto;
		margin: 50px auto;
	}
	.form_wrap .left{
		max-width: 415px;
		width: 100%;
		text-align: left;
		margin: 0 77px 0 0;
	}
	.form_wrap .right{
	  width: 100%;
	}
	.tab_area label {
    width: 47%;
    margin: 0 0 0 2%;
    display: inline-block;
    padding: 17px 20px;
    color: #999;
    background: #ddd;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    /*border-radius: 12px 12px 0px 0px;*/
    box-sizing: border-box;
}
.form_panel_area .btn03{
	width: 100%;
}
.privacy{
	padding: 20px 20px 20px;
}

.wpcf7-validates-as-tel{
	width: 100%;
}
div.wpcf7 .wpcf7-submit{
	padding: 0 !important;
}

}
/*=======================================
expert
=======================================*/
/*expert*/
#expert-about{
  max-width: 980px;
  position: relative;
}
.expert-copy{
font-size: 34px;
  color: #081E57;
}

#characteristics{
  background: #F2F6F8;
padding: 80px 0 60px;
}
#characteristics h2{
      margin: 0 0 50px;
}
#characteristics .maru{
  height: 50px;
      width: 50px;
      border-radius: 50%;
      line-height: 50px;
      text-align: center;
      background: #0B255F;
      color: #fff;
      font-size: 150%;
      margin: 0 auto;
}
#characteristics h3{
  font-size:17px!important;
}
#characteristics p.btn03{
}
#recruitingProjects h2{
  margin: 0 0 50px 0;
}
#recruitingProjects article{
  max-width: 980px;
  margin: 0 auto;
}
#recruitingProjects article p{
  margin: 0;
}
#recruitingProjects article a{
  text-decoration: none;
}
#recruitingProjects article a p{
  display: inline-block;
  margin: 0 20px 0 0;
  letter-spacing: 0.1em;
}
#recruitingProjects article .time{
  font-size: 17px;
  color: #7C7C7C;
  vertical-align: middle;
  line-height: 2;
}
#recruitingProjects article a h3.title{
  font-size: 15px;
  color: #262626;
  vertical-align: middle;
  line-height: 2;
  display: inline-block;
  margin: 0;
  font-weight: 400;
}
#recruitingProjects .btn03{
  margin: 56px 0 0 0;
}
#expertFlow{
  background: #F2F6F8;
padding: 80px 0 60px;
}
#expertFlow #flowContainer{
  max-width: 980px;
  position: relative;
  margin: 0 auto;
    text-align: center;
}
#expertFlow .flowBox{
  background: #fff;
      height: 114px;
      text-align: left;
      padding: 30px 35px 35px 35px;
}
#expertFlow .flowBox2{
background: #fff;
height: 177px;
text-align: left;
padding: 35px;
}
#expertFlow h4, #expertFlow p{
  margin:0;
  color:#262626;
}
#expertFlow p{
  margin-top: 0.5em;
      line-height: 1.75;
      letter-spacing: 0px;
}

#expertFlow h3:before {
  left:0;
}
#expertFlow h3:after {
  right: 0;
}
#expertFlow .triangle{
  margin-top: 35px;
}
#expertFlow span.triangle{
  border-top: 15px solid #D5DEE2;
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
}
#faq{
    padding: 80px 0 60px;
}
#faq h2{
  padding-bottom:50px;
}
#faq dl,
#faq dt,
#faq dd {
  margin: 0;
  padding: 0;
}

#faq dl {
  max-width: 980px;
      position: relative;
      margin: 0 auto;

}

#faq dt.faq {
  padding: 20px 20px 20px 40px;
      border-radius: 10px;
      position: relative;
      font-size: 20px;
      font-weight: 500;
}

#faq dd.faq {
    padding: 0 20px 20px 40px;
  border-radius: 10px;
  margin-top: 10px;
  background: #fff;
      color: #747474;
}

#faq dl span::before,
#faq dl span::after {
  content: '';
  display: block;
  width: 15px;
  height: 1px;
  border-radius: 5px;
  background:#707070;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left:0;
}

#faq dl span::after {
  background:#707070;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

#faq .active span::after {
  transform: rotate(0);
  transition: 0.5s;
}
#expert #about{

padding: 90px 60px;
      max-width: 1100px;
      margin: 95px auto 60px;
      border: 1px solid;
      overflow: auto;
}

#expert #about .contentwrap h2{
  text-align:left;
}
#expert #about p.btn01{
  margin: 30px 0 0 auto;
}
#recruitingProjects p{
  margin: 0 auto;
    max-width: 800px;
    text-align: center;
}
/*pc*/
@media all and (min-width:1000px) {

  #expert-about {
      margin: 120px auto 110px;
  }
  #expert-about p.about-text {
        width: 540px;
  }
  .expert-anime{
    position: absolute;
      bottom: 70px;
      right: 0;
      z-index: -1;
      width: 450px;
  }

  .anchorwrap{
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
#characteristics .box-container{
  max-width: 980px;
margin: 0 auto;
}

#characteristics .box{
  max-width: 300px;
  width: 33.33%;
  float: left;
  margin: 0px;
}

#characteristics .m34{
  margin: 0px 34px;
}
#characteristics .btn03 a{
    width: 310px!important;
height: 56px!important;
line-height: 3.5!important;
}
#recruitingProjects{
  padding: 114px 0 96px 0;
}

#expertFlow h3.title1{
  position: relative;
display: inline-block;
padding: 0 450px;
margin: 120px 0 60px;
font-size: 17px!important;
font-weight: 600;
letter-spacing: 3px;
}
#expertFlow h3.title2{
  position: relative;
display: inline-block;
padding: 0 410px;
margin: 120px 0 60px;
font-size: 17px!important;
    font-weight: 600;
    letter-spacing: 3px;
}
#expertFlow h3.title2:before, #expertFlow h3.title2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 370px;
  height: 1px;
  background-color: black;
}
#expertFlow h3.title1:before, #expertFlow h3.title1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 410px;
  height: 1px;
  background-color: black;
}
#expert #about .imagewrap{
  float: left;
  width: 36%;
  text-align: center;
  margin-top: 20px;
}
#expert #about .contentwrap{
  float: left;
      width: 60%;
      text-align: left;
}
#expert #about p.btn01{
    width: 280px;
}
}
/*sp/tb*/
@media all and (max-width:999px) {

#expert-about{
  margin: 90px auto 80px;
padding: 0 20px;
}
p.about-text{
  width:100%;
}

.page-id-118 p.about-text {
    width: 60%;
}
.expert-anime{
  margin: 0px 0 -50px;
  position: absolute;
    width: 35%;
    bottom: 230px;
    right: 0;
}

.anchorwrap p.btn05 a{
  height: 50px;
      margin: 20px 0;
      line-height: 2;
}

#recruitingProjects{
      padding: 90px 20px 70px;
}
#expertFlow{
      padding: 96px 0 105px;
}
#expertFlow h3.title1{
  display: flex;
  align-items: center;
  width: 90%;
  margin: 60px auto 30px;
      font-size: 17px!important;
      font-weight: 600;
      letter-spacing: 3px;
}
#expertFlow h3.title2{
  display: flex;
  align-items: center;
  width: 90%;
  margin: 60px auto 30px;
      font-size: 17px!important;
      font-weight: 600;
      letter-spacing: 3px;
}
#expertFlow h3.title2:before, #expertFlow h3.title2:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}
#expertFlow h3.title1:before, #expertFlow h3.title1:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}

#expertFlow h3.title1:before {
margin-right: 2rem;
}
#expertFlow h3.title1:after {
margin-left: 2rem;
}
#expertFlow h3.title2:before {
margin-right: 2rem;
}
#expertFlow h3.title2:after {
margin-left: 2rem;
}
#expertFlow .flowBox{
  width: 90%;
    height: auto;
    margin: 0 auto 40px;
padding: 4%;
}

#expertFlow .flowBox2{
  width: 90%;
    height: 12em;
    margin: 0 auto 40px;
padding: 4%;
}

#expertFlow .tbsp{
height: auto;
}
#faq{
padding: 60px 0 20px;
}
#faq dl{
  width:90%;
}
#faq dt.faq{
  font-size: 16px;
    width: 90%;
margin: 2% auto;
}
#faq dd.faq{
  padding: 0 5% 0 11%;
    margin: 0;
}
#expert #about{
  padding: 8%;
    margin: 10% auto 8%;
  width: 90%;
}
#expert #about .imagewrap{
  float: left;
  width: 38%;
  text-align: center;
  margin-top: 20px;
}
#expert #about .contentwrap{
  float: left;
      width: 60%;
      text-align: left;
}

#characteristics .maru{
      margin: 0 auto 15px;
}
.anchorwrap{
display: flex;
justify-content: space-between;
}
.anchorwrap .btn05{
    width: 330px;
}
}
/*スマホ調整用*/
@media screen and (max-width: 767px){
.expert-copy{
  font-size: 30px;
  margin-top:-40px;
}
.page-id-118 p.about-text {
    width: 100%;
}
  p.about-text{
    width:100%;
  }
  .expert-anime{
    position: relative;
    width: 100%;
    bottom: 0;
    right: 0;
  }
  #expertFlow h4{
    font-weight: 500;
  }
  #expertFlow .flowBox2{
    width: 90%;
      height: auto;
      margin: 0 auto 40px;
  padding: 4%;
  }
  #faq dd.faq{
    padding: 0 5% 0 15%;
      margin: 0;
          font-size: 12px;
  }
  #expert #about{
  padding: 8%;
margin: 20% auto 15%;
  width: 90%;
  }
  #expert #about .imagewrap{
    float: none;
        width: 50%;
        margin: 0 auto;
    }
  #expert #about .contentwrap{
    float: none;
        width: 100%;
        text-align: left;
  }
  #expert #about .imagewrap img{
    margin: 10px auto 20px;
      display: block;
  }
  #expertFlow .flowBox{
  padding: 9%;
  }

  #expertFlow .flowBox2{
  padding: 9%;
  }
  .anchorwrap {
      display: block;
      justify-content: normal;
  }

  .anchorwrap .btn05 {
    width: 100%;
}
}
/*=======================================
expert-form
=======================================*/
/*expert-form*/
#footer-contact-wrap{
	background: #F2F6F8;
}
#footer-contact-wrap p{
	line-height: 2;
}
#footer-contact-wrap p span.maru{
	font-size: 15px;
  line-height: 4;
  vertical-align: middle;
}
#footer-contact-wrap p span.ten{
	line-height: 2;
	vertical-align: middle;
	margin: 0 2px;
}
#footer-contact-wrap p span.text{
	line-height: 2;
  vertical-align: sub;
}

.tab_area label:hover{opacity:0.5;}
.form_wrap{background:#fff;}

.form_wrap .left{}
.form_wrap .left p:first-child {
	display: none;
}
.form_wrap .title{
	display: block;
	float: left;
	padding: 8px 0;
}
.form_wrap .title span.check{
	margin: 0 0 0 4px;
}
.wpcf7-list-item-label{
	text-align: center;
}
.form_wrap .left input.mail{
	width: 100%;
  display: block;
  max-width: 100%;
}

.form_wrap form label{}
.form_panel_area{
padding: 30px 50px 100px;
}
.expertForm{
  padding: 50px 50px 130px;
}
.form_panel_area .btn03{
	text-align: center !important;
	margin: 60px auto 0;
}

.privacy-wrap p{
	text-align: left !important;
	line-height: 1.2;
}

.form_wrap .message{
	height: 275px;
}


.privacy-wrap{
  max-width: 800px;
  margin: 13px auto 40px;
}

.privacy{
	border: 1px solid #BEBEBE;
  height: 195px;
	overflow-y: scroll;
}
.privacy::-webkit-scrollbar {
    width: 18px;
    background: #D6D6D6;
}
.privacy::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #535353;
}
.privacy p.bold{}
.privacy p{}
div.wpcf7 .wpcf7-submit,
div.wpcf7 .wpcf7-confirm,
div.wpcf7 .wpcf7-back{
	line-height: 0;
	font-size: 15px;
  letter-spacing: .025em;
	padding: 0 0 0 4px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	transition: 0.5s;
	height: 82px;
	background: #08205C !important;
	border: 1px solid #08205C;
	line-height: 5.5;
}
div.wpcf7 .wpcf7-back{
  margin:20px auto;
  background: #444 !important;
  border: 1px solid #444;
}
div.wpcf7 .wpcf7-submit:disabled,
div.wpcf7 .wpcf7-confirm:disabled,
div.wpcf7 .wpcf7-back:disabled{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
}
div.wpcf7 .wpcf7-submit:disabled:hover,
div.wpcf7 .wpcf7-confirm:disabled:hover,
div.wpcf7 .wpcf7-back:disabled:hover{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
	color: #fff;
	box-shadow: none;
}

div.wpcf7 .wpcf7-submit:hover{
	background: #536183 !important;
	border: 1px solid #536183;
}
.wpcf7-not-valid-tip{
	text-align: left;
}

/*pc*/
@media all and (min-width:1000px) {
  div.wpcf7 input[type="file"] {
      width: 305px;
  }
}
/*sp*/
@media all and (max-width:999px) {
  div.wpcf7 input[type="file"] {
      width: 305px;
  }
  .form_panel_area {
    padding: 30px 20px 100px!important;
}
}
/*sp*/
@media all and (max-width:767px) {
  .expertForm {
      padding: 50px 25px 130px;
  }
  .wpcf7 input[type="file"] {
    cursor: pointer;
    font-size: 12px;
    max-width: 238px;
}
.wpcf7-confirm{
        height: 64px!important;
        line-height: 4!important;
}
  .form_panel_area {
        padding: 30px 20px 10px;
        margin-top: -30px;
        margin-bottom: -30px;
    }
}




/*pc*/
@media all and (min-width:1000px) {
	#footer-contact-wrap{
		padding: 140px 0 60px;
    position: relative;
    height: 1400px;
	}
	#footer-contact-wrap .tab_panel{width:100%; display:none; padding: 50px 90px 90px;}
	#footer-contact-wrap .form_wrap{
		max-width: 1180px;
		height: auto;
    margin: 0 auto;
    right: 0;
    left: 0;
	}
		#footer-contact-wrap .form_wrap .left{
    max-width: 475px;
    float: left;
    width: 50%;
    text-align: left;
    margin: 0 77px 0 0;
	}
		#footer-contact-wrap .form_wrap .right{
		max-width: 507px;
    width: 51%;
    float: left;
    margin-top: -8px;
	}
  	#footer-contact-wrap .form_wrap .center{
    max-width: 800px;
    margin: 0 auto 30px auto;
    padding-top: 30px;
  }
		#footer-contact-wrap .tab_area label{
		width: 48%;
		margin: 0 10px;
		display: inline-block;
		padding: 16px 20px 0;
		color: #222;
		background: #E2E7EB;
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		transition: ease 0.5s;
		/*border-radius: 12px 12px 0px 0px;*/
		box-sizing: border-box;
		}
			#footer-contact-wrap .tab_area label:hover{
			opacity: 1;
			background: #fff;
		}
	 	#footer-contact-wrap .form_panel_area .btn03{
		width: 360px;
	}
		#footer-contact-wrap .privacy{
	  padding: 20px 50px 20px;
	}
	.form_wrap .wpcf7-form-control-wrap:not(.check):not(.wpcf7-submit):not(.your-message):not(.company-your-email):not(.menu-418):not(.acceptance-377):not(.menu-419):not(.message){

	}
	.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 100%;
	}
	#footer-contact-wrap p{
		text-align: center;
	}
}
/*pc-小さい画面*/
@media all and (max-width:1160px) {
  #footer-contact-wrap {
		height: auto;
	}
	#footer-contact-wrap .form_wrap{
		max-width: 980px;
	}
		#footer-contact-wrap .form_wrap .left{
    max-width: 300px;
	}
		#footer-contact-wrap .form_wrap .right{
		max-width: 500px;
	}
  	#footer-contact-wrap .form_wrap .center{
    max-width: 800px;
    margin: 0 auto 30px auto;
    padding-top: 30px;
  }
		#footer-contact-wrap .tab_area label{
		width: 48%;
		margin: 0 10px;
		display: inline-block;
		padding: 16px 20px 0;
		color: #222;
		background: #E2E7EB;
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		transition: ease 0.5s;
		/*border-radius: 12px 12px 0px 0px;*/
		box-sizing: border-box;
		}
			#footer-contact-wrap .tab_area label:hover{
			opacity: 1;
			background: #fff;
		}
	 	#footer-contact-wrap .form_panel_area .btn03{
		width: 360px;
	}
		#footer-contact-wrap .privacy{
	  padding: 20px 50px 20px;
	}
	.form_wrap .wpcf7-form-control-wrap:not(.check):not(.wpcf7-submit):not(.your-message):not(.company-your-email):not(.menu-418):not(.acceptance-377):not(.menu-419):not(.message){
		max-width: 305px;
	  float: right;
	}
	.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 100%;
	}
	#footer-contact-wrap p{
		text-align: center;
	}
}
/*sp*/
@media all and (max-width:999px) {
  #footer-contact-wrap{
		padding: 80px 0 0;
	}

	#footer-contact-wrap .tab_panel{
      width:100%; display:none; padding: 50px 20px 90px;
  }
	.form_wrap{
		width: 100%;
		height: auto;
		margin: 20px auto;
	}
		#footer-contact-wrap .form_wrap .left{
      max-width: 274px;
      width: 60%;
      text-align: left;
      margin: 0px 70px 0 0;
      float: left;
	}
		#footer-contact-wrap .form_wrap .right{
      width: 45%;
      max-width: 293px;
      float: left;
	}

		#footer-contact-wrap .tab_area label {
    width: 47%;
    margin: 0 0 0 2%;
    display: inline-block;
    padding: 17px 20px;
    color: #999;
    background: #ddd;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    /*border-radius: 12px 12px 0px 0px;*/
    box-sizing: border-box;
}
 	#footer-contact-wrap .form_panel_area .btn03{
	width: 100%;
}
	#footer-contact-wrap .privacy{
	padding: 0px 20px 20px;
}

	#footer-contact-wrap .wpcf7-validates-as-tel{
	width: 100%;
}
div.wpcf7 .wpcf7-submit{
	padding: 0 !important;
}
}
/*sptb*/
@media all and (max-width:999px) {
#footer-contact-wrap {
    padding: 80px 5% 20px;
  text-align: center;
}

}

  /*スマホ調整用*/
  @media screen and (max-width: 767px){

    #footer-contact-wrap .form_wrap .left{
		max-width: 415px;
		width: 100%;
		text-align: left;
		margin: 0 77px 0 0;
	}
		#footer-contact-wrap .form_wrap .right{
    width: 100%;
    max-width: 100%;
	}
  .form_wrap{
	   margin: 50px 0 30px;
	}
}
/*=======================================
expert-formEnd
=======================================*/
/*expert-form*/
/*

/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}

/*=======================================
common
=======================================*/
/*media
_______________________________________*/
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}

/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1000px) {}
/*sp*/
@media all and (max-width:999px) {}


  /*recent project ツールチップ*/
.tooltip {
  		width: 160px;
  		    padding: 10px;
  		    font-size: 12px;
  		    margin: -30px 0 0;
  		    background-color: #666;
  		    color: #fff;
  		    position: absolute;
  		    right: 32px;
  		    top: 110%;
  	}
.tooltip:before {
  		right: 85%;
      top: -20%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-color: rgba(102, 102, 102, 0);
      border-right-color: #666;
      border-width: 8px;
      margin-top: -2px;
      transform: rotate(90deg);
  	}

p.noarticles{
  text-align: center;
  margin: 50px auto 0;
}


@media screen and (min-width:768px){
  .lead-text{
letter-spacing:4px;
  }
}


/*202106一時変更用*/

@media (min-width: 1000px){
#projectManagement-about {
    margin: 120px auto 200px!important;
}
.projectManagement-anime {
    bottom: -235px!important;
}
}
@media (max-width: 999px){
.projectManagement-anime {
    bottom: -10%!important;
}
}
@media screen and (max-width: 767px){
.projectManagement-anime {
    bottom: 0!important;
}
}

/*202112 有料職業紹介*/
#epIntro{
  max-width: 980px;
  margin: 0 auto;
}

#epFeature{
      padding: 60px 0 40px;
}
#epFlow{
  max-width: 980px;
  margin: 0 auto;
}
.heading14 {
	position: relative;
	padding-left: 80px;
	font-size: 20px!important;
}

.heading14::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: rgba(63,193,201,0.3);
	font-size: 50px;
}

.heading14::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: rgba(63,193,201,1);
}
@media (min-width: 1000px){
#epIntro{
    padding: 100px 0 70px;
}
#epFeature{
      padding: 60px 0 40px;
}
#epFlow{
    padding: 100px 0 70px;
}
}
@media (max-width: 999px){
#epIntro {
    padding: 60px 20px 40px;
}
#epFlow {
    padding: 60px 20px 40px;
}
}