@charset "utf-8";

#container {
	width: 100%;
	overflow: hidden;
}

/*  header 
------------------------------------------------*/

header {
	width: 100%;
	background-size: 100% 50px;
}


.header-wrap1 {
	width: 100%;
}

header .header-section1 {
	/*text-align: center;*/
	width: 100%;
	height: 80px;
	margin: 10.4% auto 0;
	/*background-color: #f39;*/
}

header .header-section1-inner {
	/*text-align: center;*/
	width: 100%;
	height: 80px;
	margin: 0px auto 0;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #f39
}


.header-section1-left {
	width: 60%;
	/*height: 90px;*/
	float: left;
	background-color: #f39;
}

.header-section1-right {
	width: 30%;
	/*height: 90px;*/
	float: left;
	text-align: left;
	background-color: #f39;
	color: #fff;
	font-weight: 700;
	color: #ffff99;
}

header h1 {
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}
header h1#arch img {
	height: 25px;
}

header .header-section1 h2 {
	font-size: 240%;
}
header .header-section1 h2 img{
	/*font-size: 250%;*/
	margin-left: 185px;
	padding-bottom: 5px;
}

body .header-section1-right p.hs1-2-time {
	font-size: 1em;
}


body .header-section1-right p.hs1-2-tel {
	font-size: 1.2em;
}


.out-nav1 {
	/*margin-left: 20px;*/
	/*margin-left: 3%;*/
	margin-left: -3.2%;
	margin-top: 45px;
}


.out-nav2 {
	/*margin-left: 910px;*/
	margin-left: 78.5%;
	margin-top: -122px;
	margin-bottom: -195px;
}


.out-nav1 li img ,
.out-nav2 li img{
	list-style-type: none;
	width: 135px;
	height: auto;
}



#nav-open {
	display:none;
}






/*-------------------------------------------------------------
	nav全般
---------------------------------------------------------------*/

.header-section2 {
	width: 100%;
	height: 79px;
	background-color: #fc0;
}

.header-section2-inner {
	width: 1024px;
	height: 80px;
	/*margin-top: 3%;
	margin-left: auto;
	margin-right: 0;*/
	margin: 0 auto;
	background-color: fc0;
}

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

/*  nav（ハンバーガーメニュー以外）  
------------------------------------------------*/

/* メニューバー直後のClearfix */
div.menubar ul#menu {
	zoom:1;
}

div.menubar ul#menu:after {
	height: 0;
	visibility:hidden;
	content: ".";
	display: block;
	clear: both;
}

nav.menubar {
	/*margin-top: 6.5%; */
}
/* メインメニュー */




/* 第1階層 */
nav.header-section2-inner ul {
	display: inline-table;
	list-style: none;
	position: relative;
	width: 980px;
	height: 80px;
	padding-inline-start: 0px;
	margin: 0 auto;
	padding: 0;
}

nav.header-section2-inner ul {
	clear: both;
	content: "";
	display: block;
}

nav.header-section2-inner ul li.main-nav-li ,
nav.header-section2-inner ul li.main-nav-current {
	width: 25%;
    height: 75px;
    text-align: center;
    margin: 0;
    padding: 9px 11px 9px 9px;
    border: none;
}
/*nav.header-section2-inner ul li.main-nav-current {
	width: 24%;
	height: 150px;
	padding: 0;
	padding-right: 2px;
}
*/
nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
    width: 42%;
    height: auto;
    padding: 0 5%;
}


nav.header-section2-inner ul li.main-nav-current img.mainnav-img01 {
	/*border: 8px dotted #500047;*/
	width: 40%;
	margin-top: 10px;
}


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;
	border: none;
}




nav.header-section2-inner ul li.main-nav-li a {
	font-size: 125%;
}
nav.header-section2-inner ul li.main-nav-li a.main-nav-li-a-small {
	font-size: 115%;
}


#toppage .index-header-wrap3 {
	font-size: 1.5em;
}
		


