@charset "UTF-8";

/*
 * サイトで共通使用する
 * 汎用モジュール
 * を記載
 */

/* ==========================================================
[ Module CSS - Contents ]

module_carousel
module_information
module_tick_slider

========================================================== */

/* ---------------------------------------------
*   module_carousel
--------------------------------------------- */
.module_carousel {
	overflow: hidden;
}

/*  item_slides
--------------------------------------------- */
/* -- item_slide -- */
.module_carousel .item_slide {
	width: 189px;
	margin: 0 9px;
}

/* item_link */
.module_carousel .item_slide .item_link {
	display: block;
	outline: 0;
}

/* ---------------------------------------------
*   module_information
--------------------------------------------- */
.module_information {
	width: 734px;
	margin: 5px auto 0;
}
@media screen and (max-width: 738px) {
	.module_information {
		width: 90.625%;
		margin: 2% auto 0;
	}
}

/*  item_information
--------------------------------------------- */
.module_information .item_information + .item_information {
	margin-top: 42px;
}
@media screen and (max-width: 738px) {
	.module_information .item_information + .item_information {
		margin-top: 11.5%;
	}
}

/* item_information_lead */
.module_information .item_information_lead {
	box-sizing: border-box;
	line-height: 1.75;
	padding: 8px 17px;
	background: #fff0cc;
	margin-bottom: 42px;
}
@media screen and (max-width: 738px) {
	.module_information .item_information_lead {
		padding: 2.6% 3.8%;
		font-size: 91.667%;
	}
}

/* -- item_information_title -- */
.module_information .item_information_title {
	margin-bottom: 20px;
}
@media screen and (max-width: 738px) {
	.module_information .item_information_title {
		padding-bottom: 0;
		margin-bottom: 7.5%;
	}
}

/* -- item_information_content -- */
.item_information_content {
	line-height: 1.75;
}

/* skin */
.item_information_content.skin_annotation {
	margin-top: 22px;
}
@media screen and (max-width: 738px) {
	.item_information_content.skin_annotation {
		margin-top: 9%;
	}
}

/* ---------------------------------------------
*   module_tick_slider
--------------------------------------------- */
.module_tick_slider {
	margin-top: 16px;
}
@media screen and (max-width: 738px) {
	.module_tick_slider {
		width: 92.5%;
		margin: 7% auto 0;
	}
}

/*  item_slider
--------------------------------------------- */
.module_tick_slider .item_slider {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

/* -- skin -- */
.module_tick_slider .item_slider.skin_upper {
	border-bottom: 2px solid #f51e00;
}
.module_tick_slider .item_slider.skin_lower {
	border-top: 2px solid #f51e00;
}

/* -- item_viewport -- */
.module_tick_slider .item_viewport {
	position: relative;
	width: 616px;
	height: 0;
	padding-top: 59px;
	overflow: hidden;
	margin: 0 auto;
}
@media screen and (max-width: 738px) {
	.module_tick_slider .item_viewport {
		width: 90%;
		padding-top: 53px;
	}
}

/* -- item_slides -- */
.module_tick_slider .item_slider .item_slides {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.module_tick_slider .item_slider.skin_upper .item_slides {
	padding-bottom: 18px;
}
.module_tick_slider .item_slider.skin_lower .item_slides {
	padding-top: 18px;
}
@media screen and (max-width: 738px) {
	.module_tick_slider .item_slider.skin_upper .item_slides {
		padding-bottom: 13px;
	}
	.module_tick_slider .item_slider.skin_lower .item_slides {
		padding-top: 13px;
	}
}

/* item_slide */
.module_tick_slider .item_slide {
	float: left;
	position: relative;
}
.module_tick_slider .item_slides a {
	font-family: 'Ryumin Regular KL';
}
.module_tick_slider .item_slide .item_link {
	display: block;
	box-sizing: border-box;
	width: 76px;
	height: 46px;
	padding: 13px 0;
	line-height: 1;
	text-align: center;
	font-size: 155%;
	border: 1px solid #d5f0e3;
	border-radius: 23px;
	margin-right: 6px;
	margin-left: 6px;
}
.module_tick_slider .item_slide .item_link:hover {
	text-decoration: none;
}
@media screen and (max-width: 738px) {
	.module_tick_slider .item_slide .item_link {
		display: block;
		box-sizing: border-box;
		width: 65px;
		height: 40px;
		padding: 10px 0;
		line-height: 1;
		text-align: center;
		font-size: 150%;
	}
}

/* skin */
.module_tick_slider .item_slider.skin_upper .item_slides {
	padding-bottom: 13px;
}
.module_tick_slider .item_slider.skin_lower .item_slides {
	padding-top: 13px;
}
.module_tick_slider .item_slider .item_slide.skin_active:after {
	content: "";
	position: absolute;
	left: 50%;
	width: 8px;
	height: 8px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: -4px;
}
.module_tick_slider .item_slider.skin_upper .item_slide.skin_active:after {
	bottom: -15px;
	background-image: url(/img/sp/common/icon_arrow_up.png);
}
.module_tick_slider .item_slider.skin_lower .item_slide.skin_active:after {
	top: -13px;
	background-image: url(/img/sp/common/icon_arrow_down.png);
}
.module_tick_slider .item_slide.skin_active .item_link {
	color: #f51e00;
	border-color: #f51e00;
}

/* -- item_arrows -- */
.module_tick_slider .item_arrow {
	position: absolute;
	width: 42px;
	padding-top: 46px;
	background-size: 18px auto;
}
@media screen and (max-width: 738px) {
	.module_tick_slider .item_arrow {
		width: 18px;
		padding-top: 40px;
		background-size: contain;
	}
}

/* skin */
.item_slider.skin_upper .item_arrow {
	top: 0;
}
.item_slider.skin_lower .item_arrow {
	bottom: 0;
}
.module_tick_slider .item_arrow.skin_prev {
	left: 0;
	background-image: url(/img/sp/common/btn_arrow_left.png);
	background-position: left center;
}
.module_tick_slider .item_arrow.skin_next {
	right: 0;
	background-image: url(/img/sp/common/btn_arrow_right.png);
	background-position: right center;
}