@charset "utf-8";
/* CSS Document */
/* 
-------------------------------------------------- */
.bg01--area {
	padding:6.667% 0 23.667%;
	background:url("../img/sentakuso-pro/bg_01.png") center top no-repeat;
	background-size:cover;
}
.movie--howto--index {
	padding:0 0 23.667%;
	background:#fff url("../img/dani/bg_03.jpg") center top no-repeat;
	background-size:100% auto;
}

.bg02--area .acc {
	margin-top:16%;
}

.movie--area { margin-top:-44%;}

@media (min-width: 641px) {
/* PC用 */
	.container { padding-top:56px;}
	iframe { height:400px;}
}
@media (max-width: 640px) {
/* SP用 */
	.container { padding-top:45px;}
	.bg01--area {}
	iframe.movie,
	.bg01--area iframe { height:208px;}
}


/* .intro
-------------------------------------------------- */
.intro {}
.intro dt h2 {
	padding-right:1.5em;
	font-size: min(4.8vw,2.6em);
	background: #002d50;
}
.intro dd { 
	background:#fff;
}
.intro dd h3 {
	font-size:146%;
}
.acc dd h4 { font-size: min(4.1vw,2.4em);}
.acc dd p { font-size: min(3.7vw,2.6em);}

.movie--howto--index iframe {}
.movie--howto--index .acc { margin-top: 8.8%;}

@media (min-width: 641px) {
/* PC用 */
}
@media (max-width: 640px) {
/* SP用 */
	.movie--howto iframe { height:208px;}
}


/* buy--area01
-------------------------------------------------- */
.img01 { margin-top:-6%;}

.buy--area01 { 
	display: flex;
	flex-wrap: wrap;
}
.buy--areaCh {
	width:50%;
}

.buy01 {
	margin:1em auto 3em;
}
@media (min-width: 641px) {
/* PC用 */
}
@media (max-width: 640px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media (min-width: 641px) {
/* PC用 */
}
@media (max-width: 640px) {
/* SP用 */
}