@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;
}

/* -----------------------------------------------
telephone event
----------------------------------------------- */
a.telsp_call {
	color: inherit;
	text-decoration: none;
}

a.telsp_call.isEvent_tel_none {
	pointer-events: 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;
	}

	#wrapper img {
		max-width: 100%;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
header
=============================================== */
#wrap_header {
}

/* ------------- START >> sp nav fixed ----------*/

#wrap_header .fl_header.fixed {
	visibility: hidden;
	position: static;
	display: none;
}

#wrap_header .fl_header.fixed.on {
	visibility: hidden;
	display: none;
}
/*
	#wrap_header .fl_header.fixed {
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100000;
		background-color: #ffffff;
		border-bottom: 2px solid #dddcdc;
	}

	#wrap_header .fl_header.fixed.on {
		visibility: visible;
		display: block;
	}
*/
/* ------------- END << nav fixed ----------*/

/* -----------------------------------------------
hd_main_range
----------------------------------------------- */
#wrap_header .hd_main_range {
	border-top: 5px solid #0075c2;
}

#wrap_header .hd_main_range .range_inner {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 16px 0;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* -----------------------------------------------
h1
*/
#wrap_header .hd_main_range h1 {
	padding: 18px 30px 0 0;
}

#wrap_header .hd_main_range h1 a img:hover {
	opacity: 0.7;
}

/* -----------------------------------------------
info_mass
*/
#wrap_header .hd_main_range .info_mass {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*** info_area -------***/
#wrap_header .hd_main_range .info_mass .info_area {
	width: 140px;
	margin: 0 12px 0 0;
	padding: 18px 0 0 0;
}

#wrap_header .hd_main_range .info_mass .info_area ul {
	padding: 0 0 0 0;
}

#wrap_header .hd_main_range .info_mass .info_area li {
	width: 100%;
	height: 29px;
	margin: 3px 0 0 0;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#wrap_header .hd_main_range .info_mass .info_area li:first-child {
	margin: 0 0 0 0;
}

#wrap_header .hd_main_range .info_mass .info_area li a {
	width: 100%;
	height: 100%;
	padding: 0 0 0 10px;
	border: 2px solid #e83d50;
	border-radius: 7px;
	color: #e83d50;
	font-size: 14px;
	line-height: 1.1;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrap_header .hd_main_range .info_mass .info_area li a .txt {
	display: inline-block;
	margin: 0 0 0 0;
}

#wrap_header .hd_main_range .info_mass .info_area li a:hover {
	opacity: 0.7;
}

#wrap_header .hd_main_range .info_mass .info_area li a:before {
	display: inline-block;
	content: "";
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	width: 0;
	height: 0;
	border-left: 10px solid #e83d50;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	/* transform */
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
}

/*** contact_area -------***/
#wrap_header .hd_main_range .info_mass .contact_area {
	margin: 0 13px 0 0;
	padding: 18px 0 0 0;
}

#wrap_header .hd_main_range .info_mass .contact_area ul {
	/* flex */
	display: -webkit-flex;
	display: flex;
}

#wrap_header .hd_main_range .info_mass .contact_area li {
	margin: 0 0 0 11px;
}

#wrap_header .hd_main_range .info_mass .contact_area li:first-child {
	margin: 0 0 0 0;
}

#wrap_header .hd_main_range .info_mass .contact_area a {
	position: relative;
	padding: 0 0 0 0;
}

#wrap_header .hd_main_range .info_mass .contact_area a:hover {
	opacity: 0.7;
}

/*** mypage_area -------***/
#wrap_header .hd_main_range .info_mass .mypage_area {
	margin: 0 0 0 0;
	padding: 18px 0 0 0;
}

#wrap_header .hd_main_range .info_mass .mypage_area a {
	position: relative;
	width: 148px;
	height: 60px;
	padding: 0 15px 0 48px;
	border-radius: 7px;
	background-color: #ff6c01;
	color: #ffffff;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrap_header .hd_main_range .info_mass .mypage_area a:hover {
	opacity: 0.7;
}

