@charset "utf-8";


/* ヘッダー */
header {
	margin-top: 5px;
}
header h1 {
	line-height: 0;
	padding-top: 5px;
	margin-bottom: 60px;
}
header h1#arch img {
	width: 50%;
	height: 20px;
}
header .header-section1 {
    margin: 40px 0 0 -14px;
    height: 50px;
    width: 102%;
}

header .header-section1 img {
	margin-left: 140px;
}
header .header-section1-inner {
	height: 50px;
}
.header-section1-right {
	height: 49px;
}
.header-section1-left {
	width: 60%;
	height: 50px;
}
.out-nav1 {
	margin-top: 20px;
	margin-left: 1%;
}
.out-nav2 {
	margin-top: -112px;
	margin-bottom: -94px;
	margin-left: 74%;
}
ul.out-nav1 img {
	width: 86px;
	height: 70px;
	margin-top: -75px;
	margin-bottom: 35px;
}

ul.out-nav2 img {
	width: 86px;
	height: 70px;
	margin-top: -10px;
	margin-bottom: 10px;
}

/* メインメニュー */
.header-section2-inner {
	width: 100%;
}
nav.header-section2-inner ul li.main-nav-li:first-child {
	margin-left: 10%;
}
nav.header-section2-inner ul li.main-nav-li:last-child {
	margin-right: 0;
}

/* ハンバーガーメニュー */
.hm-menu {
	display:block;
}
.menubutton {
	top: 10px;
	right: 10px;
}
.hm-menu nav {
	font-size: 80%;
}

/* メインビジュアル */
#contact .page-header-wrap2-inner {
	width: 100%;
}

/* サブメニュー */
#office-info .page-current p {
	left: 16.7%;
}
#about-use .page-current p {
	left: 38%;
}
#flow-of-the-day .page-current p {
	left: 58.7%;
}
#voice-of-member .page-current p {
	left: 79.2%;
}


/* 共通部分 */
article {
	width: 100%;
}
.page-wrap {
	width: 100%;
}

/* サブページ共通部分 */
.sub-menu-wrap1 {
	width: 100%;
	margin-top: 25px;
}
.sub-menu-wrapper1 h3 {
	margin-left: 10%;
}
.sub-menu-wrap1 .wrap-inner2 {
	width: 70%;
	margin: 0;
}

/* インフォメーション */
.common-information {
	width: 90%;
	height: 435px;
	margin: 0 auto;
	font-size: 90%;
}
h4.common-h4-02 {
	font-size: 200%;
}
#information1, #information1-2, #information2, #information3, #information4 {
	width: 31%;
	height: 370px;
}
p.common-masseage-01 {
	font-size: 100%;
}

/* フッター */
.footer-pack {
	width: 100%;
	margin: 0;
	font-size: 70%;
}
.footer-pack-01 {
	padding-left: 20px;
}

/* pagetop */
p.pagetop img {
	width: 6.2%;
}


/* トップページ */
#toppage .page-wrap {
	width: 100%;
}

#toppage .shane-message-1 p {
	font-size: 80%;
}
h3.index-h3-01 {
	font-size: 200%;
}
.page-wrap p.main-masseage-p {
    font-size: 130%;
    padding: 0 4%;
}

.page-wrap02-01 {
	width: 100%;
}

.index-section-01-back {
	width: 98%;
	height: 545px;
	margin: 0 auto;
	margin-top: -320px;
}
.index-section-01 h4.index-h4-01 {
	margin-top: 250px;
}

.index-section-01-back img {
	width: 100%;
	height: 100%;
}
.index-section-01 ul.ind-sec-01-upper li, .index-section-01 ul.ind-sec-01-lower li {
	width: 22%;
	margin-left: 2%;
}
.index-section-01 ul.ind-sec-01-lower {
	top: 290px;
}


.ind-sec02-hierarchy {
	width: 100%;
}
.ind-sec02-point-part {
/*	width: 28.5%;*/
	height: 175px;
}
h4.index-h4-02 {
	font-size: 200%;
}
body .ind-sec02-point-part p {
	font-size: 97%;
}

