@charset "utf-8";
/* CSS Document */

a:hover img,
input[type="image"]:hover {
	filter:alpha( opacity=70 );
	-ms-filter:"alpha( opacity=70 )";
	opacity:0.7;
}



/*-------------------------------------------------------------------------
header
------------------------------------------------------------------------- */
.header {
	width:100%;
	height:400px;
	margin:0 auto 25px auto;
	padding:0;
	border-top:solid 5px #e60021;
	text-align:center;
	overflow:hidden;
	background-color:#ffffff;
	background-image:url("../img_lp/header_inner_bg.png");
	background-repeat:no-repeat;
	background-position:center top 45px;
}
.header .inner {
	width:990px;
	margin:0px auto 0 auto;
	padding:0;
	overflow:hidden;
}
.header .inner h1 {
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:normal;
	float:left;
}
.header .inner h1 strong {
	font-size:24px;
}
.header .inner h1 span {
	margin-left:1em;
}
.header .inner p {
	clear:both;
	float:left;
	font-size:13px;
	padding:5px 0 5px 0;
}
.header .inner p span {
	float:left;
	clear:both;
	display:block;
	line-height:1.2;
}
.header .inner p span span {
	width:7em;
	display:inline-block;
	text-align:right;
}
.header .inner p span a {
	font-size:12px;
	text-decoration:underline;
}
.header p.phone {
	position:fixed;
	top:0;
	right:50px;
	z-index:99999;
}
.header .mainlead {
	text-align:center;
	position:relative;
	top:120px;
	font-size:48px;
	line-height:1.2;
	background-color:#ffffff;
	margin:0 170px;
	padding:25px 0;
	color:#e60021;
	background:rgba(255,255,255,0.7);
}
.header .mainlead strong {
	display:block;
	color:#333333;
	font-size:34px;
}
.header h3.sublead {
	margin:0 170px;
	padding:15px 0;
	font-size:18px;
	position:relative;
	top:140px;
	text-align:center;
	background-color:#e60021;
	color:#ffffff;
}


/*-------------------------------------------------------------------------
thankspage
------------------------------------------------------------------------- */
.header.thanks {
	width:100%;
	height:auto;
	margin:0 auto 0px auto;
	padding:0;
	border-top:solid 5px #e60021;
	text-align:center;
	overflow:hidden;
	background:none;
}
.msgbox {
	width:800px;
	margin:3% auto;
	padding:35px;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.msgbox h2 {
	margin:3% 0;
	background:none;
	font-size:24px;
	color:#E60021;
	text-align:center;
}
.msgbox p {
	text-align:center;
	margin:3% 3% 0 3%;
}
.msgbox p span {
	display:block;
	margin:2% 0;
}
.msgbox p span.tel {
	width:60%;
	margin:3% auto;
	padding:3%;
	background-color:#fff5d9;
	line-height:1.8;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.msgbox p span.tel b {
	font-size:120%;
	color:#555555;
	margin-left:10px;
}


/*-------------------------------------------------------------------------
article
------------------------------------------------------------------------- */
.about-body {
	width:990px;
	margin:0 auto 50px auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	clear:both;
}
.about-body-end {
	width:990px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	clear:both;
	margin:0 auto 0 auto;
}
.about-body p.catch {
	font-size:20px;
	width:800px;
	margin:0 auto;
	padding:10px 0 10px 0;
	border-bottom:5px solid #e60021;
}
.about-body p.catch span {
	line-height:1.2;
	padding:10px 0;
	display:block;
	color:#099aeb;
	font-size:30px;
	font-weight:bold;
}
.about-body h2 {
	margin:10px auto 20px;
	padding:10px 0 0;
	font-size:45px;
	color:#e60021;
	line-height:1.2;
}
.about-body h3 {
	margin:10px auto;
	font-size:24px;
	color:#333333;
	line-height:1.2;
}
.about-body p.lead {
	font-size:18px;
	line-height:1.5;
	margin:0 0 30px 0;
}
.meritbox {
	margin:0 auto 50px auto;
	padding:0;
	text-align:center;
}

/*-------------------------------------------------------------------------
movie
------------------------------------------------------------------------- */
.about-body .movie {
	width:640px;
	height:360px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

/*-------------------------------------------------------------------------
menulist-tab
------------------------------------------------------------------------- */
#menulist-tab {
	width:950px;
	margin:0 auto 20px;
	letter-spacing:-0.4em;
}
#menulist-tab li {
	width:94px;
	height:57px;
	margin:0 0 0 1px;
	float:left;
	font-size:11px;
	letter-spacing:0;
}
#menulist-tab li span {
	display:block;
	padding:10px 0 5px;
	font-size:14px;
	font-family:"Alte DIN 1451 Mittelschrift";
}
#menulist-tab li a {
	display:block;
	width:94px;
	height:57px;
	text-decoration:none;
	background-image:url("../img_lp/about_tab1_bg.png");
	background-repeat:no-repeat;
	background-position:left top;
}
#menulist-tab li a.active,
#menulist-tab li a:hover {
	color:#fff;
	background-color:#ffffff;
	background-image:url("../img_lp/about_tab1_bg_on.png");
	background-repeat:no-repeat;
	background-position:left top;
}
.hide {
	display:none;
}


