@media(max-width:1100px){
  .hd-menu a {
      margin: 0 10px;
      font-size: 15px;
  }
}
@media(min-width:950px){
  .s-text{
    line-height:25px;
    font-size:16px;
  }
}
@media(max-width:950px){
  .set-title{
    padding-bottom: 0;
  }
  .ser-t{
    width:80%;
    line-height:25px;
  }
  /*html,body{
    overflow: hidden
  }*/
  .hd-logo{
    width: 200px;
    margin-top: 30px;
  }
  .hd-logo.top{
    top: 0;
    left: 0;
    margin-left: 5%;
  }
  .logo {
    width: 100%;
    height: auto;
  }
  .profile-section1 .logo{width: 200px !important;height: auto;}
  .hd-menu a {
      margin: 0 5px;
      font-size: 14px;
  }
  .access-section1 .section-right h4{font-size: 16px;}
  .access-section1 .section-right p{font-size: 14px;}
}
.pc-display{display: block !important;}
.sp-display{display: none !important;}
@media screen and (max-width:770px){
  .pc-display{display: none !important;}
  .sp-display{display: block !important;}
  h3{
    font-size:30px;
  }
  ul{
    font-size:12px;
  }
  p{
    font-size:16px;
  }
  .hd-menu{
    display:none;
  }
  .hamburger-menu{
    display:block;
  }
  .photo-list a {
    width: 48%;
    margin-bottom: 20px;
  }
  .profile-section1, 
  .profile-section2{
    display: block;
  }
  .section-left, 
  .section-right{
    width: 100%;
  }
  .section-left img, 
  .section-right img{
    width: 100%;
  }
  .profile-section1 .section-left,
  .profile-section1 .section-right{
    margin-bottom: 50px;
  }
  .profile-section2{padding: 50px 0;}
  .profile-section2 .section-left,
  .profile-section2 .section-right{
    margin-bottom: 50px;
  }

  .wrapper{width: 90%;margin: 0 auto;}
  .wrapper.welcome_page{width: 100%;}
  .section-title.sub h4{font-size: 22px;}
  .page-content p{font-size: 14px;}
  .price-table ul {
    width: 90%;
    margin: 50px auto;
    font-size: 14px;
  }
  .tax-include{font-size: 10px;}
  .line-contact p{font-size: 14px;}
  .photos{margin-top: 50px;}
  .photos img{margin-bottom: 10px;}
  .access-section1 .section-left,
  .access-section1 .section-right{width: 100%;}
  .access-section2{margin-top: 50px;}
/*
  header{
    height:60px;
    background-image:url(../images/hd-top.png);
  }
  */
  .page-title{
    display:none;
  }
  .header-logo{
    display:flex;
    height:60px;
  }
  .hd-cap{
    position:relative;
    top:30%;
    left:0;
  }

  .hd-img{
    display:none;
  }
  .hd-res-img{
    display:block;
  }
  .hd-top-logo{
    display:none;
  }
  .hd-top-logo-name{
    display:none;
  }
  .hd-top-img{
    display:none;
  }
  .top-title{
    width:200px;
    bottom:60%;
    left:0;
    right:0;
    margin:auto;
  }
  .top-btn{
    display:none;
  }
  .res-top-btn{
    display:block;
  }
  .menu-content ul li img
  {
    width: 100px;
    display: block;
    margin: 0 auto;
    padding-top: 30px;
  }

  .wrap:first-child{
    margin-top:30px;
  }
  .blog{
    width:100%;
  }
  .blog-box{
    width:50%;
  }
  .about-box{
    background-image:url(../images/res_about_001.png);
    background-size:cover;
    background-repeat: no-repeat;
    color:#fff;
    padding:50px 30px;
  }
  .about-box h3{
    font-size:20px;
    line-height:1.6em;
    width:80%;
    margin:0 auto;
  }
  .about-box h3 br{
    display:block;
  }
  .about-box p{
    padding:20px 0;
    width:90%;
    margin:0 auto;
    text-align:left;
  }
  .about-box p br{
    display:none;
  }
  .point01{
    display:block;
    text-align:center;
  }
  .point01 > img{
    width:100%;
    margin:0 auto;
  }
  .p01-l{
    width:90%;
    padding:0;
    margin:0 auto;
  }
  .p02-r{
    margin:0 auto;
    width:90%;
  }
  .p02-t{
    margin-top:0;
  }
  .point02{
    display:block;
    text-align:center;
  }
  .point02 img{
    position:static;
    display:block;
    margin:0 auto;
    width:80%;
  }
  .ser-box{
    width:100%;
    margin:0;
    padding:0;
  }
  .ser-box:nth-child(even){
    padding:0;
  }
  .ser-box:nth-child(odd){
    padding:0;
  }
  .s-box{
    padding:10px 0;
    width:100%;
  }
  .ser-t01,.ser-t03{
    float:none;
    margin-right:0px;
  }
  .ser-t{
    width:100%;
    padding:0;
  }
  .ser-title{
    padding:20px 0;
    display:flex;
    align-items: center;
    justify-content: center;
    border-bottom:2px solid #00AFCC;
  }
  .s-text{
    font-size:16px;
    line-height:24px;
    padding:0 20px;
  }
  .rec-box{
    width:100%;
  }
  .rec-box{
    padding-bottom:80px;
  }
  .rec-r{
    width:80%;
    text-align:center;
    float:none;
    margin:0 auto;
  }
  .con-box{
    width:100%;
  }
  .con-l{
    width: 80%;
    margin:0 auto;
    text-align:center;
  }
  .con-l h3 br{
    display:block;
  }
  .con-b{
    text-align:center;
    margin-top:20px;
  }
  .con-b img{
    width:90%;
  }
  .hd2-003{
    position:static;
    display:block;
    margin:0 auto;
  }
  .news-box td{
    padding:10px 5px;
    margin-bottom:5px;
  }
  .blog-title{
    font-size:12px;
    text-align:left;
  }
  td .category{
    display:none;
  }
  .res-category{
    display:block;
  }
  .con-tel{
    width:80%;
  }

  .our p{
    width:80%;
  }
  .our img{
    width:100%;
  }
  .our br{
    display:none;
  }
  .rinen h3{
    width:90%;
  }
  .box{
    width:100%;
  }
  table{
    width:100%;
  }
  .table-about table,.table-recruit table{
    width:100%;
  }
  .t-line{
    width:90%;
    margin-bottom:10px;
  }
  .box{
    background-size:auto;
  }
  .rinen p,.top-message p{
    width:90%;
  }
  .box{
    background-size:cover;
    background-position:30%;
  }
  .about-th,.about-td,.rec-th,.rec-td{
    font-size:12px;
    padding:10px 10px;
  }
  .about-th,.rec-th{
    min-width:70px;
  }
  .contact-form br{
    display:block;
  }
  .blog-single-left,
  .blog-archive-left  {
    width: 90% !important;
    display: block;
    margin: 0 auto;
  }
  .blog-single-left h1{
    font-size: 22px;
  }
  .prenext{
    display: flex !important;
    font-size: 14px;
  }
}
.pc-block{display: block !important;}
@media screen and (max-width:420px){
  .pc-block{display: none !important;}
  .photo-list a {margin-bottom: 12px;}
  .profile-section1 .section-left,
  .profile-section1 .section-right{
    margin-bottom: 30px;
  }
  .profile-section2 .section-left,
  .profile-section2 .section-right{
    margin-bottom: 30px;
  }
  .page-content{text-align: left;}
  .ser-title{
    padding:15px 0;
  }
  .s-text{
    /*font-size:12px;
    line-height:15px;*/
  }
}
@media screen and (max-width:375px){
  .photo-list a {margin-bottom: 10px;}
}
@media screen and (max-width:330px){
  .photo-list a {margin-bottom: 8px;}
  .s-text{
    /*font-size:11px;
    line-height:14px;*/
  }
}