@charset "UTF-8";

/*=================================================================
*==================================================================
base layout
==================================================================*
==================================================================*/
/* ===============================================
etc.
=============================================== */
.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) {
	.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 {
}

/* -----------------------------------------------
hd_main_range
----------------------------------------------- */
#wrap_header .hd_main_range {
	position: static;
	background-color: #ffffff;
	border-top: 3px solid #d7c18b;
}

/* ------------- START >> sp nav fixed ----------*/
#wrap_header .hd_main_range.fixed {
	visibility: hidden;
	position: static;
	display: none;
}

#wrap_header .hd_main_range.fixed.on {
	visibility: hidden;
	display: none;
}
/* ------------- END << nav fixed ----------*/

#wrap_header .hd_main_range .range_inner {
	min-width: 1000px;
	padding: 10px 0 10px 0;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

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

#wrap_header .hd_main_range h1 {
	margin: 0 150px 0 0;
	padding: 0 0 0 30px;
}

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

/*** nav_area -------***/
#wrap_header .hd_main_range .info_mass .nav_area {
	display: block;
	padding: 8px 0 0 0;
}

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

#wrap_header .hd_main_range .info_mass .nav_area li {
	position: relative;
	margin: 0 0 0 25px;
}

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

#wrap_header .hd_main_range .info_mass .nav_area li a {
	display: block;
	color: #655851;
}

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

#wrap_header .hd_main_range .info_mass .nav_area li span {
	display: block;
}

#wrap_header .hd_main_range .info_mass .nav_area li .jp {
	margin: 0 0 3px 0;
	font-size: 16px;
}

#wrap_header .hd_main_range .info_mass .nav_area li .en {
	padding: 0 0 0 16px;
	font-size: 12px;
}

/* Start 1300--------------------------------------------------*/
@media screen and (max-width: 1300px) {
	#wrap_header .hd_main_range h1 {
		margin: 0 15px 0 0;
		padding: 0 0 0 10px;
	}

	/*** nav_area -------***/
	#wrap_header .hd_main_range .info_mass .nav_area li {
		position: relative;
		margin: 0 0 0 5px;
	}

	#wrap_header .hd_main_range .info_mass .nav_area li .jp {
		margin: 0 0 3px 0;
		font-size: 15px;
	}

	#wrap_header .hd_main_range .info_mass .nav_area li .en {
		padding: 0 0 0 16px;
		font-size: 12px;
	}
}/* End 1300----------------------------------------------------*/

/* -----------------------------------------------
sns_mass
*/
#wrap_header .hd_main_range .sns_mass {
	display: block;
	padding: 3px 30px 0 0;
}

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

#wrap_header .hd_main_range .sns_mass li {
	margin: 0 0 0 10px;
}

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

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


/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	hd_main_range
	----------------------------------------------- */
	#wrap_header .hd_main_range {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
		background-color: #ffffff;
	}

	/* ------------- START >> sp nav fixed ----------*/
	#wrap_header .hd_main_range.fixed {
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100000;
	}

	#wrap_header .hd_main_range.fixed.on {
		visibility: visible;
		display: block;
		border-bottom: 1px solid #d7c18b;
	}
	/* ------------- END << nav fixed ----------*/

	#wrap_header .hd_main_range .range_inner {
		width: 93.75%;
		min-width: initial;
		min-width: auto;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		/* flex */
		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;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* -----------------------------------------------
	info_mass
	*/
	#wrap_header .hd_main_range .info_mass {
		width: 40%;
		max-width: 231px;
		/* flex */
		display: -webkit-flex;
		display: flex;
	}

	#wrap_header .hd_main_range h1 {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

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

	/*** nav_area -------***/
	#wrap_header .hd_main_range .info_mass .nav_area {
		display: none;
		padding: 0 0 0 0;
	}

	/* -----------------------------------------------
	sns_mass
	*/
	#wrap_header .hd_main_range .sns_mass {
		display: none;
		padding: 0 0 0 0;
	}

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

/* -----------------------------------------------
sp global menu
----------------------------------------------- */
/* -----------------------------------------------
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) {
	/* -----------------------------------------------
	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 #dddcdc;
		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: #1384b9;
		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: #1384b9;
		font-size: 24px;
	}

	#wrap_header .sp_gm_base_menu li dt a {
		padding: 10px 0 15px 24px;
		color: #1384b9;
		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: #1384b9;
		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 {
		border-top: 2px solid #dddcdc;
	}

	#wrap_header .sp_gm_base_menu li .anc_link:first-child {
		border-top: none;
	}

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

	#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----------------------------------------------------*/


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

/* -----------------------------------------------
ft_main_range
----------------------------------------------- */
#wrap_footer .ft_main_range {
	height: 200px;
	background: url(../../img/base/footer/bg_ft_main_01.png) repeat-x 0 0;
}

#wrap_footer .ft_main_range .inner_range {
	width: 1000px;
	margin: 0 auto;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

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

}

#wrap_footer .ft_main_range .nav_mass ul {
	padding: 25px 0 0 0;
}

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

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

