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

body{
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
.bg-000{
  background:#020000;
}

.bg-000 h2,.bg-000 h3,.bg-000 h4,.bg-000 h5,
.bg-000 td,.bg-000 th,
.bg-000 dd,.bg-000 dt,
.bg-000 div,
.bg-000 li,
.bg-000 p,
.bg-000 small,
.bg-000 em,
.bg-000 a{
  color: #fff;
}
.mono .c-gray40{
  color: #666;
}


/*スクロールバー非表示（Chrome・Safari）*/
.content-ph-naname::-webkit-scrollbar,
.content::-webkit-scrollbar{
  display:none;
}

/* =========================
  common
========================= */
.mono .mt_4{margin-top: 4px;}
.mono .mt_8{margin-top: 8px;}
.mono .mt_16{margin-top: 16px;}
.mono .mt_20{margin-top: 20px;}
.mono .mt_24{margin-top: 24px;}
.mono .mt_32{margin-top: 32px;}
.mono .mt_36{margin-top: 36px;}
.mono .mt_40{margin-top: 40px;}
.mono .mt_48{margin-top: 48px;}
.mono .mt_56{margin-top: 56px;}
.mono .mt_72{margin-top: 72px;}
.mono .mt_100{margin-top: 100px;}
.mono .mt_120{margin-top: 120px;}


/* margin-bottom */
.mono .mb_4{margin-bottom: 4px;}
.mono .mb_8{margin-bottom: 8px;}
.mono .mb_16{margin-bottom: 16px;}
.mono .mb_20{margin-bottom: 20px;}
.mono .mb_24{margin-bottom: 24px;}
.mono .mb_32{margin-bottom: 32px;}
.mono .mb_36{margin-bottom: 36px;}
.mono .mb_40{margin-bottom: 40px;}
.mono .mb_48{margin-bottom: 48px;}
.mono .mb_56{margin-bottom: 56px;}
.mono .mb_72{margin-bottom: 72px;}
.mono .mb_100{margin-bottom: 100px;}
.mono .mb_120{margin-bottom: 120px;}


/* padding-bottom */
.mono .pb_4{padding-bottom: 4px;}
.mono .pb_8{padding-bottom: 8px;}
.mono .pb_16{padding-bottom: 16px;}
.mono .pb_20{padding-bottom: 20px;}
.mono .pb_24{padding-bottom: 24px;}
.mono .pb_32{padding-bottom: 32px;}
.mono .pb_36{padding-bottom: 36px;}
.mono .pb_40{padding-bottom: 40px;}
.mono .pb_48{padding-bottom: 48px;}
.mono .pb_56{padding-bottom: 56px;}
.mono .pb_72{padding-bottom: 72px;}
.mono .pb_100{padding-bottom: 100px;}
.mono .pb_120{padding-bottom: 120px;}

.mono .clear{
  clear: both;
  padding: 0;
  margin: 0;
}
.chu{
  text-align: center;
  font-size: 12px;
}
.t_right{text-align: right;}
.t_center{text-align: center;}
.mono .m_auto{
  margin:0 auto;
  display: table;
}

.serif{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mono em,
.mono strong{
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}

.mono a{
  text-decoration: none;
}

.mono hr{
  border: none;
}

.mono h1,.mono h2,.mono h3,.mono h4,.mono h5,
.mono article,.mono section,.mono header,.mono footer,.mono address,
.mono dl,.mono ul,.mono ol,.mono div,.mono span,.mono table,
.mono p,.mono li,.mono dt,.mono dd,.mono th,.mono td,.mono tr,
.mono span,.mono a,.mono em,.mono strong,.mono small{
  margin: 0;
  padding: 0;
  font-style: normal;
}

.mono p,
.mono li,
.mono th,
.mono td{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
.mono li{
  list-style: none;
}

.mono table{
  border-collapse: collapse;
}
.mono ul.dot li{
  padding-left: 1rem;
  text-indent: -1rem;
}
.mono ul.dot li::before{
  content: '・';
}


.mono .title-en-r,
.mono .eng-r{
font-family: "source-sans-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.mono .eng-ita{
font-family: "source-sans-pro", sans-serif;
font-weight: 400;
font-style: italic;
}
.mono .title-en,
.mono .eng-b{
font-family: "source-sans-pro", sans-serif;
font-weight: 900;
font-style: normal;
letter-spacing: 0px;
}
.mono .eng-b-ita{
font-family: "source-sans-pro", sans-serif;
font-weight: 900;
font-style: italic;
}



.mono .title-01{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.1;
}
.mono p.title-02,
.mono .title-02{
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.1;
}
.mono .title-03{
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2px;
}
.mono .title-04{
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 2px;
}
.mono .title-05{
  font-size: 56px;
  font-weight: 700;
  letter-spacing: 2px;
}
.mono .title-06{
  font-size: 70px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 2px;
}
.mono .title-06.title-en{
  letter-spacing: 0.05rem;
}

.mono .title-07{
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1;
}
.mono .title-08{
  font-size: 150px;
  font-weight: 700;
  line-height: 1.1;
}


.mono .title-maru{
  padding: 8px 16px;
  border-radius: 16px;
  background: #61cae0;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-bottom: 16px;
background: rgba(97,203,224,1);
background: -moz-linear-gradient(-45deg, rgba(97,203,224,1) 0%, rgba(97,203,224,1) 7%, rgba(77,107,150,1) 51%, rgba(61,33,92,1) 85%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(97,203,224,1)), color-stop(7%, rgba(97,203,224,1)), color-stop(51%, rgba(77,107,150,1)), color-stop(85%, rgba(61,33,92,1)));
background: -webkit-linear-gradient(-45deg, rgba(97,203,224,1) 0%, rgba(97,203,224,1) 7%, rgba(77,107,150,1) 51%, rgba(61,33,92,1) 85%);
background: -o-linear-gradient(-45deg, rgba(97,203,224,1) 0%, rgba(97,203,224,1) 7%, rgba(77,107,150,1) 51%, rgba(61,33,92,1) 85%);
background: -ms-linear-gradient(-45deg, rgba(97,203,224,1) 0%, rgba(97,203,224,1) 7%, rgba(77,107,150,1) 51%, rgba(61,33,92,1) 85%);
background: linear-gradient(135deg, rgba(97,203,224,1) 0%, rgba(97,203,224,1) 7%, rgba(77,107,150,1) 51%, rgba(61,33,92,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61cbe0', endColorstr='#3d215c', GradientType=1 );
}

.mono .garadation {
background: rgb(244,238,255);
background: linear-gradient(90deg, rgba(244,238,255,1) 6%, rgba(91,201,223,1) 34%, rgba(214,114,223,1) 71%, rgba(131,85,222,1) 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mono .fa-fw{
  display: inline-block;
  padding-right: 8px;
}

.mono .inner{
  padding: 0 20px;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.mono .ph img{
  width: 100%;
  height: auto;
}

.mono .bottun-raund li:hover{
  transition:all .3s ease-out;
  transform: translateY(-1rem);
}
.mono .bottun-raund li{
  transition:all .3s ease-out;
}

.mono .bottun-raund li a{
  display: inline-block;
  border: solid 3px #fff;
  padding: 8px 16px;
  border-radius: 50px;
  color: #fff;
  letter-spacing: 2px;
}
.mono .content-bottum{
  padding: 70px 0;
}
.mono .content-bottum ul{
  display: flex;
  justify-content: center;
}
.mono .content-bottum ul li{
  padding: 0 8px;
}



.mono .display-none,
.mono .sp{
  display: none;
}

.mono .fix-image{
  background: url(../img/common/bg-image2-bl.png)no-repeat;
  background-size: 120%;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding-bottom: 150px;
}



@media screen and (max-width: 1179px) {

}
@media screen and (max-width: 1023px) {

  .fix-image{
    background: url(../img/common/bg-image-bl.png)no-repeat;
    background-size: 120%;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }


}
@media screen and (max-width: 767px) {
  .mono .sp{
    display: block;
  }
  .mono .pc{
    display: none;
  }

  .mono .title-01{
    font-size: 16px;
    font-weight: 700;
  }
  .mono .title-02{
    font-size: 18px;
    font-weight: 700;
  }
  .mono .title-03:after{
    content: '';
    display: block;
    margin-top: 8px;
    width: 56px;
    height: 2px;
    background: url(../img/common/bg-purple.png)no-repeat;
    background-size: 120%;
    background-position: center;
  }
  .mono .title-03{
    font-size: 14px;
    font-weight: 700;
  }
  .mono .title-04{
    font-size: 28px;
    font-weight: 700;
  }
  .mono .title-05{
    font-size: 40px;
    font-weight: 700;
  }
  .mono .title-06{
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
  }
  .mono .title-07{
    font-size: 70px;
    font-weight: 700;
    /*letter-spacing: -0.3rem;*/
    line-height: 1.1;
  }
  .mono .title-08{
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -0.3rem;
    line-height: 1.1;
  }
  #page-top .fix-image>.inner{
    padding: 0px;
  }



}
@media screen and (max-width: 460px) {

}  


/**　.content-main-v
*********************************/

.mono .content-main-v{
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, .6),  rgba(0, 0, 0, .6)),  url(../img/index/main-v01.jpg)no-repeat;
  background-position: center;
  background-size: cover;

  -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.75);
}
.mono .content-main-v .inner{
  position: relative;
  padding: 200px 20px 250px;
  max-width: 1400;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  }

.mono .content-main-v:after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  /*background: url(../img/common/top-image-bl.png)no-repeat;*/
  background-position: center;
  background-size: cover;
  mix-blend-mode: Color-dodge;
  mix-blend-mode: lighten;
  opacity: 0.1;
}

.mono .content-main-v .logo-onestep{
  display: table;
  margin: 0 auto;
  text-align: center;
  transform: rotate(-7deg);
}
.mono .title-en span,
.mono .content-main-v .logo-onestep h2 span{
  padding-left: 16px;
  display: inline-block;
}
.mono .content-main-v .logo-onestep h2{
  line-height: 0.9;
  text-align: center;
}
/*
.mono .content-main-v .logo-onestep h2:after{
  content: '2025';
  font-family: "poster-cut-neue", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  line-height: 1.1;
  font-size: 120px;
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  background: rgb(244,238,255);
  background: linear-gradient(90deg, rgba(244,238,255,1) 6%, rgba(91,201,223,1) 34%, rgba(214,114,223,1) 71%, rgba(131,85,222,1) 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

/*
.mono .content-main-v .logo-onestep div{
  mix-blend-mode: overlay;
}
.mono .content-main-v .logo-onestep h2,
.mono .content-main-v .logo-onestep p{
  mix-blend-mode: overlay;  color: #fff;
}
*/
.mono .content-main-v .logo-onestep .fukusei{
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 1;
  opacity: 0.9;
}


.mono .content-main-v .news-top{
  position: absolute;
  right: 0px;
  bottom: 50px;
  z-index: 2;
}
.mono .news-top{
  max-width: 320px;
  padding: 0 20px;
}
.mono .content-main-v .news-top div{
  border-bottom: solid 1px #efefef;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.mono .news-top .day{
  font-weight: 700;
  margin-bottom: 8px;

}
.mono .news-top p{
  font-size: 12px;
  color: #fff;}

.content-main-v + .content-bottum{
  padding-bottom: 120px;
}

.mono footer .content-main-v:after{
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 92%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(9%, rgba(0,0,0,1)), color-stop(92%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 92%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 92%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 92%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 92%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.mono footer .content-main-v {
    position: relative;
    background: url(../img/index/main-v01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 50px 100px;
    background-color: rgba(000, 000, 000, 0.5);
    background-blend-mode: multiply;
}
.mono footer .content-main-v .logo-onestep h2:after{
  display: none;
}
.mono footer .content-main-v .logo-onestep h2{
  padding-right: 0;
}
.mono footer .content-main-v .logo-onestep .title-01{
  background: #000;
  padding: 8px;
  margin-top: 16px;
}
.mono footer section + .content-bottum{
  padding-top: 100px;
  padding-bottom: 0;
  margin-top: 56px;
}
.mono footer address{
  text-align: center;
  padding: 16px 20px;
}
.mono footer address p{
  font-size: 12px;
}
.mono .to_top{
    position: fixed;
    z-index: 99;
    bottom: 0px;
    right: 0;
    padding: 8px 16px;
    color: #666;
    background: #181818;
    opacity: 0.7;
    transition:all .3s ease-out;
}
.mono .to_top:hover{
    color: #fff;
    opacity: 1;
    transition:all .3s ease-out;
}
.mono .content-main-v .content-bottum .inner{
padding: 0px 50px 0px;
}

@media screen and (max-width: 1179px) {

}
@media screen and (max-width: 1023px) {



}
@media screen and (max-width: 767px) {
  .mono footer .content-main-v{
    padding: 150px 50px;
  }
  .mono footer section + .content-bottum {
    padding-top: 100px;
    padding-bottom: 0;
    margin-top: 0px;
  }
  .mono .content-main-v .content-bottum .inner{
  padding: 0px;
  }

  .mono .content-main-v .inner{
    padding: 180px 50px 270px;
  }


  .mono .content-main-v .logo-onestep h2{
    font-size: 56px;
    padding-right: 0;
    line-height: 0.9;
  }
  .mono .content-main-v .logo-onestep h2:after{
  bottom:0rem;
  right: auto;
  left: 0;
  font-size: 100px;
  line-height: 1.1;
  }
  .mono .content-main-v .logo-onestep p{
    mix-blend-mode: overlay;  color: #fff;
  }

  .mono .content-bottum ul {
      display: table;
      margin: 0 auto;
  }
  .mono .content-bottum ul li a{
    min-width: 210px;
  }
  .mono .content-bottum ul li + li{
    margin-top: 16px;
  }

}
@media screen and (max-width: 460px) {

  .mono .news-top {
      max-width: 100%;
      padding: 0 50px;
  }


.mono .content-main-v .logo-onestep h2 {
    font-size: 54px;
    line-height: 0.9;
}
.mono .content-main-v .logo-onestep h2:after {
    font-size:88px;
    line-height: 1.1;
}

}  
/*-detail-content-------------------------*/

.mono #one-step-festival{
  margin-top: 50px;
}
/*
.mono .border01{
  border: solid 8px #efefef;
}*/
.mono .content-ph-naname .title-03,
.mono .detail-content .title-03{
  margin-bottom: 24px;
}

.mono .detail-content .border01{
  padding: 50px;
  min-height: 400px;
}

.mono .detail-content{
  position: relative;
  max-width: calc(100% - 120px);
  width: calc(100% - 120px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
}
.mono .detail-content .ph{
  position: absolute;
  top: -50px;
  right: -0px;
  max-width: 610px;
  z-index: 1;
  line-height: 1;
  opacity: 0;
}
.mono .detail-content .tx-conte{
  max-width: 360px;
}
.tx ul li + li{
  margin-top: 8px;
}
.mono .detail-content .tx p{
  line-height: 1.8;
}
.mono .detail-content .tx p.title-02{
  line-height: 1.1;
  margin-top: 24px;
}
.mono .detail-content.reverse .ph{
  top: -50px;
  left: 0px;
}
.mono .detail-content.reverse .tx-conte{
  float: right;
}
.mono .detail-content.reverse .tx-conte:after{
  display: block;
  clear: both;
}

.mono .detail-content + .detail-content{
  margin-top: 150px;
}
.mono .detail-content.last{
  margin-bottom: 150px;
}


#budget .tx-conte ul{
  border-top: solid 1px #efefef;
  border-bottom:solid 1px #efefef;
  padding-top: 16px;
  margin-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.mono .detail-content .inner{
  position: relative;
}
.mono .detail-content .title-large{
  position: absolute;
  left: -50px;
  top: 90px;
  transform: rotate(90deg);
  z-index: -1;
}
.mono .detail-content.reverse .title-large{
  left: auto;
  right: -50px;
}
.mono .detail-content .title-large h2{
  color: #181818;
  font-size: 80px;
  line-height: 1;
}


@media screen and (max-width: 1179px) {


  .mono .detail-content .ph {
      max-width: calc(100% - 500px);
  }
  .mono .detail-content .border01 {
      min-height: 300px;
  }

}
@media screen and (max-width: 1023px) {
  .mono #one-step-festival{
    margin-top: 0px;
  }

  .content-main-v + .content-bottum {
      padding-bottom: 70px;
  }

  .mono .detail-content + .detail-content {
      margin-top: 100px;
  }
  .mono .detail-content.last{
    margin-bottom: 100px;
  }

  .mono .detail-content .inner {
      padding: 0 50px;
  }
  .mono .detail-content {
      max-width: 100%;
      width: 100%;
      overflow-x: hidden;
    }
  .mono .detail-content .ph {
    position: relative;
      max-width: 100%;
      left: auto;
      right: -120px;
      top: 0;
      margin-top: 32px;
  }
  .mono .detail-content.reverse .ph{
    position: relative;
      max-width: 100%;
      left: -120px;
      top: 0;
      margin-top: 32px;
  }

  .mono .detail-content .tx-conte {
      max-width: 100%;
  }
  .mono .detail-content.reverse .tx-conte{
    float: none;
  }



}
@media screen and (max-width: 767px) {
  .mono .detail-content.reverse .ph,
  .mono .detail-content .ph {
    position: relative;
      max-width: 140%;
      width: 140%;
    }
  .mono .detail-content .ph {
      right: 0px;
      top: 0;
      margin-top: 32px;
  }
  .mono .detail-content.reverse .ph{
      left: -40%;
      top: 0;
      margin-top: 32px;
  }


  .mono .detail-content + .detail-content {
      margin-top: 70px;
  }
  .mono .detail-content.last{
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 460px) {

  .mono .detail-content .border01 {
    padding: 30px;
  }

}  


/*--content-ph-naname------------------------*/
.mono .content-ph-naname{
  padding: 200px 110px;
  position: relative;
  overflow: hidden;
}

.mono .content-ph-naname .naname{
  position: absolute;
  width: calc(100% - 360px - 70px);
}

.mono .content-ph-naname .naname.right{
  top: 160px;
  right: -10%;
  transform: rotate(-25deg);
  }
.mono .content-ph-naname .naname.left li,
.mono .content-ph-naname .naname.right li{
    position: relative;
  }
.mono .content-ph-naname .naname.right li:nth-child(1){
  right: -20%;
}
.mono .content-ph-naname .naname.right li:nth-child(3){
  right: -30%;
}
.mono .content-ph-naname .naname.left{
  top: 40%;
  left: -10%;
  transform: rotate(25deg);
  opacity: 0.1;
  }

.mono .content-ph-naname .naname.left li img{
  transform: scale(-1, 1);
}
.mono .content-ph-naname .naname.left li:nth-child(1){
  left: -25%;
}
.mono .content-ph-naname .naname.right.bottom{
  top: auto;
  bottom: 150px;
  right: -10%;
  transform: rotate(-25deg);
  opacity: 0.1;
  }



.content-ph-naname .tx-conte{
  max-width: 360px;
  position: relative;
  z-index: 1;
}
.content-ph-naname .tx-conte + .tx-conte{
  margin-top: 70px;
}
.content-ph-naname .shedule,
.content-ph-naname .project{
  margin-top: 120px;
}
.content-ph-naname .project h2{
  text-align: center;
}


.mono .project {
  position: relative;
  z-index: 1;
}
.project .sp .conte-number{
  margin-top: 32px;
}
.mono .conte-number ul li:nth-child(1){
  margin-bottom: 8px;
}
.mono .conte-number ul.dot li:nth-child(1)::before{
  display: none;
}

.mono .conte-number ul + ul{
  margin-top: 12px;
}
.mono .conte-number ul:after{
  content: '';
  display: block;
  clear: both;
}
.mono .conte-number ul:before{
  content: '1';
  display: inline-block;
  padding: 24px;
  font-size: 18px;
  margin-right: 16px;
  background: url(../img/common/bg-purple.png)no-repeat;
  background-size: cover;
  float: left;
  border-radius: 6px;
  position: relative;
  top: -5px;
}
.mono .conte-number ul:nth-child(4):before,
.mono .conte-number ul:nth-child(3):before{
  background: url(../img/common/bg-blue.png)no-repeat;
  background-size: cover;
}
.mono .conte-number ul.no02:before{
  content: '2';
}
.mono .conte-number ul.no03:before{
  content: '3';
}
.mono .conte-number ul.no04:before{
  content: '4';
}
.mono .conte-number li{
  font-size: 12px;
  float: left;
  width: calc(100% - 80px);
}
.mono ul.bl + ul{
  margin-top: 24px;
}

.mono ul.bl{
  padding-top: 8px;
  padding-bottom: 8px;
}
.mono ul.bl.blue{
  border-left: 16px solid;
  border-image: url('../img/common/bg-blue.png') 30;  
}
.mono ul.bl.purple{
  border-left: 16px solid;
  border-image: url('../img/common/bg-purple.png') 30;  
}

.mono ul.dot.bl li {
    padding-left: 2rem;
    text-indent: -1rem;
}
.mono .bl.dot li{
  width: calc(100% - 16px - 8px);
}
.mono .bl.dot li:nth-child(1){
  margin-bottom: 8px;
}
.mono .bl.dot li:nth-child(1):before{
  display: none;
}
.mono ul.dot.bl li:nth-child(1){
    padding-left: 1rem;
    text-indent: -0rem;
}




@media screen and (max-width: 1179px) {

  .mono .content-ph-naname {
    padding: 170px 110px;
    overflow-x: hidden;

  }

}

@media screen and (max-width: 1023px) {
  .mono .content-ph-naname {
    padding: 100px 90px;
  }

  .mono .content-ph-naname .naname.right{
    top: 120px;
    right: -5%;
    transform: rotate(-25deg);
    }
  .mono .content-ph-naname .naname.left{
    left: -0%;
    transform: rotate(25deg);
    opacity: 0.1;
    }
  .content-ph-naname .shedule,
  .content-ph-naname .project{
    margin-top: 70px;
  }


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

  .mono .content-ph-naname {
    padding: 100px 30px 100px;
  }
  .content-ph-naname .tx-conte {
      max-width: 100%;
  }
  .mono .content-ph-naname .naname{
    position: absolute;
    width: calc(120% - 100px);
  }
  .mono .content-ph-naname .naname.right {
      top: 0px;
      right: -150px;
      opacity: 0.5;
  }
  .mono .content-ph-naname .naname.right li:nth-child(1) {
      right: -90px;
  }
  .mono .content-ph-naname .naname.right li:nth-child(3) {
      right: -160px;
  }
  .mono .content-ph-naname .naname.left {
      bottom: 100px;
      left: -160px;
  }

  .mono .content-ph-naname section + section{
    margin-top: 70px;
  }
  .content-ph-naname .project h2{
    text-align: left;
  }


}
@media screen and (max-width: 460px) {

  .mono .content-ph-naname .naname.right {
      top: 100px;
      right: -50px;
  }
  .mono .content-ph-naname .naname.left {
      
      left: -70%;
  }


}

/*--page-news------------------------*/
.mono .single-page{
  padding: 150px 0;
}


#page-news .inner{
  display: table;
  margin: 0 auto;
  max-width: 700px;  
}
#page-news .title-maru{
  display: table;
  margin: 0 auto 70px;
}
#page-news .one-news{
  padding-bottom: 15px;
  border-bottom: solid 1px #181818;
}
#page-news .one-news + .one-news{
  margin-top: 30px;
}
#page-news .title-part{
  margin-bottom: 15px;
  position: relative;
}


#page-news .title-part .categry{
  display: inline-block;
  margin-left: 16px;
  padding: 4px 4px;
  border: solid 1px #666;
  font-size: 12px;
  position: relative;
  top: -5px;
}
#page-news .title-part .categry a,
#page-news .title-part .day{
  color: #666;  
}

