@charset "UTF-8";  

@media print, screen and (min-width:769px) {

.pc {
	display: inline-block ;
}

.pc2 {
	display: block ;
}

.sp ,.sp2 {
	display: none;
}  

body {
	font-size	: 14px;  
	line-height	: 160%;  
}

#wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

h1 {
	width: 100%;
	min-width: 808px;
	margin: 0 auto;
	padding: 24px 0;
	box-sizing: border-box;
	background: #e21111;
}


#header {
	width: 100%;
	height: 473px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	background: url(../images/kv.jpg) center center / contain repeat-x;
}
@media screen and (max-width:1049px) {
	#header {
		width: 100%;
		background: url(../images/kv.jpg) center center / cover no-repeat;
	}
}

	#header div.header_circle {
		width: 100%;
		margin: 0 auto;
		padding: 133px 0 0;
	}
		#header div.header_circle h2 {
			display: inline-block;
			margin: 0 15px 0;
			padding: 0;
		}
@media screen and (max-width:1049px) {
		#header div.header_circle h2 {
			width: 22%;
		}
			#header div.header_circle h2 img {
				width: 100%;
				height: auto;
			}
}



/* メインコンテンツ */
#main {
	width: 808px;
	min-width: 755px;
	margin: 0 auto;
	padding: 0 4px;
	box-sizing: border-box;
	background: url(../images/main_bg.png) center repeat-y;
}

	#cont01 {
		width: 755px;
		margin: 0 auto;
		padding: 50px 0 100px;
		box-sizing: border-box;
		text-align: left;
	}
		#cont01 p {
			width: 100%;
			margin: 0 auto;
			padding: 0 5px;
			box-sizing: border-box;
			font-size: 16px;
			line-height: 160%;
		}
		#cont01 ul
		{
			width: 100%;
			margin: 30px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 12px;
			line-height: 180%;
			list-style: none;
		}

	#cont01 {
		width: 755px;
		margin: 0 auto;
		padding: 50px 0 100px;
		box-sizing: border-box;
		text-align: left;
	}	
	
	
	
	#main h3 {
		width: 755px;
		margin: 0 auto;
		padding: 20px 0;
		box-sizing: border-box;
		font-size: 24px;
		line-height: 140%;
		color: #fff;
		font-weight: normal;
		background: #e21111;
	}
		#main h3 span {
			display: block;
			margin: 0 auto;
			padding: 0;
			font-size: 18px;
			line-height: 140%;
		}

	#service {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 50px;
		box-sizing: border-box;
	}
		#service table {
			width: 670px;
			margin: 58px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 160%;
			text-align: left;
			border-top: 1px solid #3b3e3f;
			border-left: 1px solid #3b3e3f;
		}
			#service table th {
				width: 190px;
				margin: 0;
				padding: 15px;
				box-sizing: border-box;
				background: #f6f6f6;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
				vertical-align: top;
			}
			#service table td {
				width: 480px;
				margin: 0;
				padding: 15px;
				box-sizing: border-box;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
				vertical-align: top;
			}
			#service table td p {
				width: 100%;
				margin: 0;
				padding: 8px 0 3px;
				font-size: 12px;
				line-height: 160%;
				box-sizing: border-box;
			}
			#service table td div {
				width: 100%;
				margin: 0;
				padding: 0;
			}
				#service table td div img {
					display: inline-block;
					margin: 5px 2px 0 0;
					padding: 0;
				}


	#plan {
		width: 100%;
		margin: 100px auto 0;
		padding: 0 0 50px;
		box-sizing: border-box;
	}
		#plan table {
			width: 670px;
			margin: 27px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 160%;
			border-top: 1px solid #3b3e3f;
			border-left: 1px solid #3b3e3f;
		}
			#plan table th {
				width: 520px;
				margin: 0;
				padding: 10px 15px;
				box-sizing: border-box;
				background: #f6f6f6;
				text-align: left;
				font-weight: normal;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
				vertical-align: top;
			}
				#plan table tr:first-of-type th {
					background: #da1010;
					color: #fff;
				}
			#plan table td {
				width: 150px;
				margin: 0;
				padding: 10px 15px;
				box-sizing: border-box;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
				vertical-align: top;
			}
				#plan table tr:first-of-type td {
					background: #e21111;
					color: #fff;
				}
		#plan em {
			display: block;
			width: 670px;
			margin: 7px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 160%;
			color: #e21111;
			text-align: left;
		}
		#plan p {
			width: 750px;
			margin: 25px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 12px;
			line-height: 160%;
			text-align: left;
		}


	#method {
		width: 100%;
		margin: 100px auto 0;
		padding: 0 0 50px;
		box-sizing: border-box;
	}
		#method div.box {
			width: 700px;
			margin: 15px auto 0;
			padding: 15px 50px;
			font-size: 14px;
			line-height: 160%;
			text-align: left;
			box-sizing: border-box;
			border: 1px solid #3b3b3b;
			background: url(../images/method_box.png) left top no-repeat;
			position: relative;
		}
			#method div.box:first-of-type {
				margin: 40px auto 0;
			}
			#method div.box span {
				position: absolute;
				margin: auto;
				padding: 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 28px;
				line-height: 120%;
				color: #fff;
				top: 0;
				left: 10px;
			}
			#method div.box em {
				display: block;
				margin: 0 0 0 1em;
				padding: 0;
				text-indent: -1em;
			}
			#method div.box .method2 {
				margin: 15px 0 0;
				padding: 0;
			}
				#method div.box .method2 .method2_cont {
					display: inline-block;
					width: 275px;
					margin: 0;
					padding: 0;
					overflow: hidden;
				}
					#method div.box .method2 .method2_cont img {
						display: block;
						margin: 0 10px 0 0;
						padding: 0;
						float: left;		
					}
					#method div.box .method2 .method2_cont strong {
						display: block;
						margin: 8px 0 0;
						padding: 0;
						font-size: 14px;
						line-height: 160%;
					}
					#method div.box .method2 .method2_cont a {
						display: inline-block;
						margin: 0 10px 0 0;
						padding: 0;
						font-size: 14px;
						line-height: 160%;
					}
			#method div.box.method4 table {
				margin: 15px 0 0;
				padding: 0;
			}
				#method div.box.method4 table {
					width: 100%;
					margin: 10px auto 0;
					padding: 0;
					box-sizing: border-box;
					font-size: 14px;
					line-height: 160%;
					border-top: 1px solid #3b3e3f;
					border-left: 1px solid #3b3e3f;
				}
					#method div.box.method4 table th {
						width: 160px;
						margin: 0;
						padding: 10px;
						box-sizing: border-box;
						background: #f6f6f6;
						text-align: left;
						font-weight: normal;
						border-right: 1px solid #3b3e3f;
						border-bottom: 1px solid #3b3e3f;
						vertical-align: middle;
					}
					#method div.box.method4 table td {
						margin: 0;
						padding: 10px;
						box-sizing: border-box;
						border-right: 1px solid #3b3e3f;
						border-bottom: 1px solid #3b3e3f;
						vertical-align: middle;
					}
						#method div.box.method4 table td img {
							width: 30px;
							height: auto;
							display: block;
							margin: 0 10px 0 0;
							padding: 0;
							float: left;
						}
						#method div.box.method4 table td a {
							display: inline-block;
							margin: 0;
							padding: 0;
							font-size: 12px;
							line-height: 140%;
							vertical-align: top;
						}

			#method div.box.method5 table {
				margin: 15px 0 0;
				padding: 0;
			}
				#method div.box.method5 table {
					width: 100%;
					margin: 10px auto 0;
					padding: 0;
					box-sizing: border-box;
					font-size: 14px;
					line-height: 160%;
					border-top: 1px solid #3b3e3f;
					border-left: 1px solid #3b3e3f;
				}
					#method div.box.method5 table th {
						width: 200px;
						margin: 0;
						padding: 10px 15px;
						box-sizing: border-box;
						background: #f6f6f6;
						text-align: left;
						font-weight: normal;
						border-right: 1px solid #3b3e3f;
						border-bottom: 1px solid #3b3e3f;
						vertical-align: middle;
					}
					#method div.box.method5 table td {
						margin: 0;
						padding: 10px 15px;
						box-sizing: border-box;
						text-align: left;
						border-right: 1px solid #3b3e3f;
						border-bottom: 1px solid #3b3e3f;
						vertical-align: middle;
					}

		#method p.arrow {
			width: 100%;
			margin: 1px auto 0;
			padding: 0;
		}

	div.apply_btn {
		width: 100%;
		margin: 0 auto;
		padding: 12px 0 10px;
		box-sizing: border-box;
		background: rgba(124,209,222,0.7);
	}
		div.apply_btn a img {
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
		}
		div.apply_btn a img:hover {
			opacity: 0.8;
			transform: translateY(2px);
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
		}


	/* お申込み */
	#apply {
		width: 100%;
		margin: 100px auto 0;
		padding: 0 0 50px;
		box-sizing: border-box;
	}
		#apply p.form_top {
			width: 100%;
			margin: 23px auto;
			padding: 0;
			font-size: 14px;
			line-height: 140%;
		}
	

		#apply .apply_notice {margin:20px 40px;padding: 20px; background:#f7e4e4;text-align: left; }
	
			#apply .apply_notice ol {list-style: decimal;margin: 16px auto 16px 20px;}


	
	
		#apply div.cont_tbl {
			width: 700px;
			margin: 25px auto 0;
			padding: 0;
			box-sizing: border-box;
		}
		div.cont_tbl dl,
		div.cont_tbl dt,
		div.cont_tbl dd {
			box-sizing: border-box;
			text-align: left;
		}
		div.cont_tbl dl {
			width: 100%;
			margin: 0 auto;
			background: #ebebeb;
			border-left: 1px solid #cbcbcb;
			border-bottom: 1px solid #cbcbcb;
		}

		div.cont_tbl dt {
			width: 210px;
			margin: 0;
			padding: 15px 10px 12px;
			font-size: 15px;
			line-height: 160%;
			border-top: 1px solid #cbcbcb;
			float: left;
		}
			div.cont_tbl dt span {
				display: inline-block;
				margin: 0 0 0 10px;
				padding: 1% 3%;
				font-size: 13px;
				line-height: 140%;
				color: #fff;
				background: #be000c;
				vertical-align: 2px;
			}
			div.cont_tbl dt em {
				font-weight: normal;
			}
		div.cont_tbl dd {
			margin: 0 0 0 210px;
			padding: 15px 10px 12px;
			font-size: 15px;
			line-height: 160%;
			text-align: left;
			background: #fff;
			border-top: 1px solid #cbcbcb;
			border-left: 1px solid #cbcbcb;
			border-right: 1px solid #cbcbcb;
		}
		div.cont_tbl dd:after {
			content: '';
			display: block;
			clear: both;
		}
			div.cont_tbl dd strong {
				display: block;
				margin: 5px 0 0;
				color: #be000c;
				font-weight: normal;
			}
				div.cont_tbl dd strong a {
					color: #666666;
					text-decoration: none;
				}
					div.cont_tbl dd strong a:hover {
						text-decoration: underline;
					}
		div.cont_tbl dd p {
			display: inline-block;
			margin: 0 10px 0 0;
			padding: 0;
		}
		div.cont_tbl dd label {
			margin: 0;
			padding: 2px 0;
			font-size: 16px;
			line-height: 160%;
		}
		div.cont_tbl dd input[type=radio] {
			margin: 0px 10px 5px 0;
			width: 16px;
			height: 16px;
			vertical-align: -2px;
		}

		div.cont_tbl dd select {
			width: 22%;
			display:inline-block;
			margin: 0 .2em 0 1em;
			padding: 5px;
			font-size: 18px;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #a7a7a7;
			background: #fff;
			box-sizing: border-box;
		}

		div.cont_tbl dd select:first-of-type {
			margin: 0 .2em 0 0;
		}
		#email ,#email2 {
			width: 45%;
			margin: 0;
			padding: 5px;
			font-size: 18px;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #a7a7a7;
			background: #fff;
			box-sizing: border-box;
		}
		#telno1 ,#telno2 ,#telno3, #telno4 ,#telno5 ,#telno6 {
			width: 28%;
			margin: 0;
			padding: 5px;
			font-size: 18px;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #a7a7a7;
			background: #fff;
			box-sizing: border-box;
		}
		#name {
			width: 95%;
			margin: 0;
			padding: 5px;
			font-size: 18px;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #a7a7a7;
			background: #fff;
			box-sizing: border-box;
		}

		div.cont_tbl dd textarea {
			width: 95%;
			margin: 0;
			padding: 5px;
			height:130px;
			font-size: 14px;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #a7a7a7;
			background: #fff;
			box-sizing: border-box;
		}