.index-section-03 .illust  {
	width: 150px;
	top: -95px;
	right: -5px;
}
.index-section-03 .illust img {
	width: 100%;
}

.page-wrap p.main-masseage-p2 {
    font-size: 130%;
    margin-bottom: -1%;
    padding: 0 4%;
}

h4.index-h4-03 {
    font-size: 200%;
}

/* 事業所案内 */
#office-info .office-information-img {
	width: 200px;
	top: -3%;
}
#office-info .office-information-img img {
	width: 100%;
}
.illust-box img {
	left: 20%;
}
.photo-box img {
	width: 29%;
}
.map-wrap {
	width: 50%;
	margin: 20px auto;
}
.rabbit-and-cat-images {
	width: 200px;
	top: -3%;
}
.rabbit-and-cat-images img {
	width: 100%;
}
.access-info .left-box {
	font-size: 80%;
	width: 55%;
}
.access-info .right-box {
	font-size: 80%;
}
.building-images {
	width: 120px;
}
.office-info-inner {
	font-size: 90%;
}
.facility-information-wrap h4 {
	font-size: 300%;
}

.page-wrap02-01 img {
    width: 94%;
    height: auto;
    margin: 0 3%;
}

body p {
    font-size: 0.8em;
}

.page-wrap p.main-masseage-p2 {
    font-size: 130%;
    margin-bottom: 0;
    padding: 0 4%;
}

.page-wrap p.main-masseage-p3 {
    font-size: 130%;
    margin: -2% 4% 3%;
}
/* ご利用について */
#about-use .sub-menu-wrap1 h3 {
	font-size: 2em;
	line-height: 3.5em;
}
p.service-description {
	font-size: 150%;
}
h3.service-h3 {
	font-size: 200%;
}
h4.service-title {
	font-size: 150%;
}
p.service-text {
	font-size: 150%;
}
.service-float-box {
	font-size: 80%;
}
.service-flow h4 {
	font-size: 150%;
}
.service-flow-wrap ul {
	font-size: 80%;
}
.price-wrap p {
	font-size: 120%;
}
.table-wrap {
	font-size: 80%;
}
.price-wrap p.coment {
	font-size: 90%;
}

/* 一日の流れ */
#flow-of-the-day h3 {
	font-size: 2em;
}
#flow-of-the-day h3.one-day-flow {
	font-size: 200%;
}
#flow-of-the-day h4.in-work {
	font-size: 150%;
}
#flow-of-the-day h4.out-work {
	font-size: 150%;
}
#flow-of-the-day .wrap01-01 {
	font-size: 80%;
}

#flow-of-the-day h3.program {
	font-size: 200%;
}
#flow-of-the-day .in-facility-work h4 {
	font-size: 175%;
}
#flow-of-the-day .program-introduction h5 {
	font-size: 150%;
}
#flow-of-the-day .text-box p {
	font-size: 80%;
}
#flow-of-the-day .wrap02-01 div {
	min-height: 140px;
}
#flow-of-the-day .wrap02-02 div {
	min-height: 140px;
}
#flow-of-the-day .lunch-menu h4 {
	font-size: 200%;
}
#flow-of-the-day .lunch-menu-box p {
	font-size: 1em;
}
#flow-of-the-day .lunch-menu-sample {
	height: 770px;
}

/* メンバーの声 */
#voice-of-member .sub-menu-wrapper1 h3 {
	font-size: 2em;
	margin-top: 55px;
}
#voice-of-member article {
	margin-top: 150px;
}
#voice-of-member .voice-of-member h4 {
	font-size: 150%;
	width: 66%;
	margin-left: 25px;
}
#voice-of-member .illust-1 {
	width: 150px;
	top: -50px;
}
#voice-of-member .illust-1 img {
	width: 100%;
}

#voice-of-member .wap01 {
	padding-bottom: 340px;
}
#voice-of-member .wap01-01 .name-wrap1 p {
	width: 75%;
}
#voice-of-member .inner-box.in-3 p {
	margin-top: -1.1em;
	margin-bottom: 1.1em;
}
#voice-of-member .text-box {
	min-height: 275px;
}
#voice-of-member .text-box p {
	font-size: 1em;
}

