@charset "UTF-8";
/*色*/
/*背景画像*/
/*メディアクエリ*/
/*width*/
#sp-container {
  box-sizing: border-box !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sp-container .sp-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(0deg, black 0%, #0160ba 100%);
  margin: initial !important;
}

#sp-container .sp-title h1.obi {
  display: block;
  width: 100%;
  font-size: clamp(1.6rem, 3vw, 1.8rem) !important;
  color: #001f6f;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.3rem;
  background: linear-gradient(
    to right,
    #bf953f,
    #fcf6ba,
    #b38728,
    #fbf5b7,
    #aa771c
  );
  padding: 0.5rem 0rem;
}

#sp-container .sp-title h2 {
  font-size: clamp(4.2rem, 3vw, 4.8rem) !important;
  color: #001f6f;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.3rem !important;
  background: linear-gradient(
    to right,
    #bf953f,
    #fcf6ba,
    #b38728,
    #fbf5b7,
    #aa771c
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin: 0 2rem 5rem 2rem;
}

#sp-container .sp-title h2 span {
  letter-spacing: -1.5rem;
}

#sp-container .sp-title p {
  font-size: clamp(1.4rem, 3vw, 1.6rem) !important;
  text-align: center;
  color: #ffffff;
  margin: 0 2rem 5rem 2rem;
}

@media screen and (max-width: 540px) {
  #sp-container .sp-title h2 {
    font-size: 3.8rem !important;
    letter-spacing: 0.2rem !important;
  }
}

#sp-container img {
  width: 100%;
}

#sp-container .sp-img-box-dois {
  display: flex;
  width: 100%;
}

#sp-container .sp-img-box-dois img {
  margin: initial !important;
  width: 50%;
}

#sp-container .sp-img-box {
  display: flex;
  width: 100%;
}

#sp-container .sp-img-box img {
  margin: initial !important;
  width: 33.333333%;
}

#sp-container .sp-bottom {
  display: flex;
  background: url(../202209/125th-sp/assets/img/gold-bg-001.jpg);
  margin-bottom: 3rem;
}

#sp-container .sp-bottom .sp-left {
  width: 100%;
  max-width: 50%;
  padding: 2rem;
}

#sp-container .sp-bottom .sp-left h4 {
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 600;
  color: #001f6f;
  margin-bottom: 2rem;
}

#sp-container .sp-bottom .sp-left ul {
  list-style-type: none;
}

#sp-container .sp-bottom .sp-left ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  font-weight: 600;
  color: #000;
}

#sp-container .sp-bottom .sp-left ul li .li-l {
  width: 12rem;
}

#sp-container .sp-bottom .sp-left p {
  font-size: clamp(1.4rem, 3vw, 1.6rem) !important;
  color: #000;
  font-family: "Noto Serif JP", sans-serif !important;
}

#sp-container .sp-bottom .sp-right {
  width: 100%;
  max-width: 50%;
  padding: 2rem;
}

#sp-container .sp-bottom .sp-right h4 {
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  font-weight: 600;
  color: #001f6f;
  margin-bottom: 2rem;
}

#sp-container .sp-bottom .sp-right ul {
  list-style-type: none;
}

#sp-container .sp-bottom .sp-right ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: clamp(1.2rem, 3vw, 1.4rem);
  font-weight: 600;
  color: #000;
}

#sp-container .sp-bottom .sp-right ul li .li-l {
  width: 12rem;
}

#sp-container .sp-bottom .sp-right ul li .li-r {
  width: 100%;
}

#sp-container .sp-bottom .sp-right ul li .li-r a {
  color: #fff352;
  text-decoration: none;
  transition: all ease-in-out 0.5s;
}

#sp-container .sp-bottom .sp-right ul li .li-r a:hover {
  color: #ffffff;
}

#sp-container .sp-bottom .sp-right p {
  font-size: clamp(1rem, 3vw, 1.2rem) !important;
  color: #000;
  font-family: "Noto Serif JP", sans-serif !important;
}

@media screen and (max-width: 750px) {
  #sp-container .sp-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #sp-container .sp-bottom .sp-left {
    max-width: 85%;
  }
  #sp-container .sp-bottom .sp-right {
    max-width: 85%;
  }
}

.sp-btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  margin-bottom: 5rem;
}

.sp-btns .left-btn {
  width: 50%;
}

.sp-btns .left-btn a img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 3;
}

.sp-btns .right-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
}

.sp-btns .right-btn a img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 27 / 10;
}

@media screen and (max-width: 540px) {
  .sp-btns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sp-btns .left-btn {
    width: 95%;
  }
  .sp-btns .right-btn {
    width: 95%;
  }
}

h3.info-125 {
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 600;
  color: #001f6f;
}