/*-------------------------------------------------------------------------
tab
------------------------------------------------------------------------- */
.about-body .tab {
	width:951px;
	margin:30px auto 10px;
}
.about-body .tab li {
	width:316px;
	font-size:18px;
	line-height:1.3;
	text-align:center;
	margin:0 1px 0 0;
	padding:15px;
	background-image:url("../img_lp/about_tab2_bg.png");
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer;
	display:table-cell;
	vertical-align:middle;
}
.about-body .tab li.tab1.select {
	color:#ffffff;
	background-image:url("../img_lp/about_tab2_bg1.png");
	background-repeat:no-repeat;
	background-position:left top;
}
.about-body .tab li.tab2.select {
	color:#ffffff;
	background-image:url("../img_lp/about_tab2_bg2.png");
	background-repeat:no-repeat;
	background-position:left top;
}
.about-body .tab li.tab3.select {
	color:#ffffff;
	background-image:url("../img_lp/about_tab2_bg3.png");
	background-repeat:no-repeat;
	background-position:left top;
}
.about-body h3 span.smp {
	display:none;
}

/*-------------------------------------------------------------------------
 form
------------------------------------------------------------------------- */
.boxRequest {
	background:#ECFCFF;
	padding:20px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
	webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
}
.boxRequest h3 {
	margin:0 0 25px 0;
	padding:15px 0;
	text-align:center;
	font-size:36px;
	background-color:#e60021;
	color:#ffffff;
	letter-spacing:-1px;
}
.boxRequest h3 span {color:#FFF;padding:7px 0 0 7px;}
input[type="button"],input[type="text"],input[type="submit"] {-webkit-appearance:none;border-radius:0;}
.textArea {
	width:600px;
	border:solid 1px #DDD;
	font-size:18px;
	padding:0.4em;
}
.reqForm {
	font-size:18px;
	margin:30px 0 0 0;
}
.reqForm p {
	clear:both;
	display:block;
	margin-bottom:15px;
}
.reqForm label {
	display:block;
	width:160px;
	float:left;
	text-align:left;
	padding:10px 15px 0 0;
	font-weight:bold;
}
.reqForm p label span {display:inline;}
.reqForm p label span span.red3 {
	font-size:11px;
	color:#ff0000;
	vertical-align:middle;
}
.reqForm p span{
	display:inline-block;
	width:140px;
}
.reqForm p.agree {
	width:380px;
	float:none;
	text-align:center;
	margin:0 auto;
	padding:10px 15px 0 0;
	display:block;
	overflow:hidden;
}
.reqForm p.agree label.consent {
	width:370px;
	text-align:center;
}
.reqForm input {}
.reqForm p.reqBtn {
	clear:both;
	text-align:center;
}
.ml175_spnone {margin-left:175px;}
.textArea {
	width:600px;
	border:solid 1px #DDD;
	font-size:18px;
	padding:0.4em;
}
.reqForm p span.namae {
	width:305px;
	margin-right:5px;
	line-height:2;
}
.reqForm p span.namae input.textArea {
	width:262px;
	float:right;
}
.reqForm p span.notes {
	width:160px;
	font-size:12px;
	margin-left:5px;
}
.reqForm p.agree label.consent {
	text-align:center;
	width:370px;
}
p.pmain {
	text-align:left;
}
p.pmain span.cap_red {
	color:#ff0000;
	display:block;
	font-size:14px;
	line-height:1.3;
	padding-top:0.5em;
}
p.pmain span.cap {
	color:#909090;
	display:block;
	font-size:12px;
	line-height:1.3;
	padding-top:0.5em;
}
p.pdet {
	font-size:13px;
	margin-top:20px;
	text-align:left;
}
p.pdet a {
	color:#e60021;
	text-decoration:underline;
}
p.privacyLink {
	margin:25px 0;
	text-align:left;
}
p.privacyLink a {
	color:#e60021;
	text-decoration:underline;
}

.boxRequest p.error {
	width:615px;
	margin:0 0 2px 255px;
	background-color:#ffcccc;
	color:#ff0000;
	font-weight:bold;
	overflow:hidde;
	font-size:13px;
	line-height:20px;
}
.reqForm p span.namae p.error {
	width:280px;
	margin:0 0 2px 25px;
}
.reqForm p.agree p.error {
	width:380px;
	margin:0 0 2px;
}
/*-------------------------------------------------------------------------
pricebox
------------------------------------------------------------------------- */
.pricebox {
	
}
.pricebox h3 {
	color:#689930;
	text-align:left;
	font-size:24px;
}
.pricebox h3 strong {
	color:#333333;
}
.pricebox h4 {
	margin:10px 0 10px 0;
	padding:10px 20px 10px 20px;
	background-color:#333333;
	color:#ffffff;
	text-align:left;
	font-size:28px;
}
.pricebox h4 span {
	font-size:20px;
}

.txt_red {color: #FF0004;}

.txt_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/*-------------------------------------------------------------------------
stressbox
------------------------------------------------------------------------- */
.stressbox {
	border:10px solid #91D2E6;
	overflow:hidden;
}
.stressbox p {
	color:#04A9AB;
	margin:1% 0;
}
.stressbox p.tit {
	font-size:300%;
	font-weight:bold;
	line-height:1.2;
}
.stressbox p.tit span {
	font-size:80%;
	display:block;
}
.stressbox p.note {
	font-size:100%;
	color:#333333;
}
.stressbox .morebtn {
	margin:10px 0 10px 0;
}


/*-------------------------------------------------------------------------
meritbox
------------------------------------------------------------------------- */
.meritbox {
	
}
.meritbox h2 {
	position:relative;
	margin:10px auto 20px;
	padding:25px 0;
	font-size:44px;
	line-height:1.2;
	color:#ffffff;
	letter-spacing:-2px;
	background-color:#333333;
}
.meritbox h2:after {
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(181, 1, 0, 0);
	border-top-color:#333333;
	border-width:30px;
	margin-left:-30px;
}
.meritbox h2 strong {
	font-size:60px;
}
.meritbox .item {
	width:990px;
	margin:70px auto;
}
.meritbox .item p {
	font-size:30px;
	font-weight:bold;
	text-align:left;
	/*border-style:solid;
	border-width:6px; 
	border-image:url("../img_lp/meritbox_item_p_strong_bg.gif") 0 0 15 0 round;*/
	border:6px solid #e60021;
	line-height:45px;
}
.meritbox .item p span {
	margin-right:25px;
	padding:5px;
	background-color:#e60021;
	color:#ffffff;
	display:inline-block;
	text-align:left;
	float:left;
	position:relative;
	line-height:40px;
}
.meritbox .item p span b {
	padding:0 10px;
	background-color:#ffffff;
	border:2px solid #e60021;
	color:#e60021;
	display:inline-block;
	position:absolute;
	top:-15px;
	right:-10px;
	border-radius:75px;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
}
.meritbox .item p strong {
	font-size:38px;
	display:block;
	color:#e60021;
}
.meritbox .item p strong span {
	float:none;
}
.meritbox .item img {
	border-bottom:1px dashed #dddddd;
}
/*-------------------------------------------------------------------------
notice
------------------------------------------------------------------------- */
.notice {
	margin:10px 0 10px 0;
	font-size:13px;
}
.notice li {
	margin:2px 0 2px 0;
	text-align:left;
	line-height:1.2;
}
.notice li ul li {
	text-indent:-1em;
	margin-left:1em;
}


/*-------------------------------------------------------------------------
nextbtn
------------------------------------------------------------------------- */
#nextbtn.non-active {
	background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
	bottom:auto;
	left:auto;
	margin:0 0 30px;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
}
#nextbtn {
	bottom:0;
	left:0;
	padding:5px;
	position:relative;
	text-align:center;
	width:100%;
}

