@charset "UTF-8";
/*スマホ用
----------------------------------*/
/*@media only screen and (max-width: 1035px) {
  .FEATURE-box .text {width: 100%;}
.FEATURE-box .right {width: 100%;}
.FEATURE-box .left {width: 100%;}  
}*/

@media only screen and (max-width: 1200px) {
  /*ビジネスデータ*/
  .supportcontent .supportitem .item-left .sp_datatexit {
    display: block;
    padding-right: 3%;
    line-height: 1.5em;
    font-size: 13px;
  }
  .supportcontent .supportitem .item-left .detailtexit.pc_zone {
    display: none;
  }

  .supportcontent .supportitem .item-right .vertical-border .bulu .sp_bulu_subtexit {
    display: block;
    line-height: 1.5em;
    color: #409ECC;
  }

  .supportcontent .supportitem .item-right .vertical-border .bulu .bulu-subtexit {
    display: none;
  }

  .supportcontent .supportitem .item-right .vertical-border .space02 ul li{
    line-height:1.5em;
  }

  table .title01 {
    padding: 15px 0px;
  }

  table .title02 {
    padding: 15px 0px;
  }

  .bigarea-content-1 .img-area .big-img-texit .img-titl{
    font-size: 3.5vw;}


  .bigarea-content-1 .img-area .right-img {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 6%;
    width: 50%;
    height: 100%;
  }

  .bigarea-content-1 .img-area .big-img-texit .img-titl {
    font-size: 35px;
    font-family: "Shippori Mincho", serif;
    margin-bottom: 42px;
    margin-left: -230px;
    text-align: right;
}

.bigarea-content-1 .img-area .right-img {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 6%;
  width: 50%;
  height: 100%;

}

    .bigarea-content-1 .img-area .right-img {
        
        width: 50%;
        height: 100%;
        margin: auto;
        padding: 4%;
    }

  .top-business .right-area .bins-list .list-item a .imgs#img-1 {
    position: absolute;
    right: 0px;
    bottom: 40px;
  }

  .top-business .right-area .bins-list .list-item a .imgs#img-2 {
    position: absolute;
    right: 0px;
    bottom: 40px;
  }

  .top-business .right-area .bins-list .list-item a .imgs#img-3 {
    position: absolute;
    right: 0px;
    bottom: 40px;
  }

  .top-business .right-area .bins-list .list-item a .imgs#img-4 {
    position: absolute;
    right: 0px;
    bottom: 40px;
}




  .bigarea-content-1 .img-area .big-img-texit {
    width: 60%;
    margin-right: 6%;
    padding-bottom: 4%;
  }

  .top-business .left-area .circle02 {
    left: 30%;
    bottom: -38px;}

  .top-business .left-area .circle02 {
      left: 10%;
      bottom: -36px;
      right: auto;
      z-index: 999;
  }

  table .title01 {
    left: 14%;
}





  /*コンタクト*/
  .contactpagewrap__contact .form_name {
    width: 36%;}

    .bigarea-content .consal-menu .consal-menu-title {
      margin-left: 5%;
    }
}






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

  .profile-zone .profile .comp-name .texit .item-2{
    margin-bottom: 0px;
  }

  .comp-content .message .main-arrang .right-main-texit .main-texit {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    margin-bottom: 26px;
    width: 370px;
  }

  /*ビジネスデータ*/
  

  .content .Businessdata {
    display: block;

  }

  .content .Businessdata .summary {
    width: 100%;
  }

  .content .Businessdata .Suppliers {
    width: 100%;
  }

  .support .supportlist ul li {
    margin-top: 24px;
    width: 23%;
  }

  .support .supportlist ul li a .vertical {
    width: 97%;
    font-size: 2.5vw;
  }

  .support .supportlist ul li a {
    height: 85%;
  }
  

  .profile-zone {
    margin-top: 200px;
  }
  

  .comp-content .profile-zone .profile {
    width: 90%;
  }

  .comp-content .profile-zone .profile .profile-title {
    width: 30%;
  }

  .profile-zone .profile .comp-name {
    display: block;
    padding: 2% 0%;
  }

  .profile-zone .profile .comp-name .texit {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
  }

  .profile-zone .profile .comp-name .item-texit {
    margin-bottom: 10px;
    line-height: 1.5em;
  }

  .main-zone.pc-zone{
    display: block;
  }


  .comp-content .message {
    width: 562px;
    top: 260px;
    right: 0;
    left: auto;
  }

  .comp-content .biography {
    top: 815px;
  }

  


  .comp-content .message .message-title {
    padding: 32px 43px 32px 350px;
  }

  .comp-content .message .main-arrang {
    display: block;
  }

  .comp-content .message .main-arrang .left-vertical-texit {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 43px;
  }

  .comp-content .message .main-arrang .left-vertical-texit .vertical-texit{
    display: none;
    writing-mode: lr!important;
    margin-left: 0px;
    font-size: 22px;
    width: 336px;

  }

  .comp-content .message .main-arrang .left-vertical-texit .vertical-texit.sp-zone{
    display: block;

  }


  

  .comp-content .message .main-arrang .right-main-texit {
    width: max-content;
    margin: auto;
    margin-top: 28px;
  }

  .comp-content .biography .biography-texit {
    margin-top: 80px;
  
}


