@charset "utf-8";
.sp {
    display: none;
}
/* min-width:1200px以上エリア */
/* トップヘッダーPC */



/* キャッチコピーpc */
.catchCopy {
    margin-top: 100px;
    margin-bottom: 100px;
    display: block;
}

.catchCopy .container {
    display: flex;
    justify-content: space-around;
    max-width: 1200px;
    height: 449px;
    margin: 0 auto;
}
.catchCopy .catchCopy-block.pc {
    display: flex;
    flex-direction: column;
    margin-right: 36px;
}
.catchCopy .catchCopy-ttl {
    display: block;
    padding-bottom: 50px;
    position: relative;
}

.catchCopy .catchCopy-ttl h2 {
    font-size: 37px;
    text-align: center; 
     display: grid;
}
.catchCopy .catchCopy-ttl::after {
    border-bottom: #000 1px solid;
    position: absolute;
    bottom: 10px;
    content: "";
    width: 100%;
    height: 5px;
    display: inline-block; 
}

.catchCopy .catchCopy-ttl h2 span {
    display: inline-block;
    margin-left: 135px;
}

.catchCopy .catchCopy-pragraf1 {
    text-align: center;
    margin-top: 30px;
}

.catchCopy .catchCopy-pragraf1 p {
    font-size: 20px;
}
.catchCopy .catchCopy-pragraf2 {
    text-align: center;
    margin-top: 50px;
}

.catchCopy .catchCopy-pragraf2 p {
    font-size: 20px;
}
.catchCopy-img.pc {
    background-image: url(../img/catchcopy.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 449px;
    width: 58%;
    border-radius: 10px;
}



/* サービスエリアpc */
#service {
    margin-top: 40px;
}
#service .service-bg {
    background-color:#E7F0F1;
    padding-bottom: 252px;
    height: 1004px;
}
#service .service-ttl {
    padding-top: 100px;
    text-align: center;
}
#service .service-ttl h2 {
    font-size: 44px;
}
#service .service-furigana {
    margin-top: 15px;
    text-align: center;
}
#service .service-furigana p {
    font-size: 22px;
}

#service .container {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
}

#service .service-clinic {
    width: 33.3%;
    position: relative;
    margin-right: 8px;
   
}


#service .service-clinic .clinic-bg {
    background-image: url(../img/clinic.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    position: relative;
}


#service .clinic-txt {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    /* opacity: 0.8; */
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* #service .clinic-txt::after {
    content: "";
    position: absolute;
    max-width: 230px;
    max-height: 90px;
    width: 100%;
    height: auto;
    top: 190px;
    left: 10px;
    background-color: #fff;
    opacity: 0.8;
    display: inline-block;
} */
#service .clinic-txt h3 {
    font-size: 40px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow:1px 0 3px #fff;
}
#service .clinic-furigana {
    padding-bottom: 5px;
}
#service .clinic-txt p {
    font-size: 20px;
    color: #5A5A5A;
}

#service .service-shop {
    width: 33.3%;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}
#service .service-shop .shop-bg {
    background-image: url(../img/shop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
#service .shop-txt {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    /* opacity: 0.8; */
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#service .shop-txt h3 {
    font-size: 40px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow:1px 0 3px #fff;
}
#service .shop-furigana {
    padding-bottom: 5px;
}
#service .shop-txt p {
    font-size: 20px;
    color: #5A5A5A;
}



#service .service-home {
    width: 33.3%;
    position: relative;
    margin-left: 8px;
    ;
}
#service .service-home .home-bg {
    background-image: url(../img/home.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

#service .home-txt {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    /* opacity: 0.8; */
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#service .home-txt h3 {
    font-size: 40px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow:1px 0 3px #fff;
}
#service .home-furigana {
    padding-bottom: 5px;
}
#service .home-txt p {
    font-size: 20px;
    color: #5A5A5A;
}





/* サービスボタンPC  */
#service .service-btn {
    width: 204px;
    height: 68px;
    background-color: #535353;
    text-align: center;
    margin: 80px auto;
}

#service .service-btn a {
    color: #fff;
    font-size: 26px;
    display: block;
    padding-top: 15px;
}




/* 実績エリアPC */
#works .works-bg {
    background-image: url(../img/wood-bg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1482px;
}

#works .works-ttl {
    padding-top: 82px;
    text-align: center;
}

#works .works-ttl h2 {
    font-size: 44px;
}

#works .works-furigana {
    margin-top: 15px;
    text-align: center;
}

#works .works-furigana p {
    font-size: 22px;
}

#works .container {
    max-width: 1200px;
    margin: 80px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
#works .works-txt .slider {
	display: none;
}

