@charset "utf-8";
/* 共通 */
/* iPhone+～ */
img {
	width: 100%;
}

/* ヘッダー */
header {
	background-size: 0;
	padding-top: 0;
	margin: 0;
}
header h1 {
	background: #320e14;
	padding-top: 0;
	margin-bottom: 0;
}
header h1#arch img {
	display: none;
	width: auto;
	height: auto;
	padding: 5px 5% 10px;
}
header h1#arch img.sp-h1-a {
	display: block;
	width: 6em;
	margin: 0 auto;
	padding-top: 10px;
}
header h1#arch img.sp-h1-b {
	display: block;
	width: 9em;
	margin: 0 auto;
}
.header-section1-left {
	width: 100%;
}
.out-nav-wrap {
	position: relative;
	width: 100%;
	height: 0;
}
.out-nav1 {
	position: absolute;
	margin-top: 0;
	padding: 0;
	top: 65px;
	left: 10px;
}
.out-nav2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 65px;
	right: 10px;
}
header .header-section1 {
	height: 150px;
	margin: 0;
}
ul.out-nav1 img {
	margin: 0;
	width: 100px;
}
ul.out-nav2 img {
	width: 100px;
}
header .header-section1 img {
	margin: 0;
}
header .header-section1 h2 {
	width: 100%;
	text-align: center;
}
header .header-section1-right {
	width: 100%;
	margin-top: 3%;
}
header .header-section1-right p.hs1-2-time {
	text-align: center;
	font-size: 70%;
}
header .header-section1-right p.hs1-2-tel {
	text-align: center;
	font-size: 115%;
}
/* メインビジュアル */
#toppage .index-header-wrap2-inner {
	height: auto;
}
#toppage .slider {
	overflow: hidden;
}
#toppage .slider div img {
	width: 200%;
	position: absolute;
	left: -50%;
}
#toppage .slider::before {
	padding-top: 52.4%;
}
/* メインメニュー */
.header-section2 {
	height: 250px;
}
nav.header-section2-inner ul li.main-nav-li, 
nav.header-section2-inner ul li.main-nav-li {
	height: 125px;
}
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.main-nav-li {
	width: 50%;
	margin: 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 {
	margin: 0;
}

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

/* メインメッセージ */
#toppage .index-header-wrap3 {
	display: inline-block;
	padding: 0;
}

/* メインコンテンツ */
article {
	width: 100%;
}
/* インフォメーション */
.common-information {
	width: 100%;
	height: 1410px;
	padding: 0;
	text-align: left;
}
#information1,
#information1-2,
#information2,
#information3,
#information4 {
	width: 96%;
}
#information1 h5,
#information1-2 h5,
#information2 h5,
#information3 h5,
#information4 h5 {
	width: 100%;
}
#information1 dt {
	width: 96%;
}
#information1 dd {
	width: 90%;
}
#information2 dd, #information4 dd {
	margin: 0 auto 4%;
}

#information3 .facebook_a img, #information3 .facebook_b img {
	width: unset;
	float: none;
}
#information1 dd {
	margin: 0 auto;
}
.page-wrap .common-information p, .page-wrap .common-information li {
	text-align: left;
}
p.common-masseage-01 {
	font-size: 120%;
}
/*フッター*/
footer {
	height: 512px;
}
.footer-pack {
	width: 100%;
	margin: 0;
}
.footer-pack p {
	font-size: 85%;
}
.footer-pack li {
	font-size: 85%;
}
.footer-pack-01 {
	width: 50%;
	height: 190px;
	padding: 0 5%;
	margin-bottom: 5%;
}
.footer-pack-02 {
	width: 50%;
	height: 190px;
	margin-bottom: 5%;
	border-right: none;
}
.footer-pack-03 {
	width: 50%;
	height: 260px;
	padding: 0 5%;
}
.footer-pack-03 .footer-menu1 ul {
	padding-inline-start: 0;
}
.footer-pack-04 {
	width: 50%;
	height: 260px;
	padding: 0;
}
/* ページトップボタン */
p.pagetop img {
	width: 15%;
	bottom: 20px;
}

/* ページ別 */

