@charset "UTF-8";


#content-30th{
  color:#222;
  font-size:16px;
  font-feature-settings: 'palt' 1;
  letter-spacing: .04em;
  line-height: 1.6;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  position: relative;
  top: 98px;
}
.f-ty-en{
  font-family: "Crimson Text", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
#content-30th *,
#content-30th *::after,
#content-30th *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content-30th img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
}
/* Animation */
.animated {
  visibility: hidden;
}
.bounceIn,.bounceInLeft, .bounceInRight, .bounceInDown,.bounceInUp,
.fadeIn, .fadeInLeft, .fadeInRight,.fadeInDown,.fadeInUp,.fadeInUpDelay,
.zoomInUp,.zoomInDown, .zoomIn,
.flip,.flipInX,.flipInY,
.lightSpeedIn,
.tada,.wobble,.shake,.rubberBand{
  visibility: visible;
}
.delay-01s { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.delay-02s { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay-03s { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.delay-04s { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay-05s { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay-06s { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay-07s { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.delay-08s { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay-09s { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.delay-1s  {  -webkit-animation-delay:1s; animation-delay:1s; }
.delay-2s  {  -webkit-animation-delay:2s; animation-delay:2s; }
.delay-3s  {  -webkit-animation-delay:3s; animation-delay:3s; }
.delay-4s  {  -webkit-animation-delay:4s; animation-delay:4s; }
.delay-5s  {  -webkit-animation-delay:5s; animation-delay:5s; }
.delay-6s  {  -webkit-animation-delay:6s; animation-delay:6s; }

/* Device View
-----------------------------------------------------*/
.viewPC {display: block;}
.viewTB {display: none;}
.viewPCTB {display: block;}
.viewSP {display: none;}
.viewTBSP {display: none;}
@media only screen and (max-width: 1024px) {
  .viewPC {display: none;}
  .viewTB {display: block;}
  .viewPCTB {display: block;}
  .viewSP {display: none;}
  .viewTBSP {display: block;}
}
@media only screen and (max-width: 768px) {
  .viewPC {display: none;}
  .viewTB {display: none;}
  .viewPCTB {display: none;}
  .viewSP {display: block;}
  .viewTBSP {display: block;}
}


.inner{
  max-width: 1220px;
  margin:0 auto;
  padding:0 20px;
}
.section-heading{
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700;
}
.section-heading .en {
  color: #0D59A2;
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
}
.section-heading .jp{
  display: inline-block;
  border-bottom: 2px solid #0D59A2;
  color: #0D59A2;
  font-size: 20px;
  font-weight: 700;
  padding-top:8px;
}
@media all and (max-width: 767px) {
  #content-30th{
    font-size:15px;
    top: 0;
  }
  .section-heading{
    margin-bottom: 40px;
  }
  .section-heading .en {
    font-size: 48px;
  }
  .section-heading .jp{
    font-size: 16px;
  }
}






.mv-30th{
  background-image: url(../img/mv-bg_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
}
.mv-30th .mv-30th_inner{
  padding:40px 20px 30px;
  max-width: 1080px;
  margin:0 auto
}
.mv-30th_object{
  max-width: 480px;
  margin:0 auto 24px;
}
.mv-30th_subtitle {
  text-align: center;
}
.mv-30th_subtitle {
  font-size: 24px;
  font-weight: 700;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 4px 16px;
  line-height: 2.2;
  background-color: #0D59A2;
  color:#fff
}
@media all and (max-width: 767px) {
  .mv-30th{
    background-image: url(../img/mv-bg_sp.jpg);
  }
  .mv-30th .mv-30th_inner{
    padding:48px 20px;

  }
  .mv-30th_object{
    width: 70%;
  }
  .mv-30th_subtitle {
    font-size: 17px;
    padding: 4px 16px;
    line-height: 2.2;
  }
}



.message-30th{
  padding:80px 0;
  z-index: 1;
  margin-bottom:160px;
}
.message-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
  column-gap: 5%;
}
.message-row .pic-row{
  width: 35%;
  text-align: center
}
.message-row .pic-row img{
  border-radius: 4px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.message-row .pic-row .message-name{
  text-align: center;
  margin:8px auto 0;
  width: 70%;
}
.message-row .txt-row{
  width: 60%;
}
.message-row .txt-row .catch-copy{
  font-size:28px;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:24px;
}
.message-row .txt-row .txt{
  line-height: 2;
}
@media all and (max-width: 767px) {
  .message-30th{
    padding:60px 0;
    margin-bottom:60px;
  }
  .message-row .pic-row{
    width: 80%;
    margin:0 auto 24px;
  }
  .message-row .pic-row .message-name{
    width: 70%;
  }
  .message-row .txt-row{
    width: 100%;
  }
  .message-row .txt-row .catch-copy{
    font-size:24px;
    margin-bottom:24px;
    text-align: center;
  }
}



.history-30th{
  background-color:#E3F5FA ;
  background-image: url(../img/history-bg_pc.jpg);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  padding:0 0 120px;
  margin-bottom:100px;
}
.history-30th .inner{
  max-width: 1120px;
}
.history-30th::before {
  content: "";
  position: absolute;
  top: calc(-8vw + 1px);
  height: 8vw;
  left: 0;
  width: 100%;
  background: transparent url(../img/circle-top_pc.svg) no-repeat scroll top center / cover;
  z-index: -1;
}
.history-30th .lead-copy{
  text-align: center;
  line-height: 2.2;
}

.history-30th .history-img{
  margin:40px auto;
}
.history-30th .history-summary{
  max-width: 450px;
  margin:40px auto 0;
  text-align: center;
}
@media all and (max-width: 767px) {
  .history-30th{
    padding:30px 0 80px;
    margin-bottom:50px;
    background-image: url(../img/history-bg_sp.jpg);
  }
  .history-30th .lead-copy{
    text-align: left;
}
  .history-30th .history-summary{
    margin:30px auto 0;
    width: 70%;
  }

}


.floating {
  -webkit-animation-name:floating;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:floating;
  -moz-animation-duration:2s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
  animation-name:floating;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:ease;
}
@-webkit-keyframes floating {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0, -8px);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes floating {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -8px);}
  100% {-moz-transform:translate(0, 0);}
}
@keyframes floating {
  0% {transform:translate(0, 0);}
  50% {transform:translate(0, -8px);}
  100% {transform:translate(0, 0);}
}