/* 実績クリニックPC */
#works .works {
    width: 50%;
    background-color: #fff;
    border: solid 0.5px #707070;
    margin-bottom: 30px;
	 padding-bottom:10px;
}
/*
#works .works-clinic-img {
    background-image: url(../img/clinic-works.jpg);
    background-position: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
    max-width: 600px;
    width: 100%;
    display: block;
}
*/
#works .works-txt {
/*     height: 100px; */
	text-align: center;
}
#works .works-txt .works-sub-ttl {
    margin-top: 20px;
/*     margin-left: 25px; */
}
#works .works-txt .works-sub-ttl h3 {
    font-size: 20px;
/* 	padding-top: 30px; */
}
#works .works-txt .works-paragraf {
/*     margin-top: 20px; */
    margin-left: 25px;
}
#works .works-txt .works-paragraf p {
    font-size: 16px;
}


/* 実績ボタンPC */
#works .works-btn {
    width: 204px;
    height: 68px;
    background-color: #535353;
    text-align: center;
    margin: 80px auto 100px;
}

#works .works-btn a {
    color: #fff;
    font-size: 26px;
    display: block;
    padding-top: 15px;
}


/* お問い合わせエリアPC */
#contact {
    padding-bottom: 100px;
    max-width: 1200px;
    margin: 0 auto;
}

#contact .contact-ttl {
    text-align: center;
    margin-top: 100px;
}

#contact .contact-ttl h2 {
    font-size: 44px;
}

#contact .contact-furigana {
    margin-top: 11px;
    text-align: center;
    margin-bottom: 60px;
}

#contact .contact-furigana p {
    font-size: 28px;
}
#contact .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
} 

/* コンタクト電話PC */
#contact .contact-phone {
    width: 500px;
    height: 120px;
    background-color: #EE7967;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}

#contact .contact-phone-img-txt {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

#contact .contact-phone-img {
    margin-right: 10px;
}

#contact .contact-phone-txt {
    margin-left: 10px;
    margin-top: 10px;
}

#contact .contact-phone-txt a {
    font-size: 36px;
}

#contact .contact-phone-txt a:hover {
    color:rgba(255, 255, 255, 1);
}

/* コンタクトFAXPC */
#contact .contact-fax {
    width: 500px;
    height: 120px;
    background-color: #EE7967;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}

#contact .contact-fax-txt {
    text-align: center;
    margin-top: 30px;
}

#contact .contact-fax-txt span {
    font-size: 36px;
    color: #000;
}

/* #contact .contact-fax-txt a:hover {
    color:rgba(255, 255, 255, 1);
} */

/* コンタクトメールPC */
#contact .contact-mail {
    width: 500px;
    height: 120px;
    background-color: #F5F5F5;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}

#contact .contact-mail-img-txt {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
#contact .contact-mail-img {
    margin-right: 10px;
    margin-top: 15px;

}

#contact .contact-mail-txt {
    margin-left: 10px;
    margin-top: 10px;
}

#contact .contact-mail-txt a {
    font-size: 35px;
}

#contact .contact-mail-txt a:hover {
    color: #ccc;
}
/* コンタクトパンフレットPC */
#contact .contact-pamphlet {
    width: 500px;
    height: 120px;
    background-color: #F5F5F5;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}

#contact .contact-pamphlet-txt {
    text-align: center;
    margin-top: 40px;
}

#contact .contact-pamphlet-txt a {
    font-size: 22px;
    color: #000;
}

#contact .contact-pamphlet-txt a:hover {
    color: #ccc;
}
/* win-width:1200pxエリア終わり */



@media (min-width: 768px) and (max-width: 1199px) {
  .sp{
      display: none;
  }
    .catchCopy .catchCopy-ttl h2 {
        font-size: 26px;
    }
    .catchCopy .catchCopy-pragraf1 p {
        font-size: 15px;
    }
    .catchCopy .catchCopy-pragraf2 p {
        font-size: 15px;
    }
    .catchCopy .catchCopy-ttl h2 span {
        display: inline-block;
        margin-left: 0;
    }

     /* サービスエリア 768px~1199px */
    #service .clinic-txt h3 {
        font-size: 35px;
    }

    #service .clinic-txt p {
        font-size: 15px;
    }

    #service .shop-txt h3 {
        font-size: 35px;
    }

    #service .shop-txt p {
        font-size: 15px;
    }

    #service .home-txt h3 {
        font-size: 35px;
    }

    #service .home-txt p {
        font-size: 15px;
    }

    #service .furniture-txt h3 {
        font-size: 30px;
    }

    #service .furniture-txt p {
        font-size: 15px;
    }


    /* サービスエリアボタン */
    /* サービスボタンPC  */
