@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;
}