@charset "utf-8";
#container {
    width: 100%;
    overflow: hidden;
}
/* header */

header h1 {
	padding-top: 0;
	margin-bottom: 0;
	line-height: 0;
}
header h1#arch img {
	width: 45%;
	height: 20px;
	margin: 5px 0;
}
header .header-section1 {
	height: 85px;
	margin-top: 5px;
}
header .header-section1 h2 {
	font-size: 175%;
}
header .header-section1-inner {
	width: 100%;
	max-width: 810px;
	height: 85px;
	margin: 0px auto 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.header-section1-left {
	width: 100%;
	height: auto;
}
.header-section1-right {
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	background-color: unset;
	color: #fff;
	font-weight: 700;
	color: #ffff99;

	line-height: 0;
	margin-top: 5px;
	font-size: 75%;
}
body .header-section1-right p.hs1-2-tel {
	right: 32%;
}
body .header-section1-right p.hs1-2-time {
	left: 25%;
}
header .header-section1 img {
	margin: 0;
	width: 50px;
	margin-left: 215px;
}
body .header-section1-right p.hs1-2-time {
	font-size: 1.2em;
	position: absolute;
	left: 28%;
	top: 10px;
	margin: 0;
	padding: 0;
}


body .header-section1-right p.hs1-2-tel {
	font-size: 1.2em;
	position: absolute;
	right: 24%;
	top: 10px;
	margin: 0;
	padding: 0;
}


.out-nav1 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -30px;
	left: 5px;
}


.out-nav2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -30px;
	right: 5px;
}


.out-nav1 {
	margin-left: 4%;
}
.out-nav2 {
	margin-left: 67%;
}
.out-nav1 li img, .out-nav2 li img {
	width: 100px;
	height: auto;
	margin: 70px 50px 0;
}



/* nav */
nav.header-section2-inner ul li.main-nav-li:first-child {
	margin-left: 10px;
}
nav.header-section2-inner ul li.main-nav-li:last-child {
	margin-right: 10px;
}

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

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

/* メインメッセージ */
#toppage .index-header-wrap3 p {
	font-size: 60%;
}

/* 共通部分 */
article {
	width: 100%;
}

.page-wrap02-01 {
	width: 100%;
}
h3.index-h3-01 {
	font-size: 180%;
}
.page-wrap p.main-masseage-p {
    font-size: 125%;
    padding: 0 4%;
}

/* information */
.page-wrap {
	width: 100%;
}
.common-information {
	width: 100%;
	padding: 0;
}
#information1 h5, #information1-2 h5, #information2 h5, #information3 h5, #information4 h5 {
	font-size: 1.3em;
}
#information1, #information1-2, #information2, #information3, #information4 {
	width: 31%;
}
.page-wrap .common-information p, .page-wrap .common-information li {
	font-size: 85%;
}
#information1 dd {
	font-size: 1em;
}

/* footer */


footer {
	height: 270px;
}
.footer1 {
	height: 270px;
	font-size: 60%;
}
.footer-pack {
	width: 100%;
	margin: 0;
}
.footer-pack-01 {
	padding-left: 5%;
	height: 230px;
	font-size: 90%;
}
.footer-pack-02, 
.footer-pack-03 {
	height: 230px;
}
.footer-pack-04 {
	height: 230px;
}
p.pagetop img {
	width: 7.2%;
}


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

.index-section-01-back {
	width: 100%;
	height: 400px;
	margin: 0;
	margin-top: -230px;
}
.index-section-01-back img.bg {
	width: 100%;
	height: 400px;
}
.ind-sec02-hierarchy {
	width: 100%;
}
.index-section-01 h4.index-h4-01 {
	margin-top: 25px;
}

.index-section-01 h4.index-h4-01 {
	font-size: 150%;
	margin-top: 180px;
}
.index-section-01 ul.ind-sec-01-upper li, 
.index-section-01 ul.ind-sec-01-lower li {
	margin-left: 28px;
	width: 20%;
	height: unset;
}
.index-section-01 ul.ind-sec-01-lower {
	top: 200px;
}
h4.index-h4-02 {
	font-size: 220%;
}

.ind-sec02-point-part {
    width: 43%;
    height: 130px;
    margin-left: 5%;
    padding: 2%;
    font-size: 1.3em;
}
body .ind-sec02-point-part p {
	font-size: 80%;
}
h4.index-h4-03 {
	font-size: 200%;
}
.index-section-03 {
	margin: 0 5% 60px;
}
.index-section-03-inner {
	height: 400px;
	padding: 10px;
}

.index-section-03-inner dl dt.ind-sec03-dt1 {
	margin-left: 0;
	margin-top: 1%;
	font-size: 75%;
}
.index-section-03-inner dl dd.ind-sec03-dt2 {
	font-size: 100%;
}
.index-section-03-inner dl dd.ind-sec03-dt3 {
	width: 100%;
	clear: both;
	font-size: 100%;
	margin-left: 0;
	padding: 0 4px 4px;
	border-bottom: solid 1px #3c3c3c;
}
.index-section-03 .illust img {
	width: 50%;
	float: right;
}
.index-section-03 .illust {
	top: -60px;
	right: 0;
}

