@charset "utf-8";

/* fix */
/* ヘッダー */
header {
    background-size: 100% 40px;
}
header h1 {
    margin-bottom: 25px;
    padding-top: 0;
}
header h1#arch img {
    height: 19px;
    margin-bottom: 14px;
}

.out-nav2 {
    margin-left: 78%;
}
/* メインビジュアル */
#contact .page-header-wrap2-inner {
    width: 100%;
}
/* メインナビ */
.header-section2 {
	height: 150px;
}
.header-section2-inner {
    height: 160px;
}
nav.header-section2-inner ul li.nav01, nav.header-section2-inner ul li.nav02, nav.header-section2-inner ul li.nav03, nav.header-section2-inner ul li.nav04 {
	width: 25%;
	height: 150px;
	margin: 0;
}
nav.header-section2-inner ul li.main-nav-li:first-child {
	margin: 0;
}
nav.header-section2-inner ul li.main-nav-li:last-child {
	margin: 0;
}
.page-current p {
	top: -40px;
}
#office-info .page-current p {
	left: 117px;
}
#about-use .page-current p {
	left: 370px;
}
#voice-of-member .page-current p {
	left: 885px;
}




/* ハンバーガーメニュー */
.hm-menu {
	display: block;
}
.menubutton {
	top: 10px;
	right: 10px;
}
/* サブメニュー */
.sub-menu-wrapper1 {
    margin-top: 0;
    height: 230px;
}
.sub-menu-wrap1 {
	width: 100%;
}
.sub-menu-wrap1 .wrap-inner2 {
	margin: 0;
	width: 70%;
}
.sub-menu-wrapper1 h3 {
    font-size: 2.8em;
    margin-left: 10%;
}

#about-use .sub-menu-wrap1 h3 {
    font-size: 2.5em;
    line-height: 3.5em;
}

/* インフォメーション */
.common-information {
    width: 94%;
    margin: 0 auto;
}
/* フッター */
.footer-pack {
    width: 100%;
    margin: 0;
}
.footer-pack-01 {
    padding-left: 3%;
}
p.pagetop img {
    width: 50px;
}
/* 共通 */
article {
    width: 100%;
}
/* サブページ共通部分 */
.page-wrap {
    width: 100%;
}
/* トップページ */
#toppage .index-header-wrap3 {
    font-size: 200%;
}
.index-section-01 {
    width: 94%;
    margin: 0 auto;
}
#toppage .page-wrap {/* シェーン相模大野の作業内容 */
    width: 100%;
}
.index-section-01-back {
    width: 100%;
    margin: 0;
    margin-top: -395px;
}
.index-section-01 h4.index-h4-01 {
    margin-top: 310px;
}
.index-section-01 ul.ind-sec-01-upper li, .index-section-01 ul.ind-sec-01-lower li {
    width: 24%;
    margin-left: 1%;
}
.index-section-01-back img {
    width: 100%;
    height: 700px;
}

.index-section-01 ul.ind-sec-01-upper {
    width: 96%;
    margin: 3% 2%;
}
.index-section-01 ul.ind-sec-01-lower {
    width: 96%;
    margin: 3% 2%;
}
.index-section-01 ul.ind-sec-01-lower {
    top: 360px;
}

h4.index-h4-02 {/* シェーン＝支援のPOINT */
    margin-top: 100px;
}
.ind-sec02-hierarchy {
    margin-top: 20px;
}
.page-wrap02-01 img {
    height: auto;
    width: 82%;
    margin: 0 2%;
}

.page-wrap p.main-masseage-p {
    width: 79%;
    padding: 0 4%;
    font-size: 150%;
    text-align: left;
    margin-bottom: 5%;
}
.page-wrap p.main-masseage-p2 {
    font-size: 150%;
    text-align: left;
    margin-bottom: -2%;
    padding: 0 2%;
}
.page-wrap p.main-masseage-p3 {
    font-size: 150%;
    text-align: left;
}

body .ind-sec02-point-part p {
    font-size: 120%;
}
h3.index-h3-01 {
    font-size: 242%;
    padding: 0 -1%;
    text-align: center;
}



/* 事業所案内 */
#office-info .office-info-wrap {
    margin-top: 350px;
}
/* ご利用について */
p.service-text {
    font-size: 175%;
}


h3.service-h3-1 {
	margin-block-start: 10em;
}

/* 一日の流れ */
#flow-of-the-day .sub-menu-wrap1 h3 {
    font-size: 2.3em;
    margin: 19% 5%;
}
/* メンバーの声 */
#voice-of-member .voice-of-member h4 {
    width: 90%;
    margin-left: 10px;
}
#voice-of-member .illust-1 {
    right: 25px;
}
#voice-of-member .sub-menu-wrapper1 {
    margin: 0;
}
#voice-of-member .sub-menu-wrapper1 h3 {
    line-height: 1.5em;
    margin: 0;
}
/* お問い合わせ */
table.formTable th {
    width: 35%;
}
/* プライバシーポリシー */
/* アーティスト */


