@charset "utf-8";

.headline {
	border: 1px solid #d9c7b4;
	position: relative;
	padding: 0 20px 0 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px
}

.headline span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 32px;
	line-height: 32px;
	z-index: 2;
	font-size: 14px;
	text-align: center;
	background: #d9c7b4;
	color: #000
}

.headline marquee {
	font-size: 14px;
	line-height: 32px
}

.event img {
	width: 100%
}

.news {
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.news-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.news-in {
	height: 210px;
	overflow-y: auto
}

.news-box ul {
	margin-left: -15px
}

.news-box li {
	float: left;
	width: 50%;
	padding-left: 15px;
	position: relative;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.news-box li a {
	display: block;
	text-decoration: none
}

.news-box dl {
	background: #fff;
	display: block;
	padding: 40px 20px 30px;
	height: 100px;
	overflow: auto
}

.news-box dt {
	display: block;
	padding: 4px 40px;
	text-align: center;
	background-color: #b49153;
	color: #fff;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 2px;
	font-weight: 600;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 9
}

.news-box dd {
	display: block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.news-box dd .time {
	font-size: 14px;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	color: #898989
}

.news-box dd .tit {
	font-size: 14px;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: 5px 0;
	color: #ad8641;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.news {
		margin-top: 10px;
		padding: 20px 10px 0
	}

	.news-tit {
		font-size: 16px
	}

	.news-box {
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.news-in {
		height: 400px;
		overflow-y: auto
	}

	.news-box li {
		float: none;
		width: 100%;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.news-box li a {
		display: block
	}

	.news-box dd .tit {
		font-size: 14px;
		font-weight: 700
	}
}

.top .schedule {
	margin-top: 30px
}

.top .schedule-box {
	margin-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.schedule-box ul {
	margin-top: -30px;
	margin-left: -15px
}

.schedule-box li {
	float: left;
	width: 33.33%;
	padding-left: 15px;
	padding-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.schedule-box .listbox .img {
	display: block;
	position: relative
}

.schedule-box .listbox {
	box-shadow: 1px 1px 0 #d9c7b4
}

.schedule-box .listbox .des {
	padding: 10px 0;
	text-align: center;
	background: rgba(0, 0, 0, .3)
}

.schedule-box .listbox .img .tags {
	position: absolute;
	bottom: 0;
	padding: 5px 0;
	left: 0;
	text-align: right;
	width: 100%
}

.schedule-box .listbox .img .tags span {
	background: #b49153;
	padding: 3px 8px;
	font-size: 12px;
	color: #fff;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: 3px 3px 0 0;
	border-radius: 11px
}

.schedule-box .listbox .name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2
}

.schedule-box .listbox .name span {
	font-size: 14px;
	font-weight: 400
}

.schedule-box .listbox .size {
	font-size: 12px;
	line-height: 1.9
}

.schedule-box .listbox .time {
	padding: 4px 4px;
	margin: 6px 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.schedule {
		padding: 0 0 20px
	}

	.top .schedule-box {
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.schedule-box {
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.schedule-box ul {
		margin-top: -10px;
		margin-left: -10px
	}

	.schedule-box li {
		float: left;
		width: 50%;
		padding-left: 10px;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.schedule-box .listbox .img .tags span {
		background: #b49153;
		padding: 3px 5px;
		font-size: 12px;
		color: #fff;
		font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
		margin: 3px 3px 0 0;
		border-radius: 11px
	}

	.schedule-box .listbox .name {
		font-size: 14px
	}

	.schedule-box .listbox .name span {
		font-size: 12px
	}

	.schedule-box .listbox .size {
		font-size: 12px
	}
}

.concept {
	padding: 60px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

.concept-tit {
	font-size: 25px;
	font-weight: 700;
	text-align: center
}

.concept-txt {
	font-size: 14px;
	margin: 15px 0 30px;
	text-align: center
}

.concept-box {
	display: table
}

.concept-box>div {
	display: table-cell;
	width: 33.33%;
	vertical-align: middle
}

.concept-box .box {
	padding: 30px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.concept-box .box .tit {
	font-size: 20px;
	font-weight: 700
}

.concept-box .box .txt {
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.8
}

@media screen and (max-width:767px) {
	.concept {
		padding: 35px 0
	}

	.concept-tit {
		font-size: 20px
	}

	.concept-txt {
		font-size: 14px;
		margin: 10px 0 20px
	}

	.concept-box {
		padding: 0 20px;
		display: block
	}

	.concept-box>div {
		display: block;
		width: 100%;
		vertical-align: middle
	}

	.concept-box .box {
		display: table;
		height: 318px;
		padding: 15px;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.concept-box .box-in {
		display: table-cell;
		vertical-align: middle
	}

	.concept-box .box .tit {
		font-size: 20px
	}

	.concept-box .box .txt {
		font-size: 14px
	}
}

.top-access {
	background: url(../img/bg_access.jpg) no-repeat top center;
	padding: 24px 0
}

.top-access-box {
	background: #fff;
	padding: 16px 24px
}

.top-access-tit {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700
}

.top-access-txt {
	margin-bottom: 20px;
	font-size: 14px
}

.mobile {
	margin-top: 30px
}

.mobile-box {
	margin-top: 20px
}

@media screen and (max-width:767px) {
	.top .schedule {
		margin-top: 10px;
		display: block
	}
}

.pick-up-box .slick-slide {
	box-shadow: 1px 1px 0 #d9c7b4
}

.pick-up-box .listbox .img {
	display: block;
	position: relative
}

.pick-up-box .listbox .des {
	padding: 10px 0;
	text-align: center;
	background: rgba(0, 0, 0, .3)
}

.pick-up-box .listbox .img .tags {
	position: absolute;
	bottom: 0;
	padding: 5px 0;
	left: 0;
	text-align: right;
	width: 100%
}

.pick-up-box .listbox .img .tags span {
	background: #b49153;
	padding: 3px 8px;
	font-size: 12px;
	color: #fff;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: 3px 3px 0 0;
	border-radius: 11px
}

.pick-up-box .listbox .name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2
}

.pick-up-box .listbox .name span {
	font-size: 14px;
	font-weight: 400
}

.pick-up-box .listbox .size {
	font-size: 12px;
	line-height: 1.9
}

.pick-up-box .listbox .time {
	padding: 4px 4px;
	margin: 6px 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.sp-pick-up-box .swiper-container {
	padding: 10px 0
}

.sp-pick-up-box {
	margin-top: 20px
}

.slider-top .slick-slide {
	padding: 0 3px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.staff-box {
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.staff-box ul {
	margin: -10px 0 0 -6px
}

.staff-box li {
	float: left;
	width: 25%;
	padding-left: 6px;
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.staff-box li .listbox {
	text-align: center;
	border: 2px solid #e2e0d9;
	padding: 4px;
	background-color: rgba(255, 255, 255, .9);
	background: linear-gradient(135deg, rgba(246, 246, 246, 1) 0, rgba(244, 244, 244, 1) 7%, rgba(255, 255, 255, 1) 7%, rgba(255, 255, 255, 1) 40%);
	border-radius: 3px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
	color: #666
}

.staff-box li .listbox .name {
	padding: 5px 0 0;
	font-size: 12px;
	color: red;
	text-align: center
}

.staff-box li .listbox .name img {
	margin-left: 5px;
	vertical-align: middle
}

.staff-box li .listbox .size {
	font-size: 12px;
	padding: 3px 0
}

@media screen and (max-width:767px) {
	.staff-box li {
		width: 50%
	}
}

.com-txt {
	padding-top: 8px;
	color: #d9c7b4;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 24px
}

@media screen and (max-width:767px) {
	.com-container {
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.staff01-box .hdm {
	margin-bottom: 40px
}

.staff01-img {
	width: 420px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.staff01-img .img img {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.imglist {
	margin-top: 10px
}

.imglist li {
	float: left;
	width: 25%;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.imglist li img {
	cursor: pointer
}

.staff01-des {
	float: right;
	width: 420px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.namebox table {
	width: 100%;
	border-bottom: 1px solid #999
}

.namebox table th {
	width: 35%;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 700;
	border-top: 1px solid #999
}

.namebox table td {
	padding: 10px 0;
	font-size: 14px;
	border-top: 1px solid #999
}

.comment .ht03 {
	margin: 20px 0 10px;
	font-size: 18px;
	color: #f55890;
	font-weight: 700
}

.comment-box {
	font-size: 14px;
	line-height: 2
}

@media screen and (max-width:767px) {
	.staff01-box .hdm {
		margin-bottom: 20px
	}

	.slider-for .slick-slide img {
		margin: 0 auto;
		max-height: 400px
	}

	.slider-nav .slick-slide {
		padding: 0 5px !important;
		margin: 5px 0 0 0;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important
	}

	.slick-next::before {
		content: ''
	}

	.slick-next::before,
	.slick-prev::before {
		display: none
	}

	.staff01-des {
		float: none;
		width: 100%;
		padding: 10px 10px
	}
}

.room-box .tit {
	font-size: 20px;
	text-align: center;
	color: #4f3d07;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom: 1px dashed #6c5a4d
}

.room-box .room-in {
	margin-top: 30px
}

.room-box .room-in ul {
	margin: -20px 0 0 -20px
}

.room-box .room-in li {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.room-box .room-in li img {
	border-radius: 10px
}

.fancybox-close {
	position: absolute;
	top: -22px;
	right: -22px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	z-index: 8040;
	background: url(../img/box-close.png) no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%
}

.room-box .txt {
	padding: 25px 0 0;
	line-height: 1.8;
	font-size: 16px;
	color: #4f3d07
}

@media screen and (max-width:767px) {
	.room-box .tit {
		font-size: 18px
	}

	.room-box .room-in {
		margin-top: 15px
	}

	.room-box .room-in ul {
		margin: -10px 0 0 -10px
	}

	.room-box .room-in li {
		float: left;
		width: 50%;
		padding-left: 10px;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.room-box .txt {
		padding: 15px 10px 0;
		font-size: 14px
	}

	.fancybox-skin {
		padding: 10px !important
	}

	.fancybox-close {
		top: -15px;
		right: -15px;
		width: 30px;
		height: 30px
	}
}

.access-box .map01 {
	float: left;
	width: 440px
}

.access-box .map02 {
	float: right;
	width: 440px;
	height: 330px
}

.access-box iframe {
	width: 100%;
	height: 330px
}

.access-txt {
	border: 1px solid #09f;
	padding: 10px;
	line-height: 1.8;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.access-box .map01 {
		float: none;
		width: 100%
	}

	.access-box .map02 {
		float: none;
		margin-top: 15px;
		width: 100%;
		height: 300px
	}

	.access-box iframe {
		width: 100%;
		height: 300px
	}

	.access-txt {
		border: 1px solid #09f;
		padding: 10px;
		line-height: 1.8;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.system-cont+.system-cont {
	margin-top: 10px
}

.system-cont {
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.system-cont .leftbox {
	float: left;
	width: 48%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.system-cont .rightbox {
	float: right;
	width: 48%;
	margin-left: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.system-cont .box {
	position: relative;
	float: left;
	padding: 28px 20px;
	background: #1c1614;
	letter-spacing: 2px
}

.system-cont .box .tit {
	font-size: 22px;
	text-align: center;
	color: #d9c7b4;
	margin-bottom: 25px;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-weight: 400
}

.system-cont .box table {
	width: 100%
}

.system-cont .box th {
	padding: 4% 0;
	width: 50%;
	font-size: 18px;
	font-weight: 400
}

.system-cont .box td {
	padding: 4% 0;
	width: 50%;
	font-size: 18px;
	font-weight: 400
}

.system .box01 {
	background: #1c1614;
	padding: 50px 100px 30px;
	overflow: auto;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.system .box01 .pos {
	display: inline-block;
	padding: 5px 40px;
	text-align: center;
	background: #b49153;
	color: #1c1614;
	font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 2px;
	font-weight: 600;
	position: absolute;
	top: 5px;
	left: 30px;
	z-index: 2
}

.system .box01 .txt {
	font-size: 14px;
	line-height: 1.7
}

.system .box01 .txt01 {
	font-size: 14px;
	line-height: 1.7;
	font-weight: 700;
	margin-top: 20px
}

.system-cont01 {
	position: relative;
	padding: 20px 0
}

@media screen and (max-width:767px) {
	.system-cont .leftbox {
		float: none;
		width: 100%
	}

	.system-cont .rightbox {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.system-cont .box {
		position: relative;
		float: left;
		padding: 20px 10px
	}

	.system .box01 {
		background: #1c1614;
		padding: 20px 10px 20px;
		overflow: auto;
		font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.system .box01 .pos {
		display: inline-block;
		padding: 5px 40px;
		text-align: center;
		background: #b49153;
		color: #1c1614;
		font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", "游明朝体", serif;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 2px;
		font-weight: 600;
		position: static;
		margin-bottom: 10px;
		top: 5px;
		left: 30px;
		z-index: 2
	}

	.system .box01 .txt {
		font-size: 14px;
		line-height: 1.7
	}

	.system .box01 .txt01 {
		font-size: 14px;
		line-height: 1.7;
		font-weight: 700;
		margin-top: 20px
	}

	.system-cont01 {
		position: relative;
		padding: 20px 0
	}

	.access .map {
		width: 100%;
		height: 320px;
		margin: 15px auto 0
	}

	.access .map iframe {
		width: 100%;
		height: 320px
	}
}

.recruit-box table {
	width: 100%;
	border: 1px solid #999;
	border-collapse: separate;
	border-spacing: 2px
}

.recruit-box table th {
	font-size: 16px;
	text-align: center;
	width: 20%;
	padding: 20px 10px;
	border: 1px solid #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.recruit-box table td {
	font-size: 16px;
	padding: 20px 10px;
	text-align: left;
	border: 1px solid #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.recruit-box table td a {
	color: #d9c7b4
}

@media screen and (max-width:767px) {
	.recruit-box table th {
		font-size: 14px;
		text-align: center;
		width: 20%;
		padding: 10px 10px;
		border: 1px solid #999;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.recruit-box table td {
		font-size: 14px;
		padding: 10px 10px;
		text-align: left;
		border: 1px solid #999;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.link-box table {
	width: 100%;
	border: 1px solid #999;
	border-collapse: separate;
	border-spacing: 2px
}

.link-box table td {
	border: 1px solid #999;
	padding: 50px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.link-in {
		margin: 10px 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.link-box table td {
		padding: 30px 10px
	}
}