@charset "UTF-8";  

@media screen and (max-width:768px) {
.pc ,.pc2 {
	display: none;
}

.sp {
	display: inline-block ;
}

.sp2 {
	display: block ;
}

body {  
	font-size	: 5vw;
	line-height	: 180%;
	-webkit-text-size-adjust: 100%; /* for iOS */
	background: #fff;
}  

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

h1 {
	width: 100%;
	margin: 0 auto;
	padding: 3% 0;
	box-sizing: border-box;
	background: #e21111;
}
	h1 img {
		width: 50%;
		height: auto;
	}


#header {
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding: 0 0 100%;
	box-sizing: border-box;
	background: url(../images/kv_sp.jpg) center center / contain repeat-x;
}
	#header div.header_circle {
		width: 100%;
		margin: 0 auto;
		padding: 10% 0 0;
	}
		#header div.header_circle h2 {
			display: inline-block;
			width: 37%;
			height: auto;
			margin: 0 5% 0;
			padding: 0;
		}
			#header div.header_circle h2:first-of-type {
				display: block;
				margin: 0 auto 0;
			}
			#header div.header_circle h2 img {
				display: inline-block;
				width: 100%;
				height: auto;
			}

/* メインコンテンツ */
#main {
	width: 100%;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

	#cont01 {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 60px;
		box-sizing: border-box;
		text-align: left;
	}
		#cont01 p {
			width: 100%;
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
			font-size: 4.0vw;
			line-height: 160%;
		}
		#cont01 ul{
			width: 100%;
			margin: 10px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 3.8vw;
			line-height: 180%;
			list-style: none;
		}
		#cont01 ul li{
			margin: 0 ;
			padding: 0;
		}

	#main h3 {
		width: 100%;
		margin: 0 auto;
		padding: 4% 0;
		box-sizing: border-box;
		font-size: 5.0vw;
		line-height: 140%;
		color: #fff;
		font-weight: normal;
		background: #e21111;
	}
		#main h3 span {
			display: block;
			margin: 0 auto;
			padding: 0;
			font-size: 4.0vw;
			line-height: 140%;
		}

	#service {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 50px;
		box-sizing: border-box;
	}
		#service table {
			width: 100%;
			margin: 30px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 3.8vw;
			line-height: 160%;
			text-align: left;
			border-top: 1px solid #3b3e3f;
			border-left: 1px solid #3b3e3f;
		}
			#service table th {
				display: block;
				width: 100%;
				margin: 0;
				padding: 2% 3%;
				box-sizing: border-box;
				background: #f6f6f6;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
				vertical-align: top;
			}
			#service table td {
				display: block;
				width: 100%;
				margin: 0;
				padding: 2% 3%;
				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: 2% 0;
				font-size: 3.6vw;
				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;
					width: 12%;
					height: auto;
					margin: 5px 2px 0 0;
					padding: 0;
				}


	#plan {
		width: 100%;
		margin: 70px auto 0;
		padding: 0 0 40px;
		box-sizing: border-box;
	}
		#plan table {
			width: 100%;
			margin: 20px auto 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 3.6vw;
			line-height: 160%;
			border-top: 1px solid #3b3e3f;
			border-left: 1px solid #3b3e3f;
		}
			#plan table th {
				width: 70%;
				margin: 0;
				padding: 2% 3%;
				box-sizing: border-box;
				background: #f6f6f6;
				text-align: left;
				font-weight: normal;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
			}
				#plan table tr:first-of-type th {
					background: #da1010;
					color: #fff;
				}
			#plan table td {
				width: 30%;
				margin: 0;
				padding: 2% 3%;
				box-sizing: border-box;
				border-right: 1px solid #3b3e3f;
				border-bottom: 1px solid #3b3e3f;
			}
				#plan table tr:first-of-type td {
					background: #e21111;
					color: #fff;
				}
		#plan em {
			display: block;
			margin: 7px 0 0 1em;
			padding: 0;
			box-sizing: border-box;
			font-size: 3.8vw;
			line-height: 160%;
			color: #e21111;
			text-align: left;
			text-indent: -1em;
		}
		#plan p {
			margin: 15px 0 0 1em;
			padding: 0;
			box-sizing: border-box;
			font-size: 3.6vw;
			line-height: 160%;
			text-align: left;
			text-indent: -1em;
		}


	#method {
		width: 100%;
		margin: 70px auto 0;
		padding: 0 0 40px;
		box-sizing: border-box;
	}
		#method div.box {
			width: 100%;
			margin: 15px auto 0;
			padding: 3%;
			font-size: 3.8vw;
			line-height: 160%;
			text-align: left;
			box-sizing: border-box;
			border: 1px solid #3b3b3b;
		}
			#method div.box:first-of-type {
				margin: 30px auto 0;
			}
			#method div.box span {
				display: inline-block;
				width: 100%;
				margin: 0 auto 3%;
				padding: 2%;
				box-sizing: border-box;
				font-size: 4.0vw;
				line-height: 120%;
				text-align: center;
				color: #fff;
				background: #e21111;
			}
			#method div.box em {
				display: block;
				margin: 0 0 0 1em;
				padding: 0;
				text-indent: -1em;
			}
			#method div.box .method2 {
				margin: 2% 0 0;
				padding: 0;
			}
				#method div.box .method2 .method2_cont {
					display: inline-block;
					width: 100%;
					margin: 0;
					padding: 0 5%;
					box-sizing: border-box;
					overflow: hidden;
				}
					#method div.box .method2 .method2_cont img {
						display: block;
						width: 20%;
						height: auto;
						margin: 0 3% 0 0;
						padding: 0;
						float: left;		
					}
					#method div.box .method2 .method2_cont strong {
						display: block;
						margin: 3% 0 0;
						padding: 0;
						font-size: 3.6vw;
						line-height: 160%;
					}
					#method div.box .method2 .method2_cont a {
						display: inline-block;
						margin: 0 10px 0 0;
						padding: 0;
						font-size: 3.6vw;
						line-height: 160%;
					}
			#method div.box.method4 table {
				margin: 2% 0 0;
				padding: 0;
			}
				#method div.box.method4 table {
					width: 100%;
					margin: 2% auto 0;
					padding: 0;
					box-sizing: border-box;
					font-size: 3.8vw;
					line-height: 160%;
					border-top: 1px solid #3b3e3f;
					border-left: 1px solid #3b3e3f;
				}
					#method div.box.method4 table th {
						display: block;
						width: 100%;
						margin: 0;
						padding: 2% 3%;
						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 {
						display: block;
						width: 100%;
						margin: 0;
						padding: 2% 3%;
						box-sizing: border-box;
						border-right: 1px solid #3b3e3f;
						border-bottom: 1px solid #3b3e3f;
						vertical-align: middle;
						overflow: hidden;
					}
						#method div.box.method4 table td img {
							display: block;
							width: 15%;
							height: auto;
							margin: 0 3% 0 0;
							padding: 0;
							float: left;
						}
						#method div.box.method4 table td a {
							display: inline-block;
							margin: 1% 0 0;
							padding: 0;
							font-size: 3.6vw;
							line-height: 140%;
							vertical-align: top;
						}

			#method div.box.method5 table {
				margin: 2% 0 0;
				padding: 0;
			}
				#method div.box.method5 table {
					width: 100%;
					margin: 2% auto 0;
					padding: 0;
					box-sizing: border-box;
					font-size: 3.6vw;
					line-height: 160%;
					border-top: 1px solid #3b3e3f;
					border-left: 1px solid #3b3e3f;
				}
					#method div.box.method5 table th {
						display: block;
						width: 100%;
						margin: 0;
						padding: 2% 3%;
						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 {
						display: block;
						width: 100%;
						margin: 0;
						padding: 2% 3%;
						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 .apply_notice {margin:20px 0;padding: 20px; background:#f7e4e4;font-size: 3.8vw;line-height: 160%;text-align: left;}	
		div#apply .apply_notice ol {margin: 20px 0 ;}
			div#apply .apply_notice ol li{list-style: decimal;margin: 0 10px 0 20px ;font-size: 3.6vw;padding: 0 0 0 0;}
	
	
	div.apply_btn {
		width: 100%;
		margin: 0 auto;
		padding: 4% 0 2%;
		box-sizing: border-box;
		background: rgba(124,209,222,0.7);
	}
		div.apply_btn a img {
			width: 70%;
			height: auto;
		}


	/* お申込み */
	#apply {
		width: 100%;
		margin: 70px auto 0;
		padding: 0 0 40px;
		box-sizing: border-box;
	}
		#apply p.form_top {
			width: 100%;
			margin: 20px auto;
			padding: 0;
			font-size: 3.6vw;
			line-height: 140%;
		}
		#apply div.cont_tbl {
			width: 100%;
			margin: 15px 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;
		}

		div.cont_tbl dt {
			width: 100%;
			margin: 0;
			padding: 2% 3%;
			font-size: 3.8vw;
			line-height: 160%;
		}
			div.cont_tbl dt span {
				display: inline-block;
				margin: 0 0 0 10px;
				padding: 1% 3%;
				font-size: 3.0vw;
				line-height: 140%;
				color: #fff;
				background: #be000c;
				vertical-align: 2px;
			}
			div.cont_tbl dt em {
				font-weight: normal;
			}
		div.cont_tbl dd {
			width: 100%;
			margin: 0;
			padding: 2% 3%;
			font-size: 3.8vw;
			line-height: 160%;
			text-align: left;
			background: #fff;
		}
		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: block;
			margin: 1% 0 0;
			padding: 0;
		}
			div.cont_tbl dd p:first-of-type {
				margin: 0;
			}
		div.cont_tbl dd label {
			margin: 0;
			padding: 2px 0;
			font-size: 3.8vw;
			line-height: 160%;
		}
		div.cont_tbl dd input[type=radio] {
			margin: 0px 10px 5px 0;
			width: 20px;
			height: 20px;
			vertical-align: -2px;
		}


		div.cont_tbl dd select {
			width: 23.5%;
			margin: 0 1% 0 3%;
			padding: 2% 3%;
			font-size: 3.8vw;
			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 1% 0 0;
		}


		#email ,#email2 {
			width: 45%;
			margin: 0;
			padding: 2% 3%;
			font-size: 3.8vw;
			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: 2% 3%;
			font-size: 3.8vw;
			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: 100%;
			margin: 0;
			padding: 2% 3%;
			font-size: 3.8vw;
			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: 98%;
			height:200px;
			margin: 0;
			padding: 2% 3%;
			font-size: 3.8vw;
			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: 3.2vw;
	cursor: pointer;
}
dd input[type=submit] {
	width: 25%;
	padding: .2em;
	font-size: 3.2vw;
	cursor: pointer;
}