.index-section-03-inner dl {
	margin-left: 0;
}
.index-section-03-inner dl dt.ind-sec03-dt1 {
	margin-top: 0;
	margin-left: 200px;
}

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

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

.page-wrap p.main-masseage-p3 {
    font-size: 120%;
    text-align: center;
    margin: -2% 4% 3%;
}

/* サブページ共通部分 */
.sub-menu-wrapper1 {
	height: 135px;
}
.sub-menu-wrap1 {
	width: 100%;
}
.sub-menu-wrap1 .wrap-inner2 {
	margin-top: 1%;
	width: 60%;
}
.page-current p {
	top: -15px;
}
.page-current p img {
	width: 10px;
}
#office-info .page-current p {
	left: 70px;
}
#about-use .page-current p {
	left: 234px;
}
#flow-of-the-day .page-current p {
	left: 392px;
}
#voice-of-member .page-current p {
	left: 550px;
}
#about-use .sub-menu-wrap1 h3 {
	font-size: 1.5em;
	line-height: 4.2em;
}
#office-info .sub-menu-wrap1 h3 {
	font-size: 1.5em;
	line-height: 4.2em;
}
#flow-of-the-day .sub-menu-wrap1 h3 {
	font-size: 1.5em;
	line-height: 1.5em;
}
#voice-of-member .sub-menu-wrap1 h3 {
	font-size: 1.5em;
	margin: 5% 0;
}
#voice-of-member .sub-menu-wrapper1 {
	margin-top: -20px;
}


/* 事業所案内 */
h3.office-info-h3 {
	font-size: 200%;
}
#office-info .office-information-img {
	top: -10%;
	width: 200px;
}
#office-info .office-information-img img {
	width: 100%;
}
.building-images {
	width: 125px;
}
.map-wrap {
	width: 66%;
	margin: 0 auto;
}
.map-background p {
	font-size: 1em;
	margin: 2% 0;
}
.illust-box {
	height: 250px;
}
.illust-box img {
	width: 50%;
	right: 110px;
}
.rabbit-and-cat-images {
	width: 200px;
	top: -4%;
}
.rabbit-and-cat-images img {
	width: 100%;
}
.access-info {
	font-size: 50%;
}
.facility-information-wrap {
	margin-bottom: 200px;
}
.facility-information-wrap h4 {
	font-size: 250%;
}
.float-box p {
	font-size: 110%;
}
.photo-box img {
	width: 46%;
}
.babyboar {
	width: 150px;
	right: 60px;
	bottom: 35px;
}
/* ご利用について */
p.service-description {
	font-size: 175%;
}
#about-use article {
	margin: 220px auto 0;
}
h3.service-h3 {
	font-size: 200%;
}
h4.service-title {
	font-size: 175%;
}
p.service-text {
	font-size: 150%;
}
.service-text-box h5 {
	font-size: 125%;
}
.service-text-box li {
	font-size: 100%;
}
.service-text-box p {
	font-size: 100%;
}
.service-text-box p.service-text-box-p-4 {
	font-size: 125%;
}
.service-flow h4 {
	font-size: 150%;
}
.service-flow-wrap ul li {
	font-size: 125%;
}
.price-wrap p {
	font-size: 125%;
}
.table-wrap {
	width: 100%;
	font-size: 90%;
}
.table-wrap th {
	font-size: 125%;
}
.table-wrap td {
	font-size: 90%;
}
.table-wrap .tb2 th {
	width: 100px;
	font-size: 100%;
}
.table-wrap .tb2 th.th1 {
	width: 75px;
}
.table-wrap .tb2 th.th2 {
	width: 175px;
}
.price-wrap p.coment {
	font-size: 75%;
}
/* 一日の流れ */
#flow-of-the-day h3.one-day-flow {
	font-size: 200%;
}
#flow-of-the-day h4 {
	font-size: 150%;
}
#flow-of-the-day h3.program {
	font-size: 200%;
}
#flow-of-the-day .in-facility-work h4 {
	font-size: 200%;
}
#flow-of-the-day h5 {
	font-size: 150%;
}
#flow-of-the-day .text-box p {
	font-size: 80%;
}
#flow-of-the-day .wrap02-01 div {
	min-height: 155px;
}
#flow-of-the-day .wrap02-02 div {
	min-height: 155px;
}
#flow-of-the-day .out-site-work h4 {
	font-size: 200%;
}
#flow-of-the-day .lunch-menu h4 {
	font-size: 200%;
}
#flow-of-the-day .lunch-menu-box p {
	font-size: 100%;
	margin: 2% 0 5%; 
	padding: 0 3%;
}
#flow-of-the-day .lunch-menu-sample {
	height: 670px;
}

#flow-of-the-day #information2 h5 {
	font-size: 135%;
	line-height: 1.7em;
}

