@charset "UTF-8";

/*????
----------------------------------------*/
main h2 {
	margin-bottom: 13px;
}

@media only screen and (max-width: 736px) {
	main h2 {
		margin-bottom: 20px;
	}
}


/*mainv
----------------------------------------*/
#mainv {
	overflow: hidden;
	height: 710px;
}

#mainv .slider li > img,
#mainv .slider li {
	width: 2000px !important;
	height: 710px;
    position: absolute;
	left: -100%;
	right: -100%;
	margin: auto;
	display: block;
}

#mainv .slider li .btn {
	position: absolute;
	top: 477px;
	left: 50%;
	margin-left: 24px;
}

#mainv .bx-pager {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	z-index: 111;
	padding-top: 25px;
}

#mainv .bx-pager ul {
	width: 838px;
	margin: 0 auto;
}

#mainv .bx-pager ul li {
	float: left;
	padding-bottom: 25px;
}

#mainv .bx-pager ul li img,
#mainv .bx-pager ul li a {
	display: block;
}

#mainv .bx-pager ul li a.current:before {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 60px;
	right: 60px;
	height: 4px;
	background: #dc3533;
}

#mainv:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
    height: 120px;
	background: #7d4701;
	mix-blend-mode: multiply;
	z-index: 110;
}

#mainv .bx-controls,
#mainv .bx-controls-direction {
	position: static;
}

#mainv .bx-pager .bx-prev,
#mainv .bx-pager .bx-next {
	position: absolute;
	top: 19px;
	left: 50%;
	bottom: 43px;
	margin-left: -499px;
	width: 22px;
	height: 33px;
	background: url(../img/index/btn_prev.png) no-repeat;
	overflow: hidden;
	text-indent: -500px;
	z-index: 120;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

#mainv .bx-pager .bx-next {
	left: 50%;
	margin-left: 477px;
	background: url(../img/index/btn_next.png) no-repeat;
}

@media all and (-ms-high-contrast: none) {
	#mainv:after {
		background: #011127;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	#mainv .bx-pager .bx-prev,
	#mainv .bx-pager .bx-next,
	#mainv:after:not(:target) {
		-ms-filter: none;
		filter: none;
	}
}

@media only screen and (max-width: 736px) {
	#mainv {
		height: auto;
	    border-top: solid 27px #fff;
	    padding-top: 12.9%;
	}

	#mainv .slider li > img,
	#mainv .slider li {
		width: auto !important;
		height: auto;
		position: static;
		left: 0;
		right: 0;
		margin: 0;
	}

	#mainv .slider li > img {
    	width: 100% !important;
	}

	#mainv .bx-pager {
		width: auto;
		position: static;
        background: #01377d;
		height: auto;
		padding: 5.468% 1.718% 0;
	}

	#mainv:after {
    	display: none;
	}

	#mainv .bx-pager ul {
		width: 100%;
        margin: 0;
	}

	#mainv .bx-pager ul li {
    	width: 29.838%;
    	padding-bottom: 0.83%;
	}

	#mainv .bx-pager ul li + li {
    	margin-left: 0;
	}

	#mainv .bx-pager ul li a.current {
		position: static;
	}

	#mainv .bx-pager ul li a.current:before {
		bottom: 0;
		left: 32.258%;
		right: 32.258%;
		height: 4px;
	}

	#mainv .bx-pager .bx-prev,
	#mainv .bx-pager .bx-next {
		left: -1.718%;
		top: -14.5%;
        bottom: auto;
		margin-left: 0;
		width: 4.687%;
		height: 1px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-top: 16.4%;
		background: url(../img/index/btn_prev_sp.png) no-repeat;
		background-size: 100% 100%;
		opacity: 1;
		filter: none;
	}

	#mainv .bx-pager .bx-next {
		left: auto;
		right: -1.718%;
		margin-left: 0;
		background: url(../img/index/btn_next_sp.png) no-repeat;
		background-size: 100% 100%;
	}
}


/*simulation
----------------------------------------*/
.bnr_simulation {
	background: url(../img/common/bg_yellow.png);
	height:15px;
	text-align: center;
}

