@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'Noto Sans Japanese R';
 src: url('common/font/NotoSansCJKjp-Regular.woff')format('woff');
 src: url('common/font/NotoSansCJKjp-Regular.otf') format('opentype');
　 src: url('common/font/NotoSansCJKjp-Regular.eot?')format('eot');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family:'Noto Sans Japanese M';
 src: url('common/font/NotoSansCJKjp-Medium.woff')format('woff');
 src: url('common/font/NotoSansCJKjp-Medium.otf') format('opentype');
　 src: url('common/font/NotoSansCJKjp-Medium.eot?')format('eot');
 font-weight: 700;
 font-style: normal;
}
@font-face {
 font-family:'Noto Sans Japanese L';
 src: url('common/font/NotoSansCJKjp-Light.woff')format('woff');
 src: url('common/font/NotoSansCJKjp-Light.otf') format('opentype');
　 src: url('common/font/NotoSansCJKjp-Light.eot?')format('eot');
 font-weight: 700;
 font-style: normal;
}
@media screen and (min-width: 481px) {
#headerArea {
	margin-bottom:30px;
	position: relative;
}

#headerArea ul li {
	z-index: -50;
}

#headerArea .inner.widthfix.cf {
	height:579px;
	margin-top: -594px;
	z-index: 100;
}
#headerArea .inner.widthfix.cf h1 {
	height: 411px;
	width: 134px;
	position: absolute;
	top: 55px;
	right: 80px;
}
 #headerArea .inner.widthfix.cf .infoArea {
 height: 406px;
 width: 406px;
 left:50%;
 margin-left:-203px;
 top:75px;
 padding-top:45px;
}
#headerArea .inner.widthfix.cf .opning {
 position: absolute;
 left: 165px;
 top: 0px;
 z-index:10;
}

#headerArea .inner.widthfix.cf .infoArea2 {
	position:relative;
	z-index:10;
	top: -360px;
}

#onayami .inner.widthfix.cf li {
 float: left;
 margin-right:14px;
}
#onayami .inner.widthfix.cf .onayami03 {
 margin-bottom:-21px;
}
#container .inner.widthfix #news {
 width: 310px;
 padding-top:50px;
 float:left;
 padding-right: 30px;
}
#container .inner.widthfix #director {
 width:650px;
 float:right;
 padding-left:40px;
 padding-top:50px;
 border-left: 1px solid #e4e4e4;
 background-color:#fcfaf9;
}
#container .inner.widthfix.cf #director h2 {
 float: right;
 width: 410px;
 margin-top: 20px;
}
#container .inner.widthfix.cf #director .career {
 float: right;
 width: 410px;
 clear:right;
}
#visual .inner.widthfix.cf .slider .bxslider .explanation{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.8);
	padding:18px 15px 15px 18px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#visual .inner.widthfix.cf .slider .bxslider .explanation h3{
	margin-bottom:5px;
	font-weight:bold;
	color: #139ee0;
	font-size:16px;
}
#visual .inner.widthfix.cf .slider .bxslider .facility01 .explanation{
	top:48px;
	left:5%;
	width:28%;
}
#visual .inner.widthfix.cf .slider .bxslider .facility02 .explanation{
	top:48px;
	right:5%;
	width:40%;
}
#visual .inner.widthfix.cf .slider .bxslider .facility03 .explanation{
	top:48px;
	right:5%;
	width:40%;
}


}
@media screen and (max-width: 480px) {
#headerArea {
		/*-webkit-background-size:auto 110%;
		background-size:auto 110%;
		margin-bottom:16px;*/
}

#headerArea {
	width: 100%;
	margin-bottom:30px;
	position: relative;
}

#headerArea ul {
}

#headerArea ul li {
	-webkit-background-size:auto 80%;
	background-size:auto 80%;
	margin-bottom:16px;
}

#headerArea ul li#s02,
#headerArea ul li#s03{
	background-position: -715px top;
}


/*#headerArea .inner.widthfix.cf {
	height:579px;
	margin-top: -594px;
	z-index: 100;
}*/
#headerArea .bx-wrapper {
    margin: 0 auto 0px;
	height: 369px!important;
	overflow: hidden;

}


