@charset "utf-8";

.sp {
  display: block;
}

.tb,
.pc {
  display: none;
}

img {
	max-width: 100%;
}

.calendar_con {
  width: 100%;
}

.calendar_con .inner {
  padding: 3%;
}

.calendar_con h2 {
  font-size: 5vw;
}

.calendar_con p.explain {
  font-size: 3vw;
  margin: 3% 0 5%;
  line-height: 1.4em;
}

.calendar_con p.slider_txt {
  font-size: 3.4vw;
  margin: 2% 0 5%;
}

.calendar_con p.slider_txt span {
  font-size: 3vw;
  margin: 2% 0 0;
}

.calendar_con ul.type_list li {
  float: none;
  width: 100%;
  height: 33vw;
  margin: 0 0 3%;
}

.calendar_con ul.type_list li:nth-child(2n) {
  float: none;
}

.calendar_con ul.type_list li a figure {
  width: 30%;
}

.calendar_con ul.type_list li a figure img {
  width: 100%;
}

.calendar_con ul.type_list li a dl {
  width: 67%;
  height: 27vw;
}

.calendar_con ul.type_list li a {
  padding: 3%;
}

.calendar_con ul.type_list li a dl dd {
  font-size: 3.4vw;
}

.calendar_con ul.type_list li a dl dt {
  font-size: 4vw;
  padding: 1% 0 3%;
  margin: 0 0 3%;
}

.calendar_con ul.type_list li a dl dd.btn {
  padding: 1% 0;
}

.calendar_con .box ul li {
  float: none;
  width: 100%;
  margin: 0 0 3%;
  height: auto;
  padding: 3% 3% 20vw;
  background-size: 16%;
}

.calendar_con .box ul li dl dt {
  margin: 0 0 2%;
}

.calendar_con .box ul li dl dd {
  font-size: 3.4vw;
}

.calendar_con .box ul li dl dd span {
  font-size: 3vw;
}

.calendar_con .box ul li:last-child {
  padding: 10% 3%;
}

.calendar_con .box ul li p {
  padding: 0;
}

.calendar_con .contact {
  padding: 3%;
}

.calendar_con .contact p {
  font-size: 3vw;
  margin: 0 0 3%;
}

.calendar_con .contact .row {
  display: block;
}

.calendar_con .contact .row .col {
  display: block;
}

.calendar_con .contact .row .col span {
  display: block;
  font-size: 3.4vw;
  margin: 3% 0 0;
}

.calendar_con .contact .row .col strong {
  display: block;
  font-size: 6vw;
  margin: 3% 0;
}

.cp_cssslider {
	width: 94vw;
	height: 36vw;
	overflow: hidden;
	margin: 0;
}
.cp_slide_item {
	width: 94vw;
	height: 36vw;
	float: left;
	position: relative;
}

@-webkit-keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-94vw);
	transform: translateX(-94vw);
	}
	40% {
	-webkit-transform: translateX(-188vw);
	transform: translateX(-188vw);
	}
	60% {
	-webkit-transform: translateX(-282vw);
	transform: translateX(-282vw);
	}
	80% {
	-webkit-transform: translateX(-376vw);
	transform: translateX(-376vw);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}
@keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-94vw);
	transform: translateX(-94vw);
	}
	40% {
	-webkit-transform: translateX(-188vw);
	transform: translateX(-188vw);
	}
	60% {
	-webkit-transform: translateX(-282vw);
	transform: translateX(-282vw);
	}
	80% {
	-webkit-transform: translateX(-376vw);
	transform: translateX(-376vw);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}