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

@media screen and (max-width:800px){
  /*ここから*/
  
  /*top---*/
 body{
    font-size: 4.267vw;
    min-width: 100%;
  }
  .PC{
    display: none;
  }
  .SP{
    display: block;
  }
  .topBox{
    background-color: #67C1AB;
    padding-top: 21.333vw;
  }
  .topBox_inner h1{
    font-size: 6.667vw;
    top: 40%;
    left: 7%;
  }
  .topBox_inner .sub_topTitle {
    text-align: center;
  }
  .topBox_inner .sub_topTitle h1{
    display: none;
  }
  .topBox_inner h1.green{
    display: none;
  }
  .topMeritBox{
    width: 90%;
    top: 65%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0;
  }
  .topBadge{
    width: 25%;
    top: 30%;
  }
  .logoImg{
    width: 70%;
  }
  .navigationPC{
    display: none;
  }
  .navigationSP{
    display: block;
  }
  h2{
    font-size: 4.533vw;
    padding-top: 8vw;
  }
  h2 span{
    font-size: 3.2vw;
  }
  .toushi_inner{
    display: block;
    text-align: center;
  }
  .toushi_inner img{
    width: 50%;
    height: auto;
    padding-right: 0;
    padding-bottom: 5.333vw;
    padding-top: 5.333vw;
  }
  .about__homesaport_toushi{
    display: block;
  }
  .toushi_inner p{
    font-size: 2.667vw;
    line-height: 1.5em;
  }
  .about__homesaport_toushi_item1, .about__homesaport_toushi_item2{
    max-width: 100%;
  }
  .apaman{
    padding-left: 0;
    margin: 13.333vw auto;
    text-align: center;
  }
  .apaman a{
    font-size: 3.467vw;
    padding: 2.667vw 5.333vw;
  }
  .about__homesaport_toushi_item3{
    padding-bottom: 2.667vw;
  }
  .about__homesaport_toushi_item3 img{
    width: 95%;
  }
  .about__onestop{
    display: block;
  }
  .about__onestop_item1, .about__onestop_item2{
    max-width: 100%;
  }
  .about__consultants{
    display: block;
  }
  .about__consultants_item1 img{
    width: 100%;
    padding-left: 0;
  }
  .about__consultants_item2{
    padding-left: 0;
    text-align: center;
    padding-top: 13.333vw;
    padding-bottom: 13.333vw;
  }
  .about__consultants_item_inner1 p{
    font-size: 3.467vw;
  }
  .about__consultants_item_inner3 p{
    padding-top: 5.333vw;
    font-size: 8vw;
  }
  .about__consultants_item_inner4{
    justify-content: center;
  }
  .about__consultants_item_inner4 a{
    width: 30%;
    margin-right: 0;
    padding: 2.667vw;
    font-size: 2.667vw;
    border: solid 5px #fff;
  }
  .accordionbox{
    margin: 8vw auto;
    padding: 5.333vw 2.667vw;
  }
  .accordionlist{
    width: 90%;
  }
  .accordionlist p{
    font-size: 3.2vw;
    line-height: 1.4em;
    text-indent: -2.667vw;
  }
  .accordionlist dt .title i{
    padding-left: 5.333vw;
  }
  .accordion_icon{
    display: none;
  }
  .accordionlist dt{
    padding: 4vw;
  }
  .accordionlist dd{
    font-size: 3.2vw;
    padding: 4vw;
  }
  .about__book{
    width: 90%;
    height: 45.333vw;
  }
  .about__book p{
    font-size: 3.2vw;
    text-align: center;
    padding: 5.333vw 0;
  }
  .about__book p span{
    font-size: 2.667vw;
  }
  .book-image{
    display: none;
  }
  .book-shingai{
    width: 21.333vw;
    top: 35%;
  }
  .about__book a{
    top: 50%;
    bottom: auto;
    left: 45%;
    padding: 4vw;
    font-size: 2.667vw;
  }
  /*---top*/
  
  /*ナビ---*/
  .navigationSP{
    position: absolute;
    top: 7%;
    right: 2.667vw;
  }
  .navigationPC_item span{
    display: inline;
    padding-left: 4vw;
    font-size: 2.667vw;
  }
  .navigationPC_item i{
    color: #67C1AB;
    padding-right: 2.667vw;
  }
  #nav-content .wrapp li{
    padding-bottom: 5.333vw;
  }
  #nav-drawer {
    position: relative;
  }
  .nav-unshown {
    display:none;
  }
  #nav-open {
    display: inline-block;
    width: 8vw;
    height: 5.867vw;
    vertical-align: middle;
  }
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 0.8vw;
    width: 6.667vw;
    border-radius: 0.8vw;
    background: #fff;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav-open span:before {
    bottom: -2.133vw;
  }
  #nav-open span:after {
    bottom: -4.267vw;
  }
  #nav-close {
    display: none;

    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 90%;
    max-width: 82.667vw;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%);
    padding-top: 13.333vw;
  }
  #nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
  }
  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }
  /*---ナビ*/
  
  /*motive---*/
  .motive_content__about{
    font-size: 3.2vw;
    width: 80%;
  }
  .motiveDataBox{
    width: 90%;
  }
  .motiveDataInner{
    padding-bottom: 13.333vw;
  }
  .motiveDataInner:nth-of-type(2){
    padding-bottom: 21.333vw;
  }
  .motiveDataInner:last-of-type{
    padding-bottom: 26.667vw;
  }
  .motive_hukidashi{
    width: 100%;
    height: auto;
  }
  .motive_hukidashi__ps{
    width: 100%;
    height: auto;
    padding: 4vw 0;
  }
  .motiveDataInner ul li dl{
    display: block;
  }
  .motiveDataInner ul li dl dt{
    font-size: 3.2vw;
    width: 90%;
  }
  .motiveDataInner ul li dl dd span{
    margin-left: 9.333vw;
    margin-top: 2.667vw;
    padding: 2.133vw 0;
  }
  .motiveDataInner ul li dl dd:last-of-type{
    padding-left: 10.667vw;
    padding-bottom: 4vw;
  }
  .motiveOsusumeInner{
    width: 90%;
    padding: 8vw 0 21.333vw 0;
  }
  .motiveOsusumeInner ul{
    padding-top: 5.333vw;
    padding-left: 2.667vw;
  }
  .motiveOsusumeInner ul li img{
    width: 4vw;
    height: 4.8vw;
    padding-top: 0.533vw;
  }
  .motiveOsusumeInner ul li p{
    font-size: 3.467vw;
    line-height: 1.4em;
  }
  .motiveOsusumeInner a img{
    width: 60%;
    height: auto;
    bottom: 5.333vw;
    left: 20%;
  }
  
  /*---motive*/
  
  /*Interview---*/
  .tabs{
    width: 90%;
    margin-top: 13.333vw;
  }
  .tab-buttons a{
    width: 30%;
    font-size: 3.467vw;
    height:8.533vw;
    line-height:1em;
  }
  .tab-content .content3{
    margin-top: -3.8vw;
  }
  #lamp{
    width:32%;
    height:1.333vw;
    background:#67c1ab;
    display:block;
    position:absolute;
    top:8vw;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  #lamp.content2{
    left:34%;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  #lamp.content3{
    left:68%;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  #lamp.content1{
    left:1%;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  .interview_content_InnerBox ul{
    display: block;
  }
  .interview_content_InnerBox ul li{
    width: 100%;
  }
  .interview_point{
    width: 100%;
  }
  .interview_content_InnerBox ul li p{
    font-size: 2.933vw;
    line-height: 1.3em;
  }
  .interview_hitokoto{
    padding: 10.667vw 0;
  }
  /*---Interview*/
  
  /*howto---*/
  .howtowrapp{
    width: 90%;
  }
  /*---howto*/
  
  /*なに---*/
  /*---なに*/
  
  /*なに---*/
  /*---なに*/
  
  /*Comparison---*/
  .comparison_topBox{
    padding-top: 16vw;
    width: 90%;
  }
  .comparison_topBox h1{
    font-size: 4.8vw;
    padding-bottom: 5.333vw;
  }
  .comparison_topBox p{
    font-size: 2.933vw;
  }
  .comparison_topBox p br{
    display: none;
  }
  .comparison_mapBox{
    width: 90%;
    margin-bottom: 18.667vw;
  }
  .Table{
    max-width: 160vw;
  }
  .Table-wrap { 
    display: flex;
    margin: 0 auto;
    max-width: 288vw;
    width: 90%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .Table-box {
    flex: 0 0 70%;
    height: auto;
    margin-right: 1%;
    width: 24%;
  }
  .comparison_underBox{
    width: 90%;
  }
  .comparison_underBox .hikakushite{
    width: 70%;
  }
  .comparison_underBox .antei{
    width: 100%;
  }
  .comparison_underBox p{
    font-size: 3.467vw;
  }
  .comparison_underBox p br{
    display: none;
  }
  /*---Comparison*/
  
  /*Company---*/
  .HSlogo{
    width: 60%;
    height: auto;
    margin: 10.667vw auto;
  }
  .company_gaiyouBox{
    width: 80%;
  }
  .company_gaiyouBox dl{
    display: block;
  }
  .company_gaiyouBox dl dt{
    width: 40%;
    font-size: 3.2vw;
    padding-bottom: 2.667vw;
  }
  .company_gaiyouBox dl dd{
    width: 100%;
    font-size: 3.2vw;
    padding-bottom: 2.667vw;
    padding-left: 5.208vw;
  }
  .company_mapBox iframe{
    width: 100%;
    height: 40vw;
  }
  /*---Company*/
  
  /*contact---*/
  form#mail_form{
    width: 90%;
    margin: 2.667vw auto 21.333vw auto;
    height: 248vw;
  }
  form#mail_form dl{
    width: 90%;
    height: 248vw;
  }
  form#mail_form dl dt{
    width: 100%;
    font-size: 3.467vw;
    text-align: left;
    margin-top: 5.333vw;
  }
  form#mail_form dl dt span{
    font-size: 2.667vw;
    padding: 1.867vw;
    margin-right: 2.667vw;
  }
  form#mail_form dl dd{
    float: none;
    width: 100%;
  }
  form#mail_form dl dd ul{
    padding-top: 6.667vw;
    font-size: 3.2vw;
    line-height: 1.8em;
  }
  form#mail_form input[type="text"], form#mail_form input[type="email"], form#mail_form input[type="tel"]{
    padding: 0.533vw 2.667vw;
  }
  form#mail_form p#form_submit{
    width: 100%;
    text-align: center;
  }
  form#mail_form input[type="button"]{
    font-size: 3.733vw;
    width: 70%;
    padding: 5.333vw;
  }
  .contact_tel_item1{
    font-size: 3.2vw;
    width: 80%;
    margin: 0 auto;
  }
  .about__contact_tel ul{
    width: 80%;
    font-size: 3.733vw;
    margin-top: 8vw;
  }
  .contact_tel_phone{
    font-size: 10.667vw;
    padding: 8vw 0;
  }
  .contact_tel_opening{
    width: 80%;
    text-align: center;
  }
  .contact_tel_opening dl{
    display: block;
  }
  .contact_tel_opening dt{
    padding: 2.667vw;
    font-size: 3.467vw;
  }
  .contact_tel_opening dd{
    padding-top: 5.333vw;
  }
  /*---contact*/
  
  /*foot---*/
  .footer{
    display: block;
    padding: 8vw 4vw;
  }
  .footerLOGO{
    max-width: 40vw;
  }
  .footerLOGO img{
    width: 53.333vw;
  }
  .footer_linkBox{
    border-left: none;
    padding-left: 0;
    text-align: left;
    padding-top: 8vw;
    height: auto;
  }
  .footer_link-title{
    font-size: 5.333vw;
  }
  .footer_linkBox dd{
    line-height: 2em;
    font-size: 3.2vw;
  }
  .footer_company{
    padding-top: 8vw;
    font-size: 2.933vw;
    line-height: 1.7em;
  }

  min p{
    padding: 5.333vw 0;
    font-size: 2.667vw;
  }
  /*---foot*/

  /*ここまで*/
}