/* トップページ */
#toppage .page-wrap {
	width: 100%;
}
.page-wrap02-01 {
	width: 100%;
}
.index-section-01-back {
	width: 94%;
	height: 335px;
	margin: -195px auto 0;
}
.index-section-01-back img {
	width: 100%;
	height: 335px;
}
.ind-sec02-hierarchy {
	width: 100%;
}
#toppage .shane-message-1 p {
	font-size: 17px;
}
h3.index-h3-01 {
	font-size: 120%;
    padding: 10% 4% 0;
}

body p {
    font-size: 0.8em;
}
.page-wrap p.main-masseage-p {
    font-size: 18px;
    margin: 2% 5% 5%;
    text-align: left;
}

.index-section-01 h4.index-h4-01 {
	font-size: 150%;
	margin-top: 170px;
}
.index-section-01 ul.ind-sec-01-upper li, 
.index-section-01 ul.ind-sec-01-lower li {
	margin-left: 3px;
	width: 24%;
	height: unset;
}
.index-section-01 ul.ind-sec-01-lower {
	top: 175px;
}
h4.index-h4-02 {
	font-size: 180%;
}
.ind-sec02-point-part {
	width: 43%;
	height: 130px;
	margin-left: 5%;
	padding: 2%;
}
body .ind-sec02-point-part p {
	font-size: 80%;
}
h4.index-h4-03 {
	font-size: 180%;
}
.index-section-03 {
	margin: 0 5% 60px;
}
.index-section-03-inner {
	height: 400px;
	padding: 10px;
}

.index-section-03-inner dl {
	margin-left: 0px;
}
.index-section-03-inner dl dt.ind-sec03-dt1 {
	margin-left: 0;
	margin-top: 1%;
	font-size: 75%;
	left: 80px;
	top: 2px;
}
.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;
}

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

.page-wrap p.main-masseage-p2 {
    font-size: 18px;
    margin-bottom: -7%;
    padding: 0 4%;
}
.page-wrap p.main-masseage-p3 {
    font-size: 18px;
    margin: -2% 4% 3%;
}

nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
    width: 64%;
}

/* サブページ共通部分 */
.page-current {
	display: none;
}
.sub-menu-wrapper1 {
	height: 290px;
	margin-top: 179px;
}
.sub-menu-wrap1 {
	width: 100%;
}
.sub-menu-wrap1 .wrap-inner1 {
	width: 100%;
}
.sub-menu-wrapper1 h3 {
	margin: 5% 0;
    font-size: 2.3em;
}
.sub-menu-wrap1 .wrap-inner2 {
	width: 100%;
	margin: 0;
}
.sub-menu-wrap1 .wrap-inner2 ul {
	padding: 0;
	margin: 0;
}
.page-wrap {
	width: 100%;
}

/* 事業所案内ページ */
#office-info .main-visual {
	height: 253px;
	background-size: 964px 253px;
}
#office-info .office-info-wrap {
	margin-top: 340px;
}
.illust-box img {
	width: 90%;
	left: 5%;
}
h3.office-info-h3 {
	font-size: 180%;
}
#office-info .office-information-img {
	width: 25%;
	top: 1.5%;
	left: 2%;
}
.building-images {
	top: 10.5%;
	width: 20%;
}

h4.office-info-h4 {
	font-size: 125%;
}
.office-info-inner dl {
	font-size: 75%;
}
.office-info-inner dd {
	margin-left: 100px;
}

.rabbit-and-cat-images {
	width: 25%;
	top: -8px;
	right: 20px;
}
.access-wrap {
	margin-top: 50px;
}
h3.office-info-h3 {
	margin: 5% 0;
}
.map-background p {
	font-size: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.access-info .left-box {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.access-info .left-box ul {
	padding-left: 0;
}
.access-info-list-custom01 {
	font-size: 110%;
}
.access-info-list-custom03 {
	font-size: 120%;
}
.access-info .right-box {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.right-box dd {
	font-size: 110%;
}

.facility-information-wrap {
	margin-top: 50px;
}
.facility-information-wrap h4 {
	font-size: 200%;
}
.photo-box img {
	width: 29%;
}
.facility-information-wrap .illust-box {
	width: 80%;
	margin: 30px auto 0;
}
.illust-box {
	height: 150px;
}

/* ご利用について */
#about-use .main-visual {
	background-size: 590px 154px;
	height: 154px;
	background-position: 58% 50%;
}
#about-use .sub-menu-wrap1 h3 {
	margin-left: 0;
    font-size:  2.3em;   
}
#about-use article {
	margin: 330px auto 0;
}
p.service-description {
	font-size: 125%;
    padding: 0 7%;
}
h4.service-title {
	font-size: 155%;
}
p.service-text {
	font-size: 110%;
}
.service-text-box {
	width: 96%;
	height: 130px;
	margin-bottom: 10px;
}
h3.service-h3 {
    font-size: 180%;
}
.service-text-box h5 {
	font-size: 120%;
}
.service-text-box li {
	font-size: 100%;
}
.service-text-box p {
	font-size: 90%;
}

