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

/*========================
KEY VISUAL
========================*/
.key_visual {
  position: relative;
  margin-bottom: 50px;
}
.key_visual_inner {
position: absolute;
  left: 50%;
  top:calc(50% + 30px);
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;}
.key_visual h2{
font-family: 'Noto Serif JP', serif;
font-weight: 900;
color:#A6FF00;
font-size: 3rem;white-space: nowrap;}
.key_visual .logo_02 img {
  margin:0 auto 10px;
}
.key_visual .logo_02 p {
  font-size: 1.4rem;
  font-weight: 700
}
.key_visual_inner p{padding-bottom: 0!important}
.kv_img{max-width: 1920px; width: 100%;margin: 0 auto;}
@media all and (min-width: 768px) {
.key_visual_inner { top:calc(50% + 50px);}
}
@media all and (min-width: 1024px) {
.key_visual_inner { top:calc(50% + 50px);}
}
/*========================
INFO
========================*/
h3.head04 {display: inline-block;margin: 0 auto 1em;padding: 20px 50px}
.center img{max-width: 100%}
.center{text-align: center; padding: 0 10px;}
  @media all and (min-width: 768px) {
  .center{max-width: 1280px; padding: 0 15px;margin: 0 auto}
  }
 @media all and (min-width: 1025px) {
  .center{max-width: 1280px; padding: 0 25px;margin: 0 auto}
 }
ul.flex_col3{display: flex;gap:3px;margin-bottom: 1em}
ul.flex_col3 li{width:calc(33.333% - 2px); }
@media all and (min-width: 768px) {
ul.flex_col3{display: flex;gap:12px;margin-bottom: 1.5em}
ul.flex_col3 li{width:calc(33.333% - 8px); }
}
ul.flex_col4{display: flex;gap:3px;margin-bottom: 1em}
ul.flex_col4 li{width:calc(25% - 2px); }
@media all and (min-width: 768px) {
ul.flex_col4{display: flex;gap:12px;margin-bottom: 1.5em}
ul.flex_col4 li{width:calc(25% - 9px); }
}
h4.head03{font-size:2.4rem;font-weight: bold;margin-bottom: 0.5em}
h5{font-size:1.8rem;font-weight: bold;margin-bottom: 0.5em}
@media all and (min-width: 768px) {
    h4.head03{font-size:2.8rem;}
    h5{font-size:2.4rem;}
}