.nonaka-img img {
  width: 370px;
  margin-top: -155px;

}




.sp-navi .navi .menu ul li .link_btn {
  display: block;
  width: 100px;
  padding: 10px 10px;
  background-color: #A2F1FF;
  text-align: center;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
}

.sp-navi .logotext_img_sample{
  width: 50%;
  margin-bottom: 5%;
}

.navi.open ul{
  margin-top: 50px
}

.navi.open ul li {
  font-size: 14px;
  margin-bottom: 50px;
}

.headinformation__element-menu ul li {
  width: 120px;
}


.sp-navi .navi.open{
  width: 100%;

}

.border-radius{
  position: relative;
}



.sp-navi .navi .navi_title_img{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.sp-navi .navi .menu{
  width: 100%;
  margin-top: 25px;

}

.sp-navi .navi .menu ul li{
  text-align: center;
  font-size: 4vw;
  margin-bottom: 25px;
  font-family: "Oswald", sans-serif;
}

.sp-navi .navi .menu ul li a{
  display: flex;
  justify-content: center;
  font-size: 4vw;
}


table .left-mini-title {
  line-height: 2em;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

table .left-mini-title-novertical {
  padding: 20px 20px 20px 20px;
  text-align: center;
}

}


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



  .navi {
    opacity: 0;
    transition: 0.3s;
  }
  
  .navi.open {
    opacity: 1;
    transition: 0.3s;
  }
  
  table .title01 {
    left: 154px;
  }
  
  

  .headinformation__element h1 {
    width: 100%;
    max-width: 160px;
    margin: auto;
  }

  .sp-zone {display: block;}
.pc-zone {display: none;}

  .sp-br1{
    display: none;
  }

  .content .purposezone.sp-zone {
    display: block;
  }
  
  
  #businessdetails-pagezone .content .purposezone.sp-zone {
    display: block;
  }

  .content .Businessdata .summary .data-subtitle {
    font-size: 3.7vw;
  }

  .content .Businessdata .summary ul li {
    margin-bottom: 6px
  }

  .content .Businessdata .Suppliers ul li {
    margin-bottom: 6px;
}

