@charset "UTF-8";
/***********************************************
共通パーツSTART
************************************************/


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

    /*** フッターコンテンツ ***/ 
    .footer-contents-position {
        margin-left: auto;
    }

}

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

    /*** アコーディオンメニュー ***/
    .accordion__detail {
        margin-left: 0;
    }

    .accordion input:checked ~ .header-accordion__detail {
        position: static;
        transform: translateX(0);
        margin: 10px auto;
    }


    /*** ヘッダーナビ調製 ***/
    .nav > ul > li + li {
        border-left: none;
    }
    
    .nav-link {
        line-height: 3rem;
    }
    
    .accordion__summary::after, .footer-accordion__summary::after {
        bottom: 1.4em;
    }

}

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

    /*** フォントサイズ調整 ***/
    .first-heading {
        font-size: 1.8rem;
    }

    .secondary-heading {
        font-size: 2rem;
    }


    /*** instagramボタン調整 ***/
    .instagram-btn {
        padding: 20px 7%;
        border-radius: 60px;
    }

    /*** アイコン付き電話ボタン ***/
    .tel-btn {
        margin: 0 auto;
    }

    /*** アクセス情報 ***/
    .access {
        display: block;
    }
    
    .access-note {
        padding: 50px 0;
        margin: 0;
        text-align: center;
    }
    
    .access-caption {
        margin: 10px auto 0;
    }

    /*** parts_01sp ***/
    .secondary-heading {
        text-align: center;
        margin-top: 10px;
    }
    
    .inner {
        padding: 0 0 90px 0;
    }

    /*** アクセス情報 ***/
    .access {
        margin-bottom: 0;
    }

    .general-section .inner-wide {
        width:100%
    }

    /*** レセプション ***/
    .reception .secondary-heading{
        text-align: center; 
        padding-top: 0
    }

    /*** グレー背景 ***/
    .bg-gray .inner {
        padding: 20px 0 60px;
    }

    /*** グレー背景タイトル ***/
    .caption-gray-wide {
        width: 100%;
    }

    /*** お知らせ ***/
    .news-center .box{
        margin-bottom: 50px;
    }
    
    /*** フッター ***/
    .footer {
        grid-template-columns: 1fr;
    }
    
    .footer-map {
        order: 1;
    }
    
    .footer-logo {
        margin: 0 auto;
    }
    
    .footer-note {
        text-align: center;
        order: 2;
    }
    
    .address {
        width: 100%;
    }
    
    .footer-address-br {
        display: none;
    }
    
    .footer-address-blank {
        display: inline-block;
    }

    .footer-nav-list, .footer-nav-list2 {
        margin-right: auto;
        margin-left: auto;
    }

    /*** コピーライト ***/
    .copyright {
        text-align: center;
        margin: 80px auto 0;
    }

    /*** 採用情報 ***/
    .blog-heading2 {
        text-align: center;
    }

    .access-caption2 {
        width: auto;
    }
    
    /*** 下層ページKV調整 ***/
        .kasou_midasi {
        top:106px
    }

    .kasou_title {
        top:30%;
        left:20%;
    }

    /*** 文字位置調整 ***/
    .caption-color-wide {
        padding: 0px 0px 20px 0;
        margin: 0 auto;
    }

    /*** 要素3つ横並びを縦表示 ***/
    .tri-flex-box {
        display: flow;
    }

    .tri-flex-box .flex-text-box {
        width: 100%;
    }

    .tri-flex-box .flex-text-box::before {
        display: none;
    }


    /*** 表をスクロール表示 ***/
    .scroll {
        overflow-x: scroll;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }



}


/***********************************************
共通パーツEND
************************************************/



