@charset "UTF-8";

/*=================================================================
*==================================================================
base layout
==================================================================*
==================================================================*/
/* ===============================================
etc.
=============================================== */
/* -----------------------------------------------
pc or sp
----------------------------------------------- */
.l_pc {
	display: block;
}

.l_sp {
	display: none;
}

.l_i_pc {
	display: inline;
}

.l_i_sp {
	display: none;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	pc or sp
	----------------------------------------------- */
	.l_pc {
		display: none;
	}

	.l_sp {
		display: block;
	}

	.l_i_pc {
		display: none;
	}

	.l_i_sp {
		display: inline;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
corporate common css rewrite
=============================================== */
/* -----------------------------------------------
header
----------------------------------------------- */
/* -----------------------------------------------
header_top
*/
/* info */
#wrap_header .right_area .info {
	overflow: hidden;
	float: right;
	width: auto;
	height: 73px;
	padding: 0 0 0 0;
	border-left: none;
	text-align: left;
	line-height: 1;
}

/* ===============================================
common parts
=============================================== */
/* ===============================================
fra_base
----------------------------------------------- */
.fra_base {
	padding: 50px 0 80px 0;
	background-color: #e9f2fa;
}

.fra_base .fra_cont {
	width: 1000px;
	margin: 0 auto;
	padding: 20px;
	border-radius: 4px;
	background-color: #c0dcec;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fra_base .inner_fra {
	padding: 0 38px 0 38px;
	background-color: #ffffff;
	border-radius: 4px;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.fra_base {
		padding: 20px 0 30px 0;
		background-color: #e9f2fa;
	}

	.fra_base .fra_cont {
		width: 93.75%;
		margin: 0 auto;
		padding: 4px;
		border-radius: 4px;
		background-color: #c0dcec;
		/* box set */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.fra_base .inner_fra {
		padding: 0 7px 0 7px;
		background-color: #ffffff;
		border-radius: 4px;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
sec_bt
----------------------------------------------- */
.sec_bt {
	padding: 0 0 50px 0;
	border-top: 1px dotted #4d84b9;
}

.sec_bt .bt_range {
	padding: 50px 0 0 0;
	text-align: center;
}

.sec_bt .bt_range ul {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sec_bt .bt_range li {
	margin: 0 0 0 10px;
}

.sec_bt .bt_range li:first-child {
	margin: 0 0 0 0;
}

.sec_bt .bt_range li a img:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.sec_bt .bt_range li.d_n_bt .bt_cell {
	display: none;
}

.sec_bt .bt_range li.d_n_bt.on .bt_cell {
	display: block;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.sec_bt {
		padding: 0 0 22px 0;
		border-top: 1px dotted #4d84b9;
	}

	.sec_bt .bt_range {
		padding: 20px 0 0 0;
		text-align: center;
	}

	.sec_bt .bt_range ul {
		width: 90%;
		margin: 0 auto;
		/* flex */
		display: block;
	}

	.sec_bt .bt_range li {
		margin: 12px 0 0 0;
	}

	.sec_bt .bt_range li:first-child {
		margin: 0 0 0 0;
	}

	.sec_bt .bt_range li a img {
		width: 100%;
	}

	.sec_bt .bt_range li a img:hover {
		cursor: pointer;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}

	.sec_bt .bt_range li.d_n_bt .bt_cell {
		display: none;
	}

	.sec_bt .bt_range li.d_n_bt.on .bt_cell {
		display: block;
	}
}/* End SP----------------------------------------------------*/