.service-flow-wrap ul {
	padding: 2% 3% 1% 12%;
}
.service-flow-wrap ul li {
	font-size: 100%;
}

#about-use .price-wrap {
	display: block;
}
#about-use .table-wrap {
	display: block;
}
#about-use .table-wrap table {
	table-layout: fixed;
}
#about-use .table-wrap td {
	padding: 2% 0;
}
#about-use .table-box {
	display: flex;
	overflow-x: scroll;
	word-break: keep-all;
}

#about-use .tb1 th.th1 {
	width: 300px;
}
#about-use .tb1 th.th2 {
	width: 400px;
}

#about-use .tb2 th.th1 {
	width: 120px;
}
#about-use .tb2 th.th2 {
	width: 190px;
}
#about-use .tb2 th.th3 {
	width: 175px;
}
.price-wrap p {
	font-size: 120%;
}
.table-wrap th {
	padding: 1% 0;
}
.tb1 {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.tb2 {
	float: none;
	width: 100%;
}
.table-wrap .tb2 th {
	font-size: 115%;
}
#about-use .table-wrap td.td-price {
	padding-right: 10px;
}
#about-use ::-webkit-scrollbar {
	height: 10px;
}
#about-use ::-webkit-scrollbar-track {
	background-color: lightgray;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
#about-use ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

/* 一日の流れ */
#flow-of-the-day .main-visual {
	height: 263px;
	background-size: 1000px 263px;
	background-position: 49% 50%;
}
#flow-of-the-day h3 {
   	margin: 5% 0;
    font-size: 2.3em;
}

.sub-menu-wrapper1 {
	height: 315px;
}

#flow-of-the-day h3.one-day-flow {
    font-size: 180%;
    margin: 84% 12% 3%;
}

/*#flow-of-the-day h3.one-day-flow {
    font-size: 280%;
    margin: 26% 0 3%;
}*/
#flow-of-the-day h3.program {
    font-size: 200%;
    -webkit-text-size-adjust: none;
}
#flow-of-the-day h4.out-work {
    font-size: 135%;
    padding: 0 5%;
}
#flow-of-the-day h4.in-work {
    font-size: 135%;
    padding: 0 5%;
}
    
#flow-of-the-day .in-facility-work h4{
    font-size: 180%;
}
#flow-of-the-day .out-site-work h4 {
    font-size: 180%;
}
#flow-of-the-day .lunch-menu h4 {
        font-size: 180%;
}
#flow-of-the-day .lunch-menu-sample-box h6 {
    font-size: 150%;
}
#flow-of-the-day .wrap02 {
	width: 98%;
	padding: 3% 1%;
}
#flow-of-the-day .wrap02-01 {
	margin: 0 2% 5%;
}
#flow-of-the-day .wrap02-01 div {
	width: 90%;
	margin: 5%;
}
#flow-of-the-day .wrap02-02 {
	margin: 0 2% 5%;
}
#flow-of-the-day .wrap02-02 div {
	width: 90%;
	margin: 5%;
}

#flow-of-the-day .program-introduction h5 {
	font-size: 125%;
    padding: 0 5%;
}
#flow-of-the-day .lunch-menu-box p {
	font-size: 115%;
}

#flow-of-the-day .work-table-box table {
	table-layout: fixed;
}
#flow-of-the-day .work-table-box .in-work td {
	word-break: break-all;
}
#flow-of-the-day .work-table-box .out-work td {
	word-break: break-all;
}
#flow-of-the-day .work-table-box .in-work .col1 {
	width: 155px;
}
#flow-of-the-day .work-table-box .in-work .col2 {
	width: 150px;
}
#flow-of-the-day .work-table-box .in-work .col3 {
	width: 150px;
}


#flow-of-the-day .work-table-box .out-work .col1 {
	width: 150px;
}
#flow-of-the-day .work-table-box .out-work .col2 {
	width: 150px;
}
#flow-of-the-day .work-table-box .out-work .col3 {
	width: 150px;
}
#flow-of-the-day .work-table-box .out-work .col4 {
	width: 200px;
}
#flow-of-the-day .work-table-box .out-work td {
	padding: 0;
}

