@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------RESET */

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
address, img, ins, kbd, q, samp,
small, strong, ol, ul, li,
form, label,
table, caption, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, nav {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
	font-weight:normal;
}

body {

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

/*------------------------------------pcとsp*/
.pc {
	display:block;
}

.sp {
	display:none;
}

/*タブレットで正しく表示させる
-@media (min-width: 768px) and (max-width: 1000px){
	body {
		width:1000px;
		margin-left: auto;
		margin-right: auto;
	}
}*/

/*------------------------------------COMMON*/

@font-face {
	font-family: 'MyFont';
	src: url("../font/C4_Minniam_M.TTF");
}

body {
	font-family: MyFont;
	font-size: 16px;
	color:#595757;
}

#wrap {
}

/*------------------------------------FIRST VIEW*/

#first_view {
	position: relative;
	width:100%;
	height:600px;
	background-size: cover;
	background-position: center;
}

#first_view_txt {
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#top_logo {
	position:absolute;
	top:50px;
	left:5%;
}

#renew_info {
	position:absolute;
	bottom:15px;
	right:5%;
}



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

header {
	background:#ffeb8d;
}

nav {
	max-width:1024px;
	height:50px;
	margin: 0 auto;
	box-sizing: border-box;
}

nav ul {
	display:flex;
	justify-content: center;
}

nav ul li ul.toggle_pc {
	flex-direction: column;
}

.nav01,.nav02,.nav03,.nav04,.nav05 {
	border-right:solid 1px #fff;
}

nav ul li {
	padding:0 35px;
}

@media screen and (min-width:769px) and (max-width: 905px)  {
	nav ul li {
		padding: 0 22px;
	}
}



nav ul.toggle_pc li {
	padding:0 35px;
	background:#fff0bf;
	border-bottom:solid 1px #fff;
	margin-left:-35px;
}

nav ul li a {
	transition:all 0.3s;
	color:#595656;
	line-height:50px;
	font-size:18px;
	font-weight:500;
	letter-spacing: 0.1em;
}

nav ul li.nav02,nav ul li.nav03 {
	transition:all 0.3s;
	color:#595656;
	line-height:50px;
	font-size:18px;
	font-weight:500;
	letter-spacing: 0.1em;
}



nav ul li a:hover{
	opacity:0.5;
}


/* -------------------- */
/* ▼サブメニュー */
/* -------------------- */
ul.toggle_pc {
	visibility: hidden;
    opacity: 0;       /* ★1:標準では非表示にする display:noneはtransitin効かない*/
	position: absolute; /* ★4:絶対配置にする */
	transition: 0.6s;
	z-index:40000;
}


/* ---------------------------------- */
/* ▼サブメニューが開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul li:hover ul {
    visibility: visible;
    opacity: 1;     /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}


/*------------------------------------予約ボタン*/

.flow {

}

#flow_btn {
    position: fixed;
    right: 0;
    top: 260px;
    z-index: 3;
}

/*------------------------------------INFO*/

.info_bar {
	padding:20px;
	background:#ef8055;
	color:#fff;
	max-width:800px;
	margin:50px auto;
	text-align:center;
	font-size:20px;
}

.logo_img {
	text-align:center;
	margin-top:50px;
}

.info_flexbox {
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:10px;
}

.bold {
	display: block;
	margin: 0 0 10px;
	font-weight:bold;
	color:#231815;
}

.tel_no {
	font-weight:bold;
	font-size:36px;
	color:#ef8055;
}

.tel_cont {
	width: 300px;
	padding-top:20px;
	margin: 0 auto 20px;
}

.orange {
		color:#ef8055;
}

.blue {
		color:#1A8FC6;
}

.adress {
	margin-left:0px;
}

.adress_cont {
	width: 300px;
	margin: 0 auto;
}

.banner {
	width: 400px;
	height: 92px;
}

.banner:hover {
	opacity: 0.7;
	transition: 0.4s;
}

.banner a {
	display: block;
	width: 100%;
	height: 100%;
}

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