#wrap_header .hd_main_range .info_mass .mypage_area a:before {
	position: absolute;
	top: 50%;
	left: 12px;
	display: inline-block;
	content: "";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 28px;
	height: 35px;
	background: url(../../img/base/header/hd_main_icon_mypage.png) no-repeat 0 0;
	/* transform */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	#wrap_header .fl_header {
		border-bottom: 2px solid #dddcdc;
	}
	/* ------------- START >> sp nav fixed ----------*/
	#wrap_header .fl_header.fixed {
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100000;
		background-color: #ffffff;
	}

	#wrap_header .fl_header.fixed.on {
		visibility: visible;
		display: block;
	}
	/* ------------- END << nav fixed ----------*/
	
	/* -----------------------------------------------
	hd_main_range
	----------------------------------------------- */
	#wrap_header .hd_main_range {
		border-top: 4px solid #0075c2;
	}

	#wrap_header .hd_main_range .range_inner {
		width: 93.75%;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* -----------------------------------------------
	h1
	*/
	#wrap_header .hd_main_range h1 {
		width: 36%;
		max-width: 231px;
		padding: 0 0 0 0;
	}

	#wrap_header .hd_main_range h1 a img {
		width: 100%;
	}

	/* -----------------------------------------------
	info_mass
	*/
	#wrap_header .hd_main_range .info_mass {
		/* flex */
		display: none;
	}

}/* End SP----------------------------------------------------*/

/* -----------------------------------------------
sp_gm
----------------------------------------------- */
/* -----------------------------------------------
ly_sp_mass
*/
#wrap_header .ly_sp_mass {
	display: none;
}

/* -----------------------------------------------
sp_gm
*/
#wrap_header .sp_gm {
	display: none;
}

