@charset "utf-8";


@media screen and (min-width: 1025px){

.top-img-sp{
 display: none;
}

.br-sp {
  display: none;
}

.nav-sp {
    display: none;
}.face-feed-sp,.f_logo-sp,.top-service2-img-sp,
.main-logo-sp,.hamburger-menu{
  display: none;
}

.imges-flex-sp{
  display: none;
}

.greeting-text{
  display: none;
}

.top-service2-img {
  width: 58%;
  height: 100%;
}

.top-service2-img-sp{
  display: none;
  }

}

/* --------------------------------------------------
  幅768px以上のスタイル指定 ここから
-------------------------------------------------- */
@media screen and (min-width:768px) and ( max-width:1025px) {
/* ハンバーガーボタン */
.btn-burger {
    display: none;  /*768px以上では使用しない */
}

.top-img-sp{
     display: none;
  }

header {
    padding: 30px 0 0;
}
.hamburger-menu{
  display: none;
}
.logo {
    width: auto;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}

.nav-toggle:checked ~ .nav .nav-list {
    display: none;
}
.nav {
    height: 75px;
}
.nav-list {
    display: flex;
    justify-content: center;
    height: 75px;
    align-items: center;
}

.main-logo{
  width: 60%;
}

.main-logo-sp{
  display: none;
}

.nav-list li:not(:last-child) {
    border-right: 1px solid #fff;
}

.top-service-img {
    width: 92%;
    height: 100%;
}

.top-service-box {
    width: 47%;
    margin-top: 99px;
}

.top-service2-img-sp {
    width: 92%;
    height: 100%;
    margin-left: auto;
    margin-bottom: 100px;
    margin-top: 0;
}

.top-service2-img {
    display: none;
}

.top-service2-box {
    width: 49%;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-right: 80px;
    margin-left: 221px;
}

.facebook-caontainer {
    padding-top: 135px;
    text-align: center;
}


.face-feed-sp{
  display: none;
}

.line-logo,.online-logo{
    max-width: 47%;
    height: auto;
}

.f_logo-sp{
  display: none;
}

.f-gnavi a {
    font-size: 11px;
}
.greeting-text{
  display: none;
}

.services-text {
    text-align: left;
    display: inline-block;
    max-width: 470px;
}
.imges-flex-sp{
  margin-bottom: 100px;
}
.imges-flex1{
  display: none;
}

.txt-box1 {
    max-width: 478px;
    margin-right: 0;
}

.imges-flex2 {
    height: auto;
    text-align: center;
    width: 61vw;
}
.txt-box2 {
    max-width: 470px;
    margin-left: 0;
    padding-top: 54px;
}

.maker-img {
    width: 135px;
    margin: 13px;
}

.aid-consul-flex {
    margin-bottom: 35px;
}

.services-text3 {
    max-width: 470px;
}

.home-visit-flex,.dete-consul-flex{
    padding-right: 134px;
    padding-left: 134px;
}
.store-service2 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}
.store-img-container,.store-img-container2{
    text-align: center;
    padding: 80px;
}