.content .Businessdata .Suppliers ul li .font-13 {
  margin-top: 0px;
  font-size: 2.5vw;
}





  .bins-list .list-item.btm {
    border-bottom: 1px solid #ABABAB;
  }
  
  .circle-sp{
    display: block;
  }

  .hikokiarea-sp{
    display: block
  }

  .hikokiarea-sp p{
    display: block;
    position: relative;
    top: 225px;
    line-height: 0em!important;
    font-size: 25px!important;
    font-family: "Shippori Mincho", serif!important;
    color: #409ECC;
  }

  .titlearea .h1title {
    margin-top: 13%;
  }

  .hikokiarea-sp img{
    max-width: 95%;
    position: absolute;
    left: 2px;
    top: 63px;
  }

  #companyprofile-pagezone .hikokiarea-sp img{
    max-width: 100%;
    position: absolute;
    left: 2px;
    top: 63px;
  }
  #businessdetails-pagezone .hikokiarea-sp img{
    max-width: 85%;
    position: absolute;
    left: 2px;
    top: 63px;
  }

  #contact-pagezone .hikokiarea-sp img{
    max-width: 80%;
    margin-left: 7%;
    position: absolute;
    left: 2px;
    top: 23px;
  }

  #contact-confirm-pagezone .hikokiarea-sp img{
    max-width: 80%;
    margin-left: 7%;
    position: absolute;
    left: 2px;
    top: 23px;
  }

  #contact-thanks-pagezone .hikokiarea-sp img{
    max-width: 80%;
    margin-left: 7%;
    position: absolute;
    left: 2px;
    top: 23px;
  }

  .bigarea-content-1 .img-area {
    display: block;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 110px;
    background-color: #D3D3D3;
  }

  







  


  .sp-navi .navi .menu ul li .link_btn{
    display: flex;
    width: 300px;
    padding: 10px 10px;
    background-color: #A2F1FF;
    text-align: center;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .content .titlearea .hikokiarea {
    /* position: absolute; */
    /* right: -35px; */
    /* top: -18px; */
    display: none;
}


  /* ビジネスデータ*/
  #businessdetails-pagezone .content .Businessdata{
    display: contents;
  }
  
  #businessdetails-pagezone .content .support .supportlist ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-evenly;
  }

  #businessdetails-pagezone .content .support .supportlist ul li {
    
    padding-right: 5%;
    padding-left: 5%;
  }

  #businessdetails-pagezone .bigarea-content{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  #businessdetails-pagezone .bigarea-content .scroll_area{
    overflow-x: scroll;
    margin: 0;

  }

  #businessdetails-pagezone .bigarea-content .scroll{
    width: 1000px;
    
  }

  #businessdetails-pagezone .bigarea-content table .title02 {
    padding: 15px 120px 15px 60px;
  }

  .content .titlearea .hikokiarea {
    position: absolute;
    right: -35px;
    top: -18px;
  }

  #businessdetails-pagezone .content .titlearea .hikokiarea img {
    margin-right: 0px;
  }

  .border-radius {
    position: relative;
    top: 0px;
    right: 0px;
  }


  .support .supportlist ul li a img{
    position: absolute;
    bottom: 0px;
    right: -1px;
    width: 100%;
  }


  #businessdetails-pagezone .content .titlearea .hikokiarea p {
    margin-right: 53px;
    font-size: 5vw;
  }

  .supportcontent .supportitem {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .supportcontent .supportitem .item-left {
    width: 100%;
    text-align: justify;
  }
  .supportcontent .supportitem .item-left img {
    margin-top: 30%;
    position: relative;
    bottom: 10px;
    width: 50%;
  }

  .supportcontent .supportitem .item-left .sp_datatexit {
  font-size: 3vw;}


  .supportcontent .supportitem .item-right {
    width: 100%;
    text-align: right;
  }

  content .Businessdata .datatitle {
    margin-top: 50px;
  }

  .vw5{
    font-size: 5vw;
  }

  .vw4{

    font-size: 4vw;
  }
  .vw3{
    font-size: 3vw;
  }
  .vw2{
    font-size: 2vw;
  }

  .content .purposezone .purposetexit{
    margin-top: 60px;
    font-size: 3.6vw;
  }

  .content .purposezone .purpose{
    font-size: 6vw;
    line-height: 1.3em;
  }

  .content .Businessdata .datatitle{
    margin-top: 40px;
    font-size:5vw;
  }

  .content .Businessdata .summary .border {
    padding-right: 0px;
    line-height: 1.5em;
  }

  .content .Businessdata .Suppliers .border-2 {
    padding-right: 0px;
    line-height: 1.5em;
  }

  .content .Businessdata .summary ul li.vw3{
    font-size: 3vw;
  }

  .content .Businessdata .Suppliers ul li.vw3{
    font-size: 3vw;
  }

  .support .supportmain{
    margin-top: 70px;
    font-size: 5vw;
  }

  .support .supportlist ul li a .vertical {
    font-size: 3.5vw!important;
  }

  .support .supportlist ul li .supporttitle {
    font-size: 3vw;
    
  }

  .supportcontent .supportitem .item-left .subtitle {
    font-size: 5.5vw;
  }

  .supportcontent .supportitem .item-left .detailtexit {
    font-size: 4vw;

  }

  .supportcontent .supportitem .item-left .subtitle {
    font-size: 5.5vw;
  }

  .supportcontent .supportitem .item-right .eng-title{
    font-size: 5.5vw;
  }

  .supportcontent .supportitem .item-right .vertical-border .bulu .bulu-subtexit {
    font-size: 4vw;
  }

  .supportcontent .supportitem .item-right .vertical-border .bulu .consul{
    font-size: 5.5vw;
    line-height: 1.5em;
  }

  .supportcontent .supportitem .item-right .vertical-border .consullist li {
    font-size: 4vw;
    line-height: 1.3em;
    margin-bottom: 15px;
  }

  .supportcontent .supportitem .item-right .vertical-border .markerblk {
    font-size: 5.5vw;
  }

  .supportcontent .supportitem .item-right .vertical-border .space02 p {
    font-size:5.5vw;
  }

  .supportcontent .supportitem .item-right .vertical-border .space02 ul li {
    font-size: 4vw;
    line-height: 1.5em;
  }

  #businessdetails-pagezone .content .purposezone.sp-zone{
    display: block;
  
  }

  #businessdetails-pagezone .content .purposezone.pc-zone{
    display: none;
  }

  .supportcontent .supportitem .item-left .detailtexit.pc_zone{
    display: none;
  }

  .supportcontent .supportitem .item-left .sp_datatexit{
    display: block;
    font-size: 3.6vw;
    line-height: 1.5em;
    padding-right: 0!important;
  }
  
  .supportcontent .supportitem .item-right .vertical-border .bulu .bulu-subtexit{
    display: none;
  }

  .supportcontent .supportitem .item-right .vertical-border .bulu .sp_bulu_subtexit{
    display: block;
    font-size: 3.6vw;
    line-height: 1.5em;
    color: #409ECC;

  }
  
  .support .supportlist ul li {
    margin-top: 5%!important;
    width: 40%!important;
  }


  .bigarea-content-1 .img-area .right-img {
    margin: auto;
    display: block;
    width: 90%;
  }

  .bigarea-content-1 .img-area .big-img-texit {
    margin: auto;
    display: block;
    width: 90%;

  }

  .bigarea-content-1 .img-area .big-img-texit .img-titl {
    text-align: center;
    margin: 10% auto 10% auto;
    font-size: 5vw;
    display: none;
  }

  .bigarea-content-1 .img-area .img-titl-sp{
    display: block;
  text-align: center;
    margin:  auto ;
    font-size: 5vw;
    display: block;
    padding-top: 3%;
    padding-bottom: 5%;
  }

  .bigarea-content-1 .img-area .big-img-texit .img-texit {
    margin: auto;
    font-size: 3.5vw;
    max-width: 100%;
    margin-top: 10%;
    text-align: justify;
    
  }

  .bigarea-content-1 .img-area .big-img-texit img {
    margin: 10% auto 0% auto;
    width: 75%;
    padding-bottom: 5%;
  }

  .bigarea-content .consal-menu .consal-menu-title {
    width: 90%;
    font-family: "Shippori Mincho", serif;
    font-size: 6vw;
    margin-bottom: 7px;
    margin-right: auto;
    margin-left: 5%;

}

