@charset "utf-8";

/*----------------------------------------------------

	共通

----------------------------------------------------*/

/*	common overwrite
----------------------------------------------------*/
@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

main img{
	width:100%;
	height:auto;
	vertical-align:top;
}

main article{
	font-size:3.73vw;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}
	main article em{
		font-style:normal;
	}

	main aside *{
		box-sizing:content-box;
	}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

/*	h1  */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #313f56;
	padding:5.86vw 2.66vw 0 2.66vw;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:0 0 4vw 0;
		color:#313f56;
		font-size:6.4vw;
		text-align:center;
		line-height:1;
	}

/* pagetop */
.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

}

@media screen and (min-width: 569px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
	}

	main aside *{
		box-sizing:content-box;
	}

main img{
	vertical-align:top;
}

main article{
	font-size:116%;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}

	main article a:hover{
		opacity:0.7;
	}
	main article a:hover h2{
		opacity:0.7;
	}
	main article em{
		font-style:normal;
	}

#contents-wrap {
	background:none;
}

/* aside */
.section-unit-shopseach{
	webkit-box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}

article .sell-sec-boxshadow {
	background:#ffffff;
	box-shadow: 0 0 3px #aaa;
	margin-bottom: 20px;
	padding: 15px 20px;
}

/* h1 */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #313f56;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:6px 0 20px 0;
		color:#313f56;
		font-size:28px;
		font-size:233.33%;
		text-align:center;
		line-height:1;
	}
#title-area ul#bread-clumb li#home{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 0.2em no-repeat;
}

/* pagetop */
p.page-top-btn{
	padding-top:10px;
}

}


/*	h2 + toggle
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article h2{
	position:relative;
	height:13.33vw;
	margin:6.66vw 0  2.66vw 0;
	font-size:4.8vw;
	color:#fff;
	text-align:center;
	line-height:0.9;
	background:#023893;
	border-radius:1.06vw;
	padding:4.53vw;
}
	article h2 em{
		position:absolute;
		width:6.13vw;
		height:6.13vw;
		top:calc(6.665vw - 3.065vw);
		right:3.75vw;
		background:url(/sell/img/arw_h2_brand.png) top right no-repeat;
		background-size:6.13vw 6.13vw;
	}

article h2 a{color: #fff;}
article h2 a{color: #fff;text-decoration: underline;}

.mdl__toggle {
	background: #ffffff url(/sell/img/icon_brand_open.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border: 1px solid #313f56;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #023893 url(/sell/img/icon_brand_close.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}

	.mdl__toggle.opened h2 {
		color:#fff;
	}


}
@media screen and (min-width: 569px) {
article h2{
	position:relative;
	height:50px;
	margin:20px 0 ;
	font-size:22px;
	font-size:158%;
	color:#fff;
	text-align:center;
	line-height:1;
	background:#023893;
	border-radius:4px;
	padding:15px;

}
	article h2 em{
		position:absolute;
		width:26px;
		height:26px;
		top:12px;
		right:20px;
		background:url(/sell/img/arw_h2_brand.png) top right no-repeat;
	}



article h2 a{color: #fff;text-decoration: none;}
article h2 a:hover{color: #fff;text-decoration: none;}

.mdl__toggle {
	background: #ffffff url(/sell/img/icon_brand_open.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border: 1px solid #313f56;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #ef7a00 url(/sell/img/icon_brand_close.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}

	.mdl__toggle.opened h2 {
		color:#fff;
	}
	.mdl__toggle:hover h2 {
		opacity: 0.7;
	}
	.mdl__toggle:hover{
		opacity:0.7;
	}

}


/*	kv
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.kv img{
	width:100%;
	height:auto;
}
}

/*	column
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article .column{
	padding:0 2.66vw;
	margin-bottom:6.66vw;
}
article .column:last-of-type{
	margin-bottom:0;
}
}

@media screen and (min-width: 569px) {
article .column{
	margin-bottom:40px;
}
}


/*----------------------------------------------------

	ブランドTOP

----------------------------------------------------*/

