@charset "utf-8";

#main {
	padding-top: 420px;
	background: url(../images/index/mainimg.png) center 0 no-repeat;
}

@media (max-width: 767px) {
	#main {
		padding-top: 0;
		background: none;
	}
}
/*----------------------------------------------------
	トップ
----------------------------------------------------*/
.topSlide {
	max-width: 920px;
}

.topSlide .flickity-page-dots {
	position: absolute;
	right: 1.5em;
	bottom: 1.5em;
	text-align: right;
}

.topSlide .flickity-page-dots .dot {
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-radius: 0;
}

.topSlide img {
	width: 100%;
	max-width: none;
}

@media (max-width: 767px) {
	.topSlide .flickity-page-dots {
		position: absolute;
		right: 1.5em;
		bottom: 1.5em;
		text-align: right;
	}

	.topSlide .flickity-page-dots .dot {
		width: 16px;
		height: 16px;
		border: 2px solid #fff;
		border-radius: 0;
	}
}

.topBanner ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
}

@media (max-width: 767px) {
	.topBanner ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.topBanner ul li {
		width: 100%;
		margin-bottom: 1.25em;
	}

	.topBanner ul li:last-child {
		margin-bottom: 0;
	}
}

.topInfo .wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
}

.topInfo .wrap > div {
	width: 470px;
}

.topInfo a:hover {
	text-decoration: underline;
}

.topInfo ul li {
	padding: 0.75em 0;
	border-bottom: 1px dashed #bcbab3;
	font-size: 0.875em;
}

.topInfo ul li .meta {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}

.topInfo ul li .meta .ico {
	width: 80px;
	margin-right: 1em;
	background-color: #4f3d07;
	color: #fff;
	text-align: center;
}

.topInfo ul li .meta .date {
	color: #666666;
}

.topInfo ul li .subject {
	padding: 0.25em 0;
}

.topInfo .more {
	padding-top: 1em;
	font-size: 0.875em;
	text-align: right;
}

@media (max-width: 767px) {
	.topInfo .wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.topInfo .wrap > div {
		width: 100%;
	}
}
/*----------------------------------------------------
	トップ出勤
----------------------------------------------------*/
.topTherapists .item {
	background-color: #fff;
}

.topTherapists .pic img {
	width: 100%;
}

.topTherapists .name {
	display: inline-block;
	margin-right: 0.25em;
	color: #993366;
	font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 1em;
}

.topTherapists .age {
	color: #95989a;
	font-size: 0.625em;
}

.topTherapists .newface {
	display: inline-block;
	padding: 0.125em 0.5em;
	background-image: linear-gradient(0deg, #a98035 0%, #eed959 100%);
	color: #fff;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}

.topTherapists .worktime {
	color: #ff005a;
	font-size: 0.875em;
}

@media (min-width: 768px) {
	.topTherapists .slides {
		padding: 0 40px;
	}

	.topTherapists .item-wrap {
		padding: 0 10px;
	}

	.topTherapists .desc {
		padding: 0.5em;
	}
}

@media (max-width: 767px) {
	.topTherapists .item-wrap {
		padding: 0 6px;
	}

	.topTherapists .desc {
		padding: 0.5em;
		font-size: 80%;
	}
}

/*----------------------------------------------------
	トップメニュー
----------------------------------------------------*/
.topMenu .wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: -1.75em;
	-ms-flex-pack: justify;
}

.topMenu .item {
	width: 304px;
	margin-bottom: 1.75em;
}

.topMenu .item h3 {
	margin-bottom: 1em;
}

.topMenu .item a {
	display: block;
	background-color: #4f3d07;
	color: #fff;
}

.topMenu .item .pic {
	display: block;
}

.topMenu .item .desc {
	padding: 0.5em 0.75em;
	font-size: 0.75em;
}

@media (max-width: 767px) {
	.topMenu .item {
		width: 48%;
	}

	.topMenu h3 .en {
		display: none;
	}
}