#voice-of-member .illust-2 {
	width: 600px;
	left: 80px;
}
#voice-of-member .illust-2 img {
	width: 100%;
}

/* お問い合わせ */
#contact .shane-message-1 {
	font-size: 80%;
}
#contact .contact-form-privacy {
    	font-size: 18px;
    	margin: 2% 4%;
    	text-align: left;
}
table.formTable {
	width: 90%;
}
#contact .form {
	font-size: 80%;
}
#contact .submit-btn {
	font-size: 1em;
}

/* 採用情報 */
.recruit-h3 {
	font-size: 30px;
} 
.page-wrap p.contact-recruit {
	margin: 0 auto;
	width: 95%;
}
.page-wrap p.recruit-form-p {
	margin: 0 auto;
	margin-bottom: -2%;
	width: 70%;
}

/* プライバシーポリシー */
#privacy .shane-message-1 {
	font-size: 80%;
}
#privacy .privacy {
	font-size: 80%;
}

/* アーティスト */
#artist h3 {
	font-size: 200%;	
}
#artist h4 {
	font-size: 200%;	
}
#artist .artist-illust1 {
	width: 150px;
	right: 70px;
}
#artist .artist-illust1 img {
	width: 100%;
}
#artist .history {
	font-size: 80%;
}
#artist .profile dl {
	margin-top: 2%;
}

#artist .artist-illust2 {
	width: 250px;
	right: 70px;
}
#artist .artist-illust2 img {
	width: 100%;
}
#artist .awards {
	font-size: 80%;
}

/* iphone plus */
@media screen and (max-width: 736px) and (min-width: 725px) {
	header .header-section1 h2 {
		font-size: 175%;
	}
	.header-section1-right {
		width: 280px;
	}
	ul.out-nav1 {
		margin-left: -3%;
	}
	header .header-section1 img {
		margin-left: 120px;
	}

	nav.header-section2-inner ul li.main-nav-li:first-child {
		margin-left: 7%;
	}

	/* サブメニュー */
	.sub-menu-wrapper1 {
		height: 160px;
	}
	.sub-menu-wrapper1 h3 {
		font-size: 2em;
	}
	#office-info .page-current p {
		left: 14.5%;
	}
	#about-use .page-current p {
		left: 37.5%;
	}
	#flow-of-the-day .page-current p {
		left: 59.9%;
	}
	#voice-of-member .page-current p {
		left: 82.2%;
	}

	/* インフォメーション */
	.common-information {
		font-size: 85%;
	}
	

	/* トップページ */
	#toppage .page-wrap {
		font-size: 90%;
	}

	.index-section-01-back {
		height: 515px;
		margin-top: -305px;
	}
	body .ind-sec02-point-part {
		height: 155px;
	}
	body .ind-sec02-point-part p {
		font-size: 95%;
	}

	/* ご利用について */
	#about-use .sub-menu-wrap1 h3 {
		font-size: 1.75em;
	}
	.service-float-box {
		font-size: 75%;
	}
	.table-wrap {
		font-size: 65%;
	}
	.price-wrap p.coment {
		font-size: 80%;
	}

	/* メンバーの声 */
	#voice-of-member .voice-of-member h4 {
		font-size: 135%;
	}
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 70%;
	}
	#voice-of-member .wap01-01 {
		font-size: 90%;
	}
	#voice-of-member .inner-box.in-3 p {
		margin-top: -1.2em;
		margin-bottom: 1.2em;
	}
	.grad-item {
		height: 210px;
	}
	#voice-of-member .illust-2 {
		width: 500px;
		left: 110px;
	}
	#voice-of-member h4 {
		font-size: 200%;
	}

	/* お問い合わせ */
	#contact .form {
		font-size: 70%;
	}

	/* 採用情報 */
	.recruit-h3 {
		font-size: 30px;
		margin-top:13px
	}
	.page-wrap p.contact-recruit {
		margin: 0 auto 2%;
		width: 95%;
		font-size: 175%;
        text-align: left;
	}
	.page-wrap p.recruit-form-p {
		font-size: 190%;
	}
	

	/* アーティスト */
	#artist .history {
		font-size: 70%;
	}
	#artist .profile dd:nth-child(2) {
		margin-left: 30px;
	}
	#artist .awards {
		margin-right: 30px;
	}
}