/*	navi3_3
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.navi3_3{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3 a{
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}

.cd{
			padding-bottom: 22px;
	}
	.navi3_3 dl{
		display:flex;
		flex-direction:column;
		width:29.73vw;
		border-radius:1.06vw;

			font-size: 14px;
			font-weight: bold;
			padding-top: 15px;
			margin-bottom: 0px;
			text-align: center;
	}

	.navi3_3 a:nth-of-type(3),
	.navi3_3 a:nth-of-type(6),
	.navi3_3 a:nth-of-type(9),
	.navi3_3 a:nth-of-type(12),
	.navi3_3 a:nth-of-type(15),
	.navi3_3 a:nth-of-type(18){
		margin-right:0;
	}



		.navi3_3 dl dt{
			border-top: 3px solid #023893;
			font-size:12px;
			text-align: left;
			padding: 5px;
		}
			.navi3_3 dl dt > img{
				border-radius:0px 0px 0 0;
			}
		.navi3_3 dl dd{
			display:flex;
			justify-content:center;
			align-items: center;
			height:9.866vw;
			margin:-0.26vw 0 0 0!important;
			background:#313f56;
			color:#fff;
			font-weight:bold;
			text-align:left;
			line-height:1.2;
			border-radius:0 0 1.06vw 1.06vw;
			background:#313f56 url(/sell/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-size:1.5vw auto;
			background-position:center right 2vw;
		}

		.navi3_3 a:nth-of-type(5) dl dd{

		}
}

@media screen and (min-width: 569px) {
.navi3_3{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3 a{
		margin-right:20px;
		margin-bottom:20px;
		background:#fff;
		border-radius:4px;
	}


	.navi3_3 a:hover{
		opacity: 1 !important;
	}
	.navi3_3 dl{
		display:flex;
		flex-direction:column;
		border-radius:4px;

			font-size: 18px;
			font-weight: bold;
			padding-top: 15px;
			margin-bottom: 10px;
			text-align: center;
	}

	.navi3_3 a:nth-of-type(3),
	.navi3_3 a:nth-of-type(6),
	.navi3_3 a:nth-of-type(9),
	.navi3_3 a:nth-of-type(12),
	.navi3_3 a:nth-of-type(15),
	.navi3_3 a:nth-of-type(18){
		margin-right:0;
	}

	.navi3_3 a:nth-of-type(4),
	.navi3_3 a:nth-of-type(5),
	.navi3_3 a:nth-of-type(6){
	}


		.navi3_3 dl dt{
			border-top: 3px solid #023893;
			border-radius:0px 0px 0 0;
			padding: 10px;
			width: 225px;
			font-size: 14px;
			line-height: 30px;
			text-align: left;
		}
			.navi3_3 dl dt > img{
			float: left;
			padding-right: 5px;
			width: 100%;
			margin-bottom: 15px;
			}
		.navi3_3 dl dd{
			width: 100%;
			min-width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:115.25%;
			font-weight:bold;
			text-align:center;
			background:#313f56 url(/sell/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-position:center right 10px;
			border:1px solid #313f56;
			border-radius:0 0 4px 4px;
			line-height:1;
			display:flex;
			justify-content:center;
			align-items: center;
		}

		.navi3_3 a:nth-of-type(5) dl dd{
		}

}



@media all and (-ms-high-contrast: none) and (min-width: 569px){
.navi3_3 dl dd {
	margin-top:-1px!important;
}
}


/*	pickup_store
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.pickup_store{
	}

	.pickup_store > li{
		margin-top:2.6vw;
		padding:4vw 2.6vw;
		border:1px solid #313f56;
		border-radius:1.06vw;
		}

	.pickup_store > li:first-of-type{
		margin-top:3.2vw;
		}

		.pickup_store > li > ul{
			display:flex;
			flex-direction:column;
			margin-top:2.6vw;
			border-radius:1.06vw;
			}

			.pickup_store > li > ul > li:nth-of-type(1){
				width:88.8vw;
				height:36.4vw;
				margin-right:20px;
				}
			.pickup_store > li > ul > li.store_info{
				margin-top:2.6vw;
				}

				.pickup_store > li > ul > li.store_info ul > li{
					display:flex;
					font-size:3.2vw;
					word-break:break-all;
					}

				.pickup_store > li > ul > li.store_info ul > li > *{
					padding:1.73vw 2.66vw;
					}

				.pickup_store > li > ul > li.store_info ul > li:nth-child(odd) > *{
					background:#f7f7f7;
					}
					.pickup_store > li > ul li.store_info ul li > em{
						width:23.33vw;
						margin-right:0.53vw;
						font-weight:bold;
						font-style:inherit;
						}

					.pickup_store > li > ul > li.store_info ul li > div{
						width: 65vw;
						}

						.pickup_store > li > ul > li.store_info ul li > div > p:nth-of-type(n + 2){
							margin-top:0.25em;
							}

.flickity-enabled.is-draggable .flickity-viewport{
	width:100%!important;
	height:36.4vw!important;/*273px*/
	}


	.flickity-slider .carousel-cell{
		margin:0 2vw!important;
		}

		.flickity-slider .carousel-cell img{
			width:54.26vw!important;
			height:36.4vw!important;
			}



.flickity-prev-next-button,
.flickity-page-dots{
	display:none;
	}



}