#mainv + .bnr_simulation {
	border-bottom: solid 1px #e7e4df;
}

.bnr_simulation p img {
	display: block;
	margin: 0 auto;
}

.bnr_simulation p a {
	display: inline-block;
}

@media only screen and (max-width: 736px) {
	.bnr_simulation {
		background: none;
		padding: 15px 0 17px;
		background: #fff;
	}

	#mainv + .bnr_simulation {
		border-bottom: none;
	}

	.bnr_simulation p.visible_sp {
    	margin: 8px 4.687%;
	}

	.bnr_simulation p.visible_sp.login {
		background: url(../img/common/bg_members.png);
		padding: 2px;
	}

	.bnr_simulation p.visible_sp.login a {
    	background: #fff url(../img/common/icon_arrow_down01.png) no-repeat 3.832% center;
    	background-size: 9px 6px;
    	font-size: 116%;
    	color: #01377d;
    	padding: 10px 0;
    	display: block;
	}

	.bnr_simulation p.visible_sp.login a:before {
    	content: "";
    	width: 14px;
    	height: 17px;
    	display: inline-block;
    	vertical-align: -3px;
    	margin-right: 8px;
    	background: url(../img/common/icon_login.png) no-repeat;
    	background-size: 100% auto;
	}

	.bnr_simulation p.visible_sp.login a:after {
    	content: "";
    	width: 1px;
    	position: absolute;
    	left: 10.452%;
    	top: 5px;
    	bottom: 5px;
    	display: block;
    	background: #dcdcdc;
	}
}


/*characteristic
----------------------------------------*/
#characteristic {
	margin-bottom: 33px;
}

#characteristic .col1_block,
#characteristic .col_box {
	background: #fff url(../img/index/img_01.png) no-repeat 4px 4px;
	border: solid 3px #7d4701;
	overflow: hidden;
	padding: 12px 16px 9px 29px;
	margin-bottom: 19px;
}

#characteristic .col1_block .img {
	float: right;
	margin-left: 8px;
}

#characteristic h3 {
	width: 403px;
	padding: 7px 0 6px;
	margin-bottom: 9px;
	background: url(../img/common/img_line01.png) repeat-x bottom left;
}

#characteristic p {
	font-size: 108%;
	line-height: 1.5;
}

#characteristic .btn {
	text-align: right;
	margin-top: 11px;
}

#characteristic .btn a {
	display: inline-block;
	background: #f6ee65 url(../img/common/icon_arrow01.png) no-repeat 11px center;
	width: 64px;
	height: 23px;
	color: #01377d;
	line-height: 23px;
	border-radius: 12px;
	text-decoration: underline;
	text-align: left;
	padding-left: 23px;
	font-size: 11px;
}

#characteristic .col2_block .col_box {
	width: 370px;
	height: 155px;
	padding-right: 15px;
	margin-bottom: 18px;
	float: right;
}

#characteristic .col2_block .col_box:first-child,
#characteristic .col2_block .col_box.clear {
	float: left;
}

#characteristic .col2_block .col_box .img {
	float: right;
	padding-top: 10px;
}

#characteristic .col2_block .col_box h3 {
	width: 211px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#characteristic .col2_block .col_box .btn {
	position: absolute;
	bottom: 12px;
	left: 153px;
}

#characteristic .col2_block .warranty h3 {
	width: 304px;
}

#characteristic .col2_block .warranty .img {
	padding-top: 0;
	margin: -7px 11px 0 0;
}

#characteristic .col2_block .warranty .btn {
	left: auto;
	right: 25px;
}

#characteristic .col3_block .col_box {
	width: 237px;
	height: 155px;
	float: left;
	padding: 12px 16px 8px 17px;
}

#characteristic .col3_block .col_box + .col_box {
	margin-left: 24px;
}

#characteristic .col3_block .img {
	position: absolute;
	bottom: 5px;
	left: 16px;
}

#characteristic .col3_block h3 {
	background: none;
}

#characteristic .col3_block .col_box .btn {
	position: absolute;
	bottom: 12px;
    right: 10px;
}


