@import url("//fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap");
.mouthpiece {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  font-style: normal;
  overflow: hidden;
}
.mouthpiece-Header-Logotype {
  margin: 0 0 0;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 9;
}
@media (max-width: 767px) {
  .mouthpiece-Header-Logotype {
    left: 20px;
  }
}
.mouthpiece-Header-Logotype svg {
  width: 300px;
}
@media (max-width: 1280px) {
  .mouthpiece-Header-Logotype svg {
    width: calc(300vw * 100 / 1280);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Header-Logotype svg {
    width: 170px;
  }
}
.mouthpiece-Visual {
  padding: 160px 50px 0;
}
@media (max-width: 1440px) {
  .mouthpiece-Visual {
    padding-top: calc(160vw * 100 / 1440);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Visual {
    padding: 90px 20px 0;
  }
}
.mouthpiece-Visual-Inner {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Bg {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 100px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Bg:after {
    content: '';
    background: #FFFF9A;
    border-radius: 50px;
    position: absolute;
    top: 20px;
    right: -20px;
    bottom: 0;
    left: 20px;
    z-index: -1;
  }
}
.mouthpiece-Visual-Img {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.mouthpiece-Visual-Img:after {
  content: '';
  background: #FFFF9A;
  border-radius: 50px;
  position: absolute;
  top: 20px;
  right: -20px;
  bottom: -20px;
  left: 20px;
  z-index: -1;
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Img:after {
    display: none;
  }
}
.mouthpiece-Visual-Img img {
  max-width: 100%;
  height: auto;
  border-radius: 50px;
  display: block;
}
.mouthpiece-Visual-Heading {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 9;
}
@media (max-width: 1440px) {
  .mouthpiece-Visual-Heading {
    top: calc(-60vw * 100 / 1440);
  }
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Heading {
    margin-top: calc(-54vw * 100 / 767);
    position: relative;
    top: auto;
    right: auto;
  }
}
@media (max-width: 640px) {
  .mouthpiece-Visual-Heading {
    margin-top: -34px;
  }
}
.mouthpiece-Visual-Heading-Logo {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 40px;
}
@media (max-width: 1440px) {
  .mouthpiece-Visual-Heading-Logo {
    max-width: calc(360vw * 100 / 1440);
    margin-bottom: calc(40vw * 100 / 1440);
  }
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Heading-Logo {
    max-width: calc(295vw * 100 / 767);
    margin-bottom: calc(30vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Visual-Heading-Logo {
    max-width: 192px;
    margin-bottom: 20px;
  }
}
.mouthpiece-Visual-Heading-Logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
.mouthpiece-Visual-Heading-Text {
  margin: 0 0 0;
  text-align: center;
  font-size: 36px;
  color: #1F98FF;
}
@media (max-width: 1440px) {
  .mouthpiece-Visual-Heading-Text {
    font-size: calc(36vw * 100 / 1440);
  }
}
@media (max-width: 767px) {
  .mouthpiece-Visual-Heading-Text {
    font-size: calc(30vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Visual-Heading-Text {
    font-size: 22px;
  }
}
.mouthpiece-Lead {
  padding: 120px 50px 170px;
  position: relative;
}
@media (max-width: 640px) {
  .mouthpiece-Lead {
    padding: 50px 20px;
  }
}
.mouthpiece-Lead:after {
  content: '';
  width: 1200px;
  height: 1200px;
  background: #FFF4F4;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 284px;
  transform: translate(-50%, 0);
  z-index: -2;
}
@media (max-width: 1200px) {
  .mouthpiece-Lead:after {
    width: 100%;
    height: auto;
    border-radius: 0;
    top: -142px;
    left: 0;
    transform: none;
  }
}
@media (max-width: 640px) {
  .mouthpiece-Lead:after {
    top: -71px;
    bottom: 100px;
  }
}
.mouthpiece-Lead-Text {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.mouthpiece-Lead-Text p {
  margin: 0 0 1.5em;
  line-height: 1.8;
  font-size: 24px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Lead-Text p {
    line-height: 1.5;
    font-size: 17px;
  }
}
.mouthpiece-Lead-Img {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
.mouthpiece-Lead-Img ul {
  margin: 0 -40px;
  padding: 0;
  display: flex;
}
@media (max-width: 640px) {
  .mouthpiece-Lead-Img ul {
    margin: 0 -10px;
  }
}
.mouthpiece-Lead-Img ul li {
  width: 50%;
  box-sizing: border-box;
  padding: 0 40px;
  list-style: none;
}
@media (max-width: 640px) {
  .mouthpiece-Lead-Img ul li {
    padding: 0 10px;
  }
}
.mouthpiece-Lead-Img ul li picture {
  display: block;
  position: relative;
}
.mouthpiece-Lead-Img ul li picture:after {
  content: '';
  background: #FFFF9A;
  border-radius: 50px;
  position: absolute;
  top: 20px;
  right: -20px;
  bottom: -20px;
  left: 20px;
  z-index: -1;
}
@media (max-width: 640px) {
  .mouthpiece-Lead-Img ul li picture:after {
    top: 10px;
    right: -10px;
    bottom: -10px;
    left: 10px;
  }
}
.mouthpiece-Lead-Img ul li img {
  max-width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
}
.mouthpiece-Case {
  background: #FFF4F4;
  padding: 120px 20px 150px;
}
@media (max-width: 640px) {
  .mouthpiece-Case {
    padding: 50px 10px;
  }
}
.mouthpiece-Case-Title {
  margin: 0 0 130px;
  text-align: center;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Case-Title {
    margin-bottom: calc(130vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Case-Title {
    margin-bottom: 65px;
    font-size: 26px;
  }
}
.mouthpiece-Case-Title span {
  font-size: 34px;
  display: block;
}
@media (max-width: 767px) {
  .mouthpiece-Case-Title span {
    font-size: calc(34vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Case-Title span {
    font-size: 18px;
  }
}
.mouthpiece-Case-Item {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border-radius: 30px;
  margin: 0 auto 130px;
  padding: 50px 20px;
  position: relative;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item {
    margin-bottom: 65px;
    padding: 40px 20px;
  }
}
.mouthpiece-Case-Item:last-child {
  margin-bottom: 0;
}
.mouthpiece-Case-Item-Number {
  margin: 0 0 0;
  line-height: 1;
  font-size: 90px;
  color: #1F98FF;
  position: absolute;
  top: -60px;
  left: 0;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-Number {
    font-size: 70px;
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.mouthpiece-Case-Item-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Case-Item-Title {
  margin: 0 0 40px;
  line-height: 1.3;
  font-size: 34px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-Title {
    margin: 0 0 10px;
    font-size: 22px;
  }
}
.mouthpiece-Case-Item-SubTitle {
  margin: 60px 0 30px;
  text-align: center;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-SubTitle {
    margin: 30px 0 15px;
  }
}
.mouthpiece-Case-Item-SubTitle span {
  background: #1F98FF;
  border-radius: 30px;
  padding: 10px 30px 12px;
  line-height: 1.3;
  font-size: 26px;
  color: #FFFFFF;
  display: inline-block;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-SubTitle span {
    padding: 10px 20px 12px;
    font-size: 18px;
  }
}
.mouthpiece-Case-Item-Photo {
  margin-bottom: 30px;
}
@media (max-width: 1080px) {
  .mouthpiece-Case-Item-Photo {
    width: 100%;
    max-width: 650px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-Photo {
    margin-bottom: 20px;
  }
}
.mouthpiece-Case-Item-Photo ul {
  margin: -25px;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .mouthpiece-Case-Item-Photo ul {
    margin: calc(-25vw * 100 / 1080);
  }
}
.mouthpiece-Case-Item-Photo ul li {
  width: 33.3333%;
  box-sizing: border-box;
  padding: 25px;
  list-style: none;
}
@media (max-width: 1080px) {
  .mouthpiece-Case-Item-Photo ul li {
    width: 50%;
    padding: calc(25vw * 100 / 1080);
  }
}
.mouthpiece-Case-Item-Photo ul li img {
  max-width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
}
.mouthpiece-Case-Item-Img {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 30px;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-Img {
    margin-bottom: 20px;
  }
}
.mouthpiece-Case-Item-Img ul {
  margin: -25px;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mouthpiece-Case-Item-Img ul {
    margin: calc(-25vw * 100 / 767);
  }
}
.mouthpiece-Case-Item-Img ul li {
  width: 50%;
  box-sizing: border-box;
  padding: 25px;
  list-style: none;
}
@media (max-width: 767px) {
  .mouthpiece-Case-Item-Img ul li {
    padding: calc(25vw * 100 / 767);
  }
}
.mouthpiece-Case-Item-Img ul li img {
  max-width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
}
.mouthpiece-Case-Item-Text {
  margin: 0 0 30px;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Case-Item-Text {
    margin-bottom: 20px;
    font-size: 17px;
  }
}
.mouthpiece-Case-Item-Text:last-child {
  margin-bottom: 0;
}
.mouthpiece-Case-Item-Movie {
  width: 100%;
  aspect-ratio: 16/9;
}
.mouthpiece-Case-Item-Movie iframe {
  width: 100%;
  height: 100%;
}
.mouthpiece-Description {
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Description {
    padding: 40px 20px;
  }
}
.mouthpiece-Description-Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.mouthpiece-Description-Bg {
  background: #FFFF9A;
  border-radius: 50px;
  padding: 100px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Description-Bg {
    padding: 50px 20px;
  }
}
.mouthpiece-Description-Text {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.mouthpiece-Description-Text p {
  margin: 0 0 1.5em;
  line-height: 1.8;
  font-size: 24px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Description-Text p {
    font-size: 17px;
  }
}
.mouthpiece-Description-Text p:last-child {
  margin-bottom: 0;
}
.mouthpiece-Merit {
  padding: 400px 20px 200px;
  position: relative;
}
@media (max-width: 1240px) {
  .mouthpiece-Merit {
    padding: calc(400vw * 100 / 1240) 20px calc(200vw * 100 / 1240);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Merit {
    padding: 250px 20px 50px;
  }
}
.mouthpiece-Merit-Box {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border-radius: 50px;
  margin: 0 auto;
  padding: 60px 20px 100px;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Box {
    border-radius: 30px;
    padding: 30px 20px;
  }
}
.mouthpiece-Merit-Box-Title {
  margin: 0 0 54px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Merit-Box-Title {
    margin-bottom: calc(54vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Box-Title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.mouthpiece-Merit-Box-Title .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Box-Title .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Merit-Box-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Merit-Items {
  margin: -25px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .mouthpiece-Merit-Items {
    margin: calc(-25vw * 100 / 1280);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Items {
    margin: -10px;
  }
}
.mouthpiece-Merit-Item {
  width: 33.3333%;
  box-sizing: border-box;
  padding: 25px;
}
@media (max-width: 1280px) {
  .mouthpiece-Merit-Item {
    padding: calc(25vw * 100 / 1280);
  }
}
@media (max-width: 1080px) {
  .mouthpiece-Merit-Item {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Item {
    width: 100%;
    padding: 10px;
  }
}
.mouthpiece-Merit-Item-Bg {
  height: 100%;
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  padding: 30px 0;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Item-Bg {
    padding: 20px 0;
  }
}
.mouthpiece-Merit-Item-Title {
  margin: 0 0 20px;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Item-Title {
    margin-bottom: 10px;
  }
}
.mouthpiece-Merit-Item-Title span {
  background: #1F98FF;
  border-radius: 30px;
  padding: 7px 25px 8px;
  text-align: center;
  line-height: 1.3;
  font-size: 30px;
  color: #FFFF9A;
  display: inline-block;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Item-Title span {
    font-size: 20px;
  }
}
.mouthpiece-Merit-Item-Text {
  margin: 0 0 0;
  padding: 0 40px;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Merit-Item-Text {
    font-size: 17px;
  }
}
.mouthpiece-Merit-Bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mouthpiece-Features {
  background: #FFF4F4;
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Features {
    padding: 50px 20px;
  }
}
.mouthpiece-Features-Title {
  margin: 0 0 54px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Features-Title {
    margin-bottom: calc(54vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Features-Title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.mouthpiece-Features-Item {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  margin: 0 auto 30px;
  padding: 24px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Features-Item {
    margin-bottom: 20px;
  }
}
.mouthpiece-Features-Item:last-child {
  margin-bottom: 0;
}
.mouthpiece-Features-Item-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Features-Item-Title {
  margin: 0 0 20px;
  line-height: 1.3;
  font-size: 30px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Features-Item-Title {
    margin: 0 0 10px;
    font-size: 22px;
  }
}
.mouthpiece-Features-Item-Text {
  margin: 0 0 0;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Features-Item-Text {
    font-size: 17px;
  }
}
.mouthpiece-Image {
  height: calc(600vw * 100 / 1920);
  min-height: 200px;
  position: relative;
}
.mouthpiece-Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mouthpiece-AA {
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-AA {
    padding: 50px 20px;
  }
}
.mouthpiece-AA-Title {
  margin: 0 0 54px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-AA-Title {
    margin-bottom: calc(54vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-AA-Title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.mouthpiece-AA-Title .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Title .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-AA-Text {
  margin: 0 0 30px;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Text {
    text-align: left;
    font-size: 17px;
  }
}
.mouthpiece-AA-Item {
  width: 100%;
  max-width: 1200px;
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  margin: 0 auto 30px;
  padding: 24px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Item {
    margin-bottom: 20px;
  }
}
.mouthpiece-AA-Item:last-child {
  margin-bottom: 0;
}
.mouthpiece-AA-Item-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-AA-Item-Title {
  margin: 0 0 24px;
  line-height: 1.2;
  font-size: 30px;
  color: #1F98FF;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Item-Title {
    margin: 0 0 10px;
    font-size: 22px;
  }
}
.mouthpiece-AA-Item-Title span {
  margin-right: 15px;
  line-height: 1;
  font-size: 60px;
  display: block;
}
.mouthpiece-AA-Item-Text {
  margin: 0 0 0;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Item-Text {
    font-size: 17px;
  }
}
.mouthpiece-AA-Boxs {
  margin-top: 20px;
}
.mouthpiece-AA-Box {
  background: #FFF4F4;
  border-radius: 30px;
  margin-top: 10px;
  padding: 30px;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Box {
    padding: 20px;
  }
}
.mouthpiece-AA-Box-Title {
  margin: 0 0 20px;
  line-height: 1.3;
  font-size: 24px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Box-Title {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.mouthpiece-AA-Box-Text {
  margin: 0 0 0;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-AA-Box-Text {
    font-size: 16px;
  }
}
.mouthpiece-Price {
  background: #EAF5FF;
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Price {
    padding: 50px 20px;
  }
}
.mouthpiece-Price-Title {
  margin: 0 0 54px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Price-Title {
    margin-bottom: calc(54vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Price-Title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.mouthpiece-Price-Title .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-Price-Title .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Price-Text {
  margin: 0 0 80px;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 767px) {
  .mouthpiece-Price-Text {
    margin-bottom: calc(80vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Price-Text {
    margin-bottom: 30px;
    text-align: left;
    font-size: 17px;
  }
}
.mouthpiece-Price-Box {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  margin: 0 auto;
  padding: 34px 20px;
}
.mouthpiece-Price-Box-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Price-Box-Text {
  margin: 0 0 20px;
  line-height: 1;
  font-size: 30px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Price-Box-Text {
    font-size: 26px;
  }
}
.mouthpiece-Price-Box-Text span {
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Price-Box-Text span {
    font-size: 16px;
  }
}
.mouthpiece-Price-Box-Text .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-Price-Box-Text .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Price-Box-List {
  margin: 0;
  padding: 0;
}
.mouthpiece-Price-Box-List li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 20px;
  list-style: none;
}
@media (max-width: 640px) {
  .mouthpiece-Price-Box-List li {
    font-size: 16px;
  }
}
.mouthpiece-Demerit {
  background: #FFF4F4;
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit {
    padding: 50px 20px;
  }
}
.mouthpiece-Demerit-Title {
  margin: 0 0 54px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Demerit-Title {
    margin-bottom: calc(54vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.mouthpiece-Demerit-Title .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Title .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Demerit-Text {
  margin: 0 0 30px;
  text-align: center;
  font-size: 24px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Text {
    text-align: left;
    font-size: 17px;
  }
}
.mouthpiece-Demerit-Item {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border: 5px solid #FFFF9A;
  border-radius: 50px;
  margin: 0 auto 50px;
  padding: 50px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Item {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.mouthpiece-Demerit-Item:last-child {
  margin-bottom: 0;
}
.mouthpiece-Demerit-Item-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Demerit-Item-Title {
  margin: 0 0 30px;
  text-align: center;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Item-Title {
    margin: 0 0 15px;
  }
}
.mouthpiece-Demerit-Item-Title span {
  background: #1F98FF;
  border-radius: 30px;
  padding: 10px 30px 12px;
  line-height: 1.3;
  font-size: 26px;
  color: #FFFFFF;
  display: inline-block;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Item-Title span {
    padding: 10px 20px 12px;
    font-size: 19px;
  }
}
.mouthpiece-Demerit-Item-Text {
  margin: 0 0 30px;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Item-Text {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
.mouthpiece-Demerit-Item-Text strong {
  color: #1F98FF;
}
.mouthpiece-Demerit-Boxs {
  margin-top: 20px;
}
.mouthpiece-Demerit-Box {
  background: #FFF4F4;
  border-radius: 30px;
  margin-top: 10px;
  padding: 30px 50px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box {
    padding: 20px;
  }
}
.mouthpiece-Demerit-Box-Title {
  margin: 0 0 24px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box-Title {
    margin-bottom: 12px;
  }
}
.mouthpiece-Demerit-Box-Title span {
  background: linear-gradient(transparent 60%, #FFFF9A 60%);
  padding-bottom: 6px;
  line-height: 1.3;
  font-size: 30px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box-Title span {
    padding-bottom: 3px;
    font-size: 20px;
  }
}
.mouthpiece-Demerit-Box-SubTitle {
  margin: 30px 0 12px;
  padding-left: 1em;
  line-height: 1.3;
  font-size: 24px;
  color: #1F98FF;
  position: relative;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box-SubTitle {
    margin: 20px 0 10px;
    font-size: 18px;
  }
}
.mouthpiece-Demerit-Box-SubTitle:after {
  content: '';
  width: 22px;
  height: 22px;
  background: #1F98FF;
  border-radius: 50%;
  position: absolute;
  top: .25em;
  left: 0;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box-SubTitle:after {
    width: 17px;
    height: 17px;
    top: .35em;
  }
}
.mouthpiece-Demerit-Box-Text {
  margin: 0 0 0;
  font-size: 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Demerit-Box-Text {
    font-size: 16px;
  }
}
.mouthpiece-Demerit-Box-Text strong {
  color: #1F98FF;
}
.mouthpiece-Contact {
  padding: 150px 20px;
}
@media (max-width: 640px) {
  .mouthpiece-Contact {
    padding: 50px 20px;
  }
}
.mouthpiece-Contact-Inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mouthpiece-Contact-Bg {
  background: #FFFF9A;
  border-radius: 50px;
  padding: 50px 15px 100px;
}
@media (max-width: 640px) {
  .mouthpiece-Contact-Bg {
    padding: 40px 15px 50px;
  }
}
.mouthpiece-Contact-Title {
  margin: 0 0 34px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Contact-Title {
    margin-bottom: calc(34vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Contact-Title {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
.mouthpiece-Contact-Title .pc-hide {
  display: none;
}
@media (max-width: 1000px) {
  .mouthpiece-Contact-Title .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Contact-Tel {
  margin: 0 0 44px;
  text-align: center;
  line-height: 1.3;
  font-size: 60px;
  color: #1F98FF;
}
@media (max-width: 767px) {
  .mouthpiece-Contact-Tel {
    margin-bottom: calc(44vw * 100 / 767);
    font-size: calc(60vw * 100 / 767);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Contact-Tel {
    margin-bottom: 10px;
    font-size: 36px;
  }
}
.mouthpiece-Contact-Tel a {
  text-decoration: none;
  color: #1F98FF;
}
.mouthpiece-Contact-Text {
  margin: 0 0 0;
  text-align: center;
  font-size: 20px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .mouthpiece-Contact-Text {
    font-size: 16px;
  }
}
.mouthpiece-Contact-Text a {
  color: #1F98FF;
}
.mouthpiece-Contact-Text a:hover {
  text-decoration: none;
}
.mouthpiece-Contact-Text .pc-hide {
  display: none;
}
@media (max-width: 640px) {
  .mouthpiece-Contact-Text .pc-hide {
    display: inline-block;
  }
}
.mouthpiece-Recommend {
  padding: 220px 20px 150px;
  position: relative;
}
@media (max-width: 1040px) {
  .mouthpiece-Recommend {
    padding: calc(220vw * 100 / 1040) 20px calc(150vw * 100 / 1040);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Recommend {
    padding: 50px 20px;
  }
}
.mouthpiece-Recommend-Box {
  width: 100%;
  max-width: 1000px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  margin: 0 auto;
  padding: 100px 20px;
}
@media (max-width: 1040px) {
  .mouthpiece-Recommend-Box {
    padding: calc(100vw * 100 / 1040) 20px;
  }
}
@media (max-width: 640px) {
  .mouthpiece-Recommend-Box {
    padding: 50px 20px;
  }
}
.mouthpiece-Recommend-Box-Logo {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 40px;
}
@media (max-width: 1040px) {
  .mouthpiece-Recommend-Box-Logo {
    max-width: calc(360vw * 100 / 1040);
    margin-bottom: calc(40vw * 100 / 1040);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Recommend-Box-Logo {
    max-width: 192px;
    margin-bottom: 20px;
  }
}
.mouthpiece-Recommend-Box-Logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
.mouthpiece-Recommend-Box-Text {
  margin: 0 0 100px;
  text-align: center;
  font-size: 36px;
  color: #1F98FF;
}
@media (max-width: 1040px) {
  .mouthpiece-Recommend-Box-Text {
    margin-bottom: calc(100vw * 100 / 1040);
    font-size: calc(36vw * 100 / 1040);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Recommend-Box-Text {
    font-size: 22px;
  }
}
.mouthpiece-Recommend-Box-Logotype {
  margin: 0 0 0;
  text-align: center;
}
.mouthpiece-Recommend-Box-Logotype svg {
  width: 300px;
}
@media (max-width: 1040px) {
  .mouthpiece-Recommend-Box-Logotype svg {
    width: calc(300vw * 100 / 1040);
  }
}
@media (max-width: 640px) {
  .mouthpiece-Recommend-Box-Logotype svg {
    width: 170px;
  }
}
.mouthpiece-Recommend-Bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 810px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.case2-Items {
  margin-bottom: 30px;
  display: flex;
  gap: 30px;
}
@media (max-width: 900px) {
  .case2-Items {
    display: block;
  }
}
@media (max-width: 640px) {
  .case2-Items {
    margin-bottom: 20px;
  }
}

.case2-Item {
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  padding: 30px 20px;
}
.case2-Item.case2-Item01 {
  width: 37.4%;
}
@media (max-width: 900px) {
  .case2-Item.case2-Item01 {
    width: 100%;
    margin-bottom: 20px;
  }
}
.case2-Item.case2-Item02 {
  width: 59.6%;
}
@media (max-width: 900px) {
  .case2-Item.case2-Item02 {
    width: 100%;
  }
}
.case2-Item-Title {
  margin: 0 0 20px;
  text-align: center;
  line-height: 1.3;
  font-size: 22px;
  color: #1F98FF;
}
@media (max-width: 640px) {
  .case2-Item-Title {
    font-size: 18px;
  }
}
.case2-Item-Imgs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media (max-width: 640px) {
  .case2-Item-Imgs {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .case2-Item-Img .size01 {
    width: 170px;
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 640px) {
  .case2-Item-Img .arrow {
    width: 40px;
    display: block;
    transform: rotate(90deg);
  }
}
@media (max-width: 640px) {
  .case2-Item-Img .size02 {
    width: 100px;
    margin: 0 auto;
    display: block;
  }
}
.case2-Item-Img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.case2-Item-Img-Text {
  margin: 20px 0 0;
  text-align: center;
  font-size: 15px;
}
@media (max-width: 640px) {
  .case2-Item-Img-Text {
    margin-top: 10px;
    font-size: 14px;
  }
}

.case3-Items {
  margin-top: 50px;
  display: flex;
}
@media (max-width: 1080px) {
  .case3-Items {
    display: block;
  }
}

.case3-Item {
  width: 33.3333%;
}
@media (max-width: 1080px) {
  .case3-Item {
    width: 100%;
  }
}
.case3-Item-Arrow {
  margin: 0 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  .case3-Item-Arrow {
    margin: 20px 0 45px;
    justify-content: center;
  }
}
@media (max-width: 1080px) {
  .case3-Item-Arrow picture {
    transform: rotate(90deg);
  }
}
.case3-Item-Number {
  width: 50px;
  height: 50px;
  background: #1F98FF;
  border: 5px solid #FFFF9A;
  border-radius: 50%;
  margin: 0 0 0;
  padding: 7px 0;
  text-align: center;
  line-height: 1;
  font-size: 22px;
  color: #FFFFFF;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
}
.case3-Item-Bg {
  height: 100%;
  border: 5px solid #FFFF9A;
  border-radius: 30px;
  padding: 30px 20px;
  position: relative;
}
.case3-Item-Title {
  min-height: 58px;
  margin: 0 0 20px;
  text-align: center;
  line-height: 1.3;
  font-size: 22px;
  color: #1F98FF;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  .case3-Item-Title {
    min-height: inherit;
  }
}
@media (max-width: 640px) {
  .case3-Item-Title {
    font-size: 18px;
  }
}
.case3-Item-Img .size01 {
  width: 187px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 640px) {
  .case3-Item-Img .size01 {
    width: 177px;
  }
}
.case3-Item-Img .size02 {
  width: 214px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 640px) {
  .case3-Item-Img .size02 {
    width: 204px;
  }
}
.case3-Item-Img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.case3-Item-Img-Text {
  margin: 20px 0 0;
  font-size: 15px;
}
@media (max-width: 1080px) {
  .case3-Item-Img-Text {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .case3-Item-Img-Text {
    margin-top: 10px;
    text-align: left;
    font-size: 14px;
  }
}