@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;
}

.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: #fafafa;
background-image: url(images/bg.png);
}
img{
	vertical-align: bottom;

width: 100%;
}

h2{
	color: #fafafa;
	text-align: center;
	font-size: 32px;
}
h2.bled_h2{
	color: #000000;
	font-size: 32px;
	margin-bottom: 3%;
}
.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;
}
.s32{
	font-size: 32px;
}
.s33{
	font-size: 32px;
}

.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 1px;
	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;
}

.right{
	float: right;
	margin-left: 1%;
}
.left{
	float: left;
}
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?c");
background-height: 100%; 
background-repeat: no-repeat;
z-index: 9;
background-size:cover;



}
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;
	background: #fefefe;
	margin: 0 auto;
	/* box-shadow */
box-shadow:0px 0px 11px -2px #000000;

/* border-radius */

/* border */
border:1px solid #cccccc;

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

.contents2{
width: 100%;
max-width: 960px;
margin: 0 auto;
text-align: left;
padding: 5%;
background-color: #FDF3DD;
}

.contents3{
	border:6px solid #b30f03;
	border-top: none;
	background: #fff;
	padding: 4%;
	margin-bottom: 4%;
}

p{
	margin-bottom: 3%;
	letter-spacing: .05em;
}
.monitor{
	padding: 3%;
	line-height: 180%;
	background-color: #fcfcfc;
	border-top:4px solid #dadada;
	margin-bottom: 5%;
}

.monitor_bg{
	padding: 5%;
	line-height: 180%;
	background-color: #fafafa;
	background-image: url("");
	margin-bottom: 5%;}

.monitor p{
	color: #232323;
}
.monitor_header{
	background-color: #343434;
	background-image: url("images/taikendan.jpg");
	padding-top: 6%;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 5%;
	overflow:hidden;
	width: 100%;
	background-size: cover;
}

.monitor_header2{
	background-color: #000066;
	background-image: url("images/taikendan2.png");
	padding-top: 6%;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 5%;
	overflow:hidden;
	width: 100%;
	background-size: cover;
}
	
.monitor_title{
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 140%;
	text-align: center;
	float: left;
	width: 67%;
	margin-bottom: 0;
	display: inline-block;
}
	
.monitor_image{
	vertical-align: middle;
	margin-bottom: 0;
	float: right;
	width: 200px;
	height: 200px;
}

.monitor_voice{
	display: block;
	margin-bottom: 2%;
	width: 100%;
}
.bled{
	padding: 2%;
	border:2px solid #cccccc;
	margin-bottom: 5%;
}
.offerarea{	
	margin-bottom: 5%;
}
p{
text-align: left;
}

p.time{
		color: #f4cf6b;
line-height: 150%;
	margin-bottom: 0;
	font-size: 46px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
p.page{
		color: #f4cf6b;
line-height: 150%;
	font-size: 46px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-bottom: 0;
}
p.limit{
		color: #000000;
line-height: 160%;
	margin:0 auto; 
	width: 60%;
	background-color: #f4cf6b;
	font-size: 32px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
p.price{
	color:#000;;
	font-size:5em;
	margin-bottom: 0;
	text-align: center;
	line-height: 150%;
	font-weight:bold;
}


.yen{
	font-size: 24px;
}
.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{
}
.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%;
}

.profile{
background-color: antiquewhite;
}


.profile p{
text-align: left;
padding: 0 5%;
color: #232323;

}
.question_header{
	background:#56626f;
	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:3px solid #baab69;
	margin-bottom: 2%;
	background-color:#eff1f6;
}
.namae{
	max-width: 320px;
	float: right;
}
div.q{
	border-radius: 10px 10px 0 0 ;
	background-color:#ccc;
padding-bottom: 3%;
	text-align: center;
}
div.a{
	background-color:#fff;
	border:1px solid #bbb;
	width: 100%;
	margin: 0 auto 48px auto;
	padding: 3%;
	text-align: left;

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

}

.dif2{
	border:3px solid #b19748;
	border-top: none;
	background: #fff;
	padding: 4%;
	margin-bottom: 4%;
}
.dif2 p.dif_title{
	padding: 2%;
	border:2px solid #b19748;
	background: #fdf7e6;
	text-align: center;
	color: #160901;
}
.dif2 p{
	color: #434343;

}

.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;
}
.inimg{
  max-width: 100%;
  margin: 0 auto;
}
.inimg2{
	max-width: 810px;
}
.check{
	width: 50px;
	vertical-align: middle;

}
.tsuika{
	width: 160px;
	vertical-align: middle;
}
.tokuten_tsuika{
	background-image: url(images/tokuten_tsuika.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	border-top: 0;
	height: 140px;
	padding-top: 3%;

	text-align: center;

}
.morizo{
	max-width: 25%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
.bled_area{
	border-bottom: 1px dotted #232323;
	margin-bottom: 4%;
	overflow: hidden;
}
.bled_con{
	border-bottom: 1px solid #ccc;
	margin-bottom: 3%;
	padding-bottom: 2%;
	overflow: hidden;
}
.bled_img{
	float: left;
	width: 10%;
	display: block;
}
.bl_text{
	float: right;
	width: 84%;

}

.box-img{
	float: left;
	width: 30%;
}

.box-text{
	display: inline-block;
	width: 70%;
}


input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
label{
	display: block;
	text-align: center;
}
input{
	display: block;
	padding:16px;
	border:1px solid #203053;
	border-radius: 5px;
	width: 80%;
	margin: 0 auto 32px;
}

.btn:hover{
	opacity:.9;
    animation-name: shakeX;
    animation-duration: 1s;
}

.mail_area{
	border:4px solid #203053;
	width: 90%;
	padding: 32px;
	max-width: 960px;
	margin: 32px auto;
}
footer{
	text-align: center;
	padding: 24px;
	background-color: #232323;
}
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;
	}
	.s33{
		font-size: 16px;
	 }
	
	.monitor_title{
		font-size: 18px;
}
	.que{
		font-size: 16px;
		padding: 0 2%; 
		line-height: 120%;
	}

	.monitor_image{
		width: 30%;
		height: auto;
	}

	header{
		background-size: auto ;
	}
.price_area{
	background-size: 100%;
}
.offerarea  p.time{
    font-size: 24px;
}
.offerarea  p.page{
    font-size: 24px;
}
.offerarea  p.limit{
font-size: 24px;
}
.offerarea  p.price{
    font-size: 30px;
}
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;
	}
	.answer{
		font-size: 18px;
	}
	.offerarea  p.limit{
font-size: 18px;
}
.tokuten_bg{
font-size: 14px;
}
.tokuten_title{
	padding-top: 2%;
	line-height: 120%;
	font-size: 14px;
}
}
@media screen and (max-width: 460px){
		.monitor_title{
		font-size: 12px;
		line-height: 115%;
	}

.que{
		font-size: 14px;
	}
	.offerarea  p.time{
    font-size: 18px;
}
.offerarea  p.page{
    font-size: 18px;
}
.offerarea  p.limit{
font-size: 16px;
}
.offerarea  p.price{
    font-size: 20px;
}
}