/*--- sp_gm_menu_area ---*/
#wrap_header .sp_gm_menu_area {
	display: none;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	ly_sp_mass
	*/
	#wrap_header .ly_sp_mass {
		display: block;
		/* flex */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	/* -----------------------------------------------
	sp_gm
	*/
	#wrap_header .sp_gm {
		display: block;
		height: auto;
		margin: 0 0 0 0;
	}

	#wrap_header .sp_gm .bt_sp_gm {
		overflow: hidden;
		display: block;
		position: relative;
		z-index: 0;
		width: 35px;
		height: 35px;
		cursor: pointer;
	}

	#wrap_header .bt_sp_gm span,
	#wrap_header .bt_sp_gm::before,
	#wrap_header .bt_sp_gm::after {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right: 0;
		width: 100%;
		height: 2px;
		margin: auto;
		background: #999;
	}
	#wrap_header .bt_sp_gm span {
		overflow: hidden;
		z-index: 1;
		color: #999;
	}
	#wrap_header .bt_sp_gm::before {
		z-index: 2;
		transform: translate(0, -11px);
		content: "";
	}
	#wrap_header .bt_sp_gm::after {
		z-index: 2;
		transform: translate(0, 11px);
		content: "";
	}

	/*--- sp_gm_menu_area ---*/
	#wrap_header .sp_gm_menu_area {
		display: block;
		margin: 0 0 0 0;
	}

	#wrap_header .sp_gm_menu_area a {
		color: #ffffff;
	}

	/* (sidr) */
	.sidr ul li a, .sidr ul li span {
		display: block;
		padding: 0;
		text-decoration: none;
		color: #069e00;
		font-weight: normal;
	}

	#sidr .hd_close {
		display: block;
		border-bottom: 2px solid #7abad7;
		font-weight: bold;
		line-height: 1;
	}

	#sidr .hd_close a {
		display: block;
		padding: 13px 12px 13px 12px;
		color: #000000;
		text-align: right;
	}

	#sidr .hd_close .icon_area {
		overflow: hidden;
		display: inline-block;
		position: relative;
		z-index: 0;
		width: 35px;
		height: 35px;
		cursor: pointer;
	}

	#sidr .hd_close .icon_area::before,
	#sidr .hd_close .icon_area::after {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right: 0;
		width: 100%;
		height: 2px;
		margin: auto;
		background: #999;
	}
	#sidr .hd_close .icon_area span {
		overflow: hidden;
		z-index: 1;
		color: #999;
	}
	#sidr .hd_close .icon_area::before {
		z-index: 2;
		transform: rotate(45deg);
		content: "";
	}
	#sidr .hd_close .icon_area::after {
		z-index: 2;
		transform: rotate(-45deg);
		content: "";
	}

	.sidr ul {
		border-top: 2px solid #ffffff;
	}

	/* menu */
	#wrap_header .sp_gm_base_menu {
		display: none;
		width: 100%;
		background-color: #ffffff;
	}

	#wrap_header .sp_gm_base_menu a {
		display: inline-block;
		width: 100%;
		/* box set */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#wrap_header .sp_gm_base_menu li {
		width: 100%;
		border-bottom: 2px solid #7abad7;
		font-size: 15px;
	}

	#wrap_header .sp_gm_base_menu li:last-child {
		border-bottom: 2px solid #dddcdc;
	}

	#wrap_header .sp_gm_base_menu li dl {
		margin: 0 0 0 0;
	}

	#wrap_header .sp_gm_base_menu li dt {
		padding: 0 0 0 0;
		color: #0075c2;
		font-size: 15px;
		font-weight: 600;
	}

	#wrap_header .sp_gm_base_menu li dt.no_link {
		padding: 10px 0 15px 24px;
		line-height: 1;
	}

	#wrap_header .sp_gm_base_menu li dt.no_link:before {
		padding: 0 6px 0 0;
		content: "■";
		color: #0075c2;
		font-size: 24px;
	}

	#wrap_header .sp_gm_base_menu li dt a {
		padding: 10px 0 15px 24px;
		color: #0075c2;
		font-size: 15px;
		font-weight: 600;
		line-height: 1;
	}

	#wrap_header .sp_gm_base_menu li dt a:before {
		padding: 0 6px 0 0;
		content: "■";
		color: #0075c2;
		font-size: 24px;
	}

	#wrap_header .sp_gm_base_menu li dd {
		margin: 0 0 0 0;
		border-top: 2px solid #dddcdc;
	}

	#wrap_header .sp_gm_base_menu li dd a {
		padding: 12px 0 12px 24px;
		color: #000000;
		font-size: 14px;
	}

	#wrap_header .sp_gm_base_menu li dd a:before {
		display: inline-block;
		content: "＞";
		margin: 0 2px 0 0;
		font-size: 13px;
	}

	#wrap_header .sp_gm_base_menu li .anc_link a {
		padding: 8px 0 8px 24px;
		color: #000000;
		font-size: 14px;
	}

	#wrap_header .sp_gm_base_menu li .anc_link a:before {
		display: inline-block;
		content: "・";
		margin: 0 2px 0 0;
		font-size: 13px;
	}

	#wrap_header .ft_close {
		padding: 25px 0 30px 0;
		text-align: center;
	}

	#wrap_header .ft_close a {
		display: inline-block;
		content: "";
		width: 33.5px;
		height: 47.5px;
		margin: 0 0 0 0;
		background: url(../../sp/img/base/gm/ft_close_bt.png) no-repeat 0 0;
		background-size: contain;
	}

	#wrap_header .hd_layout {
		display: none;
	}

	#wrap_header .hd_close {
		display: none;
	}

	#wrap_header .ft_close {
		display: none;
	}
}/* End SP----------------------------------------------------*/

/* -----------------------------------------------
gm_nav_range
----------------------------------------------- */
#wrap_header .gm_nav_range {
	padding: 4px 0 4px 0;
	background-color: #0075c2;
}

#wrap_header .gm_nav_range ul {
	width: 980px;
	margin: 0 auto;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#wrap_header .gm_nav_range li {
	width: 157px;
	border-right: 1px solid #ffffff;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#wrap_header .gm_nav_range li:first-child {
	border-left: 1px solid #ffffff;
}

