@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
  専用css
----------------------------------------*/



/*---　タイトル　---*/

.schoolTitle {
	text-align:center;
}
.schoolTitle .box {
	display:inline-block;
	background:none;
	padding:0 20px 25px ;
	margin-bottom:37px;
}
.schoolTitle .box .sub {
	font-size:17px;
	letter-spacing:0.1em;
	line-height:45px;
}
.schoolTitle .box .sub span {
	display:inline-block;
	height:45px;
	margin:0 5px;
}
.schoolTitle .box .sub span img {
	width:auto;
	height:100%;
}
.schoolTitle .box h3 {
	font-size:30px;
	letter-spacing:0.1em;
	color:#0498a1;
	margin:10px 0;
	padding:0 10px 0px;
}

@media screen and (min-width: 680px) {
.schoolTitle .box .sub {
	font-size:22px;
	line-height:50px;
}
.schoolTitle .box .sub span {
	height:50px;
}
.schoolTitle .box h3 {
	font-size:36px;
	letter-spacing:0.1em;
	color:#0498a1;
	margin:10px 0;
	padding:0 10px 25px;
}
}


/*---　box　---*/
.komaya_kitsuke .schoolBox .leftBox {
	margin:0 2%;
}
.komaya_kitsuke .schoolBox .rightBox {
	margin:0 2%;
}

@media screen and (min-width: 680px) {
.komaya_kitsuke .schoolBox .leftBox {
	width:42%;
	float:left;
	margin:0;
}
.komaya_kitsuke .schoolBox .rightBox {
	width:58%;
	float:right;
	box-sizing:border-box;
	padding-left:20px;
	margin:0;
}
}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.komaya_kitsuke .schoolBox .leftBox {
	width:50%;
}
.komaya_kitsuke .schoolBox .rightBox {
	width:50%;
}
}


/*---　見出し　---*/
.schoolBox .midashi {
	margin:0 0 20px;
}
.schoolBox .midashi dt {
	width:25%;
	margin:0 auto;
}
.schoolBox .midashi dd {
	margin:20px 0 0;
	padding:3px 10px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#0498a1;
	border-bottom:solid 1px #0498a1;
	border-left:solid 10px #0498a1;
}
.schoolBox .midashi dd p {
	line-height:1.5;
}

@media screen and (min-width: 680px) {
.schoolBox .midashi {
	display:table;
	margin:0 0 10px;
}
.schoolBox .midashi dt {
	display:table-cell;
	width:24.5%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
}
.schoolBox .midashi dd {
	display:table-cell;
	width:75.5%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:15px;
}
.schoolBox .midashi dd  {
	font-size:22px;
	line-height:1.5;
	font-weight:bold;
	border:none;
}

}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .midashi {
	margin-bottom:5px;
}
.schoolBox .midashi dd {
	padding:10px;
}
.schoolBox .midashi dd p {
	font-size:2.05vw;
}
}




/*---　価格　---*/

