@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     学校案内
 Notes:          
--------------------------------------------------------------- */
.detail {
  cursor: default;
}
.detail .wrap01 {
  margin: 0 auto 3%;
  display: flex;
}
.detail .wrap01.narrow {
  padding: 0 9%;
  justify-content: space-between;
}
.content .wrap01 .box01 {
  width: 40%;
  order: 2;
  text-align: center;
}
.content .wrap01 .box02 {
  width: 55%;
  order: 1;
}
.box02 .type {
  font-size: 1.1em;
  font-weight: bold;
}
.box02 a {
  padding: 0.2em 1em;
  border: 1px solid #7B7B7B;
}
.box02 a:hover {
  color: #FFF;
  background-color: #EE8099;
  border: 1px solid #EE8099;
}
.content .wrap02 {
  padding: 1em;
  box-sizing: border-box;
  background-color: #FFFBE6;
}
.content .wrap02.narrow {
  padding: 1.5em 9%;
  border-radius: 1.5em;
}
.content .wrap02 .txt01 {
  margin: 0 auto 3%;
}
.content .wrap02 .txt02 {
  margin: 0 auto 3%;
  display: flex;
}
.content .wrap02 .txt02_in {
  width: 70.5%;
}
.content .wrap02 .txt02 img {
  margin-left: 3%;
  width: 30.5%;
  flex-shrink: 0;
}
.wrap02 .txt-box {
  margin: 0 auto 3%;
  padding: 0.5em;
  text-align: center;
  color: #FFF;
  font-size: 1.5em;
  line-height: 1.3;
  font-weight: 500;
  background-color: #55C0CC;
  border-radius: 0.7em;
}
.photo-box {
  margin: 0 -1%;
  display: flex;
  flex-wrap: wrap;
}
.photo-box .photo {
  width: 31%;
  margin: 0 1% 1%;
}
.photo-wrap {
  margin: 0 -1%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.photo-wrap .box {
  width: 31%;
  margin: 0 1% 1%;
}
.photo-wrap .box_space {
  width: 67%;
  background: #fff9b1;
  border: 1px solid #eb758e;
  border-radius: 1.5em;
  color: #e7537f;
}
.photo-wrap .box_space p {
  text-align: center;
}
.photo-wrap .box_space ul {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
}
.photo-wrap .box_space ul li {
  width: 19%;
  margin: 0 4.4%;
  position: relative;
  text-align: center;
}
.photo-wrap .box_space ul li img {
  display: block;
}
.photo-wrap .box_space ul li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8em 0 0.8em 0.8em;
  border-color: transparent transparent transparent #e7537f;
  position: absolute;
  right: -2em;
  top: 3em;
}
.photo-wrap .box_space ul li:last-child:after {
  display: none;
}
.photo-wrap .place {
  margin: 0 0 10%;
  /** line-height: 0.5; **/
  line-height: 1.25;
}
.sec02 .wrap {
  padding: 2%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #3A3A3A;
}
.sec02 .wrap:last-child {
  border-bottom: none;
}
.sec02 .box01 {
  width: 20%;
  min-width: 10em;
}
.sec02 .box02 {
  width: 80%;
}
/* ----- アコーディオン ----- */
dl.accordion {
  width: 100%;
  margin: 0 auto;
}
dl.accordion dt {
  /**font-size: 1.2em;**/
  position: relative;
}
dl.accordion dt::after {
  content: '\254b';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  color: #FFF;
  vertical-align: middle;
}
dl.accordion dt.open::after {
  content: '\2501';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  color: #FFF;
  vertical-align: middle;
}
dl.accordion dd {
  width: 100%;
  position: relative;
}
.school {
  width: 100%;
  margin: 0 0 5%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.school .school-name {
	width: 100%;
	margin: 0 auto;
  padding: 0.5em 3em 0.55em 3em;
  position: relative;
  color: #FFF;
  border: 1px solid #EE8099;
  border-radius: 10em;
  background: #EE8099;
  overflow: hidden;
  font-size: 1.2em;
}
.school .school-name:hover {
  border: 1px solid #F4B2C1;
  background: #F4B2C1;
}
.school .school-name .name {
  font-size: 1.2em;
}
.school-name .icon-heart::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1.1em;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
  -webkit- transform: translateY(-50%) translateX(-50%) rotate(90deg);
  font-size: 1.5em;
}
.school .detail {
	width: 100%;
	margin: 0 auto;
  padding: 2.5em 0;
  line-height: 2;
}

.color01 {
    color: #707070;
}
.school_nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5em;
}
.school_nav li {
    width: 24%;
    margin-right: 1.33%;
}
.school_nav li:nth-child(4n) {
    margin-right: 0;
}
.school_nav li a {
    display: block;
    background: #EE8099;
    color: #FFF;
    border-radius: 10em;
    text-align: center;
    font-size: 1.2em;
    padding: 0.15em;
}
/* ----- /アコーディオン ----- */
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
.school .school-name {
  font-size: 14px;
  line-height: 1.5;
}
.detail .wrap01 {
  margin: 0 auto 3%;
  display: block;
}
.content .wrap01 .box01 {
  width: 60%;
  margin: 0 auto 5%;
}
.content .wrap01 .box02 {
  width: 100%;
  margin: 0 auto 5%;
}
.content .wrap02 .txt-box {
  font-size: 16px;
}
.photo-box .photo {
  width: 48%;
}
.photo-wrap .box {
  width: 48%;
}
.photo-wrap .box_space {
  width: 100%;
  margin-bottom: 5%;
}
.photo-wrap .box_space ul li:after {
  top: 1.5em;
  right: -1.5em;
}
.sec02 .wrap {
  width: 100%;
}
.content .wrap02 .txt02 {
  display: block;
}
.content .wrap02 .txt02 img {
  width: 100%;
  margin-top: 0.5em;
}
.school_nav li a {
  font-size: 1.0em;
}
}