.scroll-sp{
  display: block;
  padding: 20px 0px 5px 0px;
  text-align: center;
  font-size: 2.5vw;
}

.profile-zone .profile .comp-name .min-title {
  font-size: 3vw;
}



  

  /*カンパニープロフィール*/
  #companyprofile-pagezone .content .titlearea .hikokiarea img {
    margin-right: 0px;
  }

  #companyprofile-pagezone .content .titlearea .hikokiarea p {
    margin-right: 46px;
  }

  #companyprofile-pagezone .content .purposezone.pc-zone{
    display: none;
  }

  #companyprofile-pagezone .content .purposezone.sp-zone{
    display: block;
  }

  .comp-content {
    width: 100%;
    margin-top: 0px;
  }

  .comp-content .main-zone.pc-zone {
    display: none;
  }

  .comp-content .main-zone.sp-zone {
    display: block;
    height: auto;
      
  }

  .comp-content .message {
    width: 100%;
    top: 0px;
    left: 0px;
    position: static;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .comp-content .message .message-title {
    padding: 5% 5% 5% 5%;
    font-size: 4vw;
    border-bottom: 1px solid #4682B4;
  }

  .comp-content .message .main-arrang {
    display: block;
  }

  .comp-content .message .main-arrang .left-vertical-texit {
    color: #4682B4;
    width: 90%;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    
  }

  .comp-content .message .main-arrang .left-vertical-texit .vertical-texit.sp-zone{
    display: block;
    writing-mode:lr ;
    font-size: 4.5vw;
    width: 100%;
    line-height: 1.3em;
  }

  .comp-content .message .main-arrang .left-vertical-texit .vertical-texit.pc-zone{
    display: none;
  }

  .comp-content .message .main-arrang .right-main-texit {
    width: 90%;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2em;
  }

  .comp-content .message .main-arrang .right-main-texit .main-texit {
    font-size: 3vw;
    line-height: 1.8em;
    text-align: justify;
    width: 100%;
  }

  .comp-content .message .main-arrang .right-main-texit .name-area .post {
    font-size: 3vw;
    margin-bottom: 15px;
  }

  .comp-content .message .main-arrang .right-main-texit .name-area .name {
    font-size: 4.5vw;
  }

  .comp-content .message .main-arrang .right-main-texit .name-area .eng-name {
    font-size: 3vw;
  }




  .comp-content .message .main-arrang .right-main-texit .name-area {
    margin-top: 48px;
    margin-left: 5px;
    padding-bottom: 38px;
  }

  .nonaka-img{
    position: static;
    margin-left: auto;
    margin-right: auto;
  }


  .nonaka-img img {
    width: 100%;
    margin-top: 0px;
  }

  .comp-content .biography{
    width: 100%;
    top:0px;
    position: static;
    margin-left: auto;
     margin-right: auto;
  }

  .comp-content .biography .biography-texit {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 34px;
    margin-left: auto;
    margin-right: auto;
  }

  .comp-content .biography .biography-texit .biography-title {
    font-size: 16px;
    padding-top: 50px;
    margin-bottom: 40px;
    font-size: 4vw;
  }

  .comp-content .biography .biography-texit .sp-main-texit {
    font-size: 3vw;
    line-height: 1.8em;
    padding-bottom: 44px;
    font-family: "Noto Serif JP", serif;
    text-align: justify;
  }

  .profile-zone {
    margin-top: 200px;
  }

  .comp-content .profile-zone .profile {
    width: 90%;
  }

  .comp-content .profile-zone .profile .profile-title {
    width: 30%;
    font-size: 3.5vw;
  }

  .profile-zone .profile .comp-name {
    display: block;
    padding: 2% 0%;
  }

  .profile-zone .profile .comp-name .texit {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    font-size: 3vw;
  }

  .profile-zone .profile .comp-name .item-texit {
    margin-bottom: 10px;
    line-height: 1.5em;}

/*ニュースリスト*/
  #news-pagezone .content .titlearea .hikokiarea p {
    
    font-size: 5vw;
    text-align: right;
    margin-right: 0px;
    margin-top: 60px;}


  #news-pagezone .content .newslist .listitem li .days {
    font-size: 4vw;
  }

  #news-pagezone .content .newslist .listitem li .newstitle {
    font-size: 3vw;
    line-height: 1.3em;
    width: 85%;
  }

  .content .newslist .listitem img {
    top: 50%;
        width: 5%;
  }


  #singlepagewrap .content .subtitle {
    margin-top: 5vw;
    
  }

  #singlepagewrap .content .wp-content .newscontent .newszone .days {
    font-size: 5vw;
  }

  #singlepagewrap .content .wp-content .newscontent .newszone .newstitle {
    font-size: 6vw;
  }

  #singlepagewrap .content .wp-content .newscontent .newszone .texitspace {
    font-size: 3vw;
  }

  #contact-pagezone .content .titlearea .hikokiarea {
    right: -40px;
    top: -18px;
  }

  #contact-pagezone .contactpagewrap__phone-head {
    max-width: 1000px;
    width: 90%;
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    line-height: 1.3em;
  }

    #contact-pagezone .contactpagewrap__phone-head span {
      padding-left: 8px;
      padding-bottom: 5px;
      padding-top: 5px;
      font-size: 5vw;
      width: 100%;
    }

  #contact-pagezone .contactpagewrap__phone-branch{
    max-width: 1000px;
    width: 90%;
  
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  #contact-pagezone .contactpagewrap__phone-branch span {
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 5vw;
    width: 100%;
  }

  

  #contact-pagezone .contactpagewrap__phone {
    display: block;
    align-items: center;
    background: #D3D3D3;
    text-align: left;
    text-align: center;
  }

  #contact-pagezone .contactpagewrap__phone h2 {
    width: 100%;
    
    padding-left: 0px;
    padding-top: 3%;
    text-align: center;
    font-size: 4vw
    
  }

  #contact-pagezone .content .purposezone .purposetexit {
    margin-top: 50px;
    text-align: justify;
   
  }

  #contact-confirm-pagezone .content .purposezone .purposetexit {
    margin-top: 50px;
   
  }

  #contact-pagezone .content .titlearea .hikokiarea p {
  margin-right: 30px;
  }

  .top-business .left-area .circle02 {
    bottom: -88px;
  }





  
















  #contact-confirm-pagezone .content .titlearea .hikokiarea {
    right: -40px;
    top: -18px;
  }

  #contact-confirm-pagezone .contactpagewrap__phone-head {
    max-width: 1000px;
    width: 90%;
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;}

    #contact-confirm-pagezone .contactpagewrap__phone-head span {
      padding-left: 8px;
      padding-bottom: 5px;
      padding-top: 5px;
      font-size: 5vw;
      width: 100%;
    }

  #contact-confirm-pagezone .contactpagewrap__phone-branch{
    max-width: 1000px;
    width: 90%;
  
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  #contact-confirm-pagezone .contactpagewrap__phone-branch span {
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 5vw;
    width: 100%;
  }

  

  #contact-confirm-pagezone .contactpagewrap__phone {
    display: block;
    align-items: center;
    background: #D3D3D3;
    text-align: left;
    text-align: center;
  }

  #contact-confirm-pagezone .contactpagewrap__phone h2 {
    width: 100%;
    
    padding-left: 0px;
    padding-top: 3%;
    text-align: center;
    font-size: 5vw
    
  }

  #contact-confirm-pagezone .content .purposezone .purposetexit {
    margin-top: 140px;
   
  }

  #contact-confirm-pagezone .content .titlearea .hikokiarea p {
  margin-right: 30px;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit p span.wpcf7-checkbox {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 3vw;
    margin-top: 5%;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit p span input {
    font-size: 3vw;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit p span.wpcf7-list-item {
    display: block;
    height: 15px;
    margin: 10px auto;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit.checkbox {
    height: 145px;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit.checkbox p span.wpcf7-list-item {
    margin: 10px 0px;
    width: 40%;
  }

  /* .contactpagewrap__contact_list ul .input_area .input_texit.checkbox p span {
    width: 80%;
  } */

  .contactpagewrap__contact_list ul .input_area .input_texit p span textarea{
    height: 200px;
    font-size: 3vw;
  }


  .headinformation__element .sp-head{
    display: block;
  }
  
  .headinformation__element .pc-head{
    display: none;
  }












  #contact-thanks-pagezone .content .titlearea .hikokiarea {
    right: -40px;
    top: -18px;
  }

  #contact-thanks-pagezone .contactpagewrap__phone-head {
    max-width: 1000px;
    width: 90%;
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;}

    #contact-thanks-pagezone .contactpagewrap__phone-head span {
      padding-left: 8px;
      padding-bottom: 5px;
      padding-top: 5px;
      font-size: 5vw;
      width: 100%;
    }

    #contact-thanks-pagezone .contactpagewrap__phone-branch{
    max-width: 1000px;
    width: 90%;
  
    font-weight: bold;
    font-size: 5vw;
    padding: 2%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  #contact-thanks-pagezone .contactpagewrap__phone-branch span {
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 5vw;
    width: 100%;
  }

  

  #contact-thanks-pagezone .contactpagewrap__phone {
    display: block;
    align-items: center;
    background: #D3D3D3;
    text-align: left;
    text-align: center;
  }

  #contact-thanks-pagezone .contactpagewrap__phone h2 {
    width: 100%;
    
    padding-left: 0px;
    padding-top: 3%;
    text-align: center;
    font-size: 5vw
    
  }

  #contact-thanks-pagezone .content .purposezone .purposetexit {
    margin-top: 50px;
   
  }

  #contact-thanks-pagezone .content .titlearea .hikokiarea p {
  margin-right: 30px;
  }



  .contactpagewrap__contact {
    display: block;
  }

  .contactpagewrap__contact_list ul .input_area {
    display: block;
    /* justify-content: space-between; */
    /* border: 0.5px solid #E0DDDD; */
  }

  .contactpagewrap__contact_list ul .input_area .item_name {
    /* width: 158px; */
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 3vw;
    text-align: left;
    /* background-color: #F0FFFF; */
    border-right: none;
    padding: 25px;
    width: auto;
  }

  .contactpagewrap__contact_list ul .input_area .input_texit {
    /* border: 0.5px solid #E0DDDD; */
    height: 70px;
    width: 100%;
  }


  .contactpagewrap__contact_list ul .input_area .input_texit.free-texit{
    height: 200px;
  }

  .contactpagewrap__contact .form_name {
    width: 100%;
    font-size: 4vw;
    text-align: center;
  }

  .contactpagewrap__contact .caution_texit {
    font-size: 3vw;
    padding-bottom: 12px;
    /* padding-right: 23px; */
    padding: 4%;
    line-height: 1.2em;
     padding-top: 0px;
  }


  .top-business .right-area .bins-list .list-item a .list-title {
    font-size: 6.5vw;
    margin-left: 10px;
  }

  .top-business .right-area .bins-list .list-item a .eng-title {
    /* font-family: "Oswald", sans-serif; */
    font-size: 4vw;
    /* padding-top: 14px; */
    margin-left: 10px;
    /* margin-bottom: 14px; */
  }

  .top-business .right-area .bins-list .list-item a .obi {
    /* position: absolute; */
    /* top: 0px; */
    /* right: 0px; */
    width: 22%;
  }

  .top-items .left-big-texit01 .big-texit {
    font-size: 6vw;
    line-height: 1.3em;
    margin-bottom: 0;
  }


  .top-items .left-big-texit02 .big-texit {
    font-size: 6vw;
    line-height: 1.3em;
    margin-bottom: 0;
  }

  .supportcontent .supportitem .item-left .left-top .leftborder img {
    /* position: absolute; */
    /* right: 0px; */
    /* bottom: 0px; */
    width: 50%;
  }

  #news-pagezone .content .titlearea .hikokiarea img {
    width: 194px;
    margin-top: 54px;
    margin-right: 0px;
    margin-left: 153px;
  }

  .circle-texit.pc-mark{
    display: none;
  }
  
  .circle-texit.sp-mark{
    display: block;
  }
  


