@charset "UTF-8";



.dvd-set{
	position: relative;
	background-color: hsla(0,0%,0%,0.8);
	padding: 3rem;
	/*border: 1px solid hsla(0,96%,40%,0.5);*/
	margin:auto;
	max-width: 1200px;
	width:95%;
}

.dvd-set2{
	position: relative;
	padding: 2rem;
	border: 1px solid hsla(0,96%,40%,0.5);
	margin:auto;
	max-width: 1000px;
	width:90%;
}


@media screen and (max-width: 767px) {
	.dvd-set{
	position: relative;
	background-color: hsla(0,0%,0%,0.8);
	padding:1.5rem 1rem;
	/*border: 1px solid hsla(0,96%,40%,0.5);*/
	margin:auto;
	max-width: 1200px;
	width:95%;
}

.dvd-set2{
	position: relative;
	padding: 2rem;
	border: 1px solid hsla(0,96%,40%,0.5);
	margin:auto;
	max-width: 1000px;
	width:90%;
}
	
	
}

.dvd__title{
	color: #C80404;
	margin-bottom: 1.5rem;
	font-size:clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
	text-align: center;
	line-height: 1.8rem;
}

.dvd__title2{
	color: #C80404;
	margin-bottom: 1.5rem;
	font-size:clamp(1.1rem, 0.955rem + 0.73vw, 1.5rem);
	text-align: center;
	line-height: 1.8rem;
}

.dvd__title3{
font-size:clamp(1.1rem, 1.027rem + 0.36vw, 1.3rem);
	color: hsla(0,0%,100%,1.00);
	text-align: center;
}

.dvd__title4{
	color: #C80404;

}

.dvd__img{
	position: relative;
	width:100%;

	
	
	
}


.flex_container{
	
	
display: flex;
	
		 flex-wrap: wrap;
  justify-content:space-between;
/*  align-items: center;*/
}

.flex_item{
	width:48%;
}


.flex_container2{
	
	
display: flex;
  justify-content:center;
 /* align-items: center;*/
}

.flex_item2{
	width:60%;
}


@media screen and (max-width: 767px) {
	
	.flex_item{
	width:100%;
		margin-bottom: 2rem;
}
	
		.flex_item2{
	width:100%;
	
}

	
}


.flex_container3{
	
display: flex;
	 flex-wrap: wrap;
  justify-content:space-between;
/*  align-items: center;*/
}

.flex_item3{
	width:23%;
	margin-top: 1rem;
}


.dvd_text{
color: #E1E1E1;	
	
}


.dvd_text2{
	font-size:clamp(0.75rem, 0.695rem + 0.27vw, 0.9rem);
	line-height: 1.5;
}


.tokuten_img{
	position: relative;

/*border: 1px solid hsla(0,96%,40%,0.5);*/
	margin:auto;
	max-width: 750px;
	width:90%;
}

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

@media screen and (max-width: 767px) {
	
	.tokuten_img{
	position: relative;

/*border: 1px solid hsla(0,96%,40%,0.5);*/
	margin:auto;
	max-width: 100%;
	width:90%;
}
	
	.flex_item3{
	width:48%;
	margin-top: 1rem;
}
}




.footer__billing{
	position: relative;
	width:90%;
	max-width: 500px;
	
}