@charset "utf-8";

/* 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: 200%;
}
header .header-section1-inner {
	width: 100%;
	max-width: 810px;
	height: 85px;
	margin: 0px auto 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.header-section1 {
    margin-left: -2%;
    height: 60px;
    width: 110%;
}
.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: 250px;
}
body .header-section1-right p.hs1-2-time {
	font-size: 1.2em;
	position: absolute;
	left: 31%;
	top: 10px;
	margin: 0;
	padding: 0;
}


body .header-section1-right p.hs1-2-tel {
	font-size: 1.2em;
	position: absolute;
	right: 30%;
	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: 100px;
}
nav.header-section2-inner ul li.main-nav-li:last-child {
	margin-right: 10px;
}

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

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

/* メインメッセージ */
#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: 80%;
	height: 400px;
	margin: 0 auto;
	margin-top: -235px;
}
.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: 27%;
	height: 145px;
	margin-left: 5%;
	padding: 2%;
}
body .ind-sec02-point-part p {
	font-size: 100%;
}
h4.index-h4-03 {
	font-size: 200%;
}
.index-section-03 {
	margin: 0 15% 60px;
}
.index-section-03-inner {
	height: 220px;
	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;*/
	margin-left: 130px;
}

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

.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%;
}

/* サブページ共通部分 */
.sub-menu-wrapper1 {
	height: 135px;
}
.sub-menu-wrap1 {
	width: 100%;
}
.sub-menu-wrap1 .wrap-inner2 {
	margin-top: -1.5%;
	width: 54%;
}

.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;
}
.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: 80%;
}
.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%;
    width: 78%;
    margin: 0 auto;
}
#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: 50%;
	left: 150px;
}*/
#voice-of-member .illust-2 img{
	width: 50%;
	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: 50%;
}

/* お問い合わせ */
.page-wrap p, .page-wrap li {
	font-size: 100%;
}
#contact .contact-form-privacy {
	text-align: center;
}
#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: 310%;
}
.page-wrap p.contact-recruit {
	font-size: 175%;
	width: 85%;
}
.page-wrap p.recruit-form-p {
	font-size: 200%;
	margin: 0 auto;
	margin-bottom: -2%;
	width: 88%;
}

/* アーティスト */
#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 844px 以下 */
@media screen and (max-width: 844px) {
	.page-current p img {
		width: 15px;
	}
	.page-current p {
		top: -5px;
	}
	.sub-menu-wrapper1 {
		height: 170px;
		margin-top: 25px;
	}
	.sub-menu-wrap1 h3 {
		font-size: 1.7em;
	}
	#flow-of-the-day .sub-menu-wrap1 h3 {
		font-size: 1.7em;
		line-height: 1.7em;
	}

	#office-info .page-current p {
		left: 157px;
	}
	#about-use .page-current p {
		left: 333px;
	}
	#flow-of-the-day .page-current p {
		left: 500px;
	}
	#flow-of-the-day .lunch-menu-sample {
		height: 790px;
	}
	#flow-of-the-day .program-introduction h5 {
		font-size: 190%;
	}

	#voice-of-member .page-current p {
		left: 669px;
	}

	#voice-of-member .inner-box.in-3 p {
		margin: 0;
	}
}

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

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