/*インデックス*/

  .top-content .top-items {
    display: block;
    background-color: #fff;
  }

  .top-item-zone#top-compwrap{
    background: #fff!important;
  }

  .top-business .right-area .bins-list .list-item a .imgs {
    /* width: 35%; */
    bottom: 5%; 
     left: 0%; 
    width: 100%;
    max-width: max-content;
  }


  .top-news-zone .right-area .circle-link01 {
    right: 11%;
    bottom: -4%;
}

.foot-content .foot-area .info-zone .office-name {
  margin-bottom: 0;
}

.foot-content .foot-area .info-zone {
  margin-top: -135px;
}

.mail-zone {
  width: 132px;
}




.foot-content .foot-area .info-zone .right-info {
  margin-top: 30px;
}

.mail-zone .mail-circle {
  margin:30px 0px 20px 0px;
}

.top-content .sp-br{
  display: block;
}

#companyprofile-pagezone .sp-br{
  display: block;
}

.top-content .shipo{
  line-height: 2em;
}

.profile-zone .profile .comp-name .item-texit .min {
  font-size: 2.5vw;
  padding-top: 0px;
}

.sp-navi .logotext_img_sample {
  width: 75%;

}

#singlepagewrap .content .titlearea .h1title .hikoki {
  position: static;
}