@media screen and (min-width: 569px) {
.pickup_store{
	}

	.pickup_store > li{
		margin-top:20px;
		padding:20px;
		border:1px solid #313f56;
		border-radius:4px;
		}

		.pickup_store > li > ul{
			display:flex;
			margin-top:20px;
			border-radius:4px;
			}

			.pickup_store > li > ul > li:nth-of-type(1){
				max-width:180px;
				margin-right:20px;
				}
			.pickup_store > li > ul > li.store_info{
				width:100%;
				max-width:473px;
				}

				.pickup_store > li > ul > li.store_info ul > li{
					display:flex;
					width:100%;
					font-size:87.1%;
					word-break:break-all;
					}

				.pickup_store > li > ul > li.store_info ul > li > *{
					padding:5px 10px;
					}

				.pickup_store > li > ul > li.store_info ul > li:nth-child(odd) > *{
					background:#f7f7f7;
					}
					.pickup_store > li > ul > li.store_info ul li > em{
						width:calc(6em + 20px);
						margin-right:2.5px;
						font-weight:bold;
						font-style:inherit;
						}

					.pickup_store > li > ul > li.store_info ul li > div{
						width:100%;
						width: calc(100% - (6em + 20px));
						word-break:break-all;
						}

						.pickup_store > li > ul > li.store_info ul li > div > p:nth-of-type(n + 2){
							margin-top:6px;
							}


.flickity-enabled.is-draggable .flickity-viewport{
	width:180px!important;
	height:120px!important;
	}

.carousel-cell img{
	width:180px!important;
	height:120px!important;
	}

.flickity-prev-next-button{
	position:relative;
	bottom:0!important;
	margin-top:16px;
	width:8px;
	height:12px;
	}

	.flickity-prev-next-button svg{
		display:none;
		}

.flickity-prev-next-button.previous{
	left:0;
	background:url(/sell/img/arw_slide_prev.png) top left no-repeat;
	}

.flickity-prev-next-button.next{
	margin-left:156px;
	right:0;
	background:url(/sell/img/arw_slide_next.png) top right no-repeat;
	}


.flickity-page-dots{
	top:128px;
	width:160px;
	height:12px;
	margin:0 10px;
	}

_::-webkit-full-page-media, _:future, :root .flickity-prev-next-button.next{
	margin-left:148px;
	position:relative;
	top:0!important;
	margin-top:16px;
	width:8px;
	height:12px;
}


}

@media all and (-ms-high-contrast: none) and (min-width: 569px){
.flickity-prev-next-button.next{
	margin-left:148px;
}
}


@media screen and (min-width: 979px) and (max-width:981px){
.flickity-prev-next-button.next{
	margin-left:136px!important;
}
}





