@charset "UTF-8";


/* Reset Style
--------------------------------------------------------- */
/*
		/css/reset.css参照
*/


/* Structure Module
--------------------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #666;
	text-align: left;
	background:#f7efe9;
  letter-spacing: 1px;

}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }

p { line-height: 1.6em;}

/* Hyper Text Module
--------------------------------------------------------- */
a {
	overflow: hidden;
	outline: none;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
a:link {
	color: #cc3300;
}
a:visited {
	color: #cc3300;
}


/* Layout Box
--------------------------------------------------------- */
header,
footer {
	width: 100%;
}


/* Header
--------------------------------------------------------- */
header { height:178px; background: url(../img/bg_header.gif); repeat-x; margin: 0 auto;}


/* Global Navigation
--------------------------------------------------------- */
.wrapper-nav { width:1000px; height:178px;  margin:0 auto; padding:0; }
.logo { float:left; }
.header-info {text-align: right; height: 108px;}

.nav { width:1000px; height: 70px; margin: 0; padding:0; overflow: hidden;}
.nav li { float:left;}

/* Common
--------------------------------------------------------- */
#wrapper { width:1000px; margin:0 auto; padding:0 0 50px; overflow:hidden; }
.page-ttl {width:100%; background: url(../img/bg_ttl.gif) repeat-x; height: 281px; text-align: center;;}
.overflow { overflow: hidden; }
.hd { visibility:hidden; display:none; }
.stg { font-weight:600; }
.float-left { float:left; }
.float-right { float:right; }
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.tx12 { font-size:12px; }
.tx16 { font-size:16px; }
.tx18 {font-size:18px; }
.tx22 {font-size:22px; }
.clearfix { clear:both; }
.tx-green { color:#006666;}
.tx-pink { color:#de4a51; }
.tx-blue { color:#3366cc; }
.tx-ul {text-decoration: underline; }
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.pd5 { padding: 0 5px;}
.pd10 { padding: 0 10px;}
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt45 { margin-top: 45px; }
.mt60 { margin-top: 60px; }
.m0 {margin: 0;}



/* Footer
--------------------------------------------------------- */
footer { border-top:12px solid #94311e; background: #3b2a23; text-align: center;
padding:40px 0; }
footer p { color:#e0d0c9; line-height: 1.6em; font-weight: normal; font-size: 13px;}


/* Slide(index.html)
--------------------------------------------------------- */
.bg-slider {
	width: 100vw;
	height: 517px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 12px solid #5b3b2d;
}
.bg-slider_title {
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}
.bg-slider_title span {font-size: 24px;}


/* Index.html
--------------------------------------------------------- */
.h3-top { font-size:16px; color:#5b3b2d; line-height: 1.5em; margin: 30px 0 34px;}
.left-column {width:292px; padding:5px 5px 20px; background: #f7f7f7; float: left;}
.right-column {width:652px; float: right;}
.menu { width:321px; margin-bottom: 24px;}
.menu img { margin-bottom: 8px;  }
#greeting { width:100%; background: url(../img/bg_greeting.jpg); background-size: cover; background-position: center;
padding:40px 0 0;}
.greeting-cont { background: url(../img/bg_greeting2.png) no-repeat; position:relative; min-height: 800px;}
.greeting-p01 { position: absolute; top:120px; left:192px;}
.greeting-p01-1 { position: absolute; top:175px; left:192px;}
.greeting-p01-2 { position: absolute; top:280px; left:192px; }
.greeting-p02 { position: absolute; top:340px; }
.greeting-p03 { position: absolute; top:612px; left:15px; color:#fff;  }
.greeting-p04 { position: absolute; top:612px; left:120px; color:#fff; }


/* Info.html
--------------------------------------------------------- */
.info-box { background: url(../img/info_img_01.png) no-repeat right top; min-height: 208px; overflow:hidden;}
.info-box p { padding: 30px 0 0; width: 700px; line-height: 1.8em;}
.info-step { width:998px; height: 157px; overflow: hidden; background: #fff; border: 1px solid #eeebe8;}
.info-step img { float: left; margin-right: 20px;}
.info-step dt { color: #3366cc; font-size:18px; padding:20px 20px 10px 0;}
.info-step dt span { color: #3366cc; font-size:12px; }
.info-step dd { padding:0 20px 0 0;}
.info-arrow { width: 1000px; text-align: center; padding:16px 0 4px;}
.info-menu-box { width:324px; overflow: hidden; margin: 0 4px;}
.info-menu-box p { padding:0 6px;}
.info-menu-box-txt { margin: 0 0 20px; min-height: 180px;}
.info-menu-box-txt2 { color:#455a13; margin:6px 0 0;}
.info-column {border: 4px solid #cfb0b6; border-radius: 10px; padding: 20px; background: #fff; text-align: center; margin-bottom: 40px;}


/* Access.html
--------------------------------------------------------- */
.access-left { width:374px; float: left;}
.access-right { float: right;  }
.access-gmap { background: #fff; padding:4px; width:602px; }
.photo-box1 { width: 333px; height: 270px; margin-right: 1px; margin-bottom: 1px; float: left;}
.photo-box2 { width: 334px; height: 270px; margin-right: 1px; margin-bottom: 1px; float: left;}
.photo-box3 { width: 331px; height: 270px; margin-bottom: 1px; float: right;}



/* Care.html
--------------------------------------------------------- */
.care-box { background: url(../img/care_img_02.png) no-repeat right top; min-height: 241px; overflow:hidden;}
.care-box p { padding: 10px 0 0; width: 562px; line-height: 1.8em;}
.care-detail-left { width:324px; float: left;}
.care-detail-right { width:660px; float: right;}
.care-detail-right p {padding-top: 18px; letter-spacing: normal;}
.care-attn { background: #fb7c82; padding:20px; text-align: center; font-size: 20px; font-weight: 500; color: #fff;
margin: 50px 0;}
.care-attn span {font-size: 14px; }


/* Beauty.html
--------------------------------------------------------- */
.beauty-box { background: url(../img/img_beauty_01.png) no-repeat right top; overflow:hidden; min-height: 396px;}
.beauty-box p { padding: 30px 0 0; width: 670px; line-height: 1.8em;}
.beauty-reason-left { width:249px; float: left;}
.beauty-reason-right { width:735px; float: right;}
.beauty-reason-right h4 { background: #6f2d3a; color: #fff; padding:8px 10px 6px; margin-bottom: 15px;}
.beauty-reason-right p {margin-bottom: 20px;}
.beauty-reason-left2 { width:735px; float: left;}
.beauty-reason-right2 { width:247px; float: right;}
.beauty-reason-left2 h4 { background: #6f2d3a; color: #fff; padding:8px 10px 6px; margin-bottom: 15px;}
.beauty-reason-left2 p {margin-bottom: 20px;}
.beauty-qa {overflow: hidden; background: #fff; border-left: 10px solid #6f2d3a; padding:10px 14px; margin-bottom: 20px;}
.beauty-reason-left3 { width:299px; float: left;}
.beauty-reason-right3 { width:691px; float: right;}
.beauty-reason-right3 p {margin-top: 8px;}
.beauty-hari-h4 { background: #6f2d3a; color: #fff; padding:8px 10px 6px; margin-bottom: 15px;}
.beauty-attn { background: #fff; border: 1px solid #cfb0b6; padding:20px; text-align: center; color: #666; margin-bottom: 80px;}
.beauty-runner{ background: url(../img/img_beauty_05.png) no-repeat right top; overflow:hidden; min-height: 339px;}
.beauty-runner p { padding: 15px 0 0; width: 650px; line-height: 1.8em;}
.beauty-join-left {width:324px; float: left;}
.beauty-join-right {width:660px; float: right; padding:0px 0 0;}
.beauty-runner-h4 { background: #6f2d3a; color: #fff; padding:8px 10px 6px; margin: 35px 0 25px; text-align: center;}
.hcr { background: url(../img/img_beauty_08.jpg) no-repeat; overflow:hidden; height: 329px; padding:80px 10px 0 436px; color: #666;}


/* Seika.html
--------------------------------------------------------- */
.header-seika { width:100%; height: 76px; background: #3b2a23; }
#wrapper-seika { width:1000px; margin:0 auto; padding:0; overflow: hidden; }
.seika-tel { width: 476px; float: left;}
.seika-cont { width: 184px; float: right; padding:20px 0;}
.seika-main {height: 610px; background: url(../img/seika_img_main.jpg) no-repeat; background-size: cover; background-position: center;}
.seika-gal { height: 240px; width: 100%; background: url(../img/seika_bg_01.jpg) no-repeat; background-size: cover; background-position: center; padding:44px 0 0; text-align: center;}
.seika-gal p { margin: 20px 0 0;}
.seika-gal p a { color: #fff; text-decoration: underline; }
.seika-gal p a:hover { color: #f4dacc; text-decoration: underline; }
#seika-contents { width:100%;  background: url(../img/seika_bg_02.jpg) repeat; padding: 50px 0 0; color: #3b2a23; }
#seika-contents p { margin: 10px 0;}
.seika01 { background: url(../img/seika_img_03.png) no-repeat right top; min-height: 204px; margin: 25px 0 30px; padding-top: 6px;}
.seika02 { background: url(../img/seika_img_04.png) no-repeat right top; min-height: 323px; margin: 16px 0 30px;}
.seika-gallery { margin: 20px 0 70px; overflow: hidden; }
.seika-gallery img { margin: 0; padding: 0; float: left;}



/* ページトップのスクロールボタン
--------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
}
#page-top a {
	background:#ccc3bf;
	text-decoration: none;
	color: #fff;
	padding: 16px;
	text-align: center;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#page-top a:hover {
	text-decoration: none;
	background: #a98c7f;
	color:#fff;
}