@media only screen and (max-width: 736px) {
	#characteristic {
		margin-bottom: 15px;
	}

	#characteristic .col1_block,
	#characteristic .col_box {
		background: #fff url(../img/index/img_01_sp.png) no-repeat 4px 4px;
		background-size: 4.006% auto;
		border: solid 2px #01377d;
		overflow: hidden;
		padding: 13px 3.832% 11px 4.827% !important;
    	margin: 0 4.687% 14px !important;
    	width: auto !important;
    	height: auto !important;
    	float: none !important;
	}

	#characteristic .col1_block .img,
	#characteristic .col_box .img {
		position: static !important;
		width: 27.36%;
    	float: right;
    	padding: 0 !important;
    	margin: 0 !important;
	}

	#characteristic .col_box .img {
    	margin: 0 0 26px !important;
	}

	#characteristic .col1_block h3,
	#characteristic .col_box h3 {
		width: 68.208% !important;
		padding: 1px 2.253% 12px 0 !important;
		margin-bottom: 6px !important;
	}

	#characteristic .col1_block p,
	#characteristic .col_box p {
		width: 72.447%;
    	font-size: 93%;
    	line-height: 1.6;
	}

	#characteristic .col2_block .col_box {
		padding: 13px 3.832% 10px 4.827% !important;
	}

	#characteristic .col2_block .col_box p {
    	line-height: 1.66;
	}

	#characteristic .btn {
		width: auto !important;
    	position: absolute;
        right: 3.448% !important;
        bottom: 11px;
	}

	#characteristic .btn a {
		background: #f6ee65 url(../img/common/icon_arrow01_sp.png) no-repeat 8px center;
		background-size: 5px auto;
		width: 50px;
		height: 18px;
		line-height: 18px;
		border-radius: 9px;
		padding-left: 18px;
		font-size: 9px;
	}

	#characteristic .col3_block .col_box {
		padding: 6px 3.832% 7px 4.827% !important;
	}

	#characteristic .col3_block .col_box h3 {
    	margin: 22px 0 7px !important;
	}

	#characteristic .col3_block .col_box:first-child h3 {
    	margin: 29px 0 20px !important;
	}

	#characteristic .col3_block .col_box .img {
		width: 29.06%;
		margin: 0 -1.7% 30px 0 !important;
	}

	#characteristic .col3_block .col_box:first-child .img {
		margin: 0 -1.7% 26px 0 !important;
	}

	#characteristic .col3_block .btn {
        bottom: 9px !important;
	}
}


/*price
----------------------------------------*/
#price {
	margin-bottom: 52px;
}

#price .col3_block .col_box {
	width: 237px;
	float: left;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-bottom: none;
	text-align: center;
}

#price .col3_block .col_box a {
	display: block;
	padding: 0 14px 14px;
}

#price .col3_block .col_box a:hover {
	text-decoration: none;
}

#price .col3_block .col_box:before {
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	top: 100%;
	height: 5px;
	background: #01377d url(../img/index/bg_price01.png) repeat-x;
}

#price .col3_block .col_box + .col_box {
	margin-left: 24px;
}

#price .col3_block .col_box h3 {
	color: #01377d;
	font-size: 138.5%;
	text-align: center;
	padding: 6px 0 3px;
	letter-spacing: .8px;
}

#price .col3_block .col_box .img {
	margin-bottom: 4px;
}

#price .col3_block .col_box .img img {
	width: 205px;
}

#price .col3_block .col_box p {
	font-size: 108%;
	line-height: 1.55;
	letter-spacing: -.5px;
	text-align: left;
}

#price .col3_block .col_box dl {
	margin: -1px -10px 0 0;
	font-size: 93%;
	text-align: left;
}

#price .col3_block .col_box dt {
	width: 47px;
	height: 17px;
	line-height: 17px;
	background: #01377d;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	margin-top: 8px;
}

#price .col3_block .col_box dd {
	position: static;
	padding-left: 51px;
}

#price .col3_block .col_box dd .fontb {
	font-size: 20px;
}

