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



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

* ======================================================= */
#season1 h2{
padding:2em 0 0; 
text-align: center;
}

#season1 ul.itemlist{
overflow: hidden;
padding: 60px 0 0;
}
#season1 ul.itemlist li{
float: left;
width: 46%;
margin: 0 8% 60px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
list-style: none;
}
#season1 ul.itemlist li:nth-child(2n){
margin-right: 0;
}
#season1 ul.itemlist li img{
max-width: 100%;
}
#season1 ul.itemlist li .text{
font-size: 14px;
font-weight: normal;
text-align: left;
}

@media screen and (max-width: 800px) {
#season1 ul.itemlist li{
font-size: 15px;
}

}
@media screen and (max-width: 400px) {
#season1 ul.itemlist{
overflow: hidden;
padding: 30px 0 0;
}
#season1 ul.itemlist li{
width: 47%;
margin: 0 6% 60px 0;
font-size: 16px;
}
#season1 ul.itemlist li .text{
padding-top: 0.4em;
}
}





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

* ======================================================= */
#season2 h2{
padding:2em 0 0; 
text-align: center;
border-top: 1px solid #ccc;
}

#season2 ul.itemlist{
overflow: hidden;
padding: 60px 0 0;
}
#season2 ul.itemlist li{
float: left;
width: 30%;
margin: 0 5% 60px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
list-style: none;
}
#season2 ul.itemlist li:nth-child(3n){
margin-right: 0;
}
#season2 ul.itemlist li img{
max-width: 100%;
}
#season2 ul.itemlist li .text{
font-size: 14px;
font-weight: normal;
text-align: left;
}

@media screen and (max-width: 800px) {

#season2 ul.itemlist li{
width: 46%;
font-size: 15px;
}
#season2 ul.itemlist li:nth-child(3n){
margin-right: 5%;
}
#season2 ul.itemlist li:nth-child(2n){
margin-right: 0;
}
}
@media screen and (max-width: 400px) {
#season2 ul.itemlist{
overflow: hidden;
padding: 30px 0 0;
}
#season2 ul.itemlist li{
width: 47%;
margin: 0 6% 60px 0;
font-size: 16px;
}
#season2 ul.itemlist li .text{
padding-top: 0.4em;
}
}