/*time_table*/

.tablebox {
	margin-left:50px;
}

table.time_table th,
table.time_table td {
	padding:15px;
}

@media screen and (min-width:769px) and (max-width: 928px) {
	table.time_table th,
	table.time_table td {
		padding:15px 5px;
	}
}

table.time_table td {
	border-top:solid 1px #595656;
	border-left:solid 1px #595656;
}

table.time_table th {
	border-left:solid 1px #595656;
}

table.time_table .title {
	border-left:solid 1px #fff;
}

.time_table .text01 {
	text-align:right;
	padding-top:10px;
}

.time_table .text02 {
	text-align:center;
	padding-top:10px;
	margin-left:100px;
}

/*------------------------------------TITLE*/

.title02 {
	font-size:35px;
	font-weight:bold;
	letter-spacing: 0.15em;
	padding-top:10px;
}

.title03 {
	font-size:35px;
	padding:30px 0;
}


/* gw_banner */
.gw_banner {
	width: 900px;
	margin: 70px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gw_banner div {
	width: 500px; /*548px;*/
	/* height: 290px; */
}

.gw_banner .rinji {
	width: 500px;
}


.gw_banner div:first-child {
	margin-right: 20px;
}

.gw_banner div img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*------------------------------------BLOG*/

#section9 {
	margin-top:70px;
	padding:70px 0;
	width:100%;
	background:#eeefef;
}

.blog_cont {
	max-width:870px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding:2px;
	box-sizing: border-box;
}

#section9 .blog_cont ul {
	display:flex;
	justify-content: space-between;
}

#section9 .blog_cont li {
    width: 245px;
    margin: 20px;
    padding: 10px;
    height: 280px;
	list-style: none;
	box-sizing: border-box;
}



.eyecatch {
	width:100%;
	height:160px;
	padding:10px;
	background: #fff;
	object-fit: cover;
}

.s1,.s2 {
	display:block;
	padding-top:10px;
	text-align: left;
	color:#595757;
}

.s1:hover,.s2:hover {
	opacity:0.5;
}

.s1 {
	color:#00B3EA;
}



.a1 {
	border-radius: 20px;
	background:#FCE6DB;
	color:#595757;
	padding:15px;
}



/*------------------------------------MESSAGE*/

.message_flexbox {
	display:flex;
	justify-content: center;
	max-width:870px;
	margin:0 auto;

}

#message {
	padding-top:70px;
}

#message .img_side {
	padding-top:50px;
	text-align: center;
}

#message .text_side {
	padding-left:32px;
}

#message .title01,
#message .title02 {
	text-align:center;;
}

.text_cont {
	line-height:1.5em;
	padding-top:52px;
}

/*------------------------------------CONCEPT*/

#concept {
	background:#fffeef;
	margin:70px 0;
}

#concept .title03 {
	letter-spacing:0.1em;
}

.concept_cont {
	padding:70px 0;
}

.concept_title {
	text-align:center;
}

.concept_flexbox {
	display:flex;
	justify-content: center;
	margin:0 auto;
	align-items: center;
	max-width:600px;
	padding:30px 0;
}

.concept_flexbox .text_side {
	padding-left:30px;
	line-height:2em;
}

.concept_flexbox .title04 {
	font-size:20px;
	font-weight: bold;
}

.concept_flexbox .title05 {
	padding-top:15px;
}

.four_a_flexbox {
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	max-width:960px;
}

.four_a_title {
	font-size:22px;
	padding-bottom:10px;
}

.four_a_box {
	padding:30px 0;
	width:25%;
	padding-right:35px;
}

.last_box {
	padding-right:0;
}

.four_a_text {
	line-height: 1.7em;
}

.accent {
	color:#f5ad82;
}

.accent2 {
		color:#f5ad82;
	font-size:30px;
}

.accent3 {
	font-size:30px;
	color:#f5ad82;
}

.accent4 {
	font-size:30px;
}

.important_title {
	font-size:24px;
	text-align: center;
}