#page-news .one-news .title{
  color: #fff;    
}
#page-news .one-news .detail p{
  color: #666;  
}


/**********/
.mono .single-page-sidber {
  padding: 150px 0;
  width: 100%;
}
.mono .single-page-sidber .inner{
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
}
.single-page-sidber .side-ber .sideSection-col-two{
  width: 100%;
}
.single-page-sidber .side-ber{
  width: calc(25% - 3rem);
  padding-left: 3rem;
}
.single-page-sidber .post{
  width: 75%;
}
.single-page-sidber #page-news.single .one-news .title{
  padding-bottom: 16px;
  margin-bottom: 16px;
  color: #fff;
  font-size: 16px;
  border-bottom: solid 1px #181818;
}
.single-page-sidber .post .detail{
  margin-top: 16px;
}

.mono .single-page .inner{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/*--inquiry------------------------*/
#inquiry h2{
  margin-bottom: 70px;
}

#inquiry .wpcf7 label{
  width: 100%;
  display: block;
  color: #666;
}
#inquiry .wpcf7 form p{
  color: #666;
}
#inquiry .wpcf7 form p + p{
  margin-top: 16px;
}


#inquiry .single_post_container{
  max-width: 700px;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#inquiry .wpcf7-form-control-wrap{
  margin-top: 6px;
  display: block;
}
#inquiry input.wpcf7-submit{
  margin-left: auto;
  margin-right: auto;
  display: table;
}
#inquiry .input{
  margin-top: 24px;
}