#main .submit_btn input[type=submit]{
	width: 20%;
	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: 3.8vw;
				line-height: 140%;
				text-align: left;
			}

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

	div.form_btn1 {
		display: inline-block;
		width: 100%;
		margin: 0 auto 0;
	}
		div.form_btn1 a {
			display: block;
			width: 90%;
			margin: 0 auto;
			padding: 3% 0;
			font-size: 4.0vw;
			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: 100%;
	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: 100%;
			margin: 0 auto;
			padding: 40px 0 0;
			box-sizing: border-box;
		}
			#setting .setting_in h4 {
				width: 100%;
				margin: 0 auto;
				padding: 3%;
				background: #f6f6f6;
				font-size: 3.2vw;
				line-height: 140%;
				text-align: left;
				box-sizing: border-box;
				overflow: hidden;
			}
				#setting .setting_in h4 img {
					display: block;
					width: 10%;
					height: auto;
					margin: 0 10px 0 0;
					padding: 0;
					float: left;
				}

			#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: -20%;
							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: -20%;
							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: 40px;
						height: 40px;
						margin: auto;
						padding: 0;
						text-align: right;
						background: url(../images/setting_corner.png) right top / cover no-repeat;
						top: 3px;
						right: 3px;
						z-index: 10;
					}
						#setting .setting_in ul li h5 span {
							display: block;
							margin: 5px 5px 0 0;
							padding: 0;
							font-size: 3.6vw;
							line-height: 100%;
							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: 3.2vw;
								line-height: 140%;
							}
				#setting .setting_in ul div.caption {
					font-size: 3.2vw;
					line-height: 140%;
					clear:both;
					text-align:left;
					width: 100%;
					margin: 0 auto;
					padding: 10px 0 0;
				}

				#setting .setting_in ul div.arrow {
					width: 100%;
					margin: 0 auto;
					padding: 20px 0;
				}
					#setting .setting_in ul div.arrow img {
						width: 80%;
						height: auto;
					}
		div.setting_btn {
			width: 100%;
			margin: 50px auto 0;
			padding: 0;
			box-sizing: border-box;
			overflow: hidden;
		}
			div.setting_btn .btn1 {
				width: 100%;
				margin: 0 auto;
				padding: 4% 0 2%;
				box-sizing: border-box;
				background: rgba(221,221,221,0.7);
			}
			div.setting_btn .btn2 {
				width: 100%;
				margin: 2% auto;
				padding: 4% 0 2%;
				box-sizing: border-box;
				background: rgba(124,209,222,0.7);
			}
			div.setting_btn a img {
				width: 70%;
				height: auto;
			}


#page_top {
    position: fixed;
	display: none;
    bottom: 15px;
    right: 2%;
}
	#page_top img {
	}

}