#wrap_footer .ft_main_range .nav_mass li a {
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrap_footer .ft_main_range .nav_mass li a:before {
	display: inline-block;
	content: "▶";
	padding: 0 4px 0 0;
}

#wrap_footer .ft_main_range .nav_mass li a .txt {
	display: inline-block;
}

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








/* -----------------------------------------------
info_mass
*/
#wrap_footer .ft_main_range .info_mass {
	width: 450px;
	padding: 90px 0 0 0;
	text-align: right;
}

/*** logo_area -------***/
#wrap_footer .ft_main_range .info_mass .logo_area {
	margin: 0 0 10px 0;
}

#wrap_footer .copyright {

}

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

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

	/* -----------------------------------------------
	ft_main_range
	----------------------------------------------- */
	#wrap_footer .ft_main_range {
		height: auto;
		background-color: #f2f5f5;
	}

	#wrap_footer .ft_main_range .inner_range {
		width: 93.75%;
		margin: 0 auto;
		/* flex */
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

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

	/* -----------------------------------------------
	info_mass
	*/
	#wrap_footer .ft_main_range .info_mass {
		width: 100%;
		padding: 15px 0 20px 0;
		text-align: center;
	}

	/*** logo_area -------***/
	#wrap_footer .ft_main_range .info_mass .logo_area {
		margin: 0 0 10px 0;
	}

	#wrap_footer .copyright {

	}

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

}/* 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: 88px;
	height: 88px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 5000;
}

#page_top p:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* 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: 44px;
		height: 44px;
		position: fixed;
		right: 2px;
		bottom: 10px;
		z-index: 5000;
	}

	#page_top p:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
}/* 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.
==================================================================*
==================================================================*/


/*=================================================================
*==================================================================
module
==================================================================*
==================================================================*/
/* ===============================================
Modal
=============================================== */
/* -----------------------------------------------
modal_ftbnnr
----------------------------------------------- */
[data-remodal-id="modal_ftbnnr"] {
	position: relative;
	width: 800px;
	margin: 7px 0 0 0;
	padding: 0 0 100px 0;
	background-color: #f6f4ed;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-remodal-id="modal_ftbnnr"]:before {
	content: "";
	position: absolute;
	left: 0;
	top: -7px;
	width: 100%;
	border-top: 7px solid rgb(255,24,21,0.2);

}

[data-remodal-id="modal_ftbnnr"]:after {
	content: "";
	position: absolute;
	left: 0;
	top: -7px;
	width: 50%;
	height: 7px;
	border-top: 7px solid #ff1815;
}