.work-table-box {
	width: 100%;
	overflow-x: scroll;
	display: flex;
}
#flow-of-the-day .work-table-box th, td {
	/* padding: 0 4%; */
	padding: 0;
}

#flow-of-the-day .lunch-menu-sample {
	height: 1360px;
}
#flow-of-the-day .fb-l {
	width: 90%;
	margin: 0 5%;
	margin-bottom: 25px;
}
#flow-of-the-day .fb-r {
	width: 90%;
	margin: 0 5%;
}

/* 1日の流れスクロール */
#flow-of-the-day ::-webkit-scrollbar {
	height: 10px;
}
#flow-of-the-day ::-webkit-scrollbar-track {
	background-color: lightgray;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
#flow-of-the-day ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

/* メンバーの声 */
#voice-of-member .voice-of-member h4 {
	width: 70%;
	font-size: 125%;
	margin: -72px 10px 10px;
}

#voice-of-member .main-visual {
	height: 170px;
	background-size: 650px 170px;
}
#voice-of-member .sub-menu-wrapper1 {
	margin-top: 179px;
}
#voice-of-member .illust-1 {
	width: 25%;
	top: -20px;
	right: 20px;
}
#voice-of-member .wap01 {
	padding-bottom: 225px;
}
#voice-of-member .wap01-01 .name-wrap1 p {
	width: 65%;
	font-size: 150%;
}
#voice-of-member .wap01-01 .name-wrap1 img {
	width: 3em;
}
#voice-of-member .inner-box {
	width: 96%;
}
#voice-of-member .inner-box p {
	font-size: 90%;
}
#voice-of-member .illust-2 {
	width: 90%;
	left: 25px;
}
/* お問い合わせ */
#contact .page-header {
    font-size: 1.7em;
}
#contact .page-header-wrap2-inner {
	width: 100%;
	height: 183px;
	background-size: 700px 183px;
	background-position-x: 60%;
}
#contact .page-wrap p, .page-wrap li {
	font-size: 16px;
}
#contact .contact-form-privacy {
    margin: 3% 5%;
    text-align: left;
    text-align: justify;
}
#contact table.formTable td {
	text-align: left;
}
#contact .select1 select {
	height: 32px;
}
input[type="text"], textarea {
	width: 100%;
}
#contact textarea {
	height: 200px;
}
#contact td {
	padding-top: 0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	width: 35%;
	margin: 0 auto;
}
/* 採用情報 */
.recruit-h3 {
	font-size: 125%;
}
#contact .submit-btn {
        	font-size: 1em;
	}
#contact .page-wrap p.contact-recruit {
    font-size: 150%;
    text-align: left;
}
#contact .page-wrap p.recruit-form-p {
    font-size: 145%;
    width: 83%;
    margin: 4% auto 0;
    text-align: left;
}

/* プライバシーポリシー */
.page-wrap p, .page-wrap li {
	font-size: 100%;
}
#privacy .page-wrap {
	width: 90%;
}
/* アーティスト */
#artist .main-visual {
	height: 300px;
	background-size: 1150px 300px;
	background-position-x: 52%;
}
#artist h3 {
	font-size: 200%;
}
#artist .artist-illust1 {
	width: 25%;
}
#artist .history {
	margin-top: 15%;
}
#artist .profile dd {
	float: none;
	font-size: 80%;
	margin-left: 15px;
}
#artist .awards dd {
	border-bottom: dashed 2px #d3d3d3;
	padding-bottom: 5px;
}
#artist .profile dd.discript {
	margin-bottom: 10px;
	border-bottom: dashed 2px #d3d3d3;
}
#artist .artist-illust2 {
	width: 50%;
}
#artist .awards dt {
	margin-left: 15px;
}
#artist .profile dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* video*/
.shane-message-1{
	font-size: 1.5em;
}

footerlink2 {
	font-size:1.5em;
}
#visit .main2 h3 {
    font-size: 1.8em;
    margin-bottom: 14%;
}
	
#visit .videolist {
	list-style: none;
	padding-left: 0;
}

#visit .video-box {
    float: left;
    width: 122%;
    margin: -14% 0 18% -26%;
}