#singlepagewrap .h1title{
  display: flex;
  flex-direction: column-reverse;
}


.hikokiarea-sp p{
  width: 300px;
}

.wpcf7-form-control .wpcf7-textarea{
  width: 100%;
  
}



/* .wpcf7-form-control-wrap .wpcf7-textarea{
  display: block;
  width: 100%!important;
} */

#contact-confirm-pagezone .contactpagewrap__contact_list ul .input_area .input_texit p span textarea {
  display: block;
  width: 90%;
  padding: 0px 0%;
  border: none;
}



.wpcf7-form-control-wrap{
  width: 85%;
  margin: auto;
  display: block;
}

.bigarea-content .consal-menu .Cautionary {
  width: 90%;
  margin: auto;
}

.supportcontent .supportitem .item-left .biz-image {
  margin-top: 10%;
  position: relative;
  bottom: 10px;
  width: 100%;
  margin-bottom: 10%;
}


}













@media only screen and (max-width: 680px) {
  .top-news-zone .right-area .circle-link01 {
    right: 11%;
    bottom: -5%;
}


.contactpagewrap__contact .form_name {
  padding:  18px 0px;
  margin: auto;
}

.top-content .top-item-zone{
  margin-bottom: 220px;
}

.wp-pagenavi {
  clear: both;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 90px;
}

.mainimg__images {
  height: 900px;


}

}



  









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

  .mainimg__images {
    height: 610px;
  
  
  }

 /* #businessdetails-pagezone .content .support .supportlist ul {
  display: block;

 } */

 .support .supportlist ul li {
  margin-top: 5% !important;
  /* width: 75% !important; */
  margin: auto;
}