/*	service
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service li{
		width:calc(50% - 1.3vw);
		}

	.service li:nth-of-type(1){
		margin-right:2.6vw;
		}

	.service li:nth-of-type(3){
		width:100%;
		}
	.service li:not(:last-of-type){
		margin-bottom:2.6vw;
		}

		.service li a{
			display:block;
			border-radius:1.06vw;
			}

}

@media screen and (min-width: 569px) {

.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service a{
		border-radius:4px;
		display:block;
		}

	.service li:not(:last-of-type){
		margin-right:20px;
		}
}

/*	flow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.flow{
	display:flex;
	flex-direction:column;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.flow li{
		display:flex;
		flex-direction:column;
		margin-bottom:4vw;
		}



		.flow li dl{
			display:flex;
			}

		.flow li dl:nth-of-type(1){
			flex-direction:row;
			}

			.flow li dl:nth-of-type(1) dt{
				display:flex;
				justify-content:center;
				align-items:center;
				width:28vw;
				height:28vw;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:4.26vw;
				font-weight:bold;
				text-align:center;
				}

			.flow li:nth-of-type(1) dl:nth-of-type(1) dt{
				border-radius:1.06vw 0 0 0;
				}

			.flow li dl:nth-of-type(1) dd{
				width:66.13vw;
				height:28vw;
				}

				.flow li:nth-of-type(1) dl:nth-of-type(1) dd img{
					border-radius:0 1.06vw 0 0;
					}

		.flow li dl:nth-of-type(2){
			flex-direction:column;
			padding:0 2.6vw;
			}

			.flow li dl:nth-of-type(2) dt{
				min-height:38px;
				margin:2.6vw 0;
				font-weight:bold;
				}

				.flow li dd img{
					width: 100%;
					height: auto;
					}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:2.66vw;
	padding:4vw 2.66vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}
	.flow_etrade li.balloon{
		position:absolute;
		top:3vw;
		width:46.4vw;
		height:auto;
		right:0;
		}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#313f56;
		font-size:114.28%;
		line-height:1;
		}
		.flow_etrade dl{
			display:flex;
			flex-wrap:wrap;
			}
			.flow_etrade dl dt{
				width:100%;
				height:auto;
				margin:0 0 2.66vw 0;
				}
				.flow_etrade dl dt img{
					width:100%;
					height:auto;
					}
				.flow_etrade dl dd p{
					font-size:3.5vw;
				}
				.flow_etrade dl dd p.cap{
					font-size:3.2vw;
				}
					.flow_etrade dl dd p.ttl strong{
						display:inline-block;
						width:100%;
						margin: 0 0 1.33vw 0;
						padding:1.33vw;
						background:#f7f7f7;
						font-size:4.26vw;
					}

}

@media screen and (min-width: 569px) {

.flow{
	display:flex;
	flex-direction:column;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
}
	.flow li{
		display:flex;
	}
	.flow li:not(:last-of-type){
		margin-bottom:20px;
	}
		.flow li dl{
			display:flex;
			flex-direction:column;
		}
		.flow li dl:nth-of-type(1){
			display:flex;
			flex-direction:column;
			margin-right:20px
		}
			.flow li dl:nth-of-type(1) dt{
				min-height:38px;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:16px;
				font-weight:bold;
				text-align:center;
			}
		.flow li dl:nth-of-type(2){
			display:flex;
			flex-direction:column;
			width:100%;
			max-width:447px;
		}
			.flow li dl:nth-of-type(2) dt{
				width:100%;
				min-height:38px;
				margin-bottom:10px;
				padding:10px 5px 10px 10px;
				background:#f7f7f7;
				font-weight:bold;
			}
			.flow li dl:nth-of-type(2) dd{
				width:100%;
			}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:20px;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
}
	.flow_etrade li.balloon{
		position:absolute;
		right:0;
		}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#313f56;
		font-size:114.28%;
		line-height:1;
	}
		.flow_etrade dl{
			display:flex;
		}
			.flow_etrade dl dt{
				width:204px;
				margin-right:20px;
			}
				.flow_etrade dl dd p.read_mdl{
					margin:17px 0;
				}
			.flow_etrade dl dd{
				width:100%;
				width:449px;
			}
				.flow_etrade dl dd p.ttl strong{
					display:inline-block;
					width:100%;
					margin: 0 0 10px 0;
					padding:0 0 5px 0;
					border-bottom:1px solid #d8dae0;
					font-size:16px;
				}

}


/*	Q&A
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.faq{
	padding:4vw 2.6vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background:url(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/img/icon_faq_open.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;
			}

		.faq dl dt.opened{
			background:url(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/img/icon_faq_close.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/img/icon_a.png) left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.faq dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}


.notice{
	padding:4vw 2.6vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.notice dl{
		border-bottom:1px solid #d8dae0;
		}

		.notice dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;
			}

		.notice dl dt.opened{
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.notice dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.notice dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.notice dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

}

@media screen and (min-width: 569px) {
.faq{
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
	}

	.faq > p{
		margin-bottom:10px
		}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:15px 10px 15px 50px;
			background:url(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/img/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;
			}

		.faq dl dt.opened{
			background:url(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/img/icon_faq_close.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/img/icon_a.png) left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.faq dl dd > p{
				margin:15px 10px 15px 50px;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}



.notice{
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
	}

	.notice > p{
		margin-bottom:10px
		}

	.notice dl{
		border-bottom:1px solid #d8dae0;
		}

		.notice dl dt{
			padding:15px 10px 15px 50px;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;
			}

		.notice dl dt.opened{
			background-size:20px 21px, 23px 23px;
			}

		.notice dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.notice dl dd > p{
				margin:15px 10px 15px 50px;
				}

				.notice dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}


}


/*	item
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.item{
	padding:4vw 2.6vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.item dl{
		border-bottom:1px solid #d8dae0;
		}

		.item dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background:url(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/img/icon_faq_open.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;
			}

		.item dl dt.opened{
			background:url(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/img/icon_faq_close.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.item dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/img/icon_a.png) left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.item dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.item dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

}

@media screen and (min-width: 569px) {
.item{
	margin-top: 20px;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
	width: 100%;
	}

	.item > p{
		margin-bottom:10px
		}

	.item dl{
		border-bottom:1px solid #d8dae0;
		}

		.item dl dt{
			padding:15px 10px 15px 50px;
			background:url(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/img/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;
			}

		.item dl dt.opened{
			background:url(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/img/icon_faq_close.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			}

		.item dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/sell/img/icon_a.png) left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.item dl dd > p{
				margin:15px 10px 15px 50px;
				}

				.item dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}


}


/* clearfix
--------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}
@media screen and (min-width: 569px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}

/* margin - common -
-------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:0.66vw;}
.mb10{margin-bottom:1.33vw;}
.mb20{margin-bottom:2.66vw;}
.mb30{margin-bottom:7vw;}
.mb40{margin-bottom:5.33vw;}

.mt00{margin-top:0!important;}
.mt05{margin-top:0.66vw;}
.mt10{margin-top:1.33vw;}
.mt20{margin-top:2.66vw;}
.mt30{margin-top:4vw;}
.mt40{margin-top:5.33vw;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}


}
@media screen and (min-width: 569px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}

}


/*	cap
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.cap {
	font-size:2.93vw;
	padding-left:1em;
	text-indent:0;
	}

}

@media screen and (min-width: 569px) {
.cap {
	font-size:85.714%;
	padding-left:1em;
	text-indent:0;
	}

}


/*	dropshadow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.shadow{
    box-shadow: 0px 0.26vw 0.52vw 0.4vw rgba(0,0,0,0.17);
}
}

@media screen and (min-width: 569px) {
.shadow{
    box-shadow: 0px 1px 2px 1.25px rgba(0,0,0,0.17);
}
}


/*----------------------------------------------------

	下層ページ（第2階層）

----------------------------------------------------*/