.sub-store-img {
    width: 92%;
    margin-left: 59px;
}
}
@media(min-width: 769px){
  .f-logo-sp {
      display: none;
  }

}
@media screen and (min-width: 540px) and (max-width:768px){

.top-img-sp{
     display: none;
  }

.gnavi{
  display: none;
}

.hamburger-menu {
    display: flex;
    align-items: center;
    width: 23px;
    height: 30px;
    cursor: pointer;
    z-index: 100;
    position: fixed;
    top: 34px;
    right: 15px;
}

.h_logo {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.logo {
    width: auto;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}

.nav-toggle:checked ~ .nav .nav-list {
    display: none;
}
.nav {
    height: 75px;
}
.nav-list {
    display: flex;
    justify-content: center;
    height: 75px;
    align-items: center;
}

.main-logo{
  width: 60%;
}

.main-logo-sp{
  display: none;
}

.nav-list li:not(:last-child) {
    border-right: 1px solid #fff;
}
.top-visual-txt {
    font-size: 12px;
}
.top-service-img {
    width: 92%;
    height: 100%;
}

.top-service-box {
    width: 65%;
    margin-top: 99px;
    padding-left: 31px;
}

.top-service2-img-sp {
    width: 92%;
    height: 100%;
    margin-left: 60px;
    margin-top: 0;
}
.top-service2-img {
    display: none;
}

.top-service2-box {
    width: 65%;
    margin-top: 0px;
    margin-bottom: 30px;
    /* margin-right: 80px; */
    /*margin-left: 221px; */
}

.facebook-caontainer {
    padding-top: 135px;
    text-align: center;
}



.top-account-container {
    padding: 10px;
    text-align: center;
}
.line-logo,.online-logo{
    max-width: 45%;
    height: auto;
}
.footer-container{
  display: none;
}

.f-logo-sp {
    width: 210px;
    margin-top: 56px;
    margin-bottom: 50px;
}

.f_logo-sp{
    display: none;
}

.f-gnavi a {
    font-size: 11px;
}
.greeting-text{
  display: none;
}

.services-text {
    text-align: left;
    display: inline-block;
    max-width: 470px;
}

.imges-flex1{
  display: none;
}

.txt-box1 {
    max-width: 478px;
    margin-right: 0;
}

.imges-flex2 {
    width: 471px;
    height: auto;
}

.txt-box2 {
    max-width: 470px;
    margin-left: 0;
    padding-top: 54px;
}

.maker-img {
    width: 127px;
    margin: 13px;
}

.aid-consul-flex {
    margin-bottom: 35px;
}

.services-text3 {
    max-width: 470px;
}

.home-visit-flex,.dete-consul-flex{
    padding-right: 134px;
    padding-left: 134px;
}

.store-service2 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}


.store-img-container,.store-img-container2 {
    text-align: center;
    padding: 181px 57px 150px;
}

.store-img-box {
    width: 46%;
}

.sub-store-img {
    width: 92%;
    margin-left: 59px;
}


}