#wrap_header .gm_nav_range li:nth-child(4) {
	width: 168px;
}

#wrap_header .gm_nav_range li:nth-child(5) {
	width: 168px;
}

#wrap_header .gm_nav_range li:nth-child(6) {
	width: 188px;
}

#wrap_header .gm_nav_range li a {
	width: 100%;
	height: 48px;
	color: #ffffff;
	font-size: 13px;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrap_header .gm_nav_range li a:hover {
	opacity: 0.7;
}

#wrap_header .gm_nav_range li a .txt {
	display: inline-block;
	margin: 0 0 0 5px;
}

#wrap_header .gm_nav_range li a .txt .txt_sub {
	display: block;
	margin: 1px 0 0 0;
	font-size: 11px;
}

#wrap_header .gm_nav_range li a:before {
	display: inline-block;
	content: "";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #ffffff;
	font-size: 14px;
	width: 10px;
	height: 14px;
	background: url(../../img/base/header/gm_nav_icon_arrow_right.png) no-repeat 0 0;
	/* transform */
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	#wrap_header .gm_nav_range {
		display: none;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
footer
=============================================== */
#wrap_footer {
}

/* -----------------------------------------------
ft_main_range
----------------------------------------------- */
#wrap_footer .ft_main_range {
}

/* -----------------------------------------------
base_info_mass
*/
#wrap_footer .ft_main_range .base_info_mass {
	width: 100%;
	padding: 40px 0 32px 0;
	background-color: #f9f6ea;
}

/*** sns_area -------***/
#wrap_footer .base_info_mass .sns_area {
	width: 100%;
	padding: 0 0 15px 0;
}

#wrap_footer .base_info_mass .sns_area ul {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#wrap_footer .base_info_mass .sns_area li {
	margin: 0 0 0 18px;
}

#wrap_footer .base_info_mass .sns_area li:first-child {
	margin: 0 0 0 0;
}

#wrap_footer .base_info_mass .sns_area a img:hover {
	opacity: 0.8;
}

/*** copyright -------***/
#wrap_footer .copyright {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#wrap_footer .copyright p {
	color: #0075c2;
	font-size: 14px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	letter-spacing: 1px;
}

/* -----------------------------------------------
nav_gl_mass
*/
#wrap_footer .ft_main_range .nav_gl_mass {
	width: 100%;
	padding: 15px 0 15px 0;
	border-bottom: 2px solid #ffffff;
	background-color: #0075c2;
}

#wrap_footer .ft_main_range .nav_gl_mass ul {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#wrap_footer .ft_main_range .nav_gl_mass li {
	margin: 0 0 0 18px;
	color: #ffffff;
}

#wrap_footer .ft_main_range .nav_gl_mass li:first-child {
	margin: 0 0 0 0;
}

#wrap_footer .ft_main_range .nav_gl_mass li a {
	color: #ffffff;
	font-size: 14px;
}

#wrap_footer .ft_main_range .nav_gl_mass li a.deco_under {
	text-decoration: underline;
}

#wrap_footer .ft_main_range .nav_gl_mass li a:hover {
	opacity: 0.7;
}

/* -----------------------------------------------
nav_page_mass
*/
#wrap_footer .ft_main_range .nav_page_mass {
	width: 100%;
	padding: 15px 0 25px 0;
	background-color: #0075c2;
}

#wrap_footer .ft_main_range .nav_page_mass ul {
	width: 980px;
	margin: 0 auto;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#wrap_footer .ft_main_range .nav_page_mass li {
	padding: 0 10px 0 10px;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

#wrap_footer .ft_main_range .nav_page_mass li:last-child {
	border-right: none;
}

#wrap_footer .ft_main_range .nav_page_mass li a {
	color: #ffffff;
}

#wrap_footer .ft_main_range .nav_page_mass li a:hover {
	opacity: 0.7;
}