.schoolBox .schoolKakaku {
	display:table;
	width:98%;
	margin:0 2%;
}
.schoolBox .schoolKakaku .time {
	display:table-cell;
	width:30%;
	vertical-align:bottom;
}
.schoolBox .schoolKakaku .kakaku {
	display:table-cell;
	width:70%;
	box-sizing:border-box;
	padding-left:20px;
	vertical-align:bottom;
}
.schoolBox .schoolKakaku .time p {
	background-color:#e0f2f4;
	text-align:center;
	font-size:17px;
	letter-spacing:0.15em;
	font-weight:bold;
	padding:0 10px;
}
.schoolBox .schoolKakaku .kakaku p {
	font-size:18px;
	letter-spacing:0.1em;
	line-height:1.5;
}
.schoolBox .schoolKakaku .kakaku p span {
	font-size:36px;
	letter-spacing:0.1em;
	line-height:1;
	color:#000;
}
@media screen and (min-width: 680px) {
.schoolBox .schoolKakaku {
	margin:0 ;
}
.schoolBox .schoolKakaku .kakaku p span {
	font-size:46px;
	letter-spacing:0.1em;
	line-height:1;
}
.schoolBox .schoolKakaku .time {
	display:table-cell;
	width:20%;
	vertical-align:middle;
}
.schoolBox .schoolKakaku .kakaku {
	display:table-cell;
	width:80%;
	box-sizing:border-box;
	padding-left:20px;
	vertical-align:top;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .schoolKakaku .time p {
	font-size:1.8vw;
}
.schoolBox .schoolKakaku .kakaku p {
	font-size:2vw;
}
.schoolBox .schoolKakaku .kakaku p span {
	font-size:4vw;
}
}


/*---　諸注意　---*/

.schoolBox .attention {
	font-size:13px;
	margin:10px 0;
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (min-width: 680px) {
.schoolBox .attention {
	font-size:15px;
}

}


/*---　写真　---*/

.schoolBox .pht {
	margin-top:20px;
}
@media screen and (min-width: 680px) {
.schoolBox .pht {
	margin-top:0px;
}

}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
}



/*---　日時　---*/

.schoolBox .days dt  {
	padding:10px 0;
}
.schoolBox .days dd  {
	margin-bottom:10px;
}
.schoolBox .days dt span {
	display:inline-block;
	padding:3px 10px;
	margin-right:5px;
	color:#FFF;
	font-size:15px;
	letter-spacing:0.1em;
}
.schoolBox .days dt .wed {
	background-color:#a29ee8;
}
.schoolBox .days dt .sat {
	background-color:#74d4fc;
}
.schoolBox .days dt .sun {
	background-color:#08a2ac;
}

@media screen and (min-width: 680px) {
.schoolBox .days dt span {
	font-size:18px;
	font-weight:bold;
}
.schoolBox .attention {
	font-size:15px;
}

}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .days dt span {
	font-size:1.8vw;
}
.schoolBox .days dd  {
	font-size:1.7vw;
}
}





/*---　必要なもの　---*/

.schoolBox .important {
	border:solid 1px #b8e5f7;
	margin:50px 5% 30px;
	padding:15px 2%;
	position:relative;
}

.schoolBox .important h4 {
	display:inline-block;
	position:absolute;
	left:-15px;
	top:-10px;
}
.schoolBox .important h4 span {
	position: relative;
	font-size:18px;
	background: #e0f2f4;
	color:#0498a1!important;
	color: white;
	padding:10px 15px;
	letter-spacing:0.1em;
}

.schoolBox .important h4 span::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #c2d5d7;
}
.schoolBox .important .goodsName {
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:10px 0;
}
.schoolBox .important .attention {
	text-indent: 0;
}

@media screen and (min-width: 680px) {
.schoolBox .important {
	border:solid 1px #b8e5f7;
	margin:50px 20px;
	padding:40px 20px 20px;
}
.schoolBox .important h4 span {
	font-size:20px;
	color:#0498a1;
}
.schoolBox .important .pht {
	width:25%;
	float:left;
	margin:0 20px 0 0;
}
.schoolBox .important .goodsName {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:20px;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .important h4 span {
	font-size:2vw;
}
.schoolBox .important .goodsName {
	font-size:1.8vw;
}
}



/*---　ケース　---*/

.schoolBox .solution {
	margin:20px 2%;
}
.schoolBox .solution .ttlSolution {
	border-radius:5px;
	background-color:#ffce25;
	color:#FFF;
	display:inline-block;
	padding:5px 20px;
	letter-spacing:0.15em;
	font-weight:bold;
	font-size:18px;
	position:relative;
}
.schoolBox .solution .ttlSolution:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #ffd025 transparent transparent transparent;
	position:absolute;
	left:15px;
	bottom:-13px;
}

.schoolBox .solution .txtBox {
	width:75%;
	float:left;
	margin-top:20px;
}
.schoolBox .solution .pht {
	width:25%;
	float:right;
}


.schoolBox .solution .txtBox h4 {
	color:#ff6363;
	font-size:17px;
	letter-spacing:0.1em;
	border-bottom:solid 3px #ffe180;
	/*display:inline-block;*/
	padding-bottom:2px;
	position:relative;
	margin-bottom:15px;
	line-height:1.5;
}
.schoolBox .solution .txtBox h4:before {
	content:"";
	width:100%;
	height:3px;
	background-color:#ffe180;
	position:absolute;
	left:0;
	bottom:-10px;
}
.schoolBox .solution .txtBox p {
	text-align:center;
}
.schoolBox .solution .txtBox p a {
	display:block;
	padding:5px ;
	background-color:#fde9f9;
	font-size:13px;
}