.important_flexbox {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width:1024px;
	margin:0 auto;
}

.important_flexbox .box1 {
	background-image:url(../images/important_back01.png);
}

.important_flexbox .box2 {
	background-image:url(../images/important_back02.png);
}

.important_flexbox .box3 {
	background-image:url(../images/important_back03.png);
}

.important_flexbox .box4 {
	background-image:url(../images/important_back04.png);
}

.important_flexbox .box5 {
	background-image:url(../images/important_back05.png);
}

.important_flexbox .box6 {
	background-image:url(../images/important_back06.png);
}


.important_flexbox .box1,
.important_flexbox .box2,
.important_flexbox .box3,
.important_flexbox .box4,
.important_flexbox .box5,
.important_flexbox .box6 {
	background-repeat:no-repeat;
	width:248px;
	height:216px;
	padding:30px;
	margin:25px;
	font-size:20px;
	line-height:1.5em;
	box-sizing: border-box;
}

/*------------------------------------TREATMENT*/

#treatment {
	background:#EDF7FD;
	padding:70px 0;
	margin-top:45px;
}

.treatment_title {
	text-align:center;
	padding-bottom:25px;
}

.treatment_box {
	width:196px;
	height:173px;
	padding:32px 0;
	font-size:20px;
	box-sizing: border-box;
	background:#fff;
	border:solid 1px #595757;
	margin:25px;
}

#treatment a {
	color:#595757;
	transition: opacity 0.5s;
}

#treatment a:hover {
	opacity:0.5;
}

.treatment_flexbox {
	display:flex;
	flex-wrap:wrap;
	max-width:800px;
	margin:0 auto;
	justify-content: center;
	text-align:center;

}

.treatment_text {
	display:inline-block;
	padding-top:12px;
}




/*------------------------------------FEATURES*/

#features {
	padding-top:70px;
}

#features01 {
	border-top:solid 2px #FBE7C8;
}

#features05 {
	border-bottom:solid 2px #FBE7C8;
}

.features_title {
	text-align:center;
	padding-bottom:50px;
}

.features_flexbox {
	display:flex;
	margin:0 auto;
}

#features .img_side {
	width:50%;
	padding:40px 20px;
	box-sizing: border-box;
}

#features .text_side {
	width:50%;
	padding:2vw 4.5vw;
	box-sizing: border-box;
}

#features #features02 .text_side,
#features #features04 .text_side,
#features #features05 .text_side{
	width:50%;
	padding:100px 3vw;
	box-sizing: border-box;
}



#features .text_side {
	line-height:2em;
}

#features .text_side_accent {
	font-size:20px;
	padding-top:20px;

}

#features .img_side {
	background:#FBE7C8;
	text-align: center;
}

.features_title01 {
	font-size:27px;
	padding-top:10px;
}

.features_title02 {
	font-size:57px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
}

.features_title03 {
	font-size:31px;
	background:#fff;
	padding:10px;
	width:70%;
	margin:0 auto;
}

/*masui*/

#masui {
	background:#FCF4EE;
	padding:70px 0;
}

.masui_title {
	font-size:30px;
	text-align:center;
	padding-bottom:50px;
}

.masui_flex_box {
	display:flex;
	max-width:1020px;
	margin:0 auto;
}

.masui_box_title {
	font-size:20px;
	font-weight:bold;
}

.masui_box {
	padding:0 20px 20px 20px;
	line-height:2em;
}

.masui_message {
	padding:20px;
	background:#fff;
	max-width:900px;
	margin:0 auto;
	line-height:1.7em;
	box-sizing: border-box;
}

/*clean*/

#clean {
	background:#FCF4EE;
	padding-bottom:70px;
}

.clean_box_title {
	font-size:24px;
	border-bottom:solid 1px #F5AD82;
	padding-bottom:10px;
	margin-bottom:10px;
}

.clean_flex_box {
	display:flex;
	max-width:950px;
	margin:0 auto;
	line-height:1.7em;
	padding-top:70px;
}


.clean_box_left {
	width:40%;
	padding-right:100px;
}