/* オリジナルボタン */
dd input[type=file] {
	font-size: 14px;
	cursor: pointer;
}
dd input[type=submit] {
	width: 120px;
	padding: .2em;
	font-size: 12px;
	cursor: pointer;
}

#main .submit_btn input[type=submit]{
	width: 180px;
	margin:1em auto 2em;
	text-align: center;
}

		div.cont_tbl div.note {
			width: 100%;
			margin: 0;
			padding: 0;
		}
			div.cont_tbl div.note p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 14px;
				line-height: 140%;
				text-align: left;
			}

	#contact_btn {
		margin: 0 auto;
		padding: 50px 0;
	}

	div.form_btn1 {
		display: inline-block;
		margin: 0 auto 0;
	}
		div.form_btn1 a {
			display: block;
			width: 430px;
			padding: 18px 0;
			font-size: 18px;
			line-height: 160%;
			font-weight: bold;
			background: linear-gradient(#ff0011, #ac000b);
			color: #ffffff;
			border: none;
			cursor: pointer;
		}
			div.form_btn1 a:hover {
				text-decoration: none;
				opacity: 0.8;
			}



/* フッター */
#fotter {
	width: 800px;
	margin	: 0 auto 0 ;
	padding: 0;
	text-align: center;
	border-top: 3px #cc0001 solid;
}