.support .supportlist ul li a .vertical {
  font-size: 5vw !important;
}

.support .supportlist ul li .supporttitle {
  font-size: 3.5vw;
}

.supportcontent .supportitem .item-left .left-top .maintitle {
  font-size: 11vw;

}

.supportcontent .supportitem .item-left .left-top .leftborder {
  margin-top: -8%;
}

.supportcontent .supportitem .item-left .left-top .leftborder img {
  width: 60%;


}

/* .top-business .right-area .bins-list {
  width: 100%;
  display: block;
}

.top-business .right-area .bins-list .list-item {
  width: calc(100% - 1px);
} */

.support .supportlist ul li a {
  height: 81%;
}

.top-business .right-area .bins-list .list-item a .imgs#img-1 {
  bottom: 1%;
}

.top-business .right-area .bins-list .list-item a .imgs#img-2 {
  bottom: 1%;
}

.top-business .right-area .bins-list .list-item a .imgs#img-3 {
  bottom: 1%;
}

.top-business .right-area .bins-list .list-item a .imgs#img-4 {
  bottom: 1%;
}



.circle-link .circle {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  border: solid 1px #000;
  background-color: #fff;
}

.circle-link .circle img{
  max-width: 50%;
}

.top-news-zone .right-area .circle-link01 {
  right: 11%;
  bottom: -3%;
}

.top-business .left-area .circle02 {
  left: 10%;
  bottom: -63px;
  right: auto;
  z-index: 999;
}

.top-company .left-area .circle03 {
  left: auto;
  right: 5%;
  bottom: -26px;
}

.mail-zone .mail-circle {
  width: 130px;
  height: 130px;

}

.mail-zone .mail-circle .circle-in {
  width: 121px;
}

.mail-zone .mail-circle .texit-circle-mail {
  padding: 7px 0px;
  width: 126px;
  font-size: 5vw;

}

.mail-zone .mail-circle img {
  position: absolute;
  top: 89px;
  left: 44px;
}

.mail-zone .mail-circle .texit-circle {
  font-size: 10px;
  margin-bottom: 3px;
}

.mail-zone{
  width: 110px;
}

.foot-content .foot-area .info-zone .adress .adress-texit {
  font-size: 3vw;
}

.foot-content .foot-area .info-zone .tel-texit{
  font-size: 3vw;
}

.foot-content .foot-title {
  font-size: 4vw;
}
}

@media only screen and (max-width: 400px){
.mainimg__images {
  height: 110vh;


}

}