@charset "utf-8";
@media all and (max-width : 683.9999px) {

  /*--------------------------------------------

	共通 CSS

--------------------------------------------*/
  body {
    font-size: 1.4rem;
  }

  .for_pc {
    display: none !important;
  }

  .for_pc-tb {
    display: none !important;
  }

  /*--------------------------------------------

	共通 CSS

--------------------------------------------*/
  .ggmap,
  .youtube {
    padding-top: 65.25%;
  }

  .under__mv-bg {
    padding-top: 100%;
    margin-top: 50px;
  }

  .under__mv-ttlBox {
    margin-top: 5.2%;
    font-size: 1.2rem;
    padding: 0 5%;
  }

  .under__mv-ttl-eng {
    font-size: 3rem;
  }

  .common__ttl-eng {
    font-size: 3rem;
  }

  .common__ttl-jpn {
    font-size: 1.2rem;
  }

  .plane01 {
    font-size: 1.6rem;
  }

  .common__btn01 {
    font-size: 1.6rem;
  }

  .floating__contact {
    position: fixed;
    width: 110px;
    height: 110px;
  }

  .common__cat-label {
    font-size: 1rem;
    padding: 0.45em;
    width: 6.5em;
  }

  /*============================
#footer
============================*/
  #footer {
    padding: 12.2% 0 9.2%;
  }

  .ft__inner {
    flex-direction: column;
    padding: 0 7%;
  }

  .footer__info {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
    text-align: center;
    margin-bottom: 1em;
  }

  .footer__info-logo {
    margin: 0 auto;
  }

  .footer__info-address {
    margin-top: 1em;
  }

  .footer__info-copy {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    font-size: 1.4rem;
  }

  .ft__navi {
    width: 100%;
    padding-bottom: 10%;
  }

  .ft__navi-list {
    justify-content: space-between;
  }

  .ft__navi-item {
    margin-right: 0;
    padding-bottom: 0.5em;
    width: 48%;
    border-bottom: 1px solid #fff;
  }

  .ft__navi-item a {
    padding-bottom: 0.6em;
    display: block;
  }

  .ft__navi-item a:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 3px;
    background: url("../image/arrow-wh-bottom.svg") no-repeat center top;
    background-size: contain;
  }

  .ft__navi-item a:after {
    display: none;
  }

  /*--------------------------------------------

	HEADER

--------------------------------------------*/
  .header__top {
    font-size: 1.2rem;
  }

  .header__top-logoBox {
    height: 50px;
  }

  .header__logo img {
    width: 170px;
  }

  .header__logo a {
    padding: 10px;
  }

  .header__top-info {
    padding: 10px 0 10px 20px;
  }

  .header__top-tel {
    font-size: 2.1rem;
  }

  .header__top-tel a {
    background-size: 22px;
  }

  .header__top-hour {
    font-size: 1rem;
  }

  .header__bottom {
    font-size: 1.2rem;
  }

  .global__navi-inner {
    padding: 36% 8.2%;
  }

  .global__navi-list {
    font-size: 2.2rem;
  }

  .global__navi-item:not(:last-child) {
    margin-bottom: 1.45em;
  }

  .global__navi-item-eng {
    font-size: 1.1rem;
  }

  .drawer__sns-list {
    font-size: 1.2rem;
    margin-top: 30%;
  }

  .drawer__sns-item:not(:last-child) {
    margin-bottom: 1em;
  }

  .drawer__sns-item a {
    display: block;
    color: #349138;
    background-color: #e7db1a;
    letter-spacing: 0.14em;
    padding: 1em;
    box-sizing: border-box;
    font-weight: bold;
  }

  .sns_icon {
    padding-left: 2.9em;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 17px;
  }

  .sns_icon-line {
    background-image: url("../image/icon-line03.svg");
  }

  .sns_icon-contact {
    background-image: url("../image/ft-siryo-bl.png");
  }

  .sns_icon-insta {
    background-image: url("../image/icon-insta-bl.svg");
  }

  .drawer-hamburger {
    width: 50px;
    height: 50px;
    padding: 16px 12px;
  }

  .drawer-hamburger:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 5px;
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0 0 0 20px;
  }

  .drawer-open .drawer-hamburger:after {
    content: "CLOSE";
  }

  .drawer--right.drawer-open .drawer-hamburger {
    right: 0;
  }

  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    height: 3px;
  }

  .drawer-hamburger-icon:before {
    top: -9px;
  }

  .drawer-hamburger-icon:after {
    top: 9px;
  }

  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }

  .drawer--right.drawer-open .drawer-hamburger-icon:before,
  .drawer--right.drawer-open .drawer-hamburger-icon:after {
    width: 100%;
    background-color: #fff;
  }

  /*============================
#Googlemap
============================*/
  #map {
    display: none;
  }

  /*============================
#footer
============================*/
  .ft__inner {
    max-width: 100%;
    padding: 0 5% 4.8%;
  }

  .footer__info-address {
    font-size: 1rem;
  }

  .footer__info-company {
    font-size: 1.6rem;
    line-height: 2.2;
  }

  .footer__info-hour {
    font-size: 1.2rem;
  }

  .footer__info-notes {
    font-size: 1rem;
  }

  .footer__info-tel {
    font-size: 3.2rem;
  }

  .footer__info-tel-icon {
    padding-left: 1.3em;
  }

  .ft__navi {
    flex: 1;
    font-size: 2.2rem;
    flex-direction: column;
  }

  .ft__navi-list {
    display: none
  }

  .ft__navi__other-item {
    font-size: 1.1rem;
  }

  .ft__navi__other-item a {
    height: 34px;
    padding: 0.6em 1em 0.8em 0;
  }

  .ft__navi__other-mail span::after,
  .ft__navi__other-line span:after {
    width: 16px;
    height: 16px;
  }

  .ft__navi__other-siryou .ft__navi__other-icon:after {
    width: 16px;
    height: 16px;
  }

  .ft__navi__other-insta .ft__navi__other-icon:after {
    width: 14px;
    height: 14px;
  }

  .footer__info-copy {
    font-size: 1rem;
    padding: 2.8em;
  }

  /*============================
#top__mv
============================*/
  .top__mv {
    margin-top: 50px;
  }

  .top__mv-bg {
    background-image: url("../image/top-mv-sp02.jpg");
    padding-top: 151%;
  }

  .top__mv-catch {
    width: 100%;
    left: -20px;
  }

  .top__mv-text01,
  .top__mv-text02 {
    font-size: 2.3rem;
  }

  .top__scroll {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #e7db1a;
    width: 30px;
    writing-mode: tb-rl;
  }

  .top__scroll-text {
    font-size: 1.8rem;
    letter-spacing: 0.14em;
  }

  .top__scroll-icon {
    position: relative;
    padding-bottom: 1.25em;
    background: url("../image/scroll-arrow.png") no-repeat left 5px bottom;
    background-size: 15px;
  }

  /*============================
#top__concept
============================*/
  #top__concept {
    padding: 10.1% 0 7.3%;
  }

  .top__concept-wrap {
    padding-top: 10%;
  }

  .top__concept-ttl-jpn {
    font-size: 2.7rem;
  }

  .top__concept-ttl-eng {
    font-size: 1.2rem;
  }

  .top__concept-textBox {
    padding: 1.5em 7.6% 2em;
  }

  .top__concept-plane {
    line-height: 1.6;
  }

  .top__concept-btn01 {
    margin-top: 1.7em;
  }

  /*============================
#top__works
============================*/
  #top__works {
    padding: 7.3% 0 21%;
  }

  .top__works-ttlBox {
    margin-bottom: 6.5%;
  }

  .top__works-list {
    flex-wrap: wrap;
  }

  .top__works-item {
    width: 100%;
  }

  .top__works-item:not(:last-child) {
    margin-bottom: 8.4%;
  }

  .top__works-hover-catch {
    font-size: 1.3rem;
  }

  .top__works-hover-value {
    font-size: 1rem;
  }

  /*============================
#top__service
============================*/
  #top__service {
    padding: 10.4% 0 12%;
  }

  .top__service-ttlBox {
    margin-bottom: 8.7%;
  }

  .top__service-list {
    flex-wrap: wrap;
    padding: 0 5%;
  }

  .top__service-item {
    width: 100%;
    font-size: 1.4rem;
    padding: 2.2em;
  }

  .top__service-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 7.4%;
  }

  .top__service-txt {
    font-size: 1.4rem;
  }

  /*============================
#top__flow
============================*/
  #top__flow {
    padding: 17.1% 0 0;
  }

  .top__service-ttlBox {
    margin-bottom: 8.7%;
    padding: 0 5%;
  }

  .top__flow-list-bg {
    padding: 5% 5% 15.5% 5%;
  }

  .top__flow-top {
    margin-bottom: 8.4%;
    display: flex;
    flex-direction: column-reverse;
  }

  .top__flow-item {
    border-width: 2px;
  }

  .top__flow-top:after {
    border-width: 15px 38px 0 38px;
    bottom: -13.5px;
  }

  .top__flow-top-list .top__flow-item:not(:last-child):before,
  .top__flow-bottom .top__flow-item:not(:last-child):after {
    width: 50px;
    height: 16px;
    bottom: -14px;
  }

  .top__flow-top-list .top__flow-item:not(:last-child):before {
    background-image: url("../image/flow-arrow01-sp.jpg");
  }

  .top__flow-bottom .top__flow-item:not(:last-child):after {
    background-image: url("../image/flow-arrow02-sp.jpg");
  }

  .top__flow-item-number {
    width: 20%;
    font-size: 3rem;
  }

  .top__flow-item-cts {
    font-size: 1.3rem;
  }

  .top__flow-item-catch {
    font-size: 1.3rem;
  }

  .top__flow-item-txt {
    display: none;
  }

  .top__flow-lead {
    font-size: 2rem;
    margin-bottom: 1.4em;
  }

  /*============================
#top__banner
============================*/
  #top__banner {
    padding: 11.4% 0 0;
  }

  .top__banner-wrap {
    background-color: #eeeeee;
    padding: 5% 5% 11.5%;
    margin-bottom: 20%;
  }

  .top__banner-textBox {
    padding: 0;
    margin-top: 2em;
  }

  .top__banner-text-top {
    font-size: 1.5rem;
    line-height: 1.8;
  }

  .top__banner-tetx-mid {
    font-size: 1.2rem;
  }

  .top__banner-btn01 {
    font-size: 1.4rem;
  }

  .top__banner-btn01 span::before {
    left: -22px;
    top: 4px;
  }

  .top__banner-btn01-in::after {
    right: -18px;
  }

  .top__banner-btn01 a:hover .top__banner-btn01-in::after {
    right: -26px;
  }

  /*============================
#about__mv
============================*/
  .about__mv-bg {
    background-image: url("../image/about-mv-sp.jpg");
  }

  /*============================
#about__kenis
============================*/
  #about__kenis {
    padding-top: 6%;
  }

  .common__about-ttl-eng {
    font-size: 2.2rem;
  }

  .common__about-ttl-jpn {
    font-size: 1rem;
  }

  .common__about-plane {
    line-height: 1.6;
    margin-top: 1.3em;
  }

  /*============================
#company__profile
============================*/
  #company__profile {
    padding: 6.2% 0 0;
  }

  .company__profile-list {
    font-size: 1rem;
  }

  /*============================
#works__mv
============================*/
  .works__mv-bg {
    background-image: url("../image/work-mv-sp02.jpg");
  }

  .works_kyoto-salon {
    background-image: url("../image/works-kyoto-salon-sp.jpg");
  }

  .works_shiga-k {
    background-image: url("../image/works-shiga-k-sp.jpg");
  }

  .works_shiga-y {
    background-image: url("../image/works-shiga-y-sp.jpg");
  }

  .works_kyoto-m {
    background-image: url("../image/works-kyoto-m-sp.jpg");
  }

  .works_kyoto-s {
    background-image: url("../image/works-kyoto-s-sp.jpg");
  }

  .works_shiga-Esthetic {
    background-image: url("../image/works-shiga-Esthetic-sp.jpg");
  }

  .works_shiga-t {
    background-image: url("../image/works-shiga-t-sp.jpg");
  }

  .works_uji-k {
    background-image: url("../image/works-uji-k-sp.jpg");
  }

  .works_otsu-h {
    background-image: url("../image/works-otsu-h-sp.jpg");
  }

  .works_hachiman-i {
    background-image: url("../image/hachiman-i02.jpg");
  }

  .works_uji-n {
    background-image: url("../image/uji-n01.jpg");
  }

  .works_otsu-i {
    background-image: url("../image/otsu-i01.jpg");
  }

  .works_jyoyo-y {
    background-image: url("../image/jyoyo-y05.jpg");
  }

  .works-kumiyama-y {
    background-image: url("../image/kumiyama-y05.jpg");

  }

  .works__mv-ttlBox {
    padding-top: 8%
  }

  .page__wrap-works_single .works__mv-ttlBox {
    display: none;
  }

  /*============================
#works__list
============================*/
  #works__list {
    padding: 5% 0 6%;
  }

  /*============================
#works__cts
============================*/
  #works__cts {
    padding: 13% 0 12%;
  }

  .works__cts-top {
    display: flex;
    flex-direction: column;
  }

  .works__cts-overview-slider {
    order: 2;
    display: flex;
    flex-direction: column;
    margin-top: 4.4%;
  }

  .works__cts-overview-slider-item {
    width: 100%;
  }

  .works__cts-overview-slider-item:not(:last-child) {
    margin-bottom: 5.9%;
  }

  .works__cts-slide-arrow-wrap {
    display: none;
  }

  .works__cts-textBox {
    order: 1;
    text-align: left;
  }

  .works__cts-ttl {
    font-size: 1.8rem;
  }

  .works__cts-place {
    font-size: 1rem;
    margin-top: 0.5em;
  }

  .works__cts-plane {
    order: 3;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 1.5em;
  }

  /*============================
#works__achievement
============================*/
  #works__achievement {
    padding: 12.2% 0 20%;
  }

  .works__achievement-ttlBox {
    margin-bottom: 4.8%;
  }

  .works__achievement-wrap {
    padding: 0 4.5%;
  }

  .works__achievement-item {
    width: 100%;
  }

  .works__achievement-item:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .works__achievement-item:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .works__achievement-item:nth-child(n + 4) {
    margin-top: 0;
  }

  .works__achievement-item:nth-child(n + 3) {
    margin-top: 0
  }

  .works__achievement-item:not(:last-child) {
    margin-bottom: 8.8%;
  }

  .works__achievement-textBox {
    font-size: 1.3rem;
    padding: 0.8em 0.8em 0.8em 1.5em;
    margin-top: 0;
  }

  .works__achievement-place {
    font-size: 1rem;
  }

  .works__cts-slide-arrow-wrap .slick-prev {
    display: none;
  }

  .works__cts-slide-arrow-wrap .slick-next {
    display: none;
  }

  .works__cts-slide-arrow-wrap .slick-prev:before,
  .works__cts-slide-arrow-wrap .slick-next:before {
    display: none;
  }

  /*============================
contact__mv
============================*/
  .contact__mv-bg {
    background-image: url("../image/contact-mv-sp.jpg");
  }

  .contact__mv-ttlBox {
    display: none;
  }

  /*============================
#contact__form
============================*/
  #contact__form {
    padding: 11.3% 0 5%;
    border: 0;
  }

  .contact__form-wrap {
    border: 1px solid #eee;
    padding: 10% 5.2% 13.3%;
    box-sizing: border-box;
  }

  .contact__form-ttlBox {
    margin-bottom: 12%;
  }

  .contact__form-list {
    font-size: 1.2rem;
  }

  .contact__form-must,
  .contact__form-any {
    font-size: 1rem;
  }

  .contact__form input[type="text"],
  .contact__form input[type="tel"],
  .contact__form input[type="email"],
  .contact__form textarea {
    padding: 0.57em 1.1em 0.57em;
  }

  .checkbox-parts {
    padding-left: 28px;
  }

  .checkbox-parts::before {
    width: 16px;
    height: 16px;
  }

  .check-input:checked+.checkbox-parts::after {
    top: 3px;
    left: 6px;
    width: 3px;
    height: 7px;
  }

  .privacy__policy-ttlBox {
    margin-bottom: 5.4%;
  }

  .privacy__policy-ttl-eng {
    font-size: 2rem;
  }

  .privacy__policy-ttl-jpn {
    font-size: 1rem;
  }

  .privacy__policy-wrap {
    width: 100%;
    padding: 1.2em 1.2em 0 1.2em;
    font-size: 1rem;
  }

  .praivacypolicy-agree {
    margin-bottom: 2.8em;
  }

  .contact__form-btnBox {
    font-size: 1rem;
  }

  .contact__form-submit_btn {
    margin: 2.8em auto 0;
    font-size: 1.8rem;
  }

  .contact__form-submit_btn input[type="submit"] {
    font-size: 1.4rem;
  }
}

/*=========== M E D I A Q U E R Y ==========*/