@media screen and (max-width: 540px){
/* トップページここがら */

.br {
  display: none;
}
/* トップページここから */
header {
    position: relative;
    padding: 12px 0 0 0px;
}

.header-container {
    padding-bottom: 0px;
}

.top-img{
   display: none;
}

.top-img-sp{
   width: 100vw;
}

.h_logo {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.h-logo {
    width: 180px;
    margin: 3px;
}

.hamburger-menu {
    display: flex;
    align-items: center;
    width: 18px;
    height: 30px;
    cursor: pointer;
    z-index: 100;
    position: fixed;
    top: 11px;
    right: 20px;
}

.hamburger-menu.open {
    position: fixed;
}

.co-wi {
    width: 12px;
    margin-left: 4px;
}


.gnavi ul {
  display:none;
}

.top-img {
    width: 100vw;
    height: 480px;
}
.main-logo {
  display: none;
}

.top-visual-box {
    color: #fff;
    position: absolute;
    top: 62%;
    left: 8%;
}

.top-about {
    text-align: center;
    margin: 85px 30px 50px 31px;
}

.top-service-img {
    width: 92vw;
}


.top-service-box {
    width: 314px;
    margin-top: 50px;
}

p.top-service-text1 {
    padding: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

.more {
    margin-top: 50px;
}

.top-service2-img {
    width: 92%;
}

.top-service2 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}

.top-service2-box {
    width: 314px;
    margin-top: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
}

.top-service2-lead {
    padding-top: 0;
    width: 92vw;
}

.top-service-lead {
    width: 92vw;
}

.top-service2-img{
    display: none;
}

.top-service2-img-sp {
    width: 92vw;
    height: auto;
    margin-left: auto;
    margin-top: 120px;
}

.facebook-caontainer {
    padding-top: 140px;
}

.face-feed {
    display: none;
  }

.face-feed-sp {
    margin: 40px 0 40px 0;
  }

.top-contact {
    padding: 80px 30px 80px 30px;
}

.top-contact-text{
  font-size: 14px;
}
.btn-center {
    text-align: center;
    padding-bottom: 100px;
    padding-top: 23px;
}

.square-btn {
    width: 90%;
}

.top-account-container {
    padding: 24px;
}


.line-logo, .online-logo {
    max-width: 92%;
    height: auto;
    margin: 0;
}

.footer-container {
    display: none;
}

.f_logo-sp{
  display: none;

}

.f-logo-sp {
    width: 210px;
    margin-top: 56px;
    margin-bottom: 50px;
}

.copy-r {
    font-size: 12px;
    margin: 0px;
}
/* 取り組みページここから */

.title-container {
    background-size: cover;
}

.services-navi {
    padding: 70px 0 70px 0;
}

.square-small-btn {
    width: 314px;
}

.services-text {
    font-size: 14px;
    width: 314px;
    letter-spacing: 1px;
    margin-bottom: 80px;
}

.aid-consul-flex {
    margin-top: 0;
    margin-bottom: 0;
}

.aid-consul-flex2 {
    margin-top: 0px;
    margin-bottom: 83px;
}

.aid-consul-lead {
    padding-top: 20px;
    padding-bottom: 20px;
}
.txt-box1 {
    max-width: 314px;
    margin-right: 0;
}
.imges-flex-sp {
    width: 100%;
}

.imges-flex1{
  display: none;
}

.txt-box2 {
    width: 315px;
    margin-left: 0px;
    padding-top: 0px;
}

.imges-flex2{
  margin-top: 80px;
  width: 314px;
}

.risk-text{
    font-size: 14px;
}

.maker-img {
    width: 220px;
    margin: 0;
}

.dete-consul-flex {
    margin: 0px;
    padding-bottom: 211px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 70px;
}

.maker {
    margin-bottom: 80px;
}

.dete-consul-box {
    margin: 20px;
}

.dete-consul-text {
    width: 261px;
}

.servises-title-container {
    padding-top: 64px;
}

.servises-title-box {
    margin-top: 0;
    margin-bottom: 80px;
}

.servises-title {
    font-size: 24px;
}

.flow-title {
    font-size: 24px;
    margin-bottom: 61px;
}

.home-visit-flex {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

p.store-img-cap {
    margin: -9px 15px 23px 0;
    text-align: left;
}

.vi-box {
    background-color: #FFF;
    text-align: center;
    margin: 20px;
    padding: 33px;
}

.blue-text {
    font-size: 12px;
}

.flow-box {
    margin: 10px 30px;
    padding: 0 25px 0 25px;
}

.flow {
    padding-bottom: 79px;
}

.selling-cosme {
    text-align: center;
    padding: 64px 0 67px;
}

.services-text3 {
    margin: 35px;
    font-size: 14px;
}

.cosme-img-flex {
 padding: 6px;
}

.cosme-img {
  width: 314px;
  height: 196px;
}

.cosme-contact-text {
    padding-top: 0px;
}
/* 店舗紹介ここから */

.top-service {
    margin-top: 10px;
}

.store-img-container {
    padding: 0px;
    margin-top: 150px;
}

.store-img-container2 {
    padding: 0 0 150px;
    margin-top: 150px;
}

.store-img-box {
    width: 95%;
    padding-left: 30px;
    padding-right: 30px;
}

.store-img {
    width: 100%;
}

.sub-store-img  {
    width: 92%;
    margin-left: 30px;
}

/* 個人情報保護方針ここから */
.privacy-container {
    padding: 50px 30px 50px 30px;
    text-align: center;
}
/* テーブルここから */
.base-tbl th,
.base-tbl td {
  display: block;
}

/* 会社概要ここから */

p.greeting-text {
    width: 314px;
    margin: 0 30px 30px 41px;
    font-size: 14px;
}
}

@media(min-width: 540px){
  a[href^="tel:"]{
    pointer-events: none;
    text-decoration: none ;
  }

}


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

  .hamburger-menu {
    top: 15px;
}

  .top-about {
      text-align: center;
      margin: 85px 12px 50px 12px;
  }

  .top-visual-txt {
      font-size: 0.7rem;
  }

  h1, h2, h3 {
    font-size: 1.3rem;
}

.top-service-lead {
    letter-spacing: 6px;
    font-size: 1.2rem;
}

.top-service-box {
    width: 92vw;
}

.top-about-txt {
    font-size: 15px;
}

p.top-service-text1 {
    font-size: 12px;
}


.top-service2-box {
    width: 92vw;
}

.top-contact-text {
    font-size: 10px;
}

.top-contact {
    padding: 80px 0px 80px 0px;
}


.copy-r {
    font-size: 11px;
}

p.greeting-text {
    width: 92vw;
    margin: auto;
    font-size: 12px;
}

th, td {
   font-size: 0.9rem;
}

h1, h2, h3 {
    font-size: 1.0rem;
}

.square-small-btn {
    width: 92vw;
}

.services-text {
    width: 92vw;
}

.txt-box1 {
    max-width: 92vw;
}

.txt-box2 {
    width: 92vw;
}

.maker-title {
    font-size: 0.9rem;
}

.dete-consul-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}

.cosme-img-flex {
    padding: 0px;
}

.cosme-img {
    margin-bottom: 10px;
    width: 92vw;
}

.blue-text2 {
    font-size: 14px;
}

.important-text {
    font-size: 1.5rem;
}