.clean_box_img_left {
	text-align: center;
}

.clean_box_right {
	width:60%;
	position:relative;
}

.clean_box_text02 {
	padding-right:180px;
}

.clean_box_img_right {
	position:absolute;
	right:20px;
	top:0;
}



.kids_img {
	position:absolute;
	right:0px;
	top:54px;
}

.clean_box_text04 {
	padding-right:310px;
	height:170px;
}

.accent6 {
	font-size:22px;
}


/*------------------------------------求人バナー*/

#recruit_banner {
	text-align:center;
}

#recruit_banner img {
	width: 50%;
    max-width: 890px;
    padding-top: 30px;
}
#recruit_banner .shinsotsu {
margin-bottom: 30px;
}
/*------------------------------------TOPへ*/
#top {
	text-align:center;
	padding-bottom:70px;
	padding-top: 30px;
}

/*------------------------------------MAP*/

#map_canvas {
	width:100%;
	height:500px;
}


/*------------------------------------FOOTER*/

footer {
	border-bottom:solid 25px #f5ac81;
	background:#EDF7FD;

}

.footer_logo {
	padding-bottom:50px;
	text-align: center;
}

.footer_cont {
	padding:70px 0 50px 0;
	margin-top:-17px;
}

/*FOOTERのタイムテーブルのみに適用*/
footer table.time_table .title {
	border-left:solid 1px #EDF7FD;
}

.footer_cont .insta {
	width: 50px;
    margin: 0 auto 50px;
}

.footer_cont .insta img {
	width: 100%;
}


/*------------------------------------thanksページ*/
#thanks {
	font-size:25px;
	text-align:center;
	padding:100px 0;
	line-height:1.5em;
}



/*------------------------------------SITEMAP*/

#sitemap li {
	list-style:none;
}

.sitemap {
	max-width:1052px; /* 1020px; */
	margin:0 auto;
}

.sitemap li {
	list-style: none;
}

.sitemap_01 {
	display:flex;
	flex-wrap: wrap;
	padding-top:0px;
	padding-bottom:0; /* 25px; */
}

.sitemap_02 {
	display:flex;
	flex-wrap: wrap;
	padding-top:25px;
	padding-bottom: 25px; /* 50px; */
}

.sitemap_03 {
	display:flex;
	padding-top:5px;
	padding-bottom:50px;
}

.sitemap_bar {
	border-bottom:solid 1px #F5AD82;
}

.sitemap_01 li {
	padding-bottom: 25px;
}

.sitemap_01 a {
	/* padding-left:40px; */
	padding: 0 20px;
	transition: all 0.5s;
}

.sitemap_02 li {
	padding-bottom: 25px;
}

.sitemap_02 a {
	/* padding-left:52px; */
	padding: 0 32px 0 20px;
	transition: all 0.5s;
}

/* .sitemap_02 a,.sitemap_03 a { */
.sitemap_03 a {
	padding-left:52px;
	transition: all 0.5s;
}

/* .sitemap_01 a.first,.sitemap_02 a.first,.sitemap_03 a.first { */
.sitemap_03 a.first {
	padding-left:0px;
}

.sitemap_text {
	color:#595757;
	padding-left:5px;
}

.sitemap_01 a:hover,.sitemap_02 a:hover,.sitemap_03 a:hover {
	opacity:0.5;
}

.sitemap_sp {
	display:none;
}

.fa-chevron-circle-right {
	color:#F5AD82;
}




/*------------------------------------animation ふわっと表示*/
/*---TOPメインビジュアル---*/
#first_view {
    animation: fadeIn_img 3s ease 0s 1 normal;
}

@keyframes fadeIn_img {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*------------------------------------ロゴをふわっと表示*/

#logo {
animation: fadeIn_logo 3s ease 0s 1 forwards;
}

@keyframes fadeIn_logo {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*------------------------------------スクロールふわっと表示*/

.scroll {
  opacity : 0;
  transform: translateY(0px);
  transition: all 2.5s;
}