#wrap_footer .ft_main_range .nav_page_mass dl {
	margin: 0 0 10px 0;
}

#wrap_footer .ft_main_range .nav_page_mass dt {
	font-size: 13px;
	font-weight: 600;
}

#wrap_footer .ft_main_range .nav_page_mass dt:before {
	content: "■";
	color: #ffffff;
	font-size: 15px;
}

#wrap_footer .ft_main_range .nav_page_mass dd {
	margin: 8px 0 0 12px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 13px;
}

/* -----------------------------------------------
nav_mass
*/
#wrap_footer .ft_main_range .nav_mass {
	width: 100%;
	padding: 17px 0 15px 0;
	background-color: #ffe300;
}

#wrap_footer .ft_main_range .nav_mass ul {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#wrap_footer .ft_main_range .nav_mass li {
	margin: 0 0 0 18px;
	font-size: 14px;
}

#wrap_footer .ft_main_range .nav_mass li:first-child {
	margin: 0 0 0 0;
}


/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	ft_main_range
	----------------------------------------------- */
	#wrap_footer .ft_main_range {
	}

	/* -----------------------------------------------
	base_info_mass
	*/
	#wrap_footer .ft_main_range .base_info_mass {
		width: 100%;
		padding: 20px 0 20px 0;
		background-color: #f9f6ea;
	}

	/*** sns_area -------***/
	#wrap_footer .base_info_mass .sns_area {
		width: 100%;
		padding: 0 0 20px 0;
	}

	#wrap_footer .base_info_mass .sns_area ul {
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#wrap_footer .base_info_mass .sns_area li {
		margin: 0 0 0 10px;
	}

	#wrap_footer .base_info_mass .sns_area li:first-child {
		margin: 0 0 0 0;
	}

	#wrap_footer .base_info_mass .sns_area a img {
		opacity: 0.8;
	}

	/*** copyright -------***/
	#wrap_footer .copyright {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#wrap_footer .copyright p {
		color: #0075c2;
		font-size: 14px;
		font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
		letter-spacing: 1px;
	}

	/* -----------------------------------------------
	nav_gl_mass
	*/
	#wrap_footer .ft_main_range .nav_gl_mass {
		display: none;
	}

	/* -----------------------------------------------
	nav_page_mass
	*/
	#wrap_footer .ft_main_range .nav_page_mass {
		display: none;
	}

}/* End SP----------------------------------------------------*/


/* ===============================================
page Top
=============================================== */
#page_top {
	display: none;
	width: 100%;
	position: relative;
	z-index: 10;
	margin: 0 auto;
}

#page_top.on {
	display: block;
}

* html #page_top p {
	position: absolute;
}

#page_top p {
	width: 82px;
	height: 143px;
	position: fixed;
	right: 20px;
	bottom: 15px;
	z-index: 5000;
}

#page_top p:hover {
	opacity: 0.7;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	#page_top {
		display: none;
		width: 100%;
		position: relative;
		z-index: 101;
		margin: 0 auto;
	}

	#page_top.on {
		display: block;
	}

	* html #page_top p {
		position: absolute;
	}

	#page_top p {
		width: 30px;
		height: 29.5px;
		position: fixed;
		right: 2px;
		bottom: 10px;
		z-index: 5000;
	}

}/* End SP----------------------------------------------------*/

/* ===============================================
wrap_cont
=============================================== */
#wrap_cont {
	width: 100%;
	margin: 0 auto 2px auto;
	line-height: 1.6;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	#wrap_cont {
		width: 100%;
		margin: 0 auto 1px auto;
	}
}/* End SP----------------------------------------------------*/

/*=================================================================
*==================================================================
contents etc.
==================================================================*
==================================================================*/
/* ===============================================
sec_fl_nav
=============================================== */
.sec_fl_nav {
	display: none;
	position: relative;
}

.sec_fl_nav.on {
	display: block;
}

