@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: 90%;
	padding: 0 5% 5px;
}
header h1#arch img.sp-h1-a {
	display: block;
	width: 6em;
	height: auto;
	margin: 0 auto;
	padding-top: 5px;
	margin-left: 50px;
}
header h1#arch img.sp-h1-b {
	display: block;
	width: 9em;
	height: auto;
	margin: 0 auto;
	margin-left: 12px;
}
.header-section1-left {
	width: 100%;
	height: 40px;
}
.out-nav-wrap {
	position: relative;
	width: 100%;
	height: 0;
}
.out-nav1 {
	position: absolute;
	margin-top: 0;
	padding: 0;
	top: 55px;
	left: 10px;
}
.out-nav2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 55px;
	right: 10px;
}
header .header-section1 {
	height: 100px;
	margin: 0;
}
ul.out-nav1 img {
	margin: 0;
	width: 60px;
	height: 50px;
}
ul.out-nav2 img {
	width: 60px;
	height: 50px;
}
header .header-section1 img {
	width: 40px;
	margin: 0;
}
header .header-section1 h2 {
	width: 100%;
	font-size: 150%;
	text-align: center;
}
header .header-section1-right {
	width: 100%;
	margin-top: 1%;
}
header .header-section1-right p.hs1-2-time {
	text-align: center;
	font-size: 65%;
}
header .header-section1-right p.hs1-2-tel {
	text-align: center;
	font-size: 108%;
}
/* メインビジュアル */
#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: 155px;
}
nav.header-section2-inner ul li.main-nav-li {
	padding: 8px;
	height: 80px;
}
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;
}

nav.header-section2-inner ul li.main-nav-current {
	padding: 0;
}
nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
	width: 50%;
}


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


/* メインコンテンツ */
article {
	width: 100%;
}
/* インフォメーション */
.common-information {
	width: 100%;
	height: 1410px;
	padding: 0;
}
#information1,
#information1-2,
#information2,
#information3,
#information4 {
	width: 96%;
}
#information1 h5,
#information1-2 h5,
#information2 h5,
#information3 h5,
#information4 h5 {
	width: 100%;
}
#information3 .facebook_a img, #information3 .facebook_b img {
	width: unset;
	float: none;
}
p.common-masseage-01 {
	font-size: 120%;
}
/*フッター*/
footer {
	height: 508px;
}
.footer-pack {
	width: 100%;
	margin: 0;
}
.footer-pack p {
	font-size: 75%;
}
.footer-pack li {
	font-size: 85%;
}
.footer-small-font {
	font-size: 65%;
}
.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;
}
.footer2 {
	text-align: left;
}
.footer2 small {
	font-size: 60%;
	margin-left: 10px;
}

/* ページトップボタン */
p.pagetop img {
	width: 15%;
	bottom: 10px;
}

/* ページ別 */

/* トップページ */
#toppage .page-wrap {
	width: 100%;
}
.page-wrap02-01 {
	width: 100%;
}
.index-section-01-back {
	width: 94%;
	height: 250px;
	margin: -145px auto 0;
}
.index-section-01-back img {
	width: 100%;
	height: 250px;
}
.ind-sec02-hierarchy {
	width: 100%;
}
#toppage .shane-message-1 p {
	font-size: 50%;
	padding: 0 15px;
}
h3.index-h3-01 {
	font-size: 120%;
	padding: 0 30px;
}
.page-wrap p.main-masseage-p {
	font-size: 105%;
	padding: 0 20px;
}
.index-section-01 h4.index-h4-01 {
	font-size: 130%;
	margin-top: 110px;
}
.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: 125px;
}
h4.index-h4-02 {
	font-size: 220%;
}
.ind-sec02-point-part {
	width: 43%;
	height: 160px;
	margin-left: 5%;
	padding: 2%;
}
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 {
	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 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: 35%;
	float: right;
}
.index-section-03 .illust {
	top: -42px;
	right: 0;
}
/* サブページ共通部分 */
.page-current {
	display: none;
}
.sub-menu-wrapper1 {
	height: 290px;
	margin-top: 94px;
}
.sub-menu-wrap1 {
	width: 100%;
}
.sub-menu-wrap1 .wrap-inner1 {
	width: 100%;
}
.sub-menu-wrapper1 h3 {
	margin: 5% 0;
}
.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%;
	right: 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;
}
#about-use article {
	margin: 330px auto 0;
}
p.service-description {
	font-size: 90%;
}
h4.service-title {
	font-size: 135%;
}
p.service-text {
	font-size: 110%;
}
.service-text-box {
	height: 140px;
	width: 90%;
	margin: 4%;
}
.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;
}
.sub-menu-wrapper1 {
	height: 315px;
}

#flow-of-the-day h3.one-day-flow {
	margin: 350px 0 20px;
	font-size: 115%;
}
#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: 170%;
}
#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 h3.program {
	font-size: 200%;
}
#flow-of-the-day .lunch-menu h4 {
	font-size: 200%;
}
#flow-of-the-day .lunch-menu-sample-box h6 {
	font-size: 2em;
}
#flow-of-the-day .lunch-menu-sample {
	height: 1140px;
}
#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 .main-visual {
	height: 170px;
	background-size: 650px 170px;
}
#voice-of-member .sub-menu-wrapper1 {
	margin-top: 94px;
}
#voice-of-member .voice-of-member h4 {
	width: 65%;
	margin-left: 10px;
	font-size: 100%;
}
#voice-of-member .illust-1 {
	width: 25%;
	top: 15px;
	right: 20px;
}
#voice-of-member .wap01 {
	padding-bottom: 225px;
}
#voice-of-member .wap01-01 .name-wrap1 p {
	width: 58%;
	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: 2em;
}
#contact .page-header-wrap2-inner {
	width: 100%;
	height: 130px;
	background-size: 500px 130px;
	background-position-x: 60%;
}
#contact .page-wrap p, .page-wrap li {
	font-size: 15px;
}
#contact .contact-form-privacy {
    margin: 3% 5%;
    text-align: left;
}
#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;
}
#contact .submit-btn {
	font-size: 15px;
    	padding: 1px;
}
/* 採用情報 */
.recruit-h3 {
	font-size: 18px;
}
#contact .page-wrap p.contact-recruit {
	font-size: 135%;
}
#contact .page-wrap p.recruit-form-p {
    font-size: 128%;
    width: 85%;
    margin: 6% 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: 150%;
}
#artist h4 {
	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;
}


/* 動画 */

.main2 h3 {
    font-size: 2.0em;
    color: #f39;
    padding: 0 5px;
    margin: 5% 13% 0;
}
.video-box {
    float: left;
    width: 114%;
    margin-left: -57px;
}

.contact-link {
    font-size: 1.5em;
    padding: 0 5px;
}

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

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