/* iphone X */
@media screen and (max-width: 724px) {
	header .header-section1 h2 {
		font-size: 175%;
	}
	.header-section1-right {
		width: 280px;
	}
	ul.out-nav1 {
		margin-left: -3%;
	}
	header .header-section1 img {
		margin-left: 120px;
	}

	nav.header-section2-inner ul li.main-nav-li:first-child {
		margin-left: 7%;
	}

	/* サブメニュー */
	.sub-menu-wrapper1 {
		height: 160px;
	}
	.sub-menu-wrapper1 h3 {
		font-size: 2em;
	}
	#office-info .page-current p {
		left: 14.5%;
	}
	#about-use .page-current p {
		left: 37.5%;
	}
	#flow-of-the-day .page-current p {
		left: 59.9%;
	}
	#voice-of-member .page-current p {
		left: 82.2%;
	}

	/* インフォメーション */
	.common-information {
		font-size: 85%;
	}
	

	/* トップページ */
	#toppage .page-wrap {
		font-size: 90%;
	}

	.index-section-01-back {
		height: 515px;
		margin-top: -305px;
	}
	body .ind-sec02-point-part {
		height: 155px;
	}
	body .ind-sec02-point-part p {
		font-size: 95%;
	}

	/* ご利用について */
	#about-use .sub-menu-wrap1 h3 {
		font-size: 1.75em;
	}
	.service-float-box {
		font-size: 75%;
	}
	.table-wrap {
		font-size: 65%;
	}
	.price-wrap p.coment {
		font-size: 80%;
	}

	/* メンバーの声 */
	#voice-of-member .voice-of-member h4 {
		font-size: 135%;
	}
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 70%;
	}
	#voice-of-member .wap01-01 {
		font-size: 90%;
	}
	#voice-of-member .inner-box.in-3 p {
		margin-top: -1.2em;
		margin-bottom: 1.2em;
	}
	.grad-item {
		height: 210px;
	}
	#voice-of-member .illust-2 {
		width: 500px;
		left: 110px;
	}
	#voice-of-member h4 {
		font-size: 200%;
	}

	/* お問い合わせ */
	#contact .form {
		font-size: 70%;
	}

	/* 採用情報 */
	.recruit-h3 {
		font-size: 280%;
	}
	.page-wrap p.contact-recruit {
		margin: 0 auto;
		width: 90%;
		font-size: 130%;
	}
	.page-wrap p.recruit-form-p {
		width: 77%;
	}

	/* アーティスト */
	#artist .history {
		font-size: 70%;
	}
	#artist .awards {
		margin-right: 30px;
	}
}

/* Galaxy S20+ 横 */
@media screen and (min-width: 780px) and (max-width: 807px){
	#office-info .page-current p {
		left: 16.9%;
	}
	#about-use .page-current p {
		left: 38.8%;
	}
	#flow-of-the-day .page-current p {
		left: 60%;
	}
	#voice-of-member .page-current p {
		left: 81%;
	}

	.ind-sec02-hierarchy {
		font-size: 95%;
	}
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 74%;
	}
	/* お問い合わせ */
	table.formTable th {
		width: 35%;
	}
	/* 採用情報 */
	.recruit-h3 {
		font-size: 300%;
	}
	.page-wrap p.contact-recruit {
		margin: 0 auto;
		width: 85%;
	}
	/* アーティスト */
	#artist .profile {
		font-size: 90%;
	}
}

/* video */
.video-box {
    width: 89%;
}

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

#banner-volunteer_recruitment img {
    height: auto;
    margin: 0 10%;
    width: 80%;
}