.mp-section--appoint{z-index:18;overflow:hidden;padding-top: 100px;padding-bottom: 100px;margin-bottom:22px;margin-top:110px;background-color:#e7fcde;}
@media only screen and (max-width: 1260px){
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-section--appoint{height: 330px;margin-top:120px}
	.mp-section--appoint .wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
}
@media only screen and (max-width: 640px){
	.mp-section--appoint{min-height:650px;margin-top:60px;padding-top: 60px;padding-bottom: 60px;}
	.mp-section--appoint .wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
}





.mp-appoint-category{position:relative;z-index:4;display: inline-block;vertical-align: top }

.mp-appoint-category img{
	position:absolute;z-index:2;
	/*bottom:0;*/
	width:100%;height:100%;
	transition:-webkit-transform 1.8s;
	transition:transform 1.8s;
	transition:transform 1.8s, -webkit-transform 1.8s;
	will-change:transform;
	
	border:1px solid #bad1b0;
}


	
.mp-appoint-c1  {bottom:1px;left:80px;width:458px;height:567px}

.mp-appoint-c1 .mp-s03-img{padding-top:25%,width:100%}
.mp-appoint-c1 .border1,.mp-appoint-c1 .border1 span{position:absolute;width:100%}
.mp-appoint-c1 .border2,.mp-appoint-c1 .border2 span{position:absolute;width:457px;}

.mp-appoint-c1 .border1{z-index:4;top:-20px;bottom:20px;left:20px;border:1px solid #bad1b0}
.mp-appoint-c1 .border2{z-index:4;top:0px;bottom:0px;left:0px;border:1px solid #bad1b0}

.mp-appoint-c1 .border1, .mp-appoint-c1 .border2{
	transition:-webkit-transform 0.4s;
	transition:transform 0.4s;
	transition:transform 0.4s, -webkit-transform 0.4s;
	will-change:transform;
}

.mp-appoint-c1.border1 span{top:0;left:20px;height:100%}

.mp-appoint-c1.is-animate .border1{transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s;transition:opacity .6s,transform .6s,-webkit-transform .6s}
.mp-appoint-c1.is-animate .border2{transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s;transition:opacity .6s,transform .6s,-webkit-transform .6s}

@media only screen and (max-width: 960px){
	.mp-appoint-c1 .border1{z-index:4;top:-11px;bottom:11px;left:11px;}
}




.mp-appoint-c1__info{
	position:absolute;
	z-index:5;
	margin-left:10px;
	}
.mp-appoint-c1__info span{display:block;letter-spacing:.025em}

.mp-appoint-c1__title{
	font-family:'Oranienbaum',Serif;
	font-size:36px;
	line-height:40px;
	top:0px;
	width:560px;
	margin-bottom: 60px;
	box-sizing:border-box;

	color:#8b512e
}

.mp-appoint-c1__text{
	line-height:36px; 
	font-size:24px;
	width:560px;
	margin-bottom: 70px;
}
.is-animate .mp-appoint-c1__text{transition-delay:.6s}

.mp-appoint-c5{
	width:600px;
	height:400px;
	left:220px;
	bottom:1px}

@media only screen and (min-width: 960px) and (max-width: 1260px){
	.mp-appoint-c1{left: 0; width:380px;height:466px}
	.mp-appoint-c1{left:0}
	.mp-appoint-c5{width:460px;height:350px;left:90px;}
	.mp-appoint-c1__title {width:460px;font-size: 30px;line-height:38px;margin-bottom: 55px;}
	.mp-appoint-c1__text {width:460px;font-size: 20px;line-height:30px;margin-bottom: 65px;}
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-appoint-c1{width:280px;height:344px;position:absolute; left:0; top:0px;}
	.mp-appoint-c5{position:absolute; left:320px;width:300px;height:350px;top:0px;}
	.mp-appoint-c1__title {width:300px;font-size: 26px;line-height:30px;margin-bottom: 30px;text-align:center}
	.mp-appoint-c1__text {width:300px;font-size: 18px;line-height:24px;text-align:center}
	.mp-appoint-c1__text  .t1{display:none}
	.mp-appoint-label{position:absolute; left:320px;width:300px; text-align:center;}
	.mp-appoint-label--t1{font-size:18px;line-height:30px;top: 180px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;color:#636363}
	.mp-appoint_btn{position:absolute; left:0px; width:300px;top:301px;} 
}
@media only screen and (max-width: 640px){
	.mp-appoint-c1{position:absolute; left:calc((100% - 240px) / 2); width:240px;height:280px;top:100px;}
	.mp-appoint-c5{position:absolute; left:4%; width:92%;height:150px;top:0px;}
	.mp-appoint-c1__info {width:100%;}
	.mp-appoint-c1__title {width:100%;font-size: 26px;line-height:30px;margin-bottom: 40px;text-align:center;}
	.mp-appoint-c1__text {width:100%;font-size: 18px;line-height:24px;text-align:center;margin-top:380px;margin-bottom:30px;}
	.mp-appoint-c1__text .t1{display:none}
	.mp-appoint-label{position:absolute; left:calc((100% - 300px) / 2);width:300px; text-align:center;}
	.mp-appoint-label--t1{font-size:18px;line-height:30px;top: 400px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;color:#636363}
	/*.mp-appoint_btn{position:absolute;top:620px; left:calc((100% - 240px) / 2);width:240px; } */
	.mp-appoint_btn{position:absolute; width:100%;} 
}

.mp-appoint-c5 .but_brown {
	width:400px;
	margin: 0 0;
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-appoint-c5 .but_brown {width:240px; 	margin: 0 30px;}
}
@media only screen and (max-width: 640px){
	.mp-appoint-c5 .but_brown {width:240px; 	margin: 0 calc((100% - 240px) / 2);
}

}