@charset "utf-8";
*{
	border: 0;
	 font-family: 'Roboto',Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 16px;
color: #232323;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #ffffff;
	text-decoration: underline;
	transition:color .2s ease-out;
}
a:hover{
	color: #cccccc;
}
.br:before {
	content: "\A" ;
	white-space: pre ;
}
.left{
	float: left;

}
html{
		width: 100%;
height: 100%;

}
body{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;	width: 100%;
height: 100%;
background-color: #000000;
background-image: url(images/body_bg.jpg);
background-size: 100%;
}
img{
	vertical-align: bottom;

width: 100%;
}
a img:hover{
	opacity: .5
}
h2{


	color: #fafafa;
	text-align: center;
	font-size: 32px;
}

.top_images_pc{
		display: inline-block;
		width:100%;
	max-width: 1360px;
	}
	.top_images_sp{
		display: none;
	}
.reception{
	width:100%;
	max-width: 385px;
}
.s20{
	font-size: 20px;
}
.s26{
	font-size: 26px;
}
.s32{
	font-size: 32px;
}
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.underline{
	text-decoration: underline;
}
.bold{
		font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;


}
.bg_ylw{

	padding: 0 16px;
	background-color: #ffff00; 
}
.bg_red{
	display: inline-block;
	padding: 8px 32px;
	background-color: #ff0000; 
}
span.blk{
	color: #000000;
}
.ylw{
	color: #ffff00;
}
.red{
	color: #ff0000;
}
.wit{
	color: #ffffff;
}
.blu{
	color: #0096ff;
}

.mt56{
	margin-top: 56px;
}


.lost{
	margin-top: 32px; 
	background: #000;
	padding: 16px 24px;
	display: inline-block;
	color: #ffffff;
}
.cau{
	font-size: 12px;
	line-height: 100%;
}
.law_h2{
	padding: 0 0 4% 0;
}
img.law_img{
	width: 300px;
}
.voice_img{
	float:right;
	width: 50%;
	margin-left: 2%;
	max-width: 300px;
}
table{
	margin: 0 auto;
	width: 80%;
}
table tr td:nth-child(odd){
	min-width: 160px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}
table tr td{
	
	padding: 16px;
	border: 1px solid #ccc;
}
table tr td li{
	list-style: none;
}
header{
	width: 100%;

	text-align: center;

background-image:url("images/header_01.png");
background-size: 100%;
background-repeat: no-repeat;
position: relative;
z-index: 9;



}
header h1{
vertical-align: top;

color: #eeeeee;
font-size: 12px;
font-weight: normal;
letter-spacing: .1em;



}
header p{
	display: inline-block;
	color: #ffffff;
}
header h1 img{vertical-align: top;
max-width: 100%;
}

.header_inner{
width:1080px;

	margin: 0 auto;
	

}


div.contents_bg{
	width: 100%;
	max-width: 900px;
padding-top: 2%;
	background: #fefefe;
	margin: 0 auto;
	/* box-shadow */
box-shadow:0px 0px 11px -2px #000000;




	
}
.contents{
width: 100%;
max-width: 960px;
margin: 0 auto;
text-align: left;
padding: 5%;
}


div.box1{
	border:8px solid #0071d1;
	padding: 3%;
}

div.box2{
	border:8px solid #947727;
	
	padding: 3%;
	margin-bottom: 5%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,6d0019+49,8f0222+98 */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #6d0019 49%, #8f0222 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a90329 0%,#6d0019 49%,#8f0222 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a90329 0%,#6d0019 49%,#8f0222 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */

}
div.box2_inner{
	background-color: #ffffff;
	border:1px solid #947727;
	padding: 3%;
}
p{
	margin-bottom: 1%;
	letter-spacing: .05em;
}
.monitor{
	padding: 5%;
	line-height: 180%;

	background-color: #cccccc;
		background-image: url("images/taikendan_bg.jpg");
border:8px solid #c8a455;
border-top: 0px;
margin-bottom: 5%;

}

