@charset "UTF-8";
/* CSS Document */
.head_area p{
  text-align: center;
}
.head_area a{
  color: #ED7877;
}
.head_area a:hover{
  text-decoration: underline;
}

.menu_list{
  margin-bottom: 48px;
}
.menu_list ul{
  width: 100%;
	z-index: -1;
}
.menu_list ul li{
  width: 100%;
  min-height: 418px;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.menu_list ul li dl{
  margin-top: 30px;
  width: 960px;
  background-repeat: no-repeat;
  background-size: 450px;
  background-position: 100% 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.menu_list ul li dl.menu01bg{
  background-image: url("../img/menu/menu_img01.jpg");
}
.menu_list ul li dl.menu02bg{
  background-image: url("../img/menu/menu_img02.jpg");
}
.menu_list ul li dl.menu03bg{
  background-image: url("../img/menu/menu_img03.jpg");
}
.menu_list ul li dl.menu04bg{
  background-image: url("../img/menu/menu_img04.jpg");
}
.menu_list ul li dl.menu05bg{
  background-image: url("../img/menu/menu_img05.jpg");
}
.menu_list ul li:nth-of-type(even) dl{
  align-items: flex-end;
  background-position: 0 50%;
}
.menu_list ul li dt{
  width: 50%;
}
.menu_list ul li dd{
  width: 50%;
}
.menu_list ul li dd p{
  padding-bottom: 20px;
}
.menu_list ul li dt.bar_head{
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  letter-spacing: 1px;
}
/*.menu_list ul li dt.bar_head:first-letter{
  font-size: 48px;
}*/
.about_fee .list{
	margin: 0 auto 112px;
	display: flex;
}
.about_fee .list dl{
	width: 100%;
	padding: 10px;
    display: flex;
    flex-direction: column;
}
.about_fee .list dl dt{
	color: #FFF;
	font-size: 22px;
	padding: 15px 10px;
	text-align: center;
	background-color: #A27CA4;
}
.about_fee .list dl dd{
	padding: 15px 20px 0;
}
.about_fee .list dl dd ul li:before{
  content: "● ";
}
.about_fee dd .notice::before{
  content: "※";
}

#menu01,#menu02,#menu03,#menu04,#menu05 {
  margin-top: -138px;
  padding-top: 138px;
  overflow: hidden;
}

@media screen and (max-width: 960px){
  .menu_list ul li dl,
  .menu_list ul li dt,
  .menu_list ul li dd{
    width: 100%;
  }
  .menu_list ul li dl,
  .menu_list ul li:nth-of-type(even) dl{
    padding: 16px;
    background-position: 50% 80px;
  }
  .menu_list ul li dd{
    padding-top: 272px;
  }
  .about_fee .list{
    flex-direction: column;
  }
}

@media screen and (max-width: 700px){
	.head_area p{
		padding: 30px 10% 0;
		text-align: left;
	}
	.menu_list ul li dt.bar_head {
		width: 90%;
    margin: 0 auto 16px;
    font-size: 20px;
    letter-spacing: .05em;
	}
	.menu_list ul li dd p {
		padding: 30px 10% 0;
	}
	.about_fee .list {
    width: 90%;
		margin: 0 auto 80px;
	}
	.about_fee .list dl dt {
    font-size: 18px;
	}
}