@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
.loader-container { display: none; }

h4 { font-family: 'Barlow Semi Condensed', sans-serif; color: #9fa0a0; font-size: 58px; line-height: 1.0; margin-bottom: 20px; font-weight: normal; }

#main .text-only h4 { margin-bottom: 0.5rem; }
#main .text-only .subttl { font-size: 1.5rem; text-align: center; margin-bottom: 20px; }
@media screen and (max-width: 768px) { #main .text-only .subttl { font-size: 1.2rem; } }

.leadCopy { text-align: center; margin: 5rem auto; }
@media screen and (max-width: 768px) { .leadCopy { text-align: left; width: 90%; }
  .leadCopy .text-l { font-size: 0.8rem; } }

.page-wrap { background-color: #fff; padding-bottom: 1px; }
.page-wrap #main .text-only { padding: 65px 5% 35px; }
@media screen and (max-width: 768px) { .page-wrap #main .text-only { padding: 30px 5% 10px; } }

.page-inner { width: 100%; max-width: none; padding-top: 60px; background-image: -moz-linear-gradient(90deg, #82bfc9 0%, #82bfc9 0%, #deece7 50%, rgba(227, 239, 231, 0.91) 75%, rgba(227, 239, 231, 0.90588) 75%, #c1dddb 100%); background-image: -webkit-linear-gradient(90deg, #82bfc9 0%, #82bfc9 0%, #deece7 50%, rgba(227, 239, 231, 0.91) 75%, rgba(227, 239, 231, 0.90588) 75%, #c1dddb 100%); background-image: linear-gradient(0deg, #82bfc9 0%, #82bfc9 0%, #deece7 50%, rgba(227, 239, 231, 0.91) 75%, rgba(227, 239, 231, 0.90588) 75%, #c1dddb 100%); }

.page-note { width: 90%; max-width: 1000px; margin: 0 auto; }

.section-class { width: 100%; max-width: 1400px; margin: 0 auto; }

.slide-container { line-height: 1; }
.slide-container .img { position: relative; }
.slide-container .img img { width: 100%; height: auto; }
.slide-container .img .cap { position: absolute; font-size: .75rem; line-height: 1; right: 6px; bottom: 6px; color: #000; text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white; }
.slide-container .img .cap1 { position: absolute; font-size: .75rem; line-height: 1; right: 52.8%; bottom: 6px; color: #000; text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white; }
.slide-container .img .cap2 { position: absolute; font-size: .75rem; line-height: 1; right: 11%; bottom: 6px; color: #000; text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white; }
.slide-container .img .fff { color: #fff; text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black; }