@charset "utf-8";

/* ===============================================
# 100周年サイトTOP
=============================================== */
main{
  padding-bottom: 0;
}
main .inner{
  max-width: 1300px;
}
@media screen and (max-width:768px){
  main .inner{
    width: 92%;
  }
}

#header {
  background-color: transparent;
  transition: all ease 0.3s;
}
#header .logo {
  opacity: 0;
  transition: opacity ease 0.3s;
  pointer-events: none;
  padding-bottom: 6px;
}
#header.show {
  background-color: #fff;
}
#header.show .logo {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width:768px){
  #header .logo {
    padding-bottom: 0;
  }
  #header.open .logo {
    opacity: 1;
    padding-bottom: 0;
  } 
}
.cmn_txt_star {
  display:inline-block;
  text-align: center;
}
.cmn_txt_star.txt_left {
  text-align: left;
}
.cmn_txt_star span {
  background: url(/academy/100th/img/logo_main_star.svg) no-repeat center left;
  background-size: 12px;
  padding-left: 18px;
}
.cmn_txt_star.white span {
  background: url(/academy/100th/img/logo_main_star_w.svg) no-repeat center left;
  background-size: 12px;
}
@media screen and (max-width:768px){
  .cmn_txt_star span {
    background: url(/academy/100th/img/logo_main_star.svg) no-repeat center left;
    background-size: 12px;
    padding-left: 17px;
  }
  .cmn_txt_star span {
    background: url(/academy/100th/img/logo_main_star.svg) no-repeat center left;
    background-size: 9px;
  }
  .cmn_txt_star.white span {
    background: url(/academy/100th/img/logo_main_star_w.svg) no-repeat center left;
    background-size: 9px;
  }
}
.ttl_sec img{
  max-height: 66px;
  width: auto;
  display: block;
}
.ttl_sec .sub{
  margin-top: 35px;
  display: block;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
  color: #063e8d;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 600;
}
.ttl_sec.txtCenter img{
  margin: 0 auto;
}
@media screen and (max-width:768px){
  .ttl_sec img{
    max-height: 36px;
  }
  .ttl_sec .sub{
    margin-top: 18px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.font_gara{
  font-family: "EB Garamond","游明朝体", "Yu Mincho","ヒラギノ明朝Pro", "Hiragino Mincho Pro", YuMincho, serif;
}
img[src*=".svg"].ico_blank{
  width: 12px;
  height: 12px;
  vertical-align: super;
}
@media screen and (max-width:768px){
  img[src*=".svg"].ico_blank{
    width: 9px;
    height: 9px;
    margin-left: 5px;
  }
}
.sec_intro {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(/academy/100th/img/mv_bg.jpg) repeat; 
  z-index: 9999;
  position: absolute;
  top:0;
  left: 0;
  transition: opacity ease 1s;
  cursor: pointer;
}
.sec_intro.fadeout {
  opacity: 0;
}
.sec_intro .inner_intro {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.sec_intro::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
  opacity: 1;
  transition: all ease 1s;
  pointer-events: none;
}
.sec_intro.show::before {
  background-color: #343f4f;
  opacity: 0.1;
}
.sec_intro .area_txt {
  font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝Pro", "Hiragino Mincho Pro", YuMincho, serif;
  font-weight: 600;
  color: #fff;
  font-size: 34px;
  font-size: 3.4rem;
  font-size: clamp(2.0rem ,1.77vw, 3.4rem);
  line-height: 1.8;
  text-shadow: 0 0 30px #2e3640;
  position: absolute;
  top: 20%;
  left: 6.7%;
  z-index: 10;
}
.sec_intro .area_txt>p {
  opacity: 0;
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  transition: opacity ease 1.5s, transform ease 1.5s;
}
.sec_intro .area_txt.show>p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.sec_intro .area_txt.out>p {
  transition: opacity ease 1s, transform ease 1s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(1) {
  transition-delay: 0.2s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(2) {
  transition-delay: 1.1s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(3) {
  transition-delay: 2s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(4) {
  transition-delay: 2.9s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(5) {
  transition-delay: 3.8s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(6) {
  transition-delay: 4.7s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(7) {
  transition-delay: 5.6s;
}
.sec_intro .area_txt:not(.out)>p:nth-child(8) {
  transition-delay: 6.6s;
}
.sec_intro .area_film {
  position: relative;
  padding: 110px 0;
}
.sec_intro .area_film .slide {
  max-width: 1098px;
  width: 63%;
  width: 63vw;
}
.sec_intro .area_film::before,
.sec_intro .area_film::after {
  content: "";
  display: block;
  width: 3840px;
  height: 110px;
  position: absolute;
  left: 0;
  background: url(/academy/100th/img/bg_film_dot.png) repeat-x center center,rgba(52, 63, 79, 0.8);
  background-size: 160px;
  -webkit-animation: 10s linear 0s infinite running film_dotes;
  animation: 10s linear 0s infinite running film_dotes;
}
.sec_intro .area_film::before {
  top: 0;
}
.sec_intro .area_film::after {
  bottom: 0;
}
.sec_intro .area_film .box_slider {
  background-color: rgba(52, 63, 79, 0.8);
}
.sec_intro .area_skip {
  position: absolute;
  right: 2.1%;
  bottom: 16.4%;
}
.sec_intro .area_skip .btn {
  display: block;
  border: none;
  outline: none;
  appearance: none;
  padding: 8px 58px 12px 15px;
  color: #063e8d;
  font-size: 34px;
  font-size: 3.4rem;
  background: url(/academy/100th/img/ico_skip.svg) no-repeat center right 16px ,#ffffff;
  background-size: 24px;
  cursor: pointer;
}
@media screen and (max-width:768px){
  .sec_intro {
    width: 100%;
    height: 100vh;
    height: 100svh;
    overflow-y: auto;
  }
  .sec_intro.show::before {
    background-color: #343f4f;
    opacity: 0.1;
    min-height: 667px;
  }
  .sec_intro .inner_intro {
    height: 100%;
    min-height: 667px;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  .sec_intro .area_txt {
    font-size: 16px;
    font-size: 1.6rem;
    font-size: clamp(1.6rem ,4.27vw, 2.0rem);
    line-height: 2.1;
    height: 100%;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
  }
  .sec_intro .area_txt>p {
    opacity: 0;
    -webkit-transform: translateY(3%);
    transform: translateY(3%);
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(1) {
    transition-delay: 0.2s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(2) {
    transition-delay: 0.9s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(3) {
    transition-delay: 1.6s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(4) {
    transition-delay: 2.3s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(5) {
    transition-delay: 3.0s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(6) {
    transition-delay: 3.7s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(7) {
    transition-delay: 4.4s;
  }
  .sec_intro .area_txt:not(.out)>p:nth-child(8) {
    transition-delay: 5.1s;
  }
  .sec_intro .area_film {
    padding: 0 40px;
    height: 100%;
    background-color: rgba(52, 63, 79, 0.8);
  }
  .sec_intro .area_film .box_slider {
    height: 100%;
  }
  .sec_intro .area_film .box_slider .splide__track {
    overflow: visible;
  }
  .sec_intro .area_film .slide {
    width: 100%;
    padding: 0 ;
  }
  .sec_intro .area_film::before,
  .sec_intro .area_film::after {
    content: "";
    display: block;
    width: 40px;
    height: 300%;
    top: 0;
    bottom: auto;
    position: absolute;
    background: url(/academy/100th/img/bg_film_dot_sp.png) repeat-y center center,rgba(52, 63, 79, 0.8);
    background-size: 20px;
    -webkit-animation: 10s linear 0s infinite running film_dotes_sp;
    animation: 10s linear 0s infinite running film_dotes_sp;
  }
  .sec_intro .area_film::before {
    left: 0;
  }
  .sec_intro .area_film::after {
    left: auto;
    right: 0;
  }
  .sec_intro .area_skip {
    position: absolute;
    right: 20px;
    bottom: 120px;
    z-index: 10;
  }
  .sec_intro .area_skip .btn {
    padding: 8px 35px 12px 9px;
    font-size: 20px;
    font-size: 2.0rem;
    background: url(/academy/100th/img/ico_skip.svg) no-repeat center right 9px ,#ffffff;
    background-size: 15px;
  }
}
@keyframes film_dotes {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes film_dotes_sp {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* sec_mv
----------------------------------------------- */
.sec_mv{
  background: url(/academy/100th/img/mv_bg.jpg) repeat;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.sec_mv .logo_site {
  position: absolute;
  top: 1.6%;
  left: 1%;
  width: 21.6%;
  z-index: 20;
}
.sec_mv .area_txt{
  width: 100%;
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
}
.sec_mv .ttl {
  opacity: 0;
  width: 23.4%;
}
.sec_mv .ttl svg {
  width: 100%;
  height: auto;
}
.sec_mv.show .ttl{
  position: relative;
  display: inline-block;
}
.sec_mv .ttl .star{
  width: 8.48%;
  position: absolute;
  top: 12.8%;
  right: 20.2%;
}
.sec_mv .lead{  
  padding-top: 1%;
}
.sec_mv .lead img { 
  width: 27.3%;
}
.sec_mv .bg_img{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sec_mv .bg_img .group_deco,
.sec_mv .bg_img .group_people {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.sec_mv .bg_img .group_deco img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec_mv .bg_img .deco01 {
  z-index: 1;
}
.sec_mv .bg_img .deco02 {
  z-index: 2;
}
.sec_mv .bg_img .deco03 {
  z-index: 20;
}
.sec_mv .bg_img .group_people {
  z-index: 10;
}
.sec_mv .bg_img .group_people .people {
  position: absolute;
  top: 50%;
  left: 50%;
}
.sec_mv .bg_img .group_people .p01 {
  width: 15.3%;
  top: 5.8%;
  left: 30.5%;
  z-index: 8;
}
.sec_mv .bg_img .group_people .p02 {
  width: 31.2%;
  top: 34.1%;
  left: 70.2%;
  z-index: 7;
}
.sec_mv .bg_img .group_people .p03 {
  width: 23.3%;
  top: 38%;
  left: 9.7%;
  z-index: 5;
}
.sec_mv .bg_img .group_people .p04 {
  width: 24.8%;
  top: 3.2%;
  left: 63.4%;
  z-index: 4;
}
.sec_mv .bg_img .group_people .p05 {
  width: 34.8%;
  top: 56%;
  left: 2.1%;
  z-index: 3;
}
.sec_mv .bg_img .group_people .p06 {
  width: 15.9%;
  top: 4.2%;
  left: 52.8%;
  z-index: 6;
}
.sec_mv .bg_img .group_people .p07 {
  width: 25.4%;
  top: 13.2%;
  left: 6%;
  z-index: 2;
}
.sec_mv .bg_img .group_people .p08 {
  width: 28.4%;
  top: 70.5%;
  left: 43.3%;
  z-index: 1;
}

/* アニメーション */
.sec_mv .bg_img .group_deco img {
  -webkit-transform: scale(0.0);
  transform: scale(0.0);
  opacity: 0;
}
.sec_mv.show .bg_img .group_deco img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sec_mv .bg_img .deco01 img {
  transition: all ease 0.8s;
  transition-delay: 2.0s;
}
.sec_mv .bg_img .deco02 img {
  transition: all ease 0.6s;
  transition-delay: 2.2s;
}
.sec_mv .bg_img .deco03 img {
  transition: all ease 0.4s;
  transition-delay: 2.4s;
}
.sec_mv .bg_img .group_people .people img {
  opacity: 0;
  transition: all ease 2s;
}
.sec_mv .bg_img .group_people .p01 img {
  -webkit-transform: translate(15px,15px) scale(0.95);
  transform: translate(15px,15px) scale(0.95);
  transform-origin: right bottom;
  transition-delay: 2.3s;
}
.sec_mv .bg_img .group_people .p02 img {
  -webkit-transform: translate(-15px,0) scale(0.95);
  transform: translate(-15px,0) scale(0.95);
  transform-origin: left;
  transition-delay: 2.45s;
}
.sec_mv .bg_img .group_people .p03 img {
  -webkit-transform: translate(15px,0) scale(0.95);
  transform: translate(15px,0) scale(0.95);
  transform-origin: right;
  transition-delay: 2.6s;
}
.sec_mv .bg_img .group_people .p04 img {
  -webkit-transform: translate(-15px,15px) scale(0.95);
  transform: translate(-15px,15px) scale(0.95);
  transform-origin: left bottom;
  transition-delay: 2.75s;
}
.sec_mv .bg_img .group_people .p05 img {
  -webkit-transform: translate(15px,-15px) scale(0.95);
  transform: translate(15px,-15px) scale(0.95);
  transform-origin: right top;
  transition-delay: 2.9s;
}
.sec_mv .bg_img .group_people .p06 img {
  -webkit-transform: translate(0,15px) scale(0.95);
  transform: translate(0,15px) scale(0.95);
  transform-origin: bottom;
  transition-delay: 3.05s;
}
.sec_mv .bg_img .group_people .p07 img {
  -webkit-transform: translate(15px,15px) scale(0.95);
  transform: translate(15px,15px) scale(0.95);
  transform-origin: right top;
  transition-delay: 3.2s;
}
.sec_mv .bg_img .group_people .p08 img {
  -webkit-transform: translate(0,-15px) scale(0.95);
  transform: translate(0,-15px) scale(0.95);
  transform-origin: top;
  transition-delay: 3.35s;
}
.sec_mv.show .bg_img .group_people .people img {
  opacity: 1;
  -webkit-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1);
}
.sec_mv .ttl {
  opacity: 0;
  transition: 1s;
}
.sec_mv.show .ttl{
  opacity: 1;
}
#logo_line {
  mask:url(/academy/100th/common/css/);
}
#logo_line_mask {
  stroke-dasharray:280px;
  stroke-dashoffset:280px;
  stroke:#fff;
}
.sec_mv.show #logo_line_mask {
  animation:line_gray cubic-bezier(.61,-0.01,.69,.68) 0.4s forwards;
  animation-delay: 0.3s;
}
@keyframes line_gray {
  0% {
    stroke-dashoffset:280px;
  }
  100% {
    stroke-dashoffset:0px;
  }
}
.sec_mv .ttl .star{
  opacity: 0;
  scale: 0.8;
}
.sec_mv.show .ttl .star{
  animation: star_light ease 0.3s forwards;
  animation-delay: 1.0s;
}
@keyframes star_light {
  0% {
    opacity: 0;
    scale: 0.8;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
.sec_mv .lead{  
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: all ease 0.8s;
  transition-delay: 1.4s;
}
.sec_mv.show .lead{  
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width:1280px) and (min-width:769px){
  .sec_mv {
    height: 810px;
    max-height: 810px;
  }
  .sec_mv .logo_site {
    width: 300px;
  }
  .sec_mv .ttl {
    width: 338px;
  }
  .sec_mv .lead img {
    width: 394px;
  }
  .sec_mv .bg_img .group_people .p01 {
    width: 220px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-170px,-287px);
    transform: translate(-50%,-50%) translate(-170px,-287px);
  }
  .sec_mv .bg_img .group_people .p02 {
    width: 449px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(511px,110px);
    transform: translate(-50%,-50%) translate(511px,110px);
  }
  .sec_mv .bg_img .group_people .p03 {
    width: 336px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-411px,-15px);
    transform: translate(-50%,-50%) translate(-411px,-15px);
  }
  .sec_mv .bg_img .group_people .p04 {
    width: 357px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(368px,-218px);
    transform: translate(-50%,-50%) translate(490px,-285px);
  }
  .sec_mv .bg_img .group_people .p05 {
    width: 515px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-438px,213px);
    transform: translate(-50%,-50%) translate(-438px,213px);
  }
  .sec_mv .bg_img .group_people .p06 {
    width: 229px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(153px,-260px);
    transform: translate(-50%,-50%) translate(153px,-260px);
  }
  .sec_mv .bg_img .group_people .p07 {
    width: 366px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-446px,-189px);
    transform: translate(-50%,-50%) translate(-446px,-189px);
  }
  .sec_mv .bg_img .group_people .p08 {
    width: 409px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(108px,273px);
    transform: translate(-50%,-50%) translate(108px,273px);
  }
}
@media screen and (max-width:768px){
  .sec_mv{
    /* padding-top: 177.3333%; */
    /* aspect-ratio: 75 / 133; */
    min-height: 667px;
    height: 667px;
    height: 100vh;
    height: 100svh;
  }
  .sec_mv .logo_site {
    width: 261px;
    margin-left: 16px;
  }
  .sec_mv .area_txt{
    top: 49.5%;
    width: 100%;
  }
  .sec_mv .ttl{
    width: 198px;
  }
  .sec_mv .ttl .star {
    width: 20px;
    top: 11.2%;
    right: 18.4%;
  }
  .sec_mv .lead {
    margin-top: 8px;
  }
  .sec_mv .lead img {
    width: 232px;
  }
  .sec_mv .bg_img .group_deco,
  .sec_mv .bg_img .group_people {
    width: 100%;
    min-width: auto;
    height: 100%;
  }
  .sec_mv .bg_img .group_people .p01 {
    width: 85px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-24px,-223px);
    transform: translate(-50%,-50%) translate(-24px,-223px);
  }
  .sec_mv .bg_img .group_people .p02 {
    width: 134px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(136px,169px);
    transform: translate(-50%,-50%) translate(136px,169px);
  }
  .sec_mv .bg_img .group_people .p03 {
    width: 176px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-90px,140px);
    transform: translate(-50%,-50%) translate(-90px,140px);
  }
  .sec_mv .bg_img .group_people .p04 {
    width: 153px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(105px,-160px);
    transform: translate(-50%,-50%) translate(105px,-160px);
  }
  .sec_mv .bg_img .group_people .p05 {
    width: 238px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-110px,252px);
    transform: translate(-50%,-50%) translate(-110px,252px);
  }
  .sec_mv .bg_img .group_people .p06 {
    width: 75px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(35px,-200px);
    transform: translate(-50%,-50%) translate(35px,-200px);
  }
  .sec_mv .bg_img .group_people .p07 {
    width: 149px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(-142px,-130px);
    transform: translate(-50%,-50%) translate(-142px,-130px);
  }
  .sec_mv .bg_img .group_people .p08 {
    width: 95px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translate(39px,248px);
    transform: translate(-50%,-50%) translate(39px,248px);
  }
}

@media screen and (max-width:768px) and (min-width:641px){
  .sec_mv .ttl {
    width: 230px;
  }
  .sec_mv .bg_img .group_people .p01 {
    width: 85px;
    width: 119px;
    -webkit-transform: translate(-50%,-50%) translate(-70px,-223px);
    transform: translate(-50%,-50%) translate(-70px,-223px);
  }
  .sec_mv .bg_img .group_people .p02 {
    width: 134px;
    width: 188px;
    -webkit-transform: translate(-50%,-50%) translate(230px,146px);
    transform: translate(-50%,-50%) translate(230px,146px);
  }
  .sec_mv .bg_img .group_people .p03 {
    width: 176px;
    width: 246px;
    -webkit-transform: translate(-50%,-50%) translate(-171px,154px);
    transform: translate(-50%,-50%) translate(-171px,154px);
  }
  .sec_mv .bg_img .group_people .p04 {
    width: 153px;
    width: 214px;
    -webkit-transform: translate(-50%,-50%) translate(178px,-160px);
    transform: translate(-50%,-50%) translate(178px,-160px);
  }
  .sec_mv .bg_img .group_people .p05 {
    width: 238px;
    width: 334px;
    -webkit-transform: translate(-50%,-50%) translate(-200px,280px);
    transform: translate(-50%,-50%) translate(-200px,280px);
  }
  .sec_mv .bg_img .group_people .p06 {
    width: 75px;
    width: 105px;
    -webkit-transform: translate(-50%,-50%) translate(59px,-241px);
    transform: translate(-50%,-50%) translate(59px,-241px);
  }
  .sec_mv .bg_img .group_people .p07 {
    width: 149px;
    width: 209px;
    -webkit-transform: translate(-50%,-50%) translate(-245px,-130px);
    transform: translate(-50%,-50%) translate(-245px,-130px);
  }
  .sec_mv .bg_img .group_people .p08 {
    width: 95px;
    width: 133px;
    -webkit-transform: translate(-50%,-50%) translate(60px,260px);
    transform: translate(-50%,-50%) translate(60px,260px);
  }
}

/* sec_about
----------------------------------------------- */
.sec_about{
  background: url(/academy/100th/img/bg_about.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 142px 0 84px 0;
}
.sec_about p{
  color: #fff;
  -webkit-filter: drop-shadow(0px 0px 30px rgba(46,54,64,1));
  filter: drop-shadow(0px 0px 30px rgba(46,54,64,1));
}
.sec_about .ttl_sec .sub{
  color: #fff;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 600;
}
.sec_about .ttl_sec +*{
  margin-top: 75px;
}
.sec_about .txt_catch_l{
  font-size: 70px;
  font-size: 7rem;
  line-height: 1;
  letter-spacing: 3px;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 600;
}
.sec_about .txt_catch_l span{
  font-size: 90px;
  font-size: 9rem;
}
.sec_about .txt_catch_l span.font_gara{
  font-size: 181px;
  font-size: 18.1rem;
  font-weight: 400;
}
.sec_about .txt_catch_m{
  font-size: 43px;
  font-size: 4.3rem;
  line-height: 0.8;
  margin-bottom: 60px;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_about .txt_catch_m span{
  display: block;
}
.sec_about .txt_catch_m span + span{
  margin-top: 30px;
}
.sec_about .txt_catch_s{
  font-size: 27px;
  font-size: 2.7rem;
  margin-top: 35px;
  font-weight: 500;
  line-height: 1.6;
}
.sec_about .txt{
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_about .txt + .txt{
  margin-top: 25px;
}
.sec_about .box_about .img_logo {
  width: 77.3%;
}
@media screen and (min-width:1200px){
  .sec_about .box_about{
    display:-webkit-box;
    display: flex;
  }
  .sec_about .box_about .item_about{
    width: 50%;
  }
  .sec_about .box_about .item_about:nth-child(2){
    width: 56%;
  }
}
@media screen and (max-width:1199px){
  .sec_about{
    background-image: url(/academy/100th/img/bg_about_sp.jpg);
    padding: 60px 0 52px 0;
  }
  .sec_about .inner{
    margin: 0 auto;
    max-width: 770px;
  }
  .sec_about .ttl_sec +*{
    margin-top: 40px;
  }
  .sec_about .txt_catch_l{
    font-size: 38px;
    font-size: 3.8rem;
  }
  .sec_about .txt_catch_l span{
    font-size: 48px;
    font-size: 4.8rem;
  }
  .sec_about .txt_catch_l span.font_gara{
    font-size: 93px;
    font-size: 9.3rem;
  }
  .sec_about .txt_catch_m{
    font-size: 30px;
    font-size: 3rem;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .sec_about .txt_catch_m span + span{
    margin-top: 15px;
  }
  .sec_about .txt{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9;
  }
  .sec_about .txt + .txt{
    margin-top: 18px;
  }
  .sec_about .txt_catch_s{
    font-size: 23px;
    font-size: 2.3rem;
    margin-top: 30px;
  }
}

/* sec_message
----------------------------------------------- */
.sec_message{
  padding: 132px 0 110px 0;
  background: url(/academy/100th/img/mv_bg.jpg)repeat;
  position: relative;
}
.sec_message .inner{
  z-index: 1;
}
.sec_message::before,
.sec_message::after{
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width:49.16%;
  max-width:944px;
  height: 446px;
  position: absolute;
}
.sec_message::before{
  top: 0;
  left: 0;
  background-image: url(/academy/100th/img/bg_message_top.png);
}
.sec_message::after{
  bottom: 0;
  right: 0;
  background-image: url(/academy/100th/img/bg_message_bottom.png);
  background-position: right bottom;
}
.sec_message .txt_about_catch{
  font-size: 40px;
  font-size: 4rem;
  color: #063e8d;
  margin-top: 50px;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_message .list_message{
  display:-webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.sec_message .list_message li a{
  position: relative;
  display: block;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.sec_message .list_message li a .box_name{
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 70px 15px 20px;
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  background-image: url(/academy/100th/img/ico_arrow.svg);
  background-size: 40px;
  background-position: center right 20px;
  background-repeat: no-repeat;
}
.sec_message .list_message li a .box_name .principal{
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  font-weight: 600;
}
.sec_message .list_message li a .box_name .name{
  font-size: 20px;
  font-size: 2rem;
  display: block;
  line-height: 1;
  font-weight: 600;
}
.sec_message .list_message li:first-child{
  width: 100%;
  max-width: 1200px;
}
.sec_message .list_message li:first-child a{
  display: block;
  margin: 0 auto;
  max-width: 520px;
}
@media screen and (min-width:1200px){
  .sec_message .list_message li{
    width: 30.833%;
    max-width: 370px;
  }
  .sec_message .list_message li + li{
    margin-left: 3.75%;
    margin-top: 45px;
  }
  .sec_message .list_message li:nth-child(3n+2){
    margin-left: 0;
  }
}
@media screen and (max-width:1199px) and (min-width:769px){
  .sec_message .list_message{
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_message .list_message li{
    max-width: 370px;
    width: 48.055%;
  }
  .sec_message .list_message li + li{
    margin-top: 30px;
  }
  .sec_message .list_message li:nth-child(2n+3){
    margin-left: 3.89%;
  }
  .sec_message .list_message li a .box_name{
    padding: 10px 80px 10px 20px;
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
  }
}
@media screen and (max-width:768px){
  .sec_message{
    padding: 59px 0 60px 0;
  }
  .sec_message::before,
  .sec_message::after{
    width: 226px;
    height: 107px;
    background-size: contain;
  }
  .sec_message .txt_about_catch{
    font-size: 25px;
    font-size: 2.5rem;
    margin-top: 33px;
  }
  .sec_message .list_message{
    margin-top: 16px;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
    flex-direction: column;
  }
  .sec_message .list_message li a .box_name{
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    padding: 10px 50px 12px 15px;
    background-size: 30px;
    background-position: center right 15px;
  }
  .sec_message .list_message li a .box_name .principal{
    font-size: 14px;
    font-size: 1.4rem;
  }
  .sec_message .list_message li a .box_name .name{
    font-size: 16px;
    font-size: 1.6rem;
  }
  .sec_message .list_message li + li{
    margin-top: 15px;
  }
}

/* sec_news
----------------------------------------------- */
.sec_news{
  padding: 100px 0;
}
.sec_news .ttl_news{
  color: #063e8d;
  line-height: 1;
}
.sec_news .ttl_news .main{
  font-size: 50px;
  font-size: 5rem;
}
.sec_news .ttl_news .main span{
  font-size: 40px;
  font-size: 4rem;
}
.sec_news .ttl_news .sub{
  font-size: 20px;
  font-size: 2rem;
  margin-left: 33px;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 600;
}
.sec_news .news_tablist{
  margin-top: 50px;
}
.sec_news .news_tablist ul{
  width: 100%;
}
.sec_news .news_tablist ul li{
  width: 20%;
}
.sec_news .news_tablist ul li > *{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 0 18px;
  text-align: center;
  line-height: 1.2;
  border-left: solid 1px #8ea2bd;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display:-webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 17px;
  font-size: 1.7rem;
  color: #063e8d;
  font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝Pro", "Hiragino Mincho Pro", YuMincho, serif;
  font-weight: 700;
}
.sec_news .news_tablist ul li.is_active> *,
.sec_news .news_tablist ul li> *:hover{
  background-color: #063e8d;
  color: #fff;
}
.sec_news .news_content{
  margin-top: 40px;
}
.sec_news .news_content_list li{
  width: 31.111%;
  max-width: 373px;
}
.sec_news .news_content_list li + li{
  margin-left: 3.33%;
}
.sec_news .news_content_list li figure{
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  flex: 1;
  aspect-ratio: 373 / 280;
  padding-top: 75.067%;
}
.sec_news .news_content_list li figure img{
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sec_news .news_content_list li .box_text{
  margin-top: 18px;
}
.sec_news .news_content_list li .box_text .date{
  font-family: "Roboto", sans-serif;
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #063e8d;
}
.sec_news .news_content_list li .box_text .ico_news{
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #063e8d;
  margin-left: 5px;
}
.sec_news .news_content_list li .box_text .ico_news .cate{
  display: inline-block;
  border: 1px solid #063e8d;
  padding: 0 9px 0;
  font-weight: bold;
  margin-right: 2px;
  margin-bottom: 2px;
}
.sec_news .news_content_list li .box_text .ttl{
  margin-top: 7px;
}
.sec_news .news_morebtn{
  display:-webkit-box;
  display: flex;
  -webkit-box-align: end;
  justify-content: flex-end;
  margin-top: 88px;
}
.sec_news .news_morebtn a{
  width: 165px;
  height: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 0 0;
  background: url(/academy/100th/img/ico_arrow.svg)no-repeat;
  background-position: center right;
  background-size: 40px;
  display:-webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 20px;
}
@media screen and (max-width:768px){
  .sec_news{
    padding: 56px 0;
  }
  .sec_news .ttl_news .main{
    font-size: 30px;
    font-size: 3rem;
  }
  .sec_news .ttl_news .main span{
    font-size: 24px;
    font-size: 2.4rem;
  }
  .sec_news .ttl_news .sub{
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 13px;
  }
  .sec_news .news_tablist {
    margin-top: 20px;
  }
  .sec_news .news_tablist ul li> *{
    padding: 5px 0 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .sec_news .news_content{
    margin-top: 20px;
  }
  .sec_news .news_content_list{
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
    flex-direction: column;
  }
  .sec_news .news_content_list li{
    width: 100%;
  }
  .sec_news .news_content_list li + li{
    margin-left: 0;
    margin-top: 15px;
  }
  .sec_news .news_content_list li a{
    display:-webkit-box;
    display: flex;
  }
  .sec_news .news_content_list li a .box_img{
    width: 46.376%;
  }
  .sec_news .news_content_list li a .box_text{
    width: 49.275%;
    margin-top: 0;
  }
  .sec_news .news_content_list li a .box_img + .box_text{
    margin-left: 4.347%;
  }
  .sec_news .news_content_list li .box_text .date{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .sec_news .news_content_list li .box_text .ico_news{
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 7px;
    margin-left: 0;
  }
  .sec_news .news_content_list li .box_text .ico_news .cate{
    padding: 2px 6px 2px 6px;
  }
  .sec_news .news_content_list li .box_text .ttl{
    line-height: 1.75;
  }
  .sec_news .news_morebtn{
    margin-top: 45px;
  }
  .sec_news .news_morebtn a{
    font-size: 15px;
    font-size: 1.5rem;
    background-size: 30px;
    height: 30px;
    width: 141px;
  }
}

/* sec_recruiting
----------------------------------------------- */
.sec_recruiting{
  background: url(/academy/100th/img/mv_bg.jpg) repeat;
  padding: 120px 0;
}
.sec_recruiting .box_recruiting{
  margin-top: 70px;
}
.sec_recruiting .box_recruiting .ttl_recruiting{
  font-size: 40px;
  font-size: 4rem;
  color: #063e8d;
  line-height: 1;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_recruiting .box_recruiting p.date{
  color: #063e8d;
  font-size: 26px;
  font-size: 2.6rem;
  display:-webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin-top: 40px;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_recruiting .box_recruiting p.date .ico{
  border: 1px solid #063e8d;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  width: fit-content;
  line-height: 1;
  padding: 6px 9px;
}
.sec_recruiting .box_recruiting p.txt{
  margin-top: 20px;
}
.sec_recruiting .recruiting_morebtn{
  display:-webkit-box;
  display: flex;
  -webkit-box-align: end;
  justify-content: flex-end;
  margin-top: 56px;
}
.sec_recruiting .recruiting_morebtn a{
  width: 165px;
  height: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 0 0;
  background: url(/academy/100th/img/ico_arrow.svg) no-repeat;
  background-position: center right;
  background-size: 40px;
  display:-webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 20px;
}
@media screen and (min-width:1200px){
  .sec_recruiting .box_recruiting .item_img{
    width: 50%;
  }
  .sec_recruiting .box_recruiting .item_txt{
    width:46.666%;
    margin-left: 3.333%;
  }
}
@media screen and (max-width:1199px){
  .sec_recruiting{
    padding: 60px 0;
  }
  .sec_recruiting .inner{
    max-width: 600px;
    margin: 0 auto;
  }
  .sec_recruiting .box_recruiting{
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 37px;
  }
  .sec_recruiting .box_recruiting .item_txt{
    margin-top: 30px;
  }
  .sec_recruiting .box_recruiting .ttl_recruiting{
    font-size: 25px;
    font-size: 2.5rem;
  }
  .sec_recruiting .box_recruiting p.date{
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 24px;
  }
  .sec_recruiting .box_recruiting p.date .ico{
    font-size: 14px;
    font-size: 1.4rem;
    padding: 4px 5px;
    margin-bottom: 9px;
  }
  .sec_recruiting .box_recruiting p.txt{
    margin-top: 13px;
    line-height: 1.75;
  }
  .sec_recruiting .recruiting_morebtn{
    margin-top: 22px;
  }
  .sec_recruiting .recruiting_morebtn a{
    font-size: 15px;
    font-size: 1.5rem;
    background-size: 30px;
    height: 30px;
    width: 141px;
  }
}


/* sec_history
----------------------------------------------- */
.sec_history{
  background: url(/academy/100th/img/bg_history.jpg)no-repeat;
  background-size: cover;
  padding: 115px 0 97px 0;
}
.sec_history .ttl_sec .sub{
  color: #fff;
}
.sec_history .box_history{
  margin-top: 70px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.sec_history .box_history >*:first-child{
  order: 0;
  flex-shrink: 0;
  width: 39px;
}
.sec_history .box_history >*:nth-child(2){
  order: -1;
  width: 44.166%;
}
.sec_history .box_history >*:nth-child(3){
  order: 1;
  width: 44.166%;
}
.sec_history .box_history .txt_history_catch{
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  line-height: 1;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 500;
}
.sec_history .box_history .item_link a{
  position: relative;
  display: block;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}
.sec_history .box_history .box_bg{
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 70px 20px 20px;
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  background-image: url(/academy/100th/img/ico_arrow.svg);
  background-size: 40px;
  background-position: center right 20px;
  background-repeat: no-repeat;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width:1199px){
  .sec_history{
    padding: 47px 0 60px 0;
  }
  .sec_history .box_history{
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 40px;
  }
  .sec_history .box_history >*:first-child,
  .sec_history .box_history >*:nth-child(2),
  .sec_history .box_history >*:nth-child(3){
    width: 100%;
  }
  .sec_history .box_history .box_bg{
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    padding: 18px 50px 16px 15px;
    background-size: 30px;
    background-position: center right 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .sec_history .box_history .txt_history_catch{
    font-size: 25px;
    font-size: 2.5rem;
    text-align: center;
    padding: 25px 0;
  }
}

/* sec_donation
----------------------------------------------- */
.sec_donation{
  background: url(/academy/100th/img/bg_donation.jpg)no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 123px 0;
}
.sec_donation .box_txt{
  margin-top: 61px;
  text-align: center;
}
.sec_donation .box_txt p + p{
  margin-top: 30px;
}
.sec_donation .btn_donation{
  text-align: center;
  margin-top: 60px;
}
.sec_donation .btn_donation a{
  background-color: #063e8d;
  max-width: 330px;
  height: 80px;
  color: #fff;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  background-image: url(/academy/100th/common/img/ico_arrow_c_w.svg);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center right 20px;
  display:-webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  padding-right: 40px;
}
.sec_donation .btn_donation a::before{
  content: "";
  display: block;
  width: 31px;
  height: 32px;
  background: url(/academy/100th/img/ico_donation.svg)no-repeat;
  background-size: contain;
  margin-right: 20px;
}
@media screen and (max-width:768px){
  .sec_donation{
    padding: 63px 0;
    background-image: url(/academy/100th/img/bg_donation_sp.jpg);
  }
  .sec_donation .box_txt{
    margin-top: 36px;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .sec_donation .box_txt p + p{
    margin-top: 25px;
  }
  .sec_donation .btn_donation{
    margin-top: 44px;
  }
  .sec_donation .btn_donation a{
    height: 60px;
    max-width: 255px;
    background-size: 30px;
    background-position: center right 15px;
    font-size: 15px;
    font-size: 1.5rem;
    padding-right: 30px;
  }
  .sec_donation .btn_donation a::before{
    width: 23px;
    height: 22px;
    margin-left: 15px;
  }
}

/* ===============================================
# アニメーションの設定
=============================================== */
.js_fade{
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.js_fade.is_show{
  -webkit-animation: fade 1s ease 0.3s forwards;
  animation: fade 1s ease 0.3s forwards;
}
@media screen and (min-width:1200px){
  .js_fade.js_delay1.is_show{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .js_fade.js_delay2.is_show{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .js_fade.js_delay3.is_show{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
     -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fade {
  from {
    opacity: 0;
     -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media print{
  .js_fade{
    opacity: 1;
    visibility: visible;
  }
}
/*androdi*/
.android .js_fade{
  opacity: 1;
  visibility: visible;
}