/*	localnavi
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.localnavi{
	display:flex;
	flex-wrap:wrap;
}
	.localnavi a{
		width:calc(50% - 1.33vw);
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	.localnavi dl{
		display:flex;
		flex-direction:column;
		border-radius:1.06vw;
	}

	.localnavi a:nth-of-type(3),
	.localnavi a:nth-of-type(6){
		margin-right:0;
	}

	.localnavi a:nth-of-type(4),
	.localnavi a:nth-of-type(5),
	.localnavi a:nth-of-type(6){
		margin-bottom:0;
	}

		.localnavi dl dt{
		}
			.localnavi dl dt > img{
				border-radius:4px 4px 0 0;
			}
		.localnavi dl dd{
			display: flex;
    		justify-content: center;
    		align-items: center;
			height:9.8666vw;
			margin:0!important;
			background:#313f56;
			color:#fff;
			font-size:2.93vw;
			font-weight:bold;
			text-align:center;
			line-height:1.2;
			border-radius:0 0 1.06vw 1.06vw;
			background:#313f56 url(/sell/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-size:1.5vw auto;
			background-position:center right 2vw;
		}

.localnavi.navi1_1 a:nth-of-type(1),
.localnavi.navi1_2 a:nth-of-type(2),
.localnavi.navi1_3 a:nth-of-type(3),
.localnavi.navi1_4 a:nth-of-type(4),
.localnavi.navi1_5 a:nth-of-type(5),
.localnavi.navi1_6 a:nth-of-type(6),
.localnavi.navi1_7 a:nth-of-type(7),
.localnavi.navi1_8 a:nth-of-type(8),
.localnavi.navi1_9 a:nth-of-type(9){
	display:none;
	}

.localnavi.navi1_1 a:nth-of-type(3),
.localnavi.navi1_1 a:nth-of-type(5){
	margin-right:0;
	}
.localnavi.navi1_2 a:nth-of-type(3),
.localnavi.navi1_2 a:nth-of-type(5){
	margin-right:0;
	}


.localnavi.navi1_3 a:nth-of-type(2),
.localnavi.navi1_3 a:nth-of-type(5){
	margin-right:0;
	}

.localnavi.navi1_4 a:nth-of-type(2),
.localnavi.navi1_4 a:nth-of-type(5){
	margin-right:0;
	}
.localnavi.navi1_4 a:nth-of-type(3){
	margin-right:2.66vw;
	}
.localnavi.navi1_4 a:nth-of-type(3),
.localnavi.navi1_4 a:nth-of-type(5){
	margin-bottom:0;
	}


.localnavi.navi1_5 a:nth-of-type(2),
.localnavi.navi1_5 a:nth-of-type(4){
	margin-right:0;
	}
.localnavi.navi1_5 a:nth-of-type(3){
	margin-right:2.66vw;
	}
.localnavi.navi1_5 a:nth-of-type(3),
.localnavi.navi1_5 a:nth-of-type(4){
	margin-bottom:0;
	}



}


/*	card3_2
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}
	.card3_2 dl{
		display:flex;
		flex-direction:column;
		width:calc(50% - 1.33vw);
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}

	.card3_2 dl:nth-child(even){
		margin-right:0;
	}

		.card3_2 dl dt{
		}
			.card3_2 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card3_2 dl dd{
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:3.73vw;
			text-align:center;
			border-radius:1.06vw 1.06vw 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:1.06vw;
		}

			.card3_2 dl dd em{
				font-size:3.2vw;
			}

	.card3_2 > p{
		width:100%;
	}

}

@media screen and (min-width: 569px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}

	.card3_2 dl{
		display:flex;
		flex-direction:column;
		margin-right:20px;
		margin-bottom:20px;
		border-radius:4px;
		border-radius:4px;
	}

	.card3_2 dl:nth-of-type(3n){
		margin-right:0;
	}

		.card3_2 dl dt{
			margin-top:-0.5px;
		}
			.card3_2 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card3_2 dl dd{
			width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:114.28%;
			text-align:center;
			border-radius:4px 4px 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:4px;
		}

	.card3_2 > p{
		width:100%;
	}

}

/*	card4_4
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card4_4{
	display:flex;
	flex-wrap:wrap;
}
	.card4_4 dl{
		display:flex;
		flex-direction:column;
		width:calc(25% - 1.1vw);
		margin-top:2.66vw;
		margin-right:1.46vw;
		border-radius:1.06vw;
	}
	.card4_4 dl:nth-of-type(4n){
		margin-right:0;
	}

		.card4_4 dl dt{
		}
			.card4_4 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card4_4 dl dd{
			margin:0!important;
			padding:1.4vw 1.4vw 1.26vw 1.4vw;
			background:#313f56;
			color:#fff;
			text-align:center;
			letter-spacing:-0.025em;
			border-radius:1.06vw 1.06vw 0 0;
		}
			.card4_4 dl dd p{
				font-size:2.53vw;
				line-height:1.4;
			}
					.card4_4 dl dd p > em{
						font-size:2.2vw;
						line-height:1.5;
					}

					.card4_4 dl dd p > em.tiny{
						font-size:1.9vw;
						line-height:1.6;
					}

}

@media screen and (min-width: 569px) {
.card4_4{
	display:flex;
	flex-wrap:wrap;
}

	.card4_4 dl{
		display:flex;
		flex-direction:column;
		margin-right:10px;
		margin-top:20px;
		border-radius:4px;
		border-radius:4px;
	}

	.card4_4 dl:nth-of-type(4n){
		margin-right:0;
	}

		.card4_4 dl dt{
		}
			.card4_4 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card4_4 dl dd{
			width:170px;
			min-height:32px;
			margin:0!important;
			padding:6px 8px 4px 8px;
			background:#313f56;
			color:#fff;
			font-size:14px;
			text-align:center;
			border-radius:4px 4px 0 0;
		}


}


/*	arch3_3   calc(50% - 1.33ve)
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.arch3_3{
	display:flex;
	flex-wrap:wrap;
}

	.arch3_3 dl{
		display:flex;
		flex-direction:column;
		width:29.73vw;
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}

	.arch3_3 dl:nth-of-type(3),
	.arch3_3 dl:nth-of-type(6){
		margin-right:0;
	}

	.arch3_3 dl:nth-of-type(4n),
	.arch3_3 dl:nth-of-type(5),
	.arch3_3 dl:nth-of-type(6){
		margin-bottom:0;
	}

		.arch3_3 dl dd:nth-of-type(1){
			padding:2vw 1.3vw 2vw 1.3vw;
			background:#313f56;
			color:#fff;
			font-size:2.66vw;
			text-align:left;
			letter-spacing:-0.03em;
			line-height:1.4;
			border-top:1px solid #dfe3e2;
			border-right:1px solid #dfe3e2;
			border-left:1px solid #dfe3e2;
			border-radius:4px 4px 0 0;
		}

		.arch3_3 dl dt{
			border-right:1px solid #dfe3e2;
			border-left:1px solid #dfe3e2;
		}
			.arch3_3 dl dt > img{
			}

		.arch3_3 dl dd:nth-of-type(2){
			margin:0!important;
			padding:2vw 1.3vw 2vw 1.3vw;
			background:#fff;
			color:#ec5a5f;
			font-size:2.4vw;
			text-align:left;
			line-height:1;
			border:1px solid #dfe3e2;
			border-top:0 solid #fff;
			border-radius:0 0 4px 4px;
		}

			.arch3_3 dl dd:nth-of-type(2) > em{
				display:block;
				margin-bottom:1.33vw;
				color:#202020;
			}

			.arch3_3 dl dd:nth-of-type(2) > span{
				display:block;
				font-size:3.73vw;
				text-align:right;
			}
				.arch3_3 dl dd:nth-of-type(2) > span > em{
					margin-left:0.1em;
					font-size:14px;
				}

.arch3_3 > p.cap{
	margin-top:2.66vw;
}

.arch3_3 > p.cap:nth-of-type(n + 2){
	margin-top:0;
}

}

@media screen and (min-width: 569px) {
.arch3_3{
	display:flex;
	flex-wrap:wrap;
}

	.arch3_3 dl{
		display:flex;
		flex-direction:column;
		margin-right:20px;
		margin-bottom:20px;
		border-radius:4px;
	}

	.arch3_3 dl:nth-of-type(3),
	.arch3_3 dl:nth-of-type(6){
		margin-right:0;
	}

	.arch3_3 dl:nth-of-type(4),
	.arch3_3 dl:nth-of-type(5),
	.arch3_3 dl:nth-of-type(6){
		margin-bottom:0;
	}

		.arch3_3 dl dd:nth-of-type(1){
			width:225px;
			min-height:54px;
			padding:7px 10px 3px 10px;
			background:#313f56;
			color:#fff;
			font-size:14px;
			text-align:left;
			line-height:1.4;
			border-top:2px solid #dfe3e2;
			border-right:2px solid #dfe3e2;
			border-left:2px solid #dfe3e2;
			border-radius:4px 4px 0 0;
		}

		.arch3_3 dl dt{
			border-right:2px solid #dfe3e2;
			border-left:2px solid #dfe3e2;
		}
			.arch3_3 dl dt > img{
			}

		.arch3_3 dl dd:nth-of-type(2){
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#fff;
			color:#ec5a5f;
			font-size:14px;
			text-align:left;
			line-height:1;
			border:2px solid #dfe3e2;
			border-top:0 solid #fff;
			border-radius:0 0 4px 4px;
		}

			.arch3_3 dl dd:nth-of-type(2) > em{
				display:block;
				color:#202020;
			}

			.arch3_3 dl dd:nth-of-type(2) > span{
				display:block;
				font-size:20px;
				text-align:right;
			}
				.arch3_3 dl dd:nth-of-type(2) > span > em{
					margin-left:0.1em;
					font-size:14px;
				}

.arch3_3 > p.cap{
	margin-top:20px;
	width:100%;
}
.arch3_3 > p.cap:nth-of-type(n + 2){
	margin-top:0;
}


}



/*	point123
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.point123{
	padding:4vw;
	background:#ffe153;
	border-radius:1.06vw;
	}


}

@media screen and (min-width: 569px) {
.point123{
	padding:20px;
	background:#ffe153;
	border-radius:4px;
	}

}


.itemicon {
  display: flex;
  justify-content: center;
list-style: none;
}

.itemicon li{
  width: 31%;
  text-align: center;
  margin: 0px 24px 5px 0px;
}

.itemicon li:last-child{
  width: 31%;
  text-align: center;
  margin: 0px 0px 5px 0px;
}




h2.aside-h2 span{
	display:block;
	font-size:133%;
	color:#ffffff;
	background-color:#023893;
	border-bottom:#012259 1px solid;
	padding:9px 13px 7px;
}


/* h1タイトルエリア */
#title-area {
	background-size:3px 3px;
	-webkit-background-size:3px 3px;

	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #023893;
	padding:16px 5px 10px;
}