#price .col3_block .col_box .link {
	text-align: center;
	font-size: 93%;
	margin-top: 3px;
	padding-right: 5px;
	display: inline-block;
	color: #01377d;
	text-decoration: underline;
	background: url(../img/common/icon_arrow01.png) no-repeat left center;
	padding-left: 12px;
	position: static;
}

#price .align_r,
#flow .align_r {
	color: #01377d;
	font-size: 116%;
	font-weight: bold;
	margin-top: 24px;
}

#price .align_r .btn,
#flow .align_r .btn {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	margin-left: 10px;
}

#price .align_r .btn,
#flow .align_r .btn {
	display: inline-block;
    vertical-align: middle;
	height: 25px;
	background: #e60f13 url(../img/common/icon_arrow02.png) no-repeat 69px center;
	line-height: 25px;
}

@media only screen and (max-width: 736px) {
	#price {
		margin-bottom: 31px;
	}

	#price h2 {
    	margin-bottom: 23px;
	}

	#price .col3_block .col_box {
		width: auto;
		float: none;
		margin: 0 4.687% 19px !important;
	}

	#price .col3_block .col_box a {
		padding: 0 6.055% 11px;
	}

	#price .col3_block .col_box:before {
		height: 4px;
	}

	#price .col3_block .col_box h3 {
		font-size: 116%;
		padding: 11px 0 3px;
	}

	#price .col3_block .col_box .img {
		margin-bottom: 8px;
		text-align: center;
	}

	#price .col3_block .col_box .img img {
		width: 82%;
	}

	#price .col3_block .col_box p {
		font-size: 93%;
		line-height: 1.7;
		letter-spacing: 0;
	}

	#price .col3_block .col_box dl {
		margin: 1px -10px 0 0;
		font-size: 93%;
	}

	#price .col3_block .col_box dt {
		width: 55px;
		height: 20px;
		line-height: 20px;
	}

	#price .col3_block .col_box dd {
		padding-left: 60px;
	}

	#price .col3_block .col_box dd .fontb {
		font-size: 23px;
	}

	#price .col3_block .col_box .link {
		font-size: 85%;
		margin-top: 1px;
		padding-right: 0;
		background: url(../img/common/icon_arrow01_sp.png) no-repeat left center;
		background-size: 4px auto;
		padding-left: 10px;
	}

	#price .align_r,
	#flow .align_r {
		font-size: 93%;
		margin: 6px 4.687% 0;
	}

	#price .align_r .btn,
	#flow .align_r .btn {
		height: 22px;
		line-height: 22px;
		width: 66px;
		font-size: 11px;
		margin-left: 10px;
		padding-right: 6px;
		background: #e60f13 url(../img/common/icon_arrow02_sp.png) no-repeat 61px center;
		background-size: 6px auto;
	}
}


/*flow
----------------------------------------*/
#flow {
	margin-bottom: 104px;
}

#flow ol {
	overflow: hidden;
}

#flow ol li {
	float: left;
}

#flow ol li + li {
	margin-left: 24px;
}

#flow ol li + li:after {
	content: "";
	width: 19px;
	height: 46px;
	display: block;
	background: url(../img/index/icon_flow_arrow.png) no-repeat;
	position: absolute;
	left: -24px;
	top: 87px;
}

#flow .align_r {
	margin-top: 12px;
}

@media only screen and (max-width: 736px) {
	#flow {
		margin-bottom: 30px;
	}

	#flow h2 {
    	margin-bottom: 25px;
	}

	#flow ol li,
	#flow ol li + li {
		float: none;
		margin: 0 10.312%;
	}

	#flow ol li + li {
		float: none;
		margin: 0 10.312%;
		padding-top: 11.093%;
	}

	#flow ol li + li:after {
		width: auto;
		height: 1px;
		padding-top: 8.284%;
		background-image: url(../img/index/icon_flow_arrow_sp.png);
		background-size: 100% auto;
		left: 40.433%;
		right: 40.039%;
		top: 0;
	}

	#flow .align_r {
		margin-top: 20px;
	}
}