@charset "utf-8";
/* 画像で入ってた文字をhtmlでテキストとして入れました。そのためのcss */

.st-top__title{
  font-family: "MFW-ShinMGoPr6N-DeBold";
  font-size: 30px;
  letter-spacing: 0.08em;
  line-height: 2.06;
  color: #014a96;
}
.ambassador__nameText{
  margin-bottom: 19px;
  font-family: "MFW-PMaruAntipProN-Medium";
  font-size: 40px;
  letter-spacing: 0.06em;
}
.intro-title__text{
  font-family: "MFW-ShinMGoPr6N-DeBold";
  font-size: 36px;
  letter-spacing: 0.08em;
  line-height: 1.73;
  color: #014a96;
  text-align: center;
}
.intro__subTitle{
  margin-bottom: 43px;
  font-family: "MFW-ShinMGoPr6N-DeBold";
  font-size: 28px;
  letter-spacing: 0.06em;
  line-height: 1.51;
}
.spot__titleSub{
  font-family: "MFW-ShinMGoPr6N-DeBold";
  font-size: 28px;
  letter-spacing: 0.06em;
  line-height: 1.51;
  text-align: center;
}
.spot__titleTitle{
  margin-bottom: 40px;
  font-family: "MFW-ShinMGoPr6N-DeBold";
  font-size: 48px;
  letter-spacing: 0.12em;
  line-height: 1.36;
  color: #014a96;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .spot__titleSub{
    font-size: 26px;
  }
  .spot__titleTitle{
    font-size: 38px;
  }
}

@media screen and (max-width: 750px) {
.st-top__title{
  font-size: 23px;
}
.ambassador__nameText{
  font-size: 28px;
}
.intro-title__text{
  font-size: 24px;
  text-align: left;
}
.intro__subTitle{
  margin-bottom: 24px;
  font-size: 24px;
}
.spot__titleSub{
  margin-bottom: 5px;
  font-size: 20px;
}
.spot__titleTitle{
  margin-bottom: 30px;
  font-size: 30px;
}
}
@media screen and (max-width: 400px) {
.st-top__title{
  font-size: 20px;
}
.intro-title__text{
  font-size: 20px;
}
.intro__subTitle{
  font-size: 20px;
}
.spot__titleSub{
  font-size: 16px;
}
.spot__titleTitle{
  font-size: 22px;
}
}