[data-remodal-id="modal_ftbnnr"] .wr_modal_ftbnnr {
	position: relative;
	padding: 20px 20px 35px 20px;
	background-color: #f6f4ed;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* -----------------------------------------------
main_range
*/
[data-remodal-id="modal_ftbnnr"] .main_range {
	position: relative;
	padding: 70px 0 55px 0;
	background: url(../../img/module/modal/ftbnnr/main_bg_01.png) repeat center 0;
	background-size: cover;
}

[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_01 {
	margin: 0 0 55px 0;
	text-align: center;
}

[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_02 {
	margin: 0 0 35px 0;
	text-align: center;
}

[data-remodal-id="modal_ftbnnr"] .main_range .txt_mass {
	width: 640px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

[data-remodal-id="modal_ftbnnr"] .main_range .close {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	overflow: visible;
	display: inline-block;
	content: "";
	width: 37px;
	height: 50px;
	background: url(../../img/module/modal/ftbnnr/main_bt_close.png) no-repeat 0 0;
	background-size: contain;
	cursor: pointer;
}

[data-remodal-id="modal_ftbnnr"] .main_range .close:hover {
	opacity: 0.7;
}

/* -----------------------------------------------
about_range
*/
[data-remodal-id="modal_ftbnnr"] .about_range {
	margin: 0 0 20px 0;
}

[data-remodal-id="modal_ftbnnr"] .about_range .ttl_mass {
	padding: 25px 0 25px 0;
	text-align: center;
}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass {

}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass ul {
	/* flex */
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass li {
	width: 140px;
	margin: 0 15px 18px 0;
	padding: 7px;
	background-color: #ffffff;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass li:nth-child(5n) {
	margin: 0 0 18px 0;
}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass .ttl_area {
	height: 70px;
	background-color: #7f5f3a;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.4;
	/* 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;
}

[data-remodal-id="modal_ftbnnr"] .about_range .point_mass .txt_area {
	height: 105px;
	padding: 8px 7px 0 7px;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}

/* -----------------------------------------------
flow_range
*/
[data-remodal-id="modal_ftbnnr"] .flow_range {
	margin: 0 0 45px 0;
}

/* -----------------------------------------------
term_range
*/
[data-remodal-id="modal_ftbnnr"] .term_range {
	margin: 0 0 0 0;
	padding: 20px 0 35px 0;
	background-color: #ffffff;
}

[data-remodal-id="modal_ftbnnr"] .term_range .range_inner {
	width: 660px;
	margin: 0 auto;
}

[data-remodal-id="modal_ftbnnr"] .term_range .ttl_mass {
	margin: 0 0 15px 0;
	text-align: left;
}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass {

}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table {

}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table {
	width: 100%;
	border-collapse: collapse;
}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table th,
[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table td {
	border: 2px solid #6c4d33;
}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass th {
	padding: 10px 10px 8px 10px;
	background-color: #f2e8d1;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	line-height: 1.2;
}

[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass td {
	padding: 10px 10px 8px 10px;
	background-color: #ffffff;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	line-height: 1.2;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-remodal-id="modal_ftbnnr"] {
		position: relative;
		width: 100%;
		margin: 7px 0 0 0;
		padding: 0 0 80px 0;
		background-color: #f6f4ed;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	[data-remodal-id="modal_ftbnnr"]:before {
		content: "";
		position: absolute;
		left: 0;
		top: -7px;
		width: 100%;
		border-top: 7px solid rgb(255,24,21,0.2);

	}

	[data-remodal-id="modal_ftbnnr"]:after {
		content: "";
		position: absolute;
		left: 0;
		top: -7px;
		width: 50%;
		height: 7px;
		border-top: 7px solid #ff1815;
	}

	[data-remodal-id="modal_ftbnnr"] .wr_modal_ftbnnr {
		position: relative;
		padding: 10px 10px 25px 10px;
		background-color: #f6f4ed;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* -----------------------------------------------
	main_range
	*/
	[data-remodal-id="modal_ftbnnr"] .main_range {
		position: relative;
		padding: 40px 0 20px 0;
		background: url(../../sp/img/module/modal/ftbnnr/main_bg_01.png) no-repeat 0 0;
		background-size: cover;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_01 {
		margin: 0 0 20px 0;
		text-align: center;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_01 img {
		width: 100%;
	}
	
	[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_02 {
		margin: 0 0 25px 0;
		text-align: center;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .view_mass_02 img {
		width: 100%;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .txt_mass {
		width: 100%;
		margin: 0 auto;
		padding: 5px 5px 5px 5px;
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .close {
		position: absolute;
		top: 6px;
		right: 6px;
		display: block;
		overflow: visible;
		display: inline-block;
		content: "";
		width: 27px;
		height: 40px;
		background: url(../../img/module/modal/ftbnnr/main_bt_close.png) no-repeat 0 0;
		background-size: contain;
		cursor: pointer;
	}

	[data-remodal-id="modal_ftbnnr"] .main_range .close:hover {
		opacity: 0.7;
	}

	/* -----------------------------------------------
	about_range
	*/
	[data-remodal-id="modal_ftbnnr"] .about_range {
		margin: 0 0 20px 0;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .ttl_mass {
		padding: 25px 0 20px 0;
		text-align: center;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .ttl_mass img {
		width: 90%;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass {

	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass ul {
		/* flex */
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass li {
		width: 49%;
		margin: 0 0 10px 0;
		padding: 7px;
		background-color: #ffffff;
		/* box set */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass li:nth-child(5n) {
		margin: 0 0 10px 0;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass .ttl_area {
		height: auto;
		padding: 10px 10px 10px 10px;
		background-color: #7f5f3a;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.4;
		/* 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;
	}

	[data-remodal-id="modal_ftbnnr"] .about_range .point_mass .txt_area {
		height: auto;
		padding: 10px 10px 10px 10px;
		font-size: 13px;
		line-height: 1.4;
		text-align: left;
	}

	/* -----------------------------------------------
	flow_range
	*/
	[data-remodal-id="modal_ftbnnr"] .flow_range {
		margin: 0 0 25px 0;
	}

	[data-remodal-id="modal_ftbnnr"] .flow_range img {
		width:100%;
	}

	/* -----------------------------------------------
	term_range
	*/
	[data-remodal-id="modal_ftbnnr"] .term_range {
		margin: 0 0 0 0;
		padding: 10px 10px 10px 10px;
		background-color: #ffffff;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .range_inner {
		width: 100%;
		margin: 0 auto;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .ttl_mass {
		margin: 0 0 15px 0;
		text-align: left;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass {

	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table {

	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table {
		width: 100%;
		border-collapse: collapse;
		border-top: 2px solid #6c4d33;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table th,
	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass table td {
		border: 2px solid #6c4d33;
		border-top: none;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass th {
		display: block;
		padding: 10px 10px 8px 10px;
		background-color: #f2e8d1;
		font-size: 14px;
		text-align: left;
		word-break: break-all;
		line-height: 1.2;
	}

	[data-remodal-id="modal_ftbnnr"] .term_range .detail_mass td {
		display: block;
		padding: 10px 10px 8px 10px;
		background-color: #ffffff;
		font-size: 14px;
		text-align: left;
		word-break: break-all;
		line-height: 1.2;
	}
}/* End SP----------------------------------------------------*/