.btn-primary{
  background: #2e6da4;
  transition:all .3s ease-out;
}
.btn-primary:hover {
    color: #fff;
    background-color: #3e215c;
    border-color: #3e215c;
    transition:all .3s ease-out;
}

#inquiry.confirm form p{
  border-bottom: solid 1px #181818;
  padding-bottom: 16px;
}
#inquiry.confirm form p + p{
  margin-top: 16px;
}
#inquiry.confirm form p .input-tx{
  display: block;
  color: #fff;
  margin-top: 8px;
}

#inquiry.confirm .flex{
  display: flex;
  justify-content: center;
}
#inquiry.confirm .flex .return input{
  background: #61cae0;
  transition: all .3s ease-out;
}

#inquiry.confirm .flex .input:hover input{
    background: #3e215c;
    transition: all .3s ease-out;
}
#inquiry.confirm .flex input{
    background: #2e6da4;
    transition: all .3s ease-out;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin: 0 8px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
p.need:before{
  content: '(*必須)';
  color: #D6000F;
}



@media screen and (max-width: 1179px) {
  .single-page-sidber .side-ber{
    width: calc(40% - 3rem);
    padding-left: 3rem;
  }
  .single-page-sidber .post{
    width: 60%;
  }
}
@media screen and (max-width: 1023px) {



}
@media screen and (max-width: 767px) {
  .mono .single-page-sidber .inner{
    display: block;
  }
  .single-page-sidber .side-ber{
    width: 100%;
    padding-left: 0rem;
    margin-top: 70px;
  }
  .single-page-sidber .post{
    width: 100%;
  }

}
@media screen and (max-width: 460px) {

}  


