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



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

.schoolTitle {
	text-align:center;
}
.schoolTitle .box {
	display:inline-block;
	background-image:url(img/ribbon01.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:0 20px 25px ;
	margin-bottom:50px;
}
.schoolTitle .box .sub {
	font-size:17px;
	letter-spacing:0.1em;
}
.schoolTitle .box h3 {
	font-size:30px;
	letter-spacing:0.1em;
	color:#ad1527;
	margin:10px 0;
}

@media screen and (min-width: 680px) {
.schoolTitle .box h3 {
	font-size:36px;
	letter-spacing:0.1em;
	color:#ad1527;
	margin:10px 0;
}
}


/*---　box　---*/

@media screen and (min-width: 680px) {
#mae01 .leftBox {
	width:60%;
	float:left;
}
#mae01 .rightBox {
	width:40%;
	float:right;
	box-sizing:border-box;
	padding-left:20px;
}

}



/*---　見出し　---*/
.schoolBox .midashi {
	margin-bottom:20px;
}
.schoolBox .midashi dt {
	width:25%;
	margin:0 auto;
}
.schoolBox .midashi dd {
	padding:20px 2% 0;
}
.schoolBox .midashi dd p {
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5;
}
.schoolBox .midashi dd p span {
	background-repeat:repeat-x;
	background-position:left bottom;
	background-size:500px auto;
	padding:10px 20px 10px 0 ; 
}
.schoolBox .midashi dd .line01 span {
	background-image:url(img/line01.png);
}
.schoolBox .midashi dd .line02 span {
	background-image:url(img/line02.png);
}

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

}

/* --------  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:#ffe180;
	text-align:center;
	font-size:17px;
	letter-spacing:0.15em;
	font-weight:bold;
	padding:5px 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:#ff6363;
}
@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;
	color:#ff6363;
}
.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 .example {
	margin:20px 2%;
}
.schoolBox .example .ttlExample {
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:10px;
}
.schoolBox .example .case {
	padding:15px 15px 30px;
	background-color:#fff9ee;
	border-radius:10px;
}
.schoolBox .example .case li {
	background-image:url(img/ribbon02.png);
	background-repeat:no-repeat;
	background-size:40px auto;
	background-position:left center;
	padding:15px 0 15px 50px;
	border-bottom:solid 1px #e4e4e4;
}

@media screen and (min-width: 680px) {
.schoolBox .example .case {
	padding:20px 20px 25px;
}
.schoolBox .example .case li {
	background-size:50px auto;
	padding:15px 0 15px 60px;
}

}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.schoolBox .example .case {
	padding:10px 20px 25px;
}
.schoolBox .example .ttlExample {
	font-size:15px;
	margin-bottom:0px;
}
.schoolBox .example .case li {
	background-size:10% auto;
	padding:15px 0 15px 13%;
	font-size:1.6vw;
}
.schoolBox .example {
	margin:20px 0;
}
}





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

.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:12px;
}

@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 20px!important;
	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: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!important;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}
}

.schoolBox .btn strong {
	font-size:24px;
	display: inline-block;
}
.schoolBox .btn span {
	font-size:15px;
	display: inline-block;
	margin-left: .5em;
}
@media screen and (min-width: 680px) {
.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;
}*/
}