@media screen and (min-width: 680px) {
.schoolBox .solution {
	width:80%;
	margin:0 /*auto*/;
}
.schoolBox .solution .txtBox {
	width:80%;
	float:left;
	margin-top:25px;
}
.schoolBox .solution .pht {
	width:20%;
	float:right;
}
.schoolBox .solution .txtBox h4 {
	color:#ff6363;
	font-size:25px;
	letter-spacing:0.1em;
	border-bottom:solid 3px #ffe180;
	/*display:inline-block;*/
	padding-bottom:2px;
	position:relative;
	margin-bottom:30px;
}
.schoolBox .solution .txtBox h4:before {
	content:"";
	width:100%;
	height:3px;
	background-color:#ffe180;
	position:absolute;
	left:0;
	bottom:-10px;
}

.schoolBox .solution .txtBox p {
	text-align:center;
}
.schoolBox .solution .txtBox p a {
	display:inline-block;
	padding:5px 50px;
	background-color:#fde9f9;
	font-size:16px;
}
.schoolBox .solution .txtBox p a:hover {
	background-color:#ff7d7d;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .solution .ttlSolution {
	font-size:1.8vw;
}
.schoolBox .solution .txtBox h4 {
	font-size:2.5vw;
}
.schoolBox .solution .txtBox p a {
	font-size:1.7vw;
}
}


/*---　お客様の声　---*/

.schoolBox .voice {
	margin:20px 0 20px;
}
.schoolBox .voice li {
	margin:0 2% 0;
	background-color:#fff9ee;
	/*border-radius:10px;*/
	position:relative;
	padding:25px 15px;
	border-bottom:dashed 1px #9a8781;
}
.schoolBox .voice li:last-child {
	border-bottom:none;
}
.schoolBox .voice li h5 {
	margin-bottom:10px;
}
.schoolBox .voice li p {
}
.schoolBox .voice li h5 span {
	background-color:#ffce25;
	color:#7d3b23;
	padding:5px 15px;
	display:inline-block;
	border-radius:5px;
}


@media screen and (min-width: 680px) {
.schoolBox .voice {
	margin:60px 0 40px;
}
.schoolBox .voice li {
	width:31.333%;
	margin:0 1%;
	float:left;
	padding:0;
	border-radius:10px;
	border-bottom:none;
}
.schoolBox .voice li h5 {
	width:30%;
	float:none;
	margin:0;
	position:absolute;
	left:5px;
	top:-30px;
}
.schoolBox .voice li p {
	margin:22% 15px 35px;
	line-height:1.8;
	float:none;
	width:auto;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .voice li p {
	font-size:1.8vw;
}
}





.schoolBox .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	margin:0px auto 0px;
	color:#FFF;
	padding:15px 20px;
	font-size:16px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	box-sizing:border-box;
}
.schoolBox .btn strong {
	font-size:24px;
	display: inline-block;
}
.schoolBox .btn span {
	font-size:15px;
	display: inline-block;
	margin-left: .5em;
}
#kitsuke02 .btn {
	margin:40px auto 20px;
}

.schoolBox .btn:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute;
	right:15px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.schoolBox .btn:hover {
	background-color:#ff4646;
}

@media screen and (min-width: 680px) {
.schoolBox .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	max-width:800px;
	margin:20px auto;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}
#kitsuke02 .btn {
	margin:60px auto 20px;
}
.schoolBox .btn strong {
	font-size:26px;
}
.schoolBox .btn span {
	font-size:20px;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
/*.schoolBox .point li .txt {
	font-size:3.35vw;
}*/
}



.kinenBox {
	border:solid 2px #ad9373;
	padding:10px 10px 10px;
	position:relative;
	margin-top:35px;
	background-color:#fdf8ed;
}
.tokka {
	width:60%;
	position:absolute;
	top:-25px;
	left:0;
}
.kinenBox .kakaku {
}
.kinenBox .time {
	vertical-align:bottom!important;
	padding-bottom:10px;
}