/* footer
------------------------------------------------*/
footer {
	margin: 3% 0% 0%;
	width: 100%;
}


.footer1 {
	margin: 100px auto 0;
	width: 100%;
}

.footer-pack {
	text-align: left;
	width: 1000px;
	padding-top: 16px;
}


.footer-pack-01 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	border-right: dashed 1px #fff;
	float: left;
}




.footer-pack-02 ,
.footer-pack-03 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	border-right: dashed 1px #fff;
	float: left;
}



.footer-pack-04 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	float: left;
}





.footer-menu1 ul {
	padding-top: 10px;
	list-style-type: none;
	padding-inline-start: 25px;
}

footer .footer-menu1 ul li a.highlight-class {
	color: #ff9;
}
footer a.highlight-class-sp {
	color: #6fc;
}

footer .footer-menu1 ul li a.footer-menu-current {
	color: #b90b50;
	font-weight: bold;
}




.footer2 {
	clear: left;
	text-align: center;
	width: 100%x;
}
small {
	font-size: 90%;
}


p.pagetop img {
	width: 55px;
	bottom: 10px;
	right: 10px;
}




/* 共通設定
------------------------------------------------*/
article {
	width: 100%;
	min-width: 901px;
}
/*#toppage article {
    margin: 0% auto;
    width: 100%;
    height: auto;
}*/

.page-ribbon {
	width: 100%;
	height: 270px;
	background-size: 100% 270px;
}

.page-ribbon h3 {
    font-size: 350%;
    margin-left: 10%;
    padding-top: 15.5%;
}


.page-wrap {
	margin-left: 4.0%;
	margin-right: 0.3%;
	width: 92.3%;
}


#toppage .page-wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}



article h4 {
	/*margin: 5% 0 2%;
	border-bottom: 5px solid #bfbfbf;
	color: #004986;
	font-size: 180%;*/
}


.hierarchy-lv1-ptn1 {
	width: 96%;
	margin: 0 auto 4%;
	padding: 0;
}

.hierarchy-lv2-ptn1 {
	width: 96%;
	margin: 0 auto 4%;
	padding: 0;
}


.hierarchy-lv2-ptn2 {
	width: 86%;
	margin: 0 auto 4%;
	padding: 0;
}

.hierarchy-lv1-ptn1 h5 {
	font-size: 140%;
	margin-block-end: 0.25em;
	width: 96%;
	margin: 3% auto 0;
}

.common-information {
	/*background-color: #f39;
	height: 525px;*/
	height: 490px;
	width: 100%;/* 100%から左右のパディングを引いた値 */
	padding-left: 0%;
	padding-right: 0%;
}


#information1, #information1-2, #information2, #information3, #information4 {
    width: 30%;
    margin: 0% 0 6% 2%;
    font-size: 0.85em;
    height: 380px;
}

#information1 dl, #information1-2 dl, #information2 dl, #information4 dl{
    padding-left: 1%;
    padding-top: 0;
}

#information1 dt, #information1-2 dt {
    font-size: 0.95em;
    padding: 1% 6%;
}

#information2 dt ,#information4 dt{
    font-size: 0.95em;
    padding-left: 3%;
    clear: both;
}
#information1 h3, #information1-2 h3, #information2 h3, #information3 h3, #information4 h3 {
    margin: 0;
    font-size: 1.2em;
}

#information1 dd, #information1-2 dd, #information2 dd ,#information4 dd{
    font-size: 1em;
    width: 90%;
    padding-bottom: 1.8%;
    margin-left: 8%;
}

#information3 ul {
    padding-left: 5%;
    font-size: 0.95em;
    line-height: 1.8em;
    padding-top: 9%;
    width: 97%;
}

#information3 ul.link1 {
    padding-top: 10%;
    padding-left: 7%;
    font-size: 0.9em;
    list-style: none;
    line-height: 2.6em;
}

#information3 ul.link1 {
    font-size: 1em;
    line-height: 2;
}