#headerArea .inner.widthfix.cf {
	height:369px !important;
	margin-top: -369px;

}
#headerArea .inner.widthfix.cf h1 {
	max-width:305px;
	width:98%;
	height:auto;
	position: absolute;
	top: 250px;/* 284 */
	left:50%;
	margin-left:-150px;
	z-index:30;
}
#headerArea .inner.widthfix.cf .infoArea {
 width:270px;
 margin-left:auto;
 margin-right:auto;
 height:270px;
 top:10%;
 padding-top:52px;
}
 #headerArea .inner.widthfix.cf .opning {
 position: absolute;
 left: 2%;
 width:136px;
 height:auto;
 top: -8px;
 z-index:10;
}
#headerArea .inner.widthfix.cf .infoArea .logo {
 margin-bottom:24px !important;
}

#headerArea .inner.widthfix.cf .infoArea2 {
	display: none;
}

#onayami .inner.widthfix.cf li {
 text-align:center;
 margin-bottom:10px;
}
#onayami .inner.widthfix.cf li img {
 max-width:100%;
 height:auto;
}
#container .inner.widthfix #news {
 padding-top:40px;
}
#container .inner.widthfix #director {
 padding-top:40px;
 -webkit-background-size:100px auto;
 background-size:100px auto;
}
#container .inner.widthfix {
 padding-left:4%;
 padding-right:4%;
}
#container .inner.widthfix.cf #director h2 img {
 height: auto;
 width: 260px;
}
.infomation.pc-none{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:-10px;
}
.infomation.pc-none dt {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #139ee0;
	text-align: center;
	clear: left;
	float: left;
	width: 70px;
	border-radius:2px;
}
.infomation.pc-none dd {
	margin-bottom:12px;
	margin-left:80px;
}
.infomation.pc-none dd .hour {
	margin-bottom:5px;
}
.infomation.pc-none dd p {
	font-size:13px;
	font-weight:bold;
}
.infomation.pc-none dd .holi {
	font-weight:normal;
	color:#e54550;
	margin-top:5px;
	font-size:16px;
}
/*#visual .inner.widthfix.cf .slider .bxslider .explanation{
	position:absolute;
	bottom:10px;
	left:3%;
	width:94%;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.8);
	padding:10px 15px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}*/
#visual .inner.widthfix.cf .slider .bxslider .explanation{
	display:none;
}
}
/*#headerArea {
	background-attachment: scroll;
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}*/

#headerArea .slider_mv li {
	width: 1600px;
	height: 579px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}

#headerArea .bx-viewport {
	z-index: -50!important;
}

#headerArea .bx-wrapper {
	width: 100%;	
}

#headerArea .inner.widthfix.cf {
	position: relative;
}

#headerArea .inner.widthfix.cf .infoArea {
	position:relative;
	z-index:5;
	background-color:rgba(255, 255, 255, 0.8);
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
#headerArea .inner.widthfix.cf .infoArea .logo {
	display:block;
	margin-bottom:10px;
}
#headerArea .inner.widthfix.cf .infoArea .infomation {
	margin-left:50px;
	text-align:left;
	margin-top:20px;
}
#headerArea .inner.widthfix.cf .infoArea .infomation dt {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #139ee0;
	text-align: center;
	clear: left;
	float: left;
	width: 70px;
	border-radius:2px;
}
#headerArea .inner.widthfix.cf .infoArea .infomation dd {
	margin-bottom:12px;
	margin-left:80px;
}
#headerArea .inner.widthfix.cf .infoArea .infomation dd .hour {
	margin-bottom:5px;
}
#headerArea .inner.widthfix.cf .infoArea .infomation dd p {
	font-size:13px;
	font-weight:bold;
}
#headerArea .inner.widthfix.cf .infoArea .infomation dd .holi {
	font-weight:normal;
	color:#e54550;
	margin-top:5px;
	font-size:16px;
}

#headerArea .inner.widthfix.cf .infoArea .tel_link .pc-none {
	font-size: 26px;
	position:relative;
	left:-3px;
}
#headerArea .inner.widthfix.cf .infoArea .tel_link .pc-none i {
	font-size:60%;
	display: inline-block;  
    *display: inline;  
    *zoom: 1;
	position:relative;
	left:5px;
}
#headerArea .inner.widthfix.cf .infoArea .tel_link .sp-none {
	margin-right: auto;
	margin-left: auto;
}