#service .service-btn a {
    font-size: 20px;
}

    /* ワークスエリア　768px~1199px */

    #works .works-clinic-txt .works-clinic-ttl h3 {
        font-size: 16px;
    }

    #works .works-clinic-txt .works-clinic-paragraf p {
        font-size: 14px;
    }

    #works .works-shop-txt .works-shop-ttl h3 {
        font-size: 16px;
    }
    #works .works-shop-txt .works-shop-paragraf p {
        font-size: 14px;
    }

    #works .works-home-txt .works-home-ttl h3 {
        font-size: 16px;
    }

    #works .works-home-txt .works-home-paragraf p {
        font-size: 14px;
    }

    #works .works-furniture-txt .works-furniture-ttl h3 {
        font-size: 16px;
    }

    #works .works-furniture-txt .works-furniture-paragraf p {
        font-size: 14px;
    }

    /* ワークスボタン 768px~1199px */
    #works .works-btn a {
        color: #fff;
        font-size: 20px;
        display: block;
        padding-top: 15px;
    }


    /* コンタクトエリア 768px~1199px */
    #contact .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #contact .contact-furigana {
        margin-top: 11px;
        text-align: center;
        margin-bottom: 30px;
    }


    #contact .contact-phone {
        width: 400px;
        height: 100px;
        background-color: #EE7967;
        margin-top: 15px;
        margin-left: 25px;
        margin-right: 25px;
        display: inline-block;
    }
    #contact .contact-phone-txt a {
        font-size: 26px;
    }
    #contact .contact-phone-img img {
        width: 80%;
    }

    #contact .contact-fax {
        width: 400px;
        height: 100px;
        background-color: #EE7967;
        margin-top: 20px;
        margin-left: 25px;
        margin-right: 25px;
        display: inline-block;
    }

    #contact .contact-fax-txt span {
        font-size: 26px;
        color: #000;
    }

    #contact .contact-mail {
        width: 400px;
        height: 100px;
        background-color: #F5F5F5;
        margin-top: 20px;
        margin-left: 25px;
        margin-right: 25px;
        display: inline-block;
    }
    #contact .contact-mail-img {
        margin-right: 10px;
    }
    #contact .contact-mail-img img {
        width: 80%;
    }
    #contact .contact-mail-txt a {
        font-size: 26px;
    }

    #contact .contact-pamphlet {
        width: 400px;
        height: 100px;
        background-color: #F5F5F5;
        margin-top: 20px;
        margin-left: 25px;
        margin-right: 25px;
        display: inline-block;
    }
   
}
/* 768px~1199pxエリア終わり */


/* モバイルエリア */
@media (max-width: 767px) {
body {
    position: relative;
}
/*---------- キャッチコピーSP ----------*/
.catchCopy {
    margin-top: 100px;
}
.catchCopy .container {
    display: block;
    max-width: 1200px;
    height: auto;
}

.catchCopy .catchCopy-block.pc {
    margin: 0;
}
.catchCopy-img.pc {
    display: none;
}
.catchCopy-img.sp {
    display: block;
}
.catchCopy-img.sp img {
    width: 100%;
}
.catchCopy .catchCopy-ttl {
    margin-top: 40px;
    padding-bottom: 20px;
}
.catchCopy .catchCopy-ttl h2 {
    font-size: 20px;
    text-align: center;
    display: grid;
}
.catchCopy .catchCopy-pragraf1 {
    margin-top: 15px;
} 
.catchCopy .catchCopy-pragraf1 p {
    font-size: 14px;
}
.catchCopy .catchCopy-pragraf2 {
    margin-top: 15px;
}
.catchCopy .catchCopy-pragraf2 p {
    font-size: 14px;
}

.catchCopy .catchCopy-ttl h2 span {
    display: inline-block;
    margin-left: 0;
}




/*---------- サービスSP ----------*/
#service {
    margin-top: 40px;
    margin-bottom: 40px;
}
#service .service-bg {
    padding-bottom: 30px;
    height: auto;
}
#service .service-ttl h2 {
    font-size: 25px;
}
#service .service-furigana p {
    font-size: 16px;
}
#service .container {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#service .service-clinic {
    width: 100%;
    position: relative;
    margin-right: 0;
}
#service .service-clinic .clinic-bg {
    height: 200px;
}
#service .clinic-txt {
    width: 40%; 
}
#service .clinic-txt h3 {
    font-size: 20px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow: 1px 0 3px #fff;
}
#service .clinic-txt p {
    font-size: 16px;
    color: #5A5A5A;
}