/*-------------------------------------------------------------------------
footer
------------------------------------------------------------------------- */
#footer {
	color:#333333;
	font-size:75%;
	letter-spacing:1px;
	margin:0;
	padding:1em;
	text-align:center;
}

/*-------------------------------------------------------------------------
 ?????髀・????辜g?b?v?֖߂・
------------------------------------------------------------------------- */
#PageTop {
	bottom:0;
	background-color:#333333;
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	right:1%;
	bottom:1%;
	font-size:24px;
	font-weight:bold;
	z-index:10;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
#PageTop a {
	padding:15px 15px 20px 15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}


@media(max-width:768px) {
	* {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}
	html,body{
		margin:0;
		padding:0;
		width:100%;
	}
	body {
		border:0;
		margin:0;
		padding:0;
		font-family:Helvetica, Arial, "?q???M?m?p?S Pro W3",'Hiragino Kaku Gothic Pro','???C???I',Meiryo,'?l?r ?o?S?V?b?N',sans-serif;
		font-size:14px;
		color:#555555;
		background-image:none;
		background-color:#EEE;
		min-width:100%;
		_display:inline;
		_zoom:1;
	}
	img {
		width:100%;
		height:100%;
	}
	a:hover img {
		filter:alpha( opacity=100 );
		-ms-filter:"alpha( opacity=100 )";
		opacity:1.0;
	}
	.header {
		height:160px;
		margin:0;
		background-size:cover;
		background-position:center top 35px;
	}
	.header .mainlead strong {
		font-size:100%;
	}
	.header .inner h1 {
		width:100%;
		margin:1% auto 0;
	}
	.header .inner h1 strong {
		font-size:120%;
		float:left;
		margin:0 0 0 1%;
	}
	.header .inner h1 span {
		font-size:90%;
		float:right;
	}
	.header .inner p {
		font-size:70%;
		margin:0 0 0 1%;
	}
	.header .inner p span {
		
	}
	.header .inner p span span {
		width:8em;
	}
	.header p.phone {
		display:none;
	}
	.header .mainlead {
		margin:2%;
		padding:2%;
		top:0;
		font-size:100%;
	}
	.header h3.sublead {
		top:0;
		margin:2%;
		padding:2%;
		font-size:100%;
	}
	.about-body {
		width:100%;
		margin:0 auto 15px auto;
	}
	.about-body p.catch {
		width:100%;
		font-size:100%;
		padding:5px 0 5px 0;
	}
	.about-body p.catch span {
		line-height:1.2;
		padding:10px 0;
		display:block;
		color:#099aeb;
		font-size:120%;
		font-weight:bold;
	}
	.about-body h2 {
		font-size:110%;
		padding:0;
	}
	.about-body p.lead {
		font-size:100%;
		margin:0 1% 0 1%;
	}
	.about-body p.lead br {
		display:none;
	}
	.about-body .tab {
		width:100%;
	}
	.about-body .tab li {
		width:33%;
		font-size:11px;
	}
	.about-body h3 span.smp {
		display:block;
		color:#333333;
	}
	.about-body h3 span.pc {
		display:none;
	}
	.about-body .movie {
		width:100% !important;
		height:220px !important;
	}
	#menulist-tab {
		width:100%;
	}
	#menulist-tab li {
		width:19.5%;
	}
	#menulist-tab li a {
		width:100%;
		padding:5px 0 0 0;
	}
	#menulist-tab li span {
		display:none;
	}
	.pricebox h3 {
		font-size:95%;
	}
	.pricebox h4 {
		font-size:120%;
	}
	.pricebox h4 span {
		font-size:12px;
	}
	.notice {
		font-size:12px;
	}
	.meritbox {
		margin:0 auto 15px auto;
	}
	.meritbox h2 {
		font-size:100%;
		letter-spacing:0;
		padding:10px 0 10px 0;
		margin:0 0 0 0;
	}
	.meritbox h2 strong {
		font-size:130%;
	}
	.meritbox .item {
		width:96%;
		margin:35px 2% 35px 2%;
	}
	.meritbox .item p {
		font-size:12px;
		border:6px solid #e60021;
		line-height:1.4;
	}
	.meritbox .item p span {
		line-height:1.2;
		margin-right:10px;
	}
	.meritbox .item p span b {
		font-size:14px;
	}
	.meritbox .item p strong {
		font-size:120%;
		line-height:1.4;
	}
	.boxRequest {
		padding:2%;
		margin:0 2% 0 2%;
	}
	.boxRequest h3 {
		font-size:120%;
		background:none;
		padding:5px;
	}
	.textArea {
		width:100%;
		font-size:18px;
		padding:0.4em;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		border:solid 1px #CCC;
	}
	.reqForm p span.namae input.textArea {
		width:100%;
	}
	.reqForm p span.namae {
		width:100%;
		text-align:left;
	}
	p.pdet {
		line-height:1.4;
	}
	.reqForm p.agree label.consent {
		width:100%;
		text-align:center;
	}
	.reqForm p.reqBtn input {
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.reqForm p.agree {
		display:block;
		width:90%;
		float:none;
		text-align:center;
		padding:10px 15px 0 0;
		margin:0 10%;
	}
	.boxRequest p.error {
		width:100%;
		margin:0 0 2px 0;
		background-color:#ffcccc;
		color:#ff0000;
		font-weight:bold;
		overflow:hidde;
		font-size:13px;
	}
	.reqForm p span.namae p.error {
		width:100%;
		margin:0 0 2px 0;
	}
	.reqForm p.agree p.error {
		width:100%;
		margin:0 0 2px 0;
	}
	.meritbox .item img {
		margin-top:10px;
	}
}