@charset "utf-8";

.parallax-section {  background-image:url('../img/photo_top.jpg'); }
.ceoname {width:40%;margin: 0 auto;display: block;}
.ceoname img { width:100%; }
.ceoname span { width:100%; text-align:left; font-weight:normal; margin-bottom:20px; display:block; }
.photo_ceo { width:100%; margin:80px auto; display:block; }
.content h1{ color:#fff; }
@media screen and (min-width: 768px) {
  .headline-xl { margin-top:25vh; }
  .ceoname { width:223px; }
  .photo_ceo { width:720px; }
}

.contents p { text-align:initial; letter-spacing:0.05; }
/*.contents p.headline-md.text_center { text-align:left; }*/
@media screen and (min-width: 768px) {
 .contents p.headline-md.text_center { text-align:left; }
}

.contents_wrap { position:relative; }
.contents_wrap .photo_pagebottom { width:100%; position:absolute; bottom:0; z-index:-1; }
.headline-md.text_left { margin-bottom:100px; }



@media screen and (max-width: 768px) {
  .no-animation {
    opacity: 1;
    transform: none;
  }
  .no-animation span {
    all: unset; /* span要素があっても強制リセット */
  }
  .contents p { font-size:16px; text-align:justify; font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: 400; line-height:2em; }




}

.animate-lines span {
  display: block;
  opacity: 0;
  transform: translateY(10px);
  line-height: 2.5;
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.animate-lines.visible span {
  animation: fadeInLine 1.5s ease forwards;
}

@keyframes fadeInLine {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

  .photo_ceo_wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden; /* マスクが画像外にはみ出さない */
}

.photo_ceo {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width:1080px) {
  .photo_ceo_wrapper { width:720px; }
  .photo_ceo { width:720px; }
}

.photo_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white; /* マスク色（黒にしたい場合は black） */
  transform: translateY(0%);
  transition: transform 1.5s ease-out;
  z-index: 2;
}

/* スクロールで表示されたときにマスクを上にスライド */
.photo_ceo_wrapper.visible .photo_mask {
  transform: translateY(-100%);
}