/*--wordpressのもろもろリセット------------------------*/
.siteFooter {
  border: none;
  background:url(../img/common)no-repeat ;
}
.mono .subSection-title, h3 {
    padding-bottom: 8px;
    position: relative;
    border: none;
}
.mono .subSection-title:after,.mono h3:after{
  display: none;
}
.mono .mainSection-title,.mono h2{
  border: none;
}


.gMenu>li>ul.sub-menu {
    background-color: #191919;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    left: 50%;
    margin-left: -120px;
   width: 250px;
}
.header_scrolled .gMenu>li{
  border: none;
}

.vk-mobile-nav nav>ul {
    border-top: 1px solid #efefef
}
.vk-mobile-nav .vk-mobile-nav-menu-outer{
  width: calc(100% - 90px);
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #020000;
    border-bottom: 1px solid #efefef
}
.vk-mobile-nav{
  width: calc(100% + 10px);
  background: #fff;
}
.vk-mobile-nav .vk-mobile-nav-menu-outer {
    margin-bottom: 1.5rem;
    margin-top: 50px;
}

.siteFooter li>a:hover {
    text-decoration: none;
}
.breadSection .breadcrumb {
    position: absolute;
    right: 0;
}
.gMenu>li[class*=current]:before{
  width: 0;
}
.gMenu>li:hover:before{
  width: 100%;
}

.device-mobile .gMenu>li {
    padding: 0;
}

@media (min-width: 1200px){

  .mono .container,
  .mono  .container-lg,
  .mono  .container-md,
  .mono  .container-sm,
  .mono  .container-xl {
      max-width: 1140px;
      display: table;
      margin-left: auto;
      margin-right: auto;
}