#top .information h2 {
    margin: 10% 38% 3%;
}


.bana img {
    width: 100%;
    height: auto;
}

.bana2 img {
    margin: 3%;
    width: 97%;
    height: auto;
}

div.contents {
    margin: 7% 0 0;
    width: 96%;
    /*height: 349px;*/
	height: 338px;
    overflow: news-scroll;
    padding: 5px;
    -webkit-overflow-news-scrolling: touch;
    border: 1px solid #ccc;
}

/*div.contents {
	margin: 7.0% 0.1% 0;
    width: 95%;
    height: 91%;
    border: 1px solid #ccc;
    border-top: 2px solid #ccc;
	padding: 0 2%;
	-webkit-overflow-news-scrolling: touch;
}*/



#information2 dd, #information4 dd {
    line-height: 1.29em;
}

.contents::-webkit-scrollbar{ 
    width: 15px;
}
.contents::-webkit-scrollbar-thumb{ 
    background: #9e9e9e;
    border-radius: 10px;
}
.contents::-webkit-scrollbar-track-piece:start{
    background: #ccc;
}
.contents::-webkit-scrollbar-track-piece:end{
    background: #ccc;
}



/* トップページ
------------------------------------------------*/

/* イメージサイズ指定・スライダー */




#toppage .page-wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/*#toppage .page-base {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}*/

/*
.index-div01 {
	width: 1200px;
	height: 520px;
	background-color: #acd598;
	padding-top: 2.5%;
}


article .index-div01 h4 {
	margin: 0;
	padding: 0.2em 0;
    border-bottom: none;
    color: #006837;
    font-size: 180%;
	width: 40%;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
}*/
/*.index-divx01-inner1 {
	width: 1200px;
	height: auto;
	background-color: #acd598;
}*/





body .index-div01 p {
	margin-block-start: 0em;
    margin-block-end: 0em;
}

h3.index-h3-01 {
	text-align: center;
	font-size: 270%;
	margin-block-start: 0.7em;
    margin-block-end: 0.5em;
}

.page-wrap02-01 {
	width: 960px;
	margin: 0 auto;
}


.page-wrap p.main-masseage-p {
	color: #5e5e1f;
	font-size: 188%;
	text-align: center;
}

.index-section-01-back {
    z-index: 1;
    width: 98%;
    height: 630px;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
}

.index-section-01-back img {
    width: 96%;
    height: 100%;
    margin: 0 2%;
}

.index-section-01 h4.index-h4-01 {
	font-size: 283%;
	text-align: center;
	color: #f5f48e;
	border: none;
	margin-top: 240px;
	z-index: 5;
	position: relative;
}
	

.index-section-01 ul.ind-sec-01-upper ,
.index-section-01 ul.ind-sec-01-lower {
	list-style-type: none;
	padding-inline-start: 0px;
	z-index: 3;
}
.index-section-01 ul.ind-sec-01-upper ,
.index-section-01 ul.ind-sec-01-lower {
	clear: both;
	content: "";
	display: block;
}

.index-section-01 ul.ind-sec-01-upper {
	position: absolute;
    width: 100%;
    top: 6px;
    left: 28px;
}

.index-section-01 ul.ind-sec-01-lower {
	position: absolute;
	width: 100%;
	top: 324px;
	left: 28px;
}


.index-section-01 ul.ind-sec-01-upper li ,
.index-section-01 ul.ind-sec-01-lower li {
	float: left;
	margin: 2% 0% 0 2%;
    width: 21%;
    height: 225px;
}

.index-section-01 ul.ind-sec-01-upper li img, 
.index-section-01 ul.ind-sec-01-lower li img {
    width: 80%;
    height: auto;
    z-index: 5;
    position: relative;
    margin: 0 9%;
}



.index-section-02 {
	/*width: 1060px;
	margin: 0;*/
	/*background-color: #6C6;*/
}


