@charset "UTF-8";
/*


    font-family: 'Kosugi Maru', sans-serif;

    font-family: 'M PLUS Rounded 1c', sans-serif;


*/

#mainimage {
  background: url(../img2/kohitsuji_img/bg_mainimage.jpg) repeat-x center top;
  text-align: center;
}

#mainimage img {
  margin: 0 auto;
}

/*----------------------------- モットー */
#content > .container {
  padding-top: 25px;
}

#index_greeting {
  background: url(../img2/kohitsuji_img/txt_objective.png) no-repeat right top;
  padding-right: 580px;
  min-height: 584px;
}

#index_greeting h2 {
  margin: 35px 0 25px;
}

#index_greeting p {
  line-height: 1.65;
  padding-bottom: 20px;
}

#index_greeting ul {
  width: 480px;
}

#index_greeting ul li:first-of-type {
  float: left;
}

#index_greeting ul li:last-of-type {
  float: right;
}

/*----------------------------- 特長 */
#feature {
  background: url(../img2/kohitsuji_img/bg_feature.png) no-repeat center top;
  height: 450px;
  padding: 47px 40px 0;
  box-sizing: border-box;
}

#feature h2 {
  margin-bottom: 10px;
}

#feature ul {}

#feature ul li {
  float: left;
  margin-right: 20px;
  background: url(../img2/kohitsuji_img/bg_feature_leaf.png) no-repeat center bottom;
}

#feature ul li:last-of-type {
  margin-right: 0;
}

#feature ul li p {
  display: block;
  height: 125px;
  padding: 10px 0 0;
  text-align: center;
  line-height: 1.35;
}

/* memorial */
#memorial {
  margin-top: 90px;
}

.memorial_movie_area {
  position: relative;
  padding: 0 30px 30px;
  min-height: 300px;
  background: #e4f8f8;
}

#memorial h2 {
  position: relative;
  margin-bottom: 30px;
  padding-top: 90px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  font-size: 32px;
  color: #0090c4;
  text-align: center;
}

.memorial_movie_area h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -50px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 327px;
  height: 115px;
  background: url(../img2/kohitsuji_img/memorial_ti_po.png) no-repeat 0 0;

}

.memorial_movie_area .flex_container {
  display: flex;
  justify-content: space-between;
}

.memorial_movie_area .movie {
  margin-right: 30px;
}

.memorial_movie_area .movie iframe {}

.movie_notes {
  width: 50%;
}

.movie_notes p:not(.memorial_date) {
  font-size: 16px;

}

.movie_notes p.memorial_date {
  margin-top: 10px;
}

.movie_notes .memorial_img {
  position: absolute;
  right: 20px;
  bottom: 30px;
}

/* speech */
#speech {
  margin-top: 50px;
}

.sppech_box {
  margin-bottom: 30px;

}

.speech_ti {
  position: relative;
  margin: 0 auto 1.5em;
  padding: 1em 1em 0.9em 4.2em;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 400;
  font-size: 18.5px;
  line-height: 1.3;
  background: -moz-linear-gradient(left, rgba(255, 214, 222, 0.1) 0%, rgba(255, 214, 222, 1) 44%, rgba(255, 214, 222, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 214, 222, 0.1) 0%, rgba(255, 214, 222, 1) 44%, rgba(255, 214, 222, 1) 100%);
  background: linear-gradient(to right, rgba(255, 214, 222, 0.1) 0%, rgba(255, 214, 222, 1) 44%, rgba(255, 214, 222, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affd6de', endColorstr='#ffd6de', GradientType=1);
  cursor: pointer;

}

.speech_ti::before {
  content: "";
  display: block;
  width: 101px;
  height: 58px;
  position: absolute;
  left: -10px;
  top: 0;
  background: url(../img2/kohitsuji_img/speech_ti_po.png) no-repeat left center;
}

.speech_ti::after {
  content: "\f0dd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 25%;
  color: #f05e7b;
}

.speech_ti.open::after {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.speech_ti span {
  font-size: 14px;
  color: #f05e7b;
}

.speech_box dl {
  display: none;
  margin: 0 20px;
  padding-bottom: 30px;
}

.speech_box dt {
  margin: 0 auto 0.5em;
  padding: 1em;
  cursor: pointer;
  position: relative;
  background: #ffeef2;
}

.speech_box dt::after {
  content: "\f0dd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 20%;
  color: #f05e7b;
}

.speech_box dt.dt_open::after {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.speech_box dd {
  display: none;
  padding: 0.5em 1em 2em 1em;
}