#title-area span.sub-title {
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	line-height:16px;
	padding-left:10px;
}
#title-area h1 img {
	height:16px;
}
#title-area ul#bread-clumb{
	margin-bottom:4px;
}
#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
	font-size:10px;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
#title-area ul#bread-clumb li a:hover{
	text-decoration:underline;
}

/* h1タイトルエリア */
#title-area {

	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #023893;
	height:91px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area #title-area-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#title-area span.sub-title{
	font-size:167%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	display:inline-block;
	vertical-align:top;
}

#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
#title-area ul#bread-clumb li a:hover{
	text-decoration:underline;
}
#title-area ul#bread-clumb li#home{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 1px no-repeat;
	padding-left:12px;
}


/*店舗を探す*/
#buy-shop-search-wrap{
	font-size: 13px;
}

#detail-shop-search a span{
	width: 135px;
}

@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

main img{
	width:100%;
	height:auto;
	vertical-align:top;
}

main article{
	font-size:3.73vw;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}
	main article em{
		font-style:normal;
	}

	main aside *{
		box-sizing:content-box;
	}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

/*	h1  */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #313f56;
	padding:5.86vw 2.66vw 0 0;
	position:unset;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:0 0 4vw 0;
		color:#313f56;
		font-size:6.4vw;
		text-align:center;
		line-height:1;
	}