/***********************************************
位置・余白・文字サイズ等START
************************************************/


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

    /*** padding ***/
    .pt-0_sp {
        padding-top: 0;
    }

    .pt-50_sp {
        padding-top: 50px;
    }

    .pt-100_sp {
        padding-top: 100px;
    }

    .pt-125_sp {
        padding-top: 125px;
    }

    .pt-150_sp {
        padding-top: 150px;
    }

    .pt-200_sp {
        padding-top: 200px;
    }

    .pt-250_sp {
        padding-top: 250px;
    }

    .pr-0_sp {
        padding-right: 0;
    }

    .pr-50_sp {
        padding-right: 50px;
    }

    .pr-100_sp {
        padding-right: 100px;
    }

    .pr-150_sp {
        padding-right: 150px;
    }

    .pr-200_sp {
        padding-right: 200px;
    }

    .pr-250_sp {
        padding-right: 250px;
    }

    .pb-0_sp {
        padding-bottom: 0;
    }

    .pb-50_sp {
        padding-bottom: 50px;
    }

    .pb-100_sp {
        padding-bottom: 100px;
    }

    .pb-150_sp {
        padding-bottom: 150px;
    }

    .pb-200_sp {
        padding-bottom: 200px;
    }

    .pb-250_sp {
        padding-bottom: 250px;
    }

    .pl-0_sp {
        padding-left: 0;
    }

    .pl-50_sp {
        padding-left: 50px;
    }

    .pl-100_sp {
        padding-left: 100px;
    }

    .pl-150_sp {
        padding-left: 150px;
    }

    .pl-200_sp {
        padding-left: 200px;
    }

    .pl-250_sp {
        padding-left: 250px;
    }

    .p-0_sp {
        padding: 0;
    }

    /*** margin ***/
    .mt-0_sp {
        margin-top: 0;
    }

    .mt-25_sp {
        margin-top: 25px;
    }

    .mt-50_sp {
        margin-top: 50px;
    }

    .mt-100_sp {
        margin-top: 100px;
    }

    .mt-125_sp {
        margin-top: 125px;
    }

    .mt-150_sp {
        margin-top: 150px;
    }

    .mt-200_sp {
        margin-top: 200px;
    }

    .mt-250_sp {
        margin-top: 250px;
    }

    .mr-0_sp {
        margin-right: 0;
    }

    .mr-50_sp {
        margin-right: 50px;
    }

    .mr-100_sp {
        margin-right: 100px;
    }

    .mr-150_sp {
        margin-right: 150px;
    }

    .mr-200_sp {
        margin-right: 200px;
    }

    .mr-250_sp {
        margin-right: 250px;
    }

    .mb-0_sp {
        margin-bottom: 0;
    }

    .mb-50_sp {
        margin-bottom: 50px;
    }

    .mb-100_sp {
        margin-bottom: 100px;
    }

    .mb-150_sp {
        margin-bottom: 150px;
    }

    .mb-200_sp {
        margin-bottom: 200px;
    }

    .mb-250_sp {
        margin-bottom: 250px;
    }

    .ml-0_sp {
        margin-left: 0;
    }

    .ml-50_sp {
        margin-left: 50px;
    }

    .ml-100_sp {
        margin-left: 100px;
    }

    .ml-150_sp {
        margin-left: 150px;
    }

    .ml-200_sp {
        margin-left: 200px;
    }

    .ml-250_sp {
        margin-left: 250px;
    }

    .m-0_sp {
        margin: 0;
    }


    /*** フォントサイズ ***/
    .fs-13_sp {
        font-size: 1.3rem;
    }

    .fs-26_sp {
        font-size: 2.6rem;
    }

    .fs-28_sp {
        font-size: 2.8rem;
    }


    /*** PC/SP表示・非表示切替 ***/
    .pc-disp {
        display: none;
    }

    .sp-disp {
        display: block;
    }

}


/***********************************************
位置・余白・文字サイズ等END
************************************************/



/***********************************************
株式会社junya css START
************************************************/



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

    /*** kvフォントサイズ調整 ***/
    .first-heading {
        font-size: 3.2rem;
        position: absolute;
        top: 35%;
        left: 50%;
    }

   /*** 下層kvフォントサイズ調整 ***/
    .kasou-first-heading{
        font-size: 2rem;
    }


    /*** 人工炭酸泉装置　業務用 ***/


    /* 画像縦に長くテキストと並べる */
    .flex-box-container {
        display: flow;
    }

    .set-flex {
        display: flow;
        width: 100%;
    }

    .set-flex .flex-text-box {
        width: 100%;
    }

    .set-flex .flex-text-box::before {
        display: none;
    }

    .flex-box-container .flex-img-box {
        width: 100%;
    }
}

/***********************************************
株式会社junya専用css END
************************************************/


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

    /* 家庭用サウナ表スクロール */
    .kateiyou-sauna__scroll {
        overflow-x: scroll;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

}



/********** 5/27〜追加修正 **********/
@media screen and (max-width: 1050px) {

    /* 新規 */
    /*** 改行非表示 ***/
    .br-none_1050 {
        display: none;
    }

}

/********** 8/5〜追加修正 **********/
@media screen and (max-width: 1000px) {
    
    /*** ヘッダーナビ ***/
    .nav-list {
        gap: 15px;
    }

    .nav-item {
        width: 100%;
    }

}

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

    /*** h1 ***/
    .first-heading {
        width: 100%;
    }

    /*** フッターロゴ ***/
    .footer-logo img {
        margin-bottom: 12px;
    }

}