@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/* =======================================================

* ======================================================= */
img.pc,br.pc{display: inline;}
img.sp,br.sp{display: none}

@media screen and (max-width: 760px) {
img.pc,br.pc{display: none;}
img.sp,br.sp{display: inline}
}


@media screen and (min-width: 1000px) {
a:hover{opacity: 0.8;}
}


.animate-fadeIn,
.animate-fadeIn2 {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.animate-is-fadeIn {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* =======================================================

* ======================================================= */

#fh5co-intro h1{
font-family: "Noto Serif JP", serif;
}
#fh5co-intro h1 .red{
color: #E94624;
}


#fh5co-intro .fh5co-lead{
color: #000;
font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 760px) {
#fh5co-intro h1{
font-size: 22px;
}
#fh5co-intro .fh5co-lead{
font-size: 16px;
}
}

/* =======================================================

* ======================================================= */
.info-list{
clear: both;
overflow: hidden;
max-width: 1170px;
margin: 0 auto;
}
.info-list .info-detail{
clear: both;
overflow: hidden;
margin: 0 auto;
padding: 80px 0 90px;
border-top:  1px solid #ccc;
}
.info-list .info-detail:first-child{
border-top: none;
}
.info-list .info-detail .date{
margin: 0 0 1em;
}

.info-list .info-detail .detail-area img{
max-width: 100%;
}

@media screen and (max-width: 760px) {
.info-list .info-detail{
padding: 60px 0 70px;
}
}