#visit .video-title {
    font-size: 1.2em;
}

#visit .contact-link {
    font-size: 1.4em;
    margin: 0 6% -13%;
}


/* スポーサーリンク*/
.bana-tsukuritai img {
    display: none;    
}

.bana-tsukuritai-sp img{
    display: block; 
    height: auto;
    margin: 3% auto;
}

/* android 393x727 */
@media screen and (max-width: 393px) and (min-width:376px) {
	/* トップページ */
	#toppage .shane-message-1 p {
		font-size: 45%;
	}
	/*h3.index-h3-01 {
		font-size: 105%;
	}*/
	.page-wrap p.main-masseage-p {
		font-size: 90%;
	}
    .page-wrap02-01 img {
    width: 100%;
    height: auto;
   }

	/* 一日の流れ */
    #flow-of-the-day h3.program {
    font-size: 2.2em;
    }
		#flow-of-the-day .lunch-menu h4 {
		font-size: 250%;
	}
	/* メンバーの声 */
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 65%;
	}
	/* お問い合わせ */
	#contact .page-header {
		font-size: 200%;
	}
}

/* iPhone */
@media screen and (max-width: 375px) {
    #flow-of-the-day h3.program {
    font-size: 250%;
    }
	#toppage .shane-message-1 p {
		font-size: 45%;
		padding: 5px 0;
	}
    h3.index-h3-01 {
	font-size: 120%;
    padding: 7% 4% 0;
}
	.page-wrap p.main-masseage-p {
		font-size: 20px;
        text-align: left;
        margin: 0 5% 3%;
	}
    .page-wrap02-01 img {
    width: 100%;
    height: auto;
    }
	/* 事業所案内 */
	.left-box ul li ul li.access-info-list-custom04 {
		font-size: 110%;
	}
	.right-box dd {
		font-size: 100%;
	}
	/* ご利用について */
	p.service-description {
		font-size: 115%;
	}
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 64%;
	}
	/* 一日の流れ */
    
	#flow-of-the-day h3.one-day-flow {
		font-size: 1.5em;
	}
	#flow-of-the-day h3.program {
		font-size: 1.5em;
	}
	#flow-of-the-day .lunch-menu h4 {
		font-size: 1.5em;
	}
    
	/* メンバーの声 */
	#voice-of-member .illust-1 {
		right: 10px;
	}
	/* お問合せ */
	#contact .page-header {
		font-size: 1.6em;
	}
	#contact .shane-messsage-1 {
		font-size: 100%;
	}
	#contact .submit-btn {
        	font-size: 1em;
       		padding: 1px;
	} 
	#visit .videolist {
	list-style: none;
	padding-left: 0;
	}
    #visit .video-title {
    font-size: 1.1em;
}
	/* アーティスト */
	#artist h3 {
		font-size: 175%;
	}
}
/* アンドロイド */
@media screen and (max-width: 360px) {
    #flow-of-the-day h3.program {
    font-size: 2.2em;
    }
	h3.index-h3-01 {
		font-size: 27px;
        	margin: 2%;
	}
	.index-section-01-back {
		margin: -160px auto 0;
		height: auto;
	}
	.index-section-01 ul.ind-sec-01-lower {
		top: 140px;
	}
	.index-section-01-back img.bg {
		height: 270px;
	}

	p.service-description {
		font-size: 110%;
	}

	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 62%;
	}

	#privacy .page-header {
		font-size: 1.5em;
	}

	#flow-of-the-day .lunch-menu-box {
		font-size: 90%;
	}
    #visit .video-title {
    font-size: 1.2em;
    }
}

/* Galaxy S20+ */
@media screen and (max-width: 384px) and (min-width: 376px) {
    #flow-of-the-day h3.program {
    font-size: 2.2em;
    }
	h3.index-h3-01 {
		font-size: 110%;
	}

	.access-info {
		font-size: 90%;
	}

	p.service-description {
		font-size: 120%;
	}
	
	#voice-of-member .wap01-01 .name-wrap1 p {
		width: 64%;
	}
    .page-wrap02-01 img {
    width: 100%;
    height: auto;
}
}


@media screen and (max-width:540px) {
    header ,footer{
    width: 100%;
    height: auto;
    }
    .sub-menu-wrap1 .wrap-inner2 {
    width: 91%;
    margin: -7% 5%;
    }
}
    
#banner-volunteer_recruitment img{
	height: auto;
}