@charset "utf-8";
/* CSS Document */

.col_2{display: flex;justify-content: space-between;}
.cl{clear: both;}
.cnt{text-align: center!important;}
.mb15{margin-bottom: 15px!important;}
.mt15{margin-top: 15px!important;}
.mr5{margin-right: 5px}
.r_box{margin: 0 0 0 auto; width: 360px;}
.t_right{text-align:left;color: #fff;font-size: 80%;line-height: 130%;margin-top: -15px;margin-bottom: 15px;padding-left:1em;
text-indent:-1em;}
small{font-size: 50%;}

#sec02 div.wh_box .txt02 {
	width: 100%;position: relative;
    border: 1px solid;
    padding: 14px 16px;
    box-sizing: border-box;/*position: absolute;*/z-index: 0;
}
#sec02 div.wh_box .txt02 img{width: 300px;position: absolute;top:-10px;right:-20px;z-index: 3;}
#sec02 div.wh_box .txt02 ul h3{font-weight: bold;text-align: left;font-size: 110%;margin: 0;}
#sec02 div.wh_box .txt02 ul li {
     font-family: initial;
    font-weight: 400;
    margin: 0 0 0px 0;
    line-height: 1.7;text-align: left}
#sec02 div.wh_box .txt02 ul li:before {
    content: '\25CF';
    color: #213353;
    font-size: 50%;
    margin: 4px 5px 0px 0px;
}
.background small{font-size: 85%}

#sec03 h2.tit {    
	padding: 2px 0px 0px 0px;font-size: 34px;left: 0px;max-width: 1024px;}
#sec03 h2{width: 100%}
#sec03 .dvd{width: 100%}
#sec03 img.btn_dvd { right: 0px;}

#sec03 .dvd img{width: 370px;z-index: 3;margin:0 auto;position: relative;top:-70px}
#sec03 .kakaku {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 900; font-size:28px!important;  color: #fff;margin-left: -190px;
   /* position: absolute; left: -120px;*/
   padding: 12px 26px 6px 0px;}
#sec03 .kakaku em {
	font-size: 1.5em;
    vertical-align: -0.05em;
	margin: 0 -0.3em 0 0;
}
#sec03 .box { padding:140px 50px 80px;}

/* 768px以下
================================================================================================================================ */

@media screen and (max-width: 786px) {

.col_2 {display: block;}
.r_box{width: 242px;}	
.t_right{margin-right: 0px;}
#sec01b div.naze ul {
    margin: 0px auto 20px;
    background-position: center top;padding: 80px 0 0;	}
	
	
#sec02 div.wh_box .txt02 ul li {
    font-size: 2vw;		
}
#sec02 div.wh_box div.txt_box {
	display: block;
	margin: 0;
}
#sec02 div.wh_box .txt02 {
	margin: 20px auto 0;
	width: auto;
}
#sec02 div.wh_box .txt02 img{right:0px;top:-160px;}

#sec03 .kakaku{margin-left: -20px;}	
#sec03 h2{width: 100%}
#sec03 .dvd{width: 100%}
#sec03 h2.tit {left: 0px;}	
#sec03 .dvd img{ top: -60px;right: 0px;left: 0;margin: auto;}	
	
}

/* 480px以下
================================================================================================================================ */

@media screen and (max-width: 480px) {
.mb15{margin-bottom: 0px!important;}
.mt15{margin-top: 0px!important;}	
header .wrap ul.hdr_right a {margin: 0 0 0 10px!important;}
	.r_box{margin:0 auto}	
.r_box{width: 200px;}	
#sec02 div.wh_box .txt02 ul li {
    font-size: 3.5vw;		
}
#sec02 div.wh_box .txt02 {
	display: block;overflow: hidden;height: 420px;}	
#sec02 div.wh_box .txt02 img{right:0%;top:180px;}	
#sec03 h2.tit {
    font-size: 6vw;top: -100px;
	padding: 1rem 3rem 1rem 5rem;}	
#sec03 .kakaku{font-size: 4.5vw!important;margin-left: 0px;}
#sec03 .box { display: block;	padding: 16vw 15px 30px;}	
#sec03 .box .box_l h3 { font-size: 8vw;}	
#sec03 .dvd img {top: 10px;}	
	
}

/* 380px以下
================================================================================================================================ */

@media screen and (max-width: 380px) {
	
#sec03 .dvd img {top: -420px;}	
}