@charset "UTF-8";
/* ---------- ---------- ---------- ---------- ---------- */
.news, .recommend .effect {
		list-style: none;
		margin: 0;
		padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.section-title {
		float: left;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* キービジュアル */
.section-kv {
		margin-bottom: 100px;
}

.section-kv .swiper-container {
		padding-bottom: 27px;
		width: 100%;
		height: 680px;
}

@media (max-width: 670px) {
		.section-kv .swiper-container {
				height: 400px;
		}
}

.section-kv .swiper-pagination {
		position: relative;
		bottom: 0;
		text-align: right;
}

.section-kv .swiper-pagination-bullet {
		cursor: pointer;
		width: 80px;
		height: 7px;
		opacity: 1;
		border-radius: 0;
		background: #efefef;
}

.section-kv .swiper-pagination-bullet-active {
		background: #C2CCD2;
}

.section-kv .slide {
		background-position: center;
		background-size: cover;
		font-size: 27px;
		font-weight: bold;
		color: #fff;
		letter-spacing: .06em;
}

.section-kv .slide .content {
		max-width: 1200px;
		height: 100%;
}

.section-kv .slide .catchcopy {
		position: relative;
		top: 66%;
}

@media (max-width: 670px) {
		.section-kv .slide {
				font-size: 17px;
		}
}

.section-kv .slide-1 {
		background-image: url(../img/slide_01_m.jpg);
}

@media screen and (min-width: 1600px) {
		.section-kv .slide-1 {
				background-image: url(../img/slide_01_l.jpg);
		}
}

@media (max-width: 670px) {
		.section-kv .slide-1 {
				background-image: url(../img/slide_01_s.jpg);
		}
}

.section-kv .slide-m {
		background-image: url(../img/kv_medical.jpg);
}

@media screen and (min-width: 1600px) {
		.section-kv .slide-m {
				background-image: url(../img/kv_medical.jpg);
		}
}

@media (max-width: 670px) {
		.section-kv .slide-m {
				background-image: url(../img/kv_medical.jpg);
		}
}

.section-kv .slide-2 {
		background-image: url(https://placehold.it/1600x680/?text=slide2);
}

.section-kv .slide-3 {
		background-image: url(https://placehold.it/1600x680/?text=slide3);
}

/* ---------- ---------- ---------- ---------- ---------- */
/* お知らせ */
.section-news {
		margin-bottom: 120px;
}

.section-news .section-link {
		margin: 0 0 0 auto;
		width: 215px;
}

.news {
		margin: 0 0 30px auto;
		padding-top: 90px;
		max-width: 860px;
}

.news-item {
		position: relative;
		margin-bottom: 1em;
		font-size: 15px;
}

.news-item a {
		 /*display: block;*/
}

.news-item.news-new:before {
		content: "NEW";
		position: absolute;
		top: 4px;
		right: calc(100% + 10px);
		display: block;
		padding: 0 4px;
		border-radius: 3px;
		background: #575757;
		font-family: "Lato", sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		line-height: 1.3;
}

.news-date {
		float: left;
		width: 110px;
		font-family: "Lato", sans-serif;
		color: #717171;
}

.news-title {
		margin-left: 110px;
		color: #333;
}

@media screen and (max-width: 1080px) {
		.news {
				margin-left: 175px;
		}
}

@media (max-width: 670px) {
		.news {
				overflow: hidden;
				margin-left: 30px;
				padding-top: 60px;
		}
		.news-item {
				position: relative;
				margin-bottom: 1em;
				font-size: 15px;
		}
		.news-item a {
				/*display: block;*/
		}
		.news-item.news-new:before {
				content: "NEW";
				position: relative;
				top: 0;
				right: 0;
				display: inline-block;
				padding: 0 4px;
				border-radius: 3px;
				background: #575757;
				font-family: "Lato", sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #fff;
				line-height: 1.3;
		}
		.news-date, .news-title {
				float: none;
				margin-left: 0;
				width: auto;
		}
}

/* ---------- ---------- ---------- ---------- ---------- */
/* おすすめ商品 */
.recommend {
		margin: 130px 0;
}

.recommend-bg {
		position: absolute;
		top: 0;
		left: 0;
		margin-right: 20%;
		max-width: 1130px;
}

.recommend-item-wrap {
		position: relative;
		z-index: 0;
		margin: 200px 0 200px auto;
		max-width: 620px;
}

@media screen and (max-width: 1100px) {
		.recommend-item-wrap {
				margin: 230px 0 170px auto;
		}
}

@media screen and (max-width: 1000px) {
		.recommend-item-wrap {
				margin: 280px 0 120px auto;
		}
}

@media screen and (max-width: 900px) {
		.recommend-item-wrap {
				margin: 330px 0 80px auto;
		}
}

@media screen and (max-width: 800px) {
		.recommend-item-wrap {
				margin: 380px 0 80px auto;
		}
}

.recommend-item-wrap:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: -60px;
		right: -250px;
		bottom: -60px;
		left: -60px;
		display: block;
		background: #fff;
		box-shadow: 5px 5px 10px 1px rgba(160, 160, 160, 0.5);
}

.recommend:nth-child(2n) .recommend-bg {
		right: 0;
		left: auto;
		margin-right: 0;
		margin-left: 100px;
}

.recommend:nth-child(2n) .recommend-item-wrap {
		margin: 200px auto 200px 0;
}

.recommend:nth-child(2n) .recommend-item-wrap:before {
		right: -60px;
		left: -250px;
}

@media screen and (max-width: 730px) {
		.recommend {
				margin: 60px 0;
		}
		.recommend-bg {
				position: relative;
				margin: 0;
		}
		.recommend-item-wrap {
				margin: -24px auto 15px;
				padding: 50px 15px;
		}
		.recommend-item-wrap:before {
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
		}
		.recommend:nth-child(2n) .recommend-bg {
				position: relative;
				margin-left: 0;
		}
		.recommend:nth-child(2n) .recommend-item-wrap {
				margin: -24px auto 15px;
		}
		.recommend:nth-child(2n) .recommend-item-wrap:before {
				right: 0;
				left: 0;
		}
}

.recommend-item {
		position: relative;
		overflow: hidden;
		margin: 0 0 0 auto;
		padding-top: 90px;
		max-width: 480px;
}

.recommend-item a {
		display: block;
		color: inherit;
}

.recommend-body {
		position: relative;
		z-index: 1;
		width: 60%;
}

.recommend-image {
		position: absolute;
		z-index: 0;
		right: 0;
		bottom: 0;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
		width: 50%;
}

.recommend-image img {
		flex-shrink: 0;
}

.recommend-title {
		margin-bottom: 10px;
		font-size: 27px;
		font-weight: bold;
		color: #575757;
		line-height: 1.3;
		letter-spacing: .15em;
}

.recommend-title-sub {
		display: block;
		font-size: 70%;
		letter-spacing: .07em;
}

.recommend-point {
		display: inline-block;
		margin-bottom: 30px;
		padding: 0 13px;
		background: #9fa0a0;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		line-height: 1.3;
		letter-spacing: .09em;
}

.recommend-effect-title {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #575757;
}

.recommend .effect {
		font-size: 14px;
}

.recommend .effect:after {
		content: "";
		display: block;
		clear: both;
}

.recommend .effect-item {
		float: left;
		width: 50%;
}

@media (max-width: 670px) {
		.recommend .title-style1 {
				margin-left: 10px;
		}
		.recommend-item {
				margin: 0 0 0 auto;
				padding-top: 65px;
				max-width: none;
		}
		.recommend-body {
				margin-bottom: 20px;
				width: auto;
		}
		.recommend-image {
				position: relative;
				width: auto;
		}
}

/*# sourceMappingURL=top.css.map */