h4.index-h4-02 {
	text-align: center;
	font-size: 280%;
	margin-block-start: 0.6em;
    margin-block-end: 0.2em;
}


.ind-sec02-hierarchy {
	width: 986px;
	height: 420px;
	margin: 0 auto;
	/*background-color: #CF0;*/
}

.ind-sec02-point-part {
	width: 289px;
	height: 190px;
	margin-left: 29px;
	margin-bottom: 10px;
	padding: 19px 32px;
	background-color: #000;
	color: #fff;
	border: 9px solid #e4007f;
	border-radius: 13px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	float: left;
	text-align: justify;
}





body .ind-sec02-point-part p {
    margin-block-start: 0em;
    margin-block-end: 0.125em;
	font-size: 120%;
	font-weight: 700;
}




h4.index-h4-03 {
	text-align: center;
    color: #004898;
    font-size: 280%;
    margin-block-start: 0.6em;
    margin-block-end: 0.2em;
    margin-top: 50px;
}


.index-section-03{
	margin: 0 100px 60px;
}





/* 下層ページメインビジュアル */
.main-visual::before {
	content: "";
	display: block;
	padding-top: 26%;
}
.main-visual {
	/*height: 269px;
	background-size: 1024px 269px;*/
	position: relative;
	height: auto;
	background-size: 100%;
}
.main-visual::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
}


/* 下層ページサブメニュー */
.sub-menu-wrapper1 {
	margin-top: 8px;
}
.page-current p {
	top: 42px;
}
.sub-menu-wrapper1 h3 {
	margin-left: 15%;
}

/* ---------- */
/* 事業所案内 */
/* ---------- */

/* サブメニュー */
#office-info .page-current p {
	left: 157px;
	width: 17px;
	height: 25px;
}
#office-info .page-current p img {
	width: 100%;
	height: 100%;
}

/* -------------- */
/* ご利用について */
/* -------------- */

#about-use .page-current p {
	left: 400px;
}


/* ---------- */
/* 一日の流れ */
/* ---------- */

#flow-of-the-day header h1 {
	margin-bottom: 60px;
}
#flow-of-the-day ul.out-nav1 img {
	/* margin-top: -46px; */
	/* margin-bottom: 6px; */
	margin-top: -61px;
	margin-bottom: 21px
}
#flow-of-the-day .page-current p {
	left: 645px;
}
#flow-of-the-day #information2 h5 {
	font-size: 180%;
}
#flow-of-the-day h3 {
	font-size: 2.2em;
	margin: 11% 5%;
}

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

#voice-of-member .sub-menu-wrap1 {
	width: 100%;
}
#voice-of-member .sub-menu-wrapper1 {
	margin-top: 70px;
}
#voice-of-member .page-current p {
	left: 890px;
}

/* -------------- */
/* お問い合わせ   */
/* -------------- */

#contact table.formTable th {
	width: 40%;
}

/* -------------- */
/* 採用情報   */
/* -------------- */
.page-wrap p.recruit-form-p {
    margin: 2% 7% 1%;
    font-size: 190%;
    text-align: left;
}

/* -------------- */
/* アーティスト   */
/* -------------- */
#artist .artist img {
	width: 88%;
}


/* ipad W1024 */
@media screen and (max-width: 1024px) {
	#office-info .page-current p {
		left: 129px;
	}
	#about-use .page-current p {
		left: 372px;
	}
	#flow-of-the-day .page-current p {
		left: 617px;
	}
	#voice-of-member .page-current p {
		left: 863px;
    }
    .page-wrap02-01 img {
    width: 100%;
    margin: 0 auto;
    }
    .page-wrap p.main-masseage-p2 {
    width: 92%;
    margin-bottom: 0%;
    padding: 0 4%;
    text-align: center;
    }
    .page-wrap p.main-masseage-p3 {
    font-size: 188%;
    text-align: center;
    padding: 0 4%;
}

}

.video-box {
    width: 411px;
    margin-right: 50px;
    margin-bottom: 50px;
}

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