.geologica {
  font-family: 'Geologica', sans-serif;
}

@media screen and (min-width: 768px) {
  .onlySP {
    display: none !important;
  }
}

@media screen and (max-width: 767.9px) {
  .onlyPC {
    display: none !important;
  }
}

.js-fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s ease-out,
    transform 0.5s ease-out;
}
.js-fadeIn.-active {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .titleArea {
    background-image: url(../img/bg_titleArea_pc.png);
  }
}
@media screen and (max-width: 767.9px) {
  .titleArea {
    background-image: url(../img/bg_titleArea_sp.png);
  }
}

.introSection .intro-top {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .introSection .intro-top {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .introSection .intro-top {
    padding: 0 5.1282051282vw;
  }
}
.introSection .intro-text {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .introSection .intro-text {
    margin: 60px auto;
    font-size: 20px;
    line-height: 2.1;
  }
}
@media screen and (max-width: 767.9px) {
  .introSection .intro-text {
    margin: 10.2564102564vw auto;
    font-size: 4.6153846154vw;
    line-height: 1.8;
  }
}
.introSection .intro-text__extended {
  display: inline-block;
  margin-bottom: 15px;
}

@media screen and (max-width: 767.9px) {
  .safetySection .lowerSectionTitle-lead {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .lowerSectionTitle-main {
    font-size: 5.641025641vw;
  }
}
.safetySection .safety-top {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .safetySection .safety-top {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .safety-top {
    padding: 0 5.1282051282vw;
  }
}
.safetySection .safety-text {
  font-weight: 500;
  text-align: center;
}
.safetySection .safety-text__extended {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .safetySection .safety-text {
    margin: 43px auto 57px;
    font-size: 18px;
    line-height: 2;
  }
  .safetySection .safety-text__extended {
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .safety-text {
    margin-top: 8.2051282051vw;
    margin-bottom: 7.6923076923vw;
    font-size: 4.1025641026vw;
    line-height: 1.7;
  }
  .safetySection .safety-text__extended {
    margin-bottom: 2.5641025641vw;
  }
}
.safetySection .safety-bottom {
  position: relative;
  background-color: #e6ebf3;
}
.safetySection .safety-bottom-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .safetySection .safety-bottom-inner {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .safety-bottom-inner {
    padding: 0 5.1282051282vw;
  }
}
.safetySection .safety-bottom-inner {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .safetySection .safety-bottom-inner {
    max-width: 1120px;
    padding: 50px 20px 95px;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .safety-bottom-inner {
    padding: 10.2564102564vw 5.1282051282vw;
  }
}
.safetySection .safety-bottom-text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .safetySection .safety-bottom-text {
    margin: 50px auto;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .safetySection .safety-bottom-text {
    margin: 5.1282051282vw auto;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
.safetySection .video-container {
  width: 100%;
  margin-inline: auto;
}
.safetySection .video-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .safetySection .video-container {
    max-width: 1070px;
  }
}

@media screen and (min-width: 768px) {
  .emergencySection {
    padding-top: 54px;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection {
    padding-top: 15.3846153846vw;
  }
}
.emergencySection .emergencySection-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .emergencySection .emergencySection-inner {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection .emergencySection-inner {
    padding: 0 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .emergencySection .emergencySection-inner {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection .emergencySection-inner {
    margin-top: 10.2564102564vw;
    padding-bottom: 15.3846153846vw;
  }
}
@media screen and (min-width: 768px) {
  .emergencySection .emergencySection-box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection .emergencySection-box {
    margin-top: 5.1282051282vw;
  }
}
.emergencySection .emergencySection-box-text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .emergencySection .emergencySection-box-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection .emergencySection-box-text {
    margin-top: 2.5641025641vw;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .emergencySection .emergencySection-box-img img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .emergencySection .emergencySection-box-img img {
    margin-top: 5.1282051282vw;
  }
}

@media screen and (min-width: 768px) {
  .magneticSection {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection {
    padding-top: 10.2564102564vw;
  }
}
.magneticSection .magneticSection-bgblue {
  background-color: #e6ebf3;
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-bgblue .magneticSection-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-bgblue .magneticSection-inner {
    padding-top: 5.1282051282vw;
    padding-bottom: 9.4871794872vw;
  }
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-bgblue .magneticSection-box {
    margin-top: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-bgblue .magneticSection-box-img img {
    margin-top: 10.2564102564vw;
  }
}
.magneticSection .magneticSection-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-inner {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-inner {
    padding: 0 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-inner {
    margin-top: 50px;
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-inner {
    margin-top: 10.2564102564vw;
    padding-bottom: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box {
    margin-top: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box.-box2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    gap: 0;
    margin-top: 40px;
  }
  .magneticSection .magneticSection-box.-box2col .magneticSection-box-content {
    grid-column: 1;
    margin-right: 50px;
  }
  .magneticSection .magneticSection-box.-box2col .magneticSection-box-content .magneticSection-box-text:first-child {
    margin-top: 0;
  }
  .magneticSection .magneticSection-box.-box2col .magneticSection-box-img {
    grid-column: 2;
  }
  .magneticSection .magneticSection-box.-box2col .magneticSection-box-img img {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box.-box2col {
    display: flex;
    flex-direction: column;
    margin-top: 5.1282051282vw;
  }
}
.magneticSection .magneticSection-box-leadText {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box-leadText {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box-leadText {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
.magneticSection .magneticSection-box-text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box-text {
    margin-top: 2.5641025641vw;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box-img img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box-img img {
    margin-top: 5.1282051282vw;
  }
}
.magneticSection .magneticSection-box-btn {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .magneticSection .magneticSection-box-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.9px) {
  .magneticSection .magneticSection-box-btn {
    margin-top: 6.4102564103vw;
  }
}