#service .service-shop {
    width: 100%;
    position: relative;
    margin: 0;
    margin-top: 15px;
}
#service .service-shop .shop-bg {
    height: 200px;
}
#service .shop-txt {
    width: 40%; 
}
#service .shop-txt h3 {
    font-size: 20px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow: 1px 0 3px #fff;
}
#service .shop-txt p {
    font-size: 16px;
    color: #5A5A5A;
}

#service .service-home {
    width: 100%;
    position: relative;
    margin: 0;
    margin-top: 15px;
}
#service .service-home .home-bg {
    height: 200px;
}
#service .home-txt {
    width: 40%; 
}
#service .home-txt h3 {
    font-size: 20px;
    color: #FF7B7B;
    font-weight: bold;
    text-shadow: 1px 0 3px #fff;
}

#service .service-btn {
    margin: 40px auto;
    width: 154px;
    height: 48px;
}
#service .service-btn a {
    font-size: 18px;
    padding-top: 10px;   
}

/* ワークスエリアSP */
#works .works-ttl h2 {
    font-size: 25px;
}
#works .works-furigana p {
    font-size: 15px;
}
#works .works-bg {
    height: auto;
    padding-bottom: 30px;
}
#works .container {
    display: block;
    margin: 40px auto;
}

#works .works {
    width: 100%;
    margin: 0 auto 30px;
}
#works .works-img {
    max-width: 100%;
    display: block;
}
#works .works-img img {
	width: 100%;
	height: auto;
}
#works .works-txt .works-sub-ttl {
    text-align: center;
    margin-left: 0;
}
#works .works-txt .works-sub-ttl h3 {
    font-size: 15px;
}
#works .works-txt .works-paragraf {
    margin-left: 0;
    text-align: center;
}
#works .works-txt .works-paragraf p {
    font-size: 13px;
}

#works .works-btn {
    width: 154px;
    height: 48px;
    background-color: #535353;
    text-align: center;
    margin: 40px auto ;
    padding-bottom: 30px;
}
#works .works-btn a {
    font-size: 18px;
    padding-top: 10px;
}


/* コンタクトエリアSP */
#contact {
    height: auto;
    margin-bottom: 60px;
}
#contact .contact-ttl h2 {
    font-size: 25px;
}
#contact .contact-furigana {
    margin-bottom: 30px;
}
#contact .contact-furigana p {
    font-size: 15px;
}
#contact .contact-phone {
    width: 300px;
    height: 100px;
    background-color: #EE7967;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}
#contact .contact-phone-img-txt {
    margin-top: 25px;
}
#contact .contact-phone-img img {
    width: 80%;
}
#contact .contact-phone-txt {
    margin-left: -10px;
    margin-top: 15px;
}
#contact .contact-phone-txt a {
   font-size: 20px;
}
#contact .contact-fax {
    width: 300px;
    height: 100px;
    background-color: #EE7967;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}
#contact .contact-fax-txt {
    margin-top: 40px;
}
#contact .contact-fax-txt span {
    font-size: 20px;
}
#contact .contact-mail {
    width: 300px;
    height: 100px;
    background-color: #F5F5F5;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}
#contact .contact-mail-img-txt {
    margin-top: 25px;
}
#contact .contact-mail-img {
    margin-top: 5px;
}
#contact .contact-mail-img img {
    width: 80%;
}
#contact .contact-mail-txt {
    margin-left: -4px;
    margin-top: 15px;
}
#contact .contact-mail-txt a {
    font-size: 20px;
}
#contact .contact-pamphlet {
    width: 300px;
    height: 100px;
    background-color: #F5F5F5;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    display: inline-block;
}
#contact .contact-pamphlet-txt {
    text-align: center;
    margin-top: 30px;
}
#contact .contact-pamphlet-txt a {
    font-size: 18px;
    color: #000;
}

#contact .contact-pamphlet-txt a span {
    display: block;
}
}

@media(min-width: 0px) and (max-width: 500px) {
	
/* コンタクトエリア */
#contact .contact-phone-img {
    margin-left: 10px;
    margin-right: 10px;
}
#contact .contact-phone-img img {
    width: 65%;
}
#contact .contact-phone-txt {
    margin-left: -27px;
    margin-top: 15px;
}

#contact .contact-phone-txt a {
    font-size: 18px;
}
#contact .contact-fax-txt span {
    font-size: 18px;
}
#contact .contact-mail-img {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
}
#contact .contact-mail-img img {
    width: 70%;
}
#contact .contact-mail-txt {
    margin-left: -18px;
    margin-top: 15px;

}
#contact .contact-mail-txt a {
    font-size: 18px;
}
#contact .contact-pamphlet-txt a {
    font-size: 15px;
    color: #000;
}

}