/* iPad Pro 11inch */
@media screen and (max-width: 834px) {
    /* ヘッダー */
    header h1#arch img {
		margin-bottom: 16px;
		height: 14px;
    }
    header .header-section1 img {
        margin-left: 155px;
    }
    .header-section1-left {
        width: 60%;
    }
    .out-nav2 {
        margin-left: 74%;
    }

    /* メインメニュー */
    .header-section2 {
        height: 125px;
    }
    .header-section2-inner {
        height: 135px;
    }
    nav.header-section2-inner ul li.main-nav-li:first-child {
        margin-left: 0;
    }
    nav.header-section2-inner ul li.main-nav-li:last-child {
        margin-right: 0;
    }
    nav.header-section2-inner ul li.nav01, nav.header-section2-inner ul li.nav02, nav.header-section2-inner ul li.nav03, nav.header-section2-inner ul li.nav04 {
        width: 25%;
        height: 135px;
    }

    #office-info .page-current p {
        left: 93px;
    }
    #about-use .page-current p {
        left: 303px;
    }
    #flow-of-the-day .page-current p {
        left: 510px;
    }
    #voice-of-member .page-current p {
        left: 718px;
    }

    /* サブメニュー */
    .sub-menu-wrapper1 {
        height: 185px;
    }
    .sub-menu-wrapper1 h3 {
        font-size: 2.2em;
    }

    #about-use .sub-menu-wrap1 h3 {
        font-size: 2em;
    }

    /* インフォメーション */
    .common-information {
        width: 92%;
        padding: 0 4%;
    }
    #information1, #information1-2, #information2, #information3, #information4 {
        width: 31%;
    }
    p.common-masseage-01 {
        font-size: 110%;
    }

    /* フッター */
    .footer1 {
        font-size: 80%;
    }
    .footer-pack-01 {
        font-size: 90%;
    }


    /* トップページ */
    .index-section-01-back {
        margin-top: -335px;
    }
    .index-section-01 ul.ind-sec-01-lower {
        top: 300px;
    }
    .index-section-01-back img {
        height: 580px;
    }
    .index-section-01 h4.index-h4-01 {
        margin-top: 265px;
    }

    #toppage .index-header-wrap3 {
        font-size: 150%;
    }
    .page-wrap02-01 {
        width: 100%;
    }
    h3.index-h3-01 {
        font-size: 200%;
    }
    .page-wrap p.main-masseage-p {
        font-size: 150%;
        padding: 0 4%;
    }
    .ind-sec02-hierarchy {
        width: 100%;
    }

    h4.index-h4-02 {
    font-size: 200%;
    margin-top: 0;
    }
    .ind-sec02-point-part {
        width: 44%;
        margin-left: 4%;
    }
    .index-section-03 {
        margin: 0 5% 60px;
    }
    .index-section-03-inner {
        height: 500px;
    }
    .page-wrap02-01 img {
    width: 94%;
    margin: 0 3%;
    height: auto;
    }
    
    .page-wrap p.main-masseage-p2 {
    font-size: 150%;
    margin-bottom: -5%;
}
    .page-wrap p.main-masseage-p3 {
    font-size: 150%;
    margin: -2% 4% 3%;
}

    /* 事業所案内 */
    .rabbit-and-cat-images {
        top: -4%;
    }
    .rabbit-and-cat-images img {
        width: 250px;
    }

    .access-wrap-inner {
        font-size: 75%;
    }
    .access-info .right-box {
        font-size: 110%;
    }
    .right-box dd {
        margin-left: 20px;
    }

    .photo-box img {
        width: 29.9%;
    }

    /* ご利用について */
    .service-text-box {
        height: 195px;
    }
    .table-wrap table {
        width: 100%;
        margin-bottom: 20px;
    }
    

    /* 一日の流れ */
    #flow-of-the-day .lunch-menu-box h5 {
        font-size: 180%;
    }
    #flow-of-the-day .fb img {
        margin-bottom: 20px;
    }

    /* メンバーの声 */
    #voice-of-member article {
        margin-top: 100px;
    }
    #voice-of-member .voice-of-member h4 {
        width: 65%;
    }
    #voice-of-member .illust-1 {
        top: -40px;
    }
    #voice-of-member .wap01-01 .name-wrap1 p {
        width: 76%;
    }
    #voice-of-member .inner-box.in-3 p {
		margin-top: -1.2em;
		margin-bottom: 1em;
    } 
    #voice-of-member .text-box {
        min-height: 300px;
    }

    #voice-of-member .wap01 {
        padding-bottom: 300px;
    }
    #voice-of-member .illust-2 {
        width: 500px;
        left: 160px;
    }
    #voice-of-member .illust-2 img {
        width: 100%;
    }

    /* お問い合わせ */
    table.formTable {
        width: 85%;
    }
    table.formTable th {
        width: 40%;
    }

    /* アーティスト */
    #artist .artist-illust1 img {
        width: 200px;
    }
    #artist .artist-illust2 img {
        width: 300px;
    }
    #artist .profile dl {
        margin-bottom: 20px;
    }
    #artist .profile dd {
        float: none;
    }
}
@media screen and (max-width: 800px) {
    .header-section1-left {
		width: 75%;
	}
	header h1 {
		margin-bottom: 50px;
		padding-top: 15px;
    }
    header .header-section1 img {
        margin-left: 175px;
    }
    .out-nav2 {
        top: -25px;
    }
    .index-section-01 ul.ind-sec-01-upper li, .index-section-01 ul.ind-sec-01-lower li {
        width: 23%;
    }
    #information1, #information1-2, #information2, #information3, #information4 {
        width: 30%;
    }
    #flow-of-the-day .sub-menu-wrap1 h3 {
        font-size: 2em;
    }
    #voice-of-member .wap01-01 .name-wrap1 p {
        width: 75%;
    }
    #artist .artist-illust1 {
        right: 50px;
    }
    #artist .artist-illust2 {
        right: 50px;
    }
}


.video-box {
    float: left;
    width: 400px;
    margin-right: 63px;
}

.bana-tsukuritai img {
    width: 96%;
    height: auto;
    margin: 0 2%;
}