.infomation2 {
	background-color:rgba(203, 112, 233, 0.8);
	text-align: center;
	padding: 15px 0px;
	
}


#visual {
	background-attachment: scroll;
	background-image: url(img/features_bg_photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
#visual .inner.widthfix.cf {
	padding-top:60px;
}
#visual .inner.widthfix.cf h2 {
	font-size: 36px;
	text-align: center;
	font-weight:normal;
	margin-bottom:25px;
	font-family: "Noto Sans Japanese L", "源ノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#visual .inner.widthfix.cf h2 span {
	display:block;
	color:#ab9078;
	font-size:12px;
	margin-top:12px;
}

#visual .inner.widthfix.cf .slider .bxslider .facility03 span {
	font-weight: bold;
	color: #e10ba2;
}

#onayami h2 {
	background-color: #a1846a;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 26px;
	position: relative;
	/* box-shadow */
box-shadow:rgb(229, 228, 217) 0px 2px 2px 0px;
	-webkit-box-shadow:rgb(229, 228, 217) 0px 2px 2px 0px;
	-moz-box-shadow:rgb(229, 228, 217) 0px 2px 2px 0px;
}
#onayami h2:after {
	position:absolute;
	left:48%;
	display:block;
	content:"";
	width:49px;
	height:16px;
	bottom:-16px;
	background-attachment: scroll;
	background-image: url(img/onayami_h2_arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#onayami {
	background-attachment: scroll;
	background-image: url(img/onayami_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	padding-bottom:40px;
}
#onayami .inner.widthfix.cf {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#onayami .inner.widthfix.cf .onayami03 {
	margin-right:0;
	position:relative;
	top:21px;
}
#onayami h2 .sp-none, #onayami h2 .pc-none {
	margin-left:auto;
	margin-right:auto;
	max-width:94%;
	height:auto;
}
#container {
	clear: both;
	background-color: #fdfcfa;
	border-top: 1px solid #e4e4e4;
}
#container .inner.widthfix {
}
#container .inner.widthfix #news {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#container .inner.widthfix #news h2 {
	font-size:26px;
	font-family: "Noto Sans Japanese L", "源ノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
	position:relative;
}
#container .inner.widthfix #news h2:after {
	content:"";
	height:2px;
	width:100%;
	display:block;
	bottom:-15px;
	position:absolute;
	left:0;
	background-color:#cccccc;
	background-attachment: scroll;
	background-image: url(common/img/line_brown.gif);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size:110px auto;
	background-size:110px auto;
}
#container .inner.widthfix #news h2 span {
	color:#ab9078;
	font-size:12px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-left:6px;
}
#container .inner.widthfix #news .article {
}
#container .inner.widthfix #news .article dt {
	color:#808080;
	padding-left:2px;
	padding-right:2px;
	font-size:13px;
}
#container .inner.widthfix #news .article dd {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d7dbe1;
	padding-left:2px;
	padding-right:2px;
	line-height:1.4em;
}
#container .inner.widthfix #director {
	padding-bottom:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-attachment: scroll;
	background-image: url(img/flag_greeting.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#container .inner.widthfix.cf #director h2 {
	margin-bottom:28px;
}
#container .inner.widthfix.cf #director .career {
	font-size: 13px;
	background-color: #fff6ec;
	padding: 15px 18px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#container .inner.widthfix.cf #director .career li {
	text-indent:-1em;
	margin-left:1em;
	line-height:1.4em;
	margin-bottom:4px;
}
#container .inner.widthfix.cf #director .txt {
	clear: both;
	padding-top:30px;
	font-size:14px;
}
#container .inner.widthfix.cf #director .pc-none {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#container .inner.widthfix.cf #director .career h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top:8px;
}
#container .inner.widthfix.cf #director .career h3:first-child{
	margin-top:0;
}
#visual .inner.widthfix.cf .slider .bxslider .facility01,
#visual .inner.widthfix.cf .slider .bxslider .facility02,
#visual .inner.widthfix.cf .slider .bxslider .facility03 {
	position: relative;
}