.monitor_bg{
	padding: 5%;
	line-height: 180%;
	background-color: #fafafa;

margin-bottom: 5%;
border:1px solid #c8a455;
}

.monitor p{
	color:#232323;
}
.monitor_header{
	
	background-image: url("images/taikendan.png");
	padding: 5%;
	padding-top: 10%;
	overflow: hidden;
	min-height: 330px;
}
.monitor_title{
	font-size: 28px;

	color: #ffffff;
	line-height: 140%;
	text-align: center;
	float: left;
	width: 67%;
	margin-bottom: 0;
	display: inline-block;

	
}
.monitor_title span{
	font-size: 28px;

	color: #ffffff;
}

.monitor_image{
	vertical-align: middle;
	margin-bottom: 0;
	float: right;
	width: 200px;
	height: 200px;
	background-color: #f00;
}

.monitor_voice{

	display: block;
margin-bottom: 6%;
	width: 100%;
}
.bled{
	font-weight: bold;
	font-size: 24px;
	color: #ff0000;
}
.bled:before{
	content:"";
}
.product{

	
	margin-bottom: 5%;
}
p{
	text-align: left;
}
p.time{
		color: #ff1e43;
line-height: 150%;
	margin-top: 5%;
	font-size: 38px;

}
p.page{
		color: #ff1e43;
line-height: 150%;
	font-size: 38px;
margin-bottom: 5%;
}
p.limit{
		color: #fafafa;
line-height: 160%;
	margin:0 auto; 
	border-top:3px solid #ff516b;
	border-bottom:3px solid #ff516b;
	width: 100%;
	font-size:36px;
padding:5%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0026+0,b71618+49,ff0026+100 */
background: #ff0026; /* Old browsers */
background: -moz-linear-gradient(left,  #ff0026 0%, #b71618 49%, #ff0026 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff0026 0%,#b71618 49%,#ff0026 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff0026 0%,#b71618 49%,#ff0026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0026', endColorstr='#ff0026',GradientType=1 ); /* IE6-9 */

}
p.price{
	color: #000000;
	margin-top: 5%;
	text-align: center;
	font-size: 48px;
line-height: 150%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.yen{
	font-size: 24px;
	color:#fafafa;
}
.price_area{
	padding: 3%;
	background-color: #eee;
	background-image: url("images/price_bg.jpg");
}
.soudan{
padding: 3%;
	border:8px solid #19538e;
	background-color: #fcf3dc;
	overflow: hidden;
}

.tellimg{
	width: 50%;
}
.soudan_inner{

	border-radius: 12px;
	background:#fafafa;
}
.soudan_inner p{
text-align: left;
padding: 0 5%;
color: #232323;

}
.bunkatsu{
	text-align: center;
}
.btn{
	text-align: center;
}
.btn_img{
	max-width: 616px;

}
.payment_img{
	max-width: 709px;
}
.tokuten{

	border-top: 0;
	padding-bottom: 5%;
	margin-bottom: 5%;
	background-color: #000000;
}
.tokuten_title{
	text-align: center;
	font-size: 26px;
	margin-bottom: 0;
	padding:5%;
	padding-top: 0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #f4cf6b;
}
.tokuten_in_img{
	display: block;
	margin: 0 auto 5% auto;
width: 90%;
}
.tokuten_bg{
	background-color: #f4cf6b;
	display: inline-block;
	margin-right: 2%;
	vertical-align: middle;
	line-height: 100%;
	padding: 1%;
	color: #000000;
	font-size: 22px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.tokuten_in{
	width: 90%;
	background-color: #fff;
	margin: 0 auto;
	padding: 3%;
}
.henkin{

	border:4px solid #957a54;
	overflow: hidden;
	padding: 0 0 5% 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#957a54+0,604923+49,957a54+100 */
background: #957a54; /* Old browsers */
background: -moz-linear-gradient(top,  #957a54 0%, #604923 49%, #957a54 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #957a54 0%,#604923 49%,#957a54 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #957a54 0%,#604923 49%,#957a54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#957a54', endColorstr='#957a54',GradientType=0 ); /* IE6-9 */

}
.henkin_inner{

	border:4px solid #957a54;
	background-color: #fafafa;
	background: url(images/credit.jpg);
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}
.henkin p{
text-align: left;
padding: 0 5%;
color: #121212;

}
.bonus{
		
		border-top: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#820002+0,9b0303+50,820002+100 */
background: #820002; /* Old browsers */
background: -moz-linear-gradient(top, #820002 0%, #9b0303 50%, #820002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #820002 0%,#9b0303 50%,#820002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #820002 0%,#9b0303 50%,#820002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820002', endColorstr='#820002',GradientType=0 ); /* IE6-9 */

padding-bottom: 5%;
overflow: hidden;
}

.bonus_inner{
	
	background-color: #fffaee;
	overflow: hidden;
	width:90%;
	margin: 0 auto;
	padding: 5%;
}

.product{
	background:url("images/product_bg.jpg");
	padding: 0 0 5% 0;
	border:6px solid #957a54;
}

.product_inner p{
text-align: center;
}

.credit{
	border:1px solid #000000;
	width: 70%;
	margin: 0 auto 5%;
padding: 2%;
background-color: #ffffff;
	
}
.credit p{
	text-align: left;
}
.question_header{
	background:#2868aa;
	padding: 4%;
	margin-bottom: 4%;
	font-size: 20px;
	text-align: center;
	color: #fafafa;
}
.question_header img{
	width: 60%;
	margin: 0 auto 2% auto;
	display: block;
}
.question{
	padding: 3%;
	border:4px solid #2868aa;
	margin-bottom: 2%;
}
.namae{
	max-width: 320px;
	float: right;
}
div.ng_bg{
	background-color:#000000;
border:6px solid #666666;
	text-align: center;
}
div.ng{
	
padding: 5%;
}
div.ng p{
	color: #fafafa;
}
div.a{
	background-color:#000000;
	border:6px solid #666666;
	width: 100%;
	margin: 0 auto 48px auto;
	padding: 5%;
	text-align: left;

}
div.a p{
	color: #fafafa;
}
.bld{

	border:6px solid #ff005a;
	width: 100%;
	margin: 0 auto 3% auto;
	padding: 5%;
	text-align: left;
background: url(images/credit.jpg);


}
.bld p:before{
	content: "";
 width:50px;
 height: 50px;
 display: inline-block;
 vertical-align: middle;
 margin-right:2%;
 background-image: url(images/bld.png);
 background-size: 100%;
}
.q{
	color: #0071d1;
	font-size: 18px;
font-weight: bold;
}
.as{
	color: #ff0026;
	font-size: 18px;
font-weight: bold;
}
.q:before{
	content: "";
 width:50px;
 height: 50px;
 display: inline-block;
 vertical-align: middle;
 margin-right:2%;
 background-image: url(images/qa.jpg);
 background-size: 100%;
}
.as:before{
	content: "";
 width:50px;
 height: 50px;
 display: inline-block;
 vertical-align: middle;
 margin-right:2%;
 background-image: url(images/as.jpg);
 background-size: 100%;
}

.dif{
	border:6px solid #b6a75e;
	border-top: none;
	background: #232323;
	padding: 4%;
	margin-bottom: 4%;
}
.dif p.dif_title{
	padding: 2%;
	border:1px solid #b6a75e;
	text-align: center;
	color: #b6a75e;
}
.dif p{
	color: #fafafa;

}

.answer{
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ee122c+50,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ee122c 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ee122c 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ee122c 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
font-size: 34px;
font-weight: bold;
color: #ffffff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.que{
	font-size: 20px;
	font-weight: bold;
	color: #EE122C;
}
.goto{
	width:200px;
}
.inimg{
	max-width: 600px;
}
.inimg2{
	max-width: 810px;
}
.check{
	width: 50px;
	vertical-align: middle;
}
.masa{
	width:30%;
}
.bled_area{
	border:8px solid #232323;
	padding: 5%;
}
.bled_con{
	border-bottom: 1px solid #ccc;
	margin-bottom: 3%;
	padding-bottom: 2%;
	overflow: hidden;
}
.bled_img{
	float: left;
	margin-right: 2%;
	width: 40px;
	display: block;
}
.bl_text{
	float: right;
	width: 84%;

}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input{
	padding:16px;
	border:1px solid #203053;
	border-radius: 5px;
	width: 80%;
	margin-bottom: 32px;
}
.button{
	width: 60%;
	padding:0;
	border:0px;
	transition:opacity .2s ease-out;
	margin-bottom: 0px;
}

.button:hover{
	opacity:.6;
}
.mail_area{
	border:4px solid #203053;
	width: 90%;
	padding: 32px;
	max-width: 960px;
	margin: 32px auto;
}
footer{
	text-align: center;
	padding: 24px;

	background-color: #000000;
}
footer p{
	color:#ffffff;
	text-align: center;
	margin-bottom: 0;
}


@media screen and (max-width: 1079px){
.header_inner {
width: 100%;
}
.top_images_pc{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	*{
		font-size: 12px;
	}
	.s20{
		font-size: 14px;
	}
	.s32{
		font-size: 16px;
	}
	.monitor_title{
		font-size: 24px;
	}
	.monitor_title span{
		font-size: 24px;
	}
	.que{
		font-size: 16px;
		padding: 0 2%; 
		line-height: 120%;
	}

	.monitor_image{
		width: 30%;
		height: auto;
	}
	.monitor_header{
		min-height: 0px;
		border-bottom: 2px solid #db182b;
		background-position: center center;
	}
	header{
		background-size: auto 100%;
	}
.price_area{
	background-size: 100%;
}
.product  p.time{
    font-size: 24px;
}
.product  p.page{
    font-size: 24px;
}
.product  p.limit{
font-size: 24px;
}
.product  p.price{
    font-size: 30px;
}
.product p.s26{

	width:80%;
	margin: 0 auto;

}
.product p span.s26{

	width:80%;
	margin: 0 auto;

}
.btn_img{
	width: 80%;
}
input{
	padding:3%;
	margin-bottom: 4%;
}
footer{
	padding: 4%;
}
footer p{
	font-size:10px;
}
footer p a{
	font-size:10px;
}
.mail_area{
	padding: 4%;
}
.mail_area p{
	font-size:13px;
}
table{
	width: 80%;
}
table tr td:nth-child(odd){
	min-width: 80px;
font-size: 10px;
}
table tr td{
	padding: 6px;
	font-size: 10px;
	}

.sp_img{
	width: 90%;
}
.tokuten_title{
	
	font-size: 20px;
}
}
@media screen and (max-width: 600px){
		.monitor_title{
		font-size: 20px;
	}
		.monitor_title span{
		font-size: 20px;
	}
	.answer{
		font-size: 18px;
	}
	.product  p.limit{
font-size: 18px;
}
.tokuten_bg{
font-size: 14px;
}
.tokuten_title{
	padding-top: 2%;
	line-height: 120%;
	font-size: 14px;
}
.goto{
	width: 100px;
}
.credit{
	width: 90%;
}
.bled{
	font-size:12px;
}
.bld p:before{
	content: "";
 width:24px;
 height: 24px;
 display: inline-block;
 vertical-align: middle;
 margin-right:2%;
 background-image: url(images/bld.png);
 background-size: 100%;
}
.as,.q{
	font-size:12px;
}
}
@media screen and (max-width: 460px){
		.monitor_title{
		font-size: 15px;
		line-height: 120%;
	}
	.monitor_title span{
		font-size: 15px;
		line-height: 120%;
	}
.que{
		font-size: 14px;
	}
	.product  p.time{
    font-size: 18px;
}
.product  p.page{
    font-size: 18px;
}
.product  p.limit{
font-size: 16px;
}
.product  p.price{
    font-size: 30px;
}
.product p.time{
	font-size: 24px;
}
.product p.s26{
	font-size: 16px;
	width:80%;
	margin: 0 auto;
	line-height: 140%;
}
.product p span.s26{
	font-size: 16px;
	width:80%;
	margin: 0 auto;
	line-height: 140%;
}
}