/* レスポンシブ max-width 1030px*/
@media screen and (max-width:1030px){
  .pc-none{
    display: block;
  }
  /* ハンバーガーメニュー */
  #g-nav{
      position:fixed;
      z-index: 999;
      top:0;
      right: -120%;
      width:100%;
      height: 100vh;
      background:#fff;
      transition: all 0.6s;
  }
  #g-nav.panelactive{
      right: 0;
  }
  #g-nav ul {
      position: absolute;
      z-index: 999;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
      width: 70%;
  }
  #g-nav li{
      list-style: none;
      text-align: center;
  }
  #g-nav li a{
      color: #333;
      text-decoration: none;
      padding:10px;
      display: block;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
  }
  .gnav{
    padding: 15px 5%;
  }
  .gnav ul{
      flex-direction: column;
  }
  #g-nav li:nth-last-child(1) a{
    color: #fff;
  }
  /*========= ボタンのためのCSS ===============*/
  .openbtn{
      position:fixed;
      z-index: 9999;
      top:0;
      right: 0;
      cursor: pointer;
      width: 75px;
      height:75px;
      background-color:#1b2c75;
  }
      
  .openbtn span{
      display: inline-block;
      transition: all .4s;
      position: absolute;
      left: 20px;
      height: 3px;
      border-radius: 2px;
      background-color: #fff;
      width: 45%;
  }

  .openbtn span:nth-of-type(1) {
      top:27px;	
  }

  .openbtn span:nth-of-type(2) {
      top:37px;
  }

  .openbtn span:nth-of-type(3) {
      top:47px;
  }

  .openbtn.active span:nth-of-type(1) {
      top: 30px;
      left: 26px;
      transform: translateY(6px) rotate(-45deg);
      width: 30%;
  }

  .openbtn.active span:nth-of-type(2) {
      opacity: 0;
  }

  .openbtn.active span:nth-of-type(3){
      top: 42px;
      left: 26px;
      transform: translateY(-6px) rotate(45deg);
      width: 30%;
  }
  .cases-area{
    justify-content: center;
  }
  .cases-area figure{
    margin: 0 20px 50px;
  }
  .cases-area figcaption h4{
    margin: 5px 0;
  }
  .contact-content-01 form p{
    width: 170px;
  }
  .contact-content-01 .radio-wrap{
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
  }
  
}