.sec_fl_nav .inner_sec {
	display: block;
	position: fixed;
	top: auto;
	bottom: 0;
	left: auto;
	width: auto;
	height: auto;
	z-index: 10;
	width: 100%;
	background: url(../../img/page/fl_nav/sec_fl_nav_bg_01.png) repeat 0 0;
}

.sec_fl_nav .bt_range {
	width: 980px;
	margin: 0 auto;
	padding: 25px 0 25px 0;
}

.sec_fl_nav .bt_range ul {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sec_fl_nav .bt_range a img:hover {
	opacity: 0.7;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.sec_fl_nav {

	}

	.sec_fl_nav.on {

	}

	.sec_fl_nav .inner_sec {
		display: block;
		position: fixed;
		top: auto;
		bottom: 0;
		left: auto;
		width: auto;
		height: auto;
		z-index: 10;
		width: 100%;
		background: url(../../sp/img/page/fl_nav/sec_fl_nav_bg_01.png) repeat 0 0;
	}

	.sec_fl_nav .bt_range {
		width: 100%;
		padding: 17px 0 17px 0;
	}

	.sec_fl_nav .bt_range ul {
		width: 80%;
		margin: 0 auto;
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

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

	.sec_fl_nav .bt_range li:first-child {
		margin: 0 0 0 0;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
lay_ge_dur_entry
=============================================== */
.lay_ge_dur_entry {
	background: url(../../img/page/bg/bg_lay_ge_dur_entry.png) repeat 0 0;
}

.lay_ge_dur_entry .bt_range {
	padding: 45px 0 45px 0;
	text-align: center;
}

.lay_ge_dur_entry .bt_range a img:hover {
	opacity: 0.7;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.lay_ge_dur_entry {
	}

	.lay_ge_dur_entry .bt_range {
		width: 93.75%;
		margin: 0 auto;
		padding: 22px 0 24px 0;
		text-align: center;
	}

	.lay_ge_dur_entry .bt_range a img {
		width: 90%;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
wl_page_info
=============================================== */
.wl_page_info {
}

.wl_page_info .inner_sec {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
}

/* -----------------------------------------------
page_ttl_range
----------------------------------------------- */
.wl_page_info .page_ttl_range {
	padding: 0 0 40px 0;
	text-align: center;
}

.wl_page_info .page_ttl_range .icon {
	margin: 0 0 5px 0;
}

.wl_page_info .page_ttl_range h2 {
	margin: 0 0 0 0;
	color: #f39400;
	font-size: 48px;
	font-weight: 600;
}

/* -----------------------------------------------
page_nav_range
----------------------------------------------- */
.wl_page_info .page_nav_range {
	background: url(../../img/page/bg/wl_page_info_page_nav_bg_01.png) repeat 0 0;
}

/* -----------------------------------------------
nav_mass
*/
.wl_page_info .page_nav_range .nav_mass {
	padding: 25px 0 25px 0;
}

.wl_page_info .page_nav_range .nav_mass ul {
	width: 980px;
	margin: 0 auto;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wl_page_info .page_nav_range .nav_mass li {
	width: 235px;
}

.wl_page_info .page_nav_range .nav_mass li:first-child {
	margin: 0 0 0 0;
}

.wl_page_info .page_nav_range .nav_mass li a {
	width: 100%;
	height: 72px;
	background-color: #fac506;
	border-radius: 6px;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.wl_page_info .page_nav_range .nav_mass li a:hover {
	opacity: 0.7;
}

.wl_page_info .page_nav_range .nav_mass li .icon {
	padding: 0 10px 0 15px;
}

.wl_page_info .page_nav_range .nav_mass li .txt {
	padding: 2px 0 0 0;
	font-size: 18px;
	line-height: 1.3;
}


/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.wl_page_info {
	}

	.wl_page_info .inner_sec {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	/* -----------------------------------------------
	page_ttl_range
	----------------------------------------------- */
	.wl_page_info .page_ttl_range {
		padding: 0 0 20px 0;
		text-align: center;
	}

	.wl_page_info .page_ttl_range .icon {
		margin: 0 0 5px 0;
	}

	.wl_page_info .page_ttl_range h2 {
		margin: 0 0 0 0;
		color: #f39400;
		font-size: 28px;
		font-weight: 600;
	}

	/* -----------------------------------------------
	page_nav_range
	----------------------------------------------- */
	.wl_page_info .page_nav_range {

	}

	/* -----------------------------------------------
	nav_mass
	*/
	.wl_page_info .page_nav_range .nav_mass {
		padding: 10px 0 10px 0;
	}

	.wl_page_info .page_nav_range .nav_mass ul {
		width: 93.75%;
		margin: 0 auto;
		/* flex */
		display: block;
	}

	.wl_page_info .page_nav_range .nav_mass li {
		width: 100%;
		margin: 5px 0 0 0;
	}

	.wl_page_info .page_nav_range .nav_mass li:first-child {
		margin: 0 0 0 0;
	}

	.wl_page_info .page_nav_range .nav_mass li a {
		width: 100%;
		height: auto;
		padding: 8px 0 8px 0;
		background-color: #fac506;
		border-radius: 6px;
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.wl_page_info .page_nav_range .nav_mass li a:hover {
		opacity: 0.7;
	}

	.wl_page_info .page_nav_range .nav_mass li .icon {
		padding: 0 15px 0 15px;
	}

	.wl_page_info .page_nav_range .nav_mass li .icon img {
		width: 90%;
	}

	.wl_page_info .page_nav_range .nav_mass li .txt {
		padding: 1px 0 0 0;
		font-size: 15px;
		line-height: 1.3;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
ly_layout_mesh
=============================================== */
.ly_layout_mesh {
	width: 100%;
	height: 13px;
}

.ly_layout_mesh.cl_blue {
	background: url(../../img/contents/about/ly_layout_mesh_blue.png) repeat-x 0 0;
}

.ly_layout_mesh.cl_green {
	background: url(../../img/contents/about/ly_layout_mesh_green.png) repeat-x 0 0;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.ly_layout_mesh {
		width: 100%;
		height: 8px;
	}

	.ly_layout_mesh.cl_blue {

	}

	.ly_layout_mesh.cl_green {

	}
}/* End SP----------------------------------------------------*/

/* ===============================================
h3 nl_ttl
=============================================== */
h3.nl_ttl {
	margin: 0 0 8px 0;
	border-bottom: 3px solid #fbc92c;
	background-color: #0075c2;
	color: #ffffff;
	font-size: 24px;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

h3.nl_ttl:before {
	display: inline-block;
	content: "○";
	padding: 0 8px 0 11px;
	font-size: 28px;
}

h3.nl_ttl .txt {
	display: inline-block;
}

h3.nl_ttl .txt .sub {
	font-size: 18px;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	h3.nl_ttl {
		margin: 0 0 8px 0;
		padding: 6px 0 6px 0;
		border-bottom: 3px solid #fbc92c;
		background-color: #0075c2;
		color: #ffffff;
		font-size: 18px;
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	h3.nl_ttl:before {
		display: inline-block;
		content: "○";
		padding: 0 6px 0 6px;
		font-size: 22px;
		line-height: 1.2;
	}

	h3.nl_ttl .txt {
		display: inline-block;
		line-height: 1.2;
	}

	h3.nl_ttl .txt .sub {
		display: block;
		font-size: 14px;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
h4 nl_ttl
=============================================== */
h4.nl_ttl {
	margin: 0 0 8px 0;
	border-bottom: 3px solid #fbc92c;
	background-color: #0075c2;
	color: #ffffff;
	font-size: 24px;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

h4.nl_ttl:before {
	display: inline-block;
	content: "○";
	padding: 0 8px 0 11px;
	font-size: 28px;
}

h4.nl_ttl .txt {
	display: inline-block;
}

h4.nl_ttl .txt .sub {
	font-size: 18px;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	h4.nl_ttl {
		margin: 0 0 8px 0;
		padding: 6px 0 6px 0;
		border-bottom: 3px solid #fbc92c;
		background-color: #0075c2;
		color: #ffffff;
		font-size: 18px;
		/* flex */
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	h4.nl_ttl:before {
		display: inline-block;
		content: "○";
		padding: 0 6px 0 6px;
		font-size: 22px;
		line-height: 1.2;
	}

	h4.nl_ttl .txt {
		display: inline-block;
		line-height: 1.2;
	}

	h4.nl_ttl .txt .sub {
		display: block;
		font-size: 14px;
	}
}/* End SP----------------------------------------------------*/

/* ===============================================
sec_cp_top
=============================================== */
.sec_cp_top {
	padding: 15px 0 18px 0;
	background-color: #ff002d;
}

.sec_cp_top .inner_sec {
	text-align: center;
}

.sec_cp_top .inner_sec a img:hover {
	opacity: 0.7;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	.sec_cp_top {
		padding: 13px 0 15px 0;
		background-color: #ff002d;
	}

	.sec_cp_top .inner_sec {
		width: 88%;
		margin: 0 auto;
		text-align: center;
	}
}/* End SP----------------------------------------------------*/

/*=================================================================
*==================================================================
module
==================================================================*
==================================================================*/
/* ===============================================
Modal
=============================================== */
/* -----------------------------------------------
modal_mypage
----------------------------------------------- */
[data-remodal-id="modal_mypage"] {
	padding: 50px 65px 120px 65px;
	background-color: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-remodal-id="modal_mypage"] .remodal-close {
	bottom: 45px;
}

/* -----------------------------------------------
wr_modal_toentry
*/
[data-remodal-id="modal_mypage"] .wr_modal_mycoupon {
	display: block;
	width: 100%;
	padding: 0 0 0 0;
	text-align: left;
}

/*** logo_range -------***/
[data-remodal-id="modal_mypage"] .logo_range {
	margin: 0 0 40px 0;
	text-align: center;
}

/*** sl_range -------***/
[data-remodal-id="modal_mypage"] .sl_range .txt_mass {
	margin: 0 0 10px 0;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass ul {
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass li {
	width: 50%;
	margin: 0 0 0 35px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass li:first-child {
	margin: 0 0 0 0;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass li a:hover {
	opacity: 0.7;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass li .link_pdf {
	padding: 10px 0 0 0;
	text-align: center;
}

[data-remodal-id="modal_mypage"] .sl_range .bt_mass li .link_pdf a {
	color: #0d509b;
	font-size: 15px;
	text-decoration: underline;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	modal_mypage
	----------------------------------------------- */
	[data-remodal-id="modal_mypage"] {
		padding: 20px 10px 80px 10px;
		background-color: #ffffff;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	[data-remodal-id="modal_mypage"] .remodal-close {
		bottom: 15px;
	}
	
	/* -----------------------------------------------
	wr_modal_toentry
	*/
	[data-remodal-id="modal_mypage"] .wr_modal_mycoupon {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
		text-align: left;
	}

	/*** logo_range -------***/
	[data-remodal-id="modal_mypage"] .logo_range {
		margin: 0 0 20px 0;
		text-align: center;
	}

	[data-remodal-id="modal_mypage"] .logo_range img {
		width: 50%;
		max-width: 318px;
	}

	/*** sl_range -------***/
	[data-remodal-id="modal_mypage"] .sl_range .txt_mass {
		margin: 0 0 10px 0;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass ul {
		/* flex */
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li {
		width: 90%;
		margin: 25px 0 0 0;
		/* box set */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li:first-child {
		margin: 0 0 0 0;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li img {
		width: 100%;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li a:hover {
		opacity: 0.7;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li .link_pdf {
		padding: 5px 0 0 0;
		text-align: center;
	}

	[data-remodal-id="modal_mypage"] .sl_range .bt_mass li .link_pdf a {
		color: #0d509b;
		font-size: 13px;
		text-decoration: underline;
	}
}/* End SP----------------------------------------------------*/