/* メンバーの声 */
#voice-of-member .voice-of-member h4 {
	width: 70%;
	margin-left: 20px;
}
#voice-of-member .illust-1 {
	width: 125px;
	top: -10px;
}
#voice-of-member .illust-1 img {
	width: 100%;
}

#voice-of-member .sub-menu-wrapper1 {
	clear: both;
}
#voice-of-member .sub-menu-wrap1 {
	width: 100%;
}
#voice-of-member .voice-of-member h4 {
	font-size: 130%;
}
#voice-of-member .wap01-01 .name-wrap1 p {
	width: 77%;
	font-size: 150%;
}
#voice-of-member .wap01-01 .name-wrap1 img {
	width: 3em;
}
#voice-of-member .inner-box p {
	font-size: 90%;
}
#voice-of-member .illust-2 {
	width: 70%;
	left: 150px;
}
#voice-of-member .wap01 {
	padding-bottom: 400px;
}
#voice-of-member .inner-box.in-3 p {
	margin-top: -1.2em;
	margin-bottom: 1em;
} 
#voice-of-member .illust-2 img {
	width: 100%;
}

#voice-of-member article {
    margin: 80px auto 0;
}

/* お問い合わせ */
.page-wrap p, .page-wrap li {
	font-size: 100%;
}
#contact .contact-form-privacy {
    	margin: 3% 10%;
      	font-size: 18px;
    	text-align: left;
}
#contact #information2 h5 {
	font-size: 125%;
}
table.formTable {
	table-layout: fixed;
	font-size: 75%;
}
table.formTable th {
	width: 40%;
}
#contact textarea {
	width: 100%;
}

/* 採用情報 */
.recruit-h3 {
	font-size: 30px;
	margin:13px;
}
.page-wrap p.contact-recruit {
	font-size: 28px;
}
.page-wrap p.recruit-form-p {
    font-size: 24px;
    margin: 5% auto 0;
    text-align: left;
    width: 85%;
}

/* アーティスト */
#artist h3 {
	font-size: 200%;
}
#artist h4 {
	font-size: 175%;
	padding: 0;
	margin: 2% 0;
}
#artist .artist-illust1 {
	width: 15%;
	top: 20px;
	right: 40px;
}
#artist .artist-illust2 {
	width: 30%;
	top: 30px;
	right: 30px;
}
#artist #information2 h5 {
	font-size: 125%;
}
#artist .awards-year {
	margin: 0 5% 4% 0;
}
#artist .artist-illust1 img {
	width: 100%;
}
#artist .artist-illust2 img {
	width: 100%;
}

#artist .profile dl {
	margin-top: 5%;
}
#artist .profile dd {
	width: 87%;
}
#artist .history {
	font-size: 80%;
}

/* プライバシーポリシー */
#privacy article {
	width: 90%;
	margin: 0 auto
}

/* android 360x640 */
@media screen and (max-width: 598px) {
	/* header */
	header .header-section1 img {
		margin-left: 150px;
	}
	.out-nav1 {
		margin-left: -3%;
	}
	.out-nav1 li img, .out-nav2 li img {
		margin-left: 60px;
	}
	body .header-section1-right p.hs1-2-time {
		left: 26%;
	}
	body .header-section1-right p.hs1-2-tel {
		right: 26%;
	}

	/*nav*/
	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: 19%;
	}
	#hm-nav {
		font-size: 75%;
	}
	.menubutton {
		width: 40px;
		height: 40px;
	}

	/* sabmenu */
	.sub-menu-wrap1 .wrap-inner2 {
		margin-top: 2%;
	}
	#office-info .sub-menu-wrap1 h3 {
		line-height: 3.6em;
	}
	#about-use .sub-menu-wrap1 h3 {
		line-clamp: 3.6em;
	}

	/* footer */
	.footer-pack {
		font-size: 90%;
	}


	/* トップページ */
	h3.index-h3-01 {
		font-size: 150%;
	}
	.page-wrap p.main-masseage-p {
		font-size: 100%;
	}

	.common-information {
		height: 380px;
	}
	#information1, #information1-2, #information2, #information3, #information4 {
		height: 300px;
	}
	#information2 h5 {
		font-size: 1.2em;
	}
	#information1 dd {
		font-size: 90%;
	}
	.page-wrap .common-information p, .page-wrap .common-information li {
		font-size: 70%;
	}
	
	/* 一日の流れ */
	#flow-of-the-day #information2 h5 {
		font-size: 120%;
	}

	/* メンバーの声 */
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 75%;
	}

	/* お問い合わせ */
	table.formTable {
		width: 90%;
	}
	#contact #information2 h5 {
		font-size: 120%;
	}

	/* 採用情報 */
	.page-wrap p.contact-recruit {
		margin: 0 auto;
		width: 85%;
	}
	.recruit-h3 {
		font-size: 220%;
	}
	.page-wrap p.contact-recruit {
		font-size: 110%;
		width: 75%;
	}
	.page-wrap p.recruit-form-p {
		font-size: 125%;
		margin: 0 auto;
		margin-bottom: -2%;
		width: 80%;
	}

}

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