/* セッティングページ */
	#setting {
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
		box-sizing: border-box;
	}
		#setting .setting_in {
			width: 670px;
			margin: 0 auto;
			padding: 40px 0 0;
			box-sizing: border-box;
		}
			#setting .setting_in h4 {
				width: 100%;
				margin: 0 auto;
				padding: 7px;
				background: #f6f6f6;
				font-size: 14px;
				line-height: 160%;
				text-align: left;
				box-sizing: border-box;
			}
				#setting .setting_in h4 img {
					display: inline-block;
					width: 40px;
					height: auto;
					margin: 0 10px 0 0;
					padding: 0;
					vertical-align: middle;
					box-sizing: border-box;
				}

			#setting .setting_in ul {
				width: 100%;
				margin: 25px auto 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
			}
				#setting .setting_in ul li {
					display: block;
					width: 28%;
					margin: 0;
					padding: 0;
					position: relative;
					float: left;
				}
					#setting .setting_in ul li:nth-of-type(3n+2) {
						margin: 0 8%;
					}
						#setting .setting_in ul li:nth-of-type(3n+2):before {
							position: absolute;
							content: url(../images/setting_arrow.png);
							margin: auto;
							padding: 0;
							left: -35px;
							top: 45%;
						}
						#setting .setting_in ul li:nth-of-type(3n+2):after {
							position: absolute;
							content: url(../images/setting_arrow.png);
							margin: auto;
							padding: 0;
							right: -35px;
							top: 45%;
						}
					#setting .setting_in ul li img {
						display: inline-block;
						width: 100%;
						height: auto;
						margin: 0 auto;
						padding: 0;
						box-sizing: border-box;
						border: 3px solid rgba(0,0,0,0);
						transition: transform 0.2s;
					}
						#setting .setting_in ul li img:hover {
							transition: transform 0.2s;
							border: 3px solid #e21111;
						}
					#setting .setting_in ul li h5 {
						position: absolute;
						width: 54px;
						height: 54px;
						margin: auto;
						padding: 0;
						text-align: right;
						background: url(../images/setting_corner.png) right top no-repeat;
						top: 3px;
						right: 3px;
						z-index: 10;
					}
						#setting .setting_in ul li h5 span {
							display: inline-block;
							margin: 0 10px 0 0;
							padding: 0;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 26px;
							line-height: 140%;
							font-weight: normal;
							color: #fff;
							text-decoration: none;
						}
							#setting .setting_in ul li h5 span.ten {
								margin: 0 5px 0 0;
								padding: 0;
								font-size: 24px;
								line-height: 140%;
							}
				#setting .setting_in ul div.caption {
					clear:both;
					width: 100%;
					text-align:left;
					margin: 0 auto;
					padding: 10px 0 0;
				}

				#setting .setting_in ul div.arrow {
					width: 100%;
					margin: 0 auto;
					padding: 25px 0;
				}
					#setting .setting_in ul div.arrow img {
					}
		div.setting_btn {
			width: 100%;
			margin: 70px auto 0;
			padding: 0;
			box-sizing: border-box;
			overflow: hidden;
		}
			div.setting_btn .btn1 {
				width: 50%;
				margin: 0 auto;
				padding: 12px 0 10px;
				box-sizing: border-box;
				background: rgba(221,221,221,0.7);
				float: left;
			}
			div.setting_btn .btn2 {
				width: 50%;
				margin: 0 auto;
				padding: 12px 0 10px;
				box-sizing: border-box;
				background: rgba(124,209,222,0.7);
				float: right;
			}
			div.setting_btn a img {
				-webkit-transition: -webkit-transform 0.3s;
				transition: transform 0.3s;
			}
			div.setting_btn a img:hover {
				opacity: 0.8;
				transform: translateY(2px);
				-webkit-transition: -webkit-transform 0.3s;
				transition: transform 0.3s;
			}



#page_top {
    position: fixed;
	display: none;
    bottom: 15px;
    right: 20px;
}
	#page_top img {
	}
		#page_top img:hover {
			opacity: 0.8;
		}
}