@charset "utf-8";
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
*{
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	box-sizing: border-box;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}
html {
	font-size: 62.5%;
}
body{
	color: #333;
	background: #000;
	font-size: 16px;
}
ol, ul {
	list-style: none;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
a[href*="tel:"] {

	text-decoration: none;
}
input[type=text],
input[type=email],
input[type=tel],
textarea{
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 4px;
	width: 100%;
	outline: none;
	font-size: 1.6rem;

}
#cv{
	display: none
}
/*------------------------------------------------------------
	Stracture
------------------------------------------------------------*/
.inner{
	width:850px;
	margin: 0 auto;
}
/*------------------------------------------------------------
	Page
------------------------------------------------------------*/
header .inner{
	display: flex
}
header .item1{
	width: 375px;
	height: 225px;
	background: #FFF;
	text-align: center;
}
header .item2{
	width: 475px;
	height: 225px;
}
#logo{
	padding-top: 25px;
}
#logo img{
	width: 228px;
	height: auto
}
header .item2 a{
	display: block;
	background-image: url("../img/tel_pc.jpg?2");
	background-repeat: no-repeat;
	background-size: cover;
	height: 225px;
}
header .item2 a span{
	visibility: hidden
}
#mv{
	position: relative;
	z-index: 0
}
main{
	width: 850px;
	margin: 0 auto;
	background-image: url("../img/bg2.png")
}
main .inner{
	width: 780px;
	margin: 0 auto;
	padding: 30px 30px 30px 30px;
	background: #FFF;
	z-index: 1;
	position: relative;
	top: -40px;
	background-image: url("../img/bg1.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow: 0px 0px 8px #000;
}
.h1{
	text-align: center;
	font-size: 23px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.h2{
	text-align: center;
	font-size: 26px;
	color: #FFF;
	background-image: url("../img/bg2.png");
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 1;
	padding-top: 15px;
	height: 53px;
}
.h4{
	margin-bottom: 6px;	
}
.box1{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.box1 .item1{
	width: 460px;
}
.box1 .item1 p{
	font-size: 18px;
	line-height: 200%;
	color: #FFF;
}
.box1 .item2{
	width: 237px;
}
.swiper{
	margin-bottom: 40px;
}
.swiper p{
	text-align: center;
	font-size: 14px;
	padding-top: 5px;
}
.box2{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.box2 .item1{
	padding-right: 15px;
	width: calc(100% - 200px);
}
.box2 .item1 h3{
	font-size: 22px;
	margin-bottom: 8px;
}
.box2 .item1 p{
	line-height: 180%;
}
.box2 .item2{
	width: 180px;
}
.box2 .item2 img{
	width: 100%;
	height: auto;
}
.box3{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.box3 .item1{
	width: 20%;
}
.box3 .item2{
	width: 77%;
}
.box3 .item2 p{
	margin-bottom: 10px;
	line-height: 180%;
}
.price{
	font-size: 18px;
	text-align: right;
	font-weight: bold;
	color:rgba(121,3,5,1.00);
	margin-bottom: 10px;
}
.course{
	font-size: 14px;
	padding: 10px;
	background: rgba(247,247,218,1.00);
}
.box3 h3{
	font-size: 22px;
	margin-bottom: 8px;
}
.ta1{
	width: 100%;
	margin-bottom: 30px;
}
.ta1 td{
	border-top:1px solid #ccc;
	padding: 8px;
	width: 75%;
}
.ta1 th{
	padding: 8px;
	background: #eee;
	width: 25%;
}
.s1{
	padding-bottom: 40px;	
}
.menu{
	width: 100%;
	margin-bottom: 30px;
}
.menu td{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: right;
	font-weight: bold;
	color: rgba(123,9,10,1.00);
	white-space: nowrap;
}
.menu th{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: left
}
.menu th p{
	font-weight: normal;
	font-size: 14px;
}
.txt1{
	margin-bottom: 30px;	
}
footer{
	padding: 40px 0;
	background: #FFF;
	text-align: center;
}
#ftr_logo{
	background: #FFF;
	width: 160px;
	height: 160px;
	margin: 0 auto;
}
	.txt2{
		font-size: 14px;
		padding: 20px;
		border: 2px solid #eee;
		margin-bottom: 30px;
		background:#F6F6F6
	}
.sp{ display: none; }
.pc{ display: block; }

.tax{
	font-size: 12px;	
}
#rsv{

}
#rsv .inner{
	width: 850px;
	margin: 0 auto;
	background: #000
}
#rsv ul{
	display: flex
}
#rsv li{
	width: 50%;
	text-align: center;
	padding: 4px;
}
#rsv a{
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 8px;
	display: block;
	border: 1px solid #fff;
	border-radius: 3px;
}
@media screen and (max-width: 768px) {

.sp{ display: block; }
.pc{ display: none; }

/*------------------------------------------------------------
	Stracture
------------------------------------------------------------*/
.inner,#rsv .inner{
	width: 100%;
	margin: 0 auto;
}
main{
	width: 100%;

}
main .inner{
	width: 94%;
		padding: 30px 20px 30px 20px;
		top:-20px
}
	
header .item1{
	width: 40%;
	height: 37vw;
}
header .item2{
	width: 60%;
	height: auto;
	background: #000
}
#logo{
	padding-top: 7vw;
}
#logo img{
	width: 80%;
}
header .item2 a{
	display: block;
	background-image: url("../img/tel_sp.jpg?2");
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 37vw;
}
	.box1 .item1{
		width: 100%;
	}
	.box1 .item2{
		display: none
	}
	.box1 .item1 p{
		font-size: 16px;
		line-height: 170%
	}
.box2{
	display: block;

	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.box2 .item1{
	padding-right: 15px;
	width: 100%;;
}
.box2 .item1 h3{
	font-size: 20px;
	margin-bottom: 8px;
	text-align: center
}
.box2 .item1 p{
	line-height: 180%;
}
.box2 .item2{
	width: 100%;
	padding-top: 10px;
	text-align: center
}
.box2 .item2 img{
	width: 100%;
	height: auto;
}
.box3{

	justify-content: space-between;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.box3 .item1{
	width: 28%;
}
.box3 .item2{
	width: 67%;
}
.box3 .item2 p{
	margin-bottom: 10px;
	line-height: 180%;
	font-size: 15px
}
.course{
	font-size: 14px;
	padding: 10px;
	background: rgba(247,247,218,1.00);
}
.box3 h3{
	font-size: 18px;
	margin-bottom: 8px;
}
	.ta1 td,.ta1 th{
		width: 100%;
		display: block
	}
.h1{
	text-align: center;
	font-size: 22px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.h2{
	text-align: center;
	font-size: 22px;
	color: #FFF;
	background-image: url("../img/bg2.png");
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	padding: 0;
	margin-bottom: 20px;
	line-height: 1;

	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center
}
#cv{
	display: flex;
	position: fixed;
	background:rgba(0,0,0,0.6);
	padding: 10px;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 1000;
	width: 100%
}
#cv .item1{
	width: 50%;
}
#cv .item1 p{
	font-size: 12px;
	color: #FFF;
}
#cv .item2{
	width: 50%;
	gap:10;
}
#cv .item1 a{
	color: #FFF;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#cv .item2 a{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background:rgba(197,100,35,1.00);
	color: #FFF;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px
}
}