/* pagetop */
.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

#title-area #title-area-inner{
	width:100%;
	margin:0 auto;
	position:relative;
}

#buy-shop-check-area li.long {
	width:160px;
}

.section-unit-form {
	border:solid 2px #cccccc;
	width:100%;
	margin:0 auto;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	height:37px;
	background:#ffffff;
}

}

.serviceicon {
}

.serviceicon ul{
  height: 160px;
  display: flex;
}

.serviceicon ul li{
  list-style:none;
  float: left;
  text-align: center;
  padding-right: 20px;
}


/* 20191224追加
***************************** */
.point-list {
	background: #ffe153;
	padding: 16px;
	border-radius: 4px;
}

.point-list-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.point-list-item + .point-list-item {
	margin-top: 16px;
}

.point-list-item img {
	width: 60px;
	margin-right: 12px;
}

.point-list-item > p {
	width: calc(100% - 72px);
}

.point-list-item strong {
	display: inline-block;
	position: relative;
}

.point-list-item strong::after {
	border-bottom: dashed 1px #D9262D;
	display: block;
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.reasons {
	margin: 28px auto 48px;
}

.reasons-item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.reasons-item strong {
	width: calc(100% - 160px);
}

.reasons-item + .reasons-item {
	margin-top: 28px;
}

.reasons-item-images {
	width: 148px!important;
	margin-right: 12px;
}

.reasons-item__title {
	text-align: center;
}

.reasons-item__title img {
	width: 169px;
	height: 169px;
}

.reasons-item__text {
	width: 100%;
}
@media screen and (max-width: 568px) {
  .column-price-sample h2 {
    line-height: 1.4;
    height: auto;
  }
  .column-dealing h2 {
    line-height: 1.4;
    height: auto;
  }
  .column-sell-point h2 {
    line-height: 1.4;
    height: auto;
  }
  .column-item h2 {
    line-height: 1.4;
    height: auto;
  }
  .before-cap {
    font-size: 2.93vw;
  }
  .column-dealing .cap {
    text-indent: -1em;
  }
  .button {
		display: block;
    color: #023893;
		font-size: 13px;
		font-weight: bold;
    text-align: center;
    position: relative;
		padding: 16px;
		border-radius: 5px;
		box-shadow: 0 2px 0 rgba(136, 136, 136, .5);
		max-width: 312px;
		width: 100%;
	}

	.button-arrow::after {
		position: absolute;
		height: 20px;
		width: 20px;
		right: 10px;
		top: 0;
    bottom: 0;
    margin: auto;
		border-radius: 50%;
		background:url("/sell/images/button-arrow-blue.png");
		background-size: cover;
		content: '';
		display: block;
	}

	.button.button--border {
    border: 1px solid;
	}

	.button.button--primary {
		background: #d90000;
		color: #fff;
		font-size: 14px;
	}

	.button.button--primary::after {
		background:url("/sell/images/button-arrow-white.png");
		background-size: cover;
	}

	.button__text.button__text--wide {
    display: block;
		transform: translateX(8px);
		max-width: 220px;
		width: 100%;
	}

	.brand-list__item .button {
		margin: 20px auto 0;
  }
  .column-price-sample .button {
    margin: 20px auto 0;
  }
  .column-dealing .button {
    margin: 20px auto 0;
  }
  .column-faq .button {
    margin: 20px auto 0;
  }
  .faq{
    padding:4vw 2.6vw;
    border: 1px solid #313f56;
    border-radius:1.06vw;
    }

  .faq dl{
    border-bottom:1px solid #d8dae0;
    }

  .faq dl dt{
    padding:3.2vw 12.8vw 3.2vw 10.66vw;
    background:url(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/icon_faq_open.png) right 3.2vw center no-repeat;
    background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
    font-weight:bold;
    }

  .faq dl dt.opened{
    background:url(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/icon_faq_close.png) right 3.2vw center no-repeat;
    background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
    }

  .faq dl dd{
    display:none;
    overflow:hidden;
    background:#f7f7f7 url(/sell/images/icon_a.png) left 2.66vw top 3.2vw no-repeat;
    background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
    }

  .faq dl dd > p{
    margin:2.66vw 3.2vw 3.2vw 10.66vw;
    }

  .faq dl dd > p .cap{
    padding-left:0;
    text-indent:0;
    }
}
@media screen and (min-width: 569px) {
  .button {
		display: block;
    color: #023893;
		font-size: 12px;
		font-weight: bold;
    text-align: center;
    position: relative;
		padding: 16px 0;
		max-width: 280px;
		width: 100%;
		border-radius: 4px;
    box-shadow: 0 2px 0 rgba(136, 136, 136, .5);
	}

	.button::after {
		position: absolute;
		top: 0;
    bottom: 0;
    margin: auto;
		border-radius: 50%;
		content: '';
		display: block;
		background:url('/sell/images/button-arrow-blue.png');
		background-size: cover;
	}

	.button.button--primary::after {
		background:url("/sell/images/button-arrow-white.png");
		background-size: cover;
		right: 20px;
		width: 20px;
		height: 20px;
	}

	.button-arrow.button-arrow--small::after {
		right: 8px;
		width: 15px;
		height: 15px;
	}

	.button.button--border {
    border: 1px solid;
	}


	.button.button--primary {
		background: #d90000;
		color: #fff;
		font-size: 14px;
	}

	.button.button--wide {
		width: 312px;
	}

	.button__text.button__text--wide {
    display: block;
		transform: translateX(8px);
		width: 248px;
	}

	.brand-list__item .button {
		margin: 32px auto 0;
  }
  .column-price-sample .button {
    margin: 20px auto 0;
  }
  .column-dealing .button {
    margin: 20px auto 0;
  }
  .column-faq .button {
    margin: 20px auto 0;
  }
  .reasons {
    margin: 28px auto 48px;
    display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.reasons.reasons-text {
    display: block;
	}

	.reasons-item {
    flex-direction: column;
    width: calc(33% - 24px);
	}

	.reasons-item strong {
    width: 100%;
	}

	.reasons-item + .reasons-item {
		margin-top: 0;
	}

	.reasons-item-images {
		width: 80%;
		height: 80%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .column-dealing .cap {
    text-indent: -1em;
  }
  .before-cap {
    font-size: 85.714%;
  }
  .point-list {
    display: flex;
		justify-content: center;
		padding: 20px;
	}

	.point-list-item {
		flex-direction: column;
		padding: 12px 0;
		width: 100%;
	}

	.point-list-item img {
    flex-shrink: 0;
    width: 70px;
    margin-right: 0;
    margin-bottom: 16px;
	}

	.point-list-item strong::after {
		border-bottom-width: 2px;
	}

	.point-list-item > p {
		text-align: justify;
		text-justify: inter-ideograph;
		width: 100%;
	}

	.point-list-item + .point-list-item {
    margin-top: 0;
		margin-left: 16px;
		padding-left: 16px;
		border-left: 1px solid #fff;
  }
  .faq{
    padding:20px;
    border: 1px solid #313f56;
    border-radius:4px;
    }

  .faq > p{
    margin-bottom:10px
    }

  .faq dl{
    border-bottom:1px solid #d8dae0;
    }

  .faq dl dt{
    padding:15px 10px 15px 50px;
    background:url(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/icon_faq_open.png) right 16px center no-repeat;
    background-size:20px 21px, 23px 23px;
    font-weight:bold;
    }

  .faq dl dt.opened{
    background:url(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/icon_faq_close.png) right 16px center no-repeat;
    background-size:20px 21px, 23px 23px;
    }

  .faq dl dd{
    display:none;
    overflow:hidden;
    background:#f7f7f7 url(/sell/images/icon_a.png) left 16px top 16px no-repeat;
    background-size:20px 21px;
    }


  .faq dl dd > p{
    margin:15px 10px 15px 50px;
    }

  .faq dl dd > p .cap{
    padding-left:0;
    text-indent:0;
    }
}