@media only screen and (max-width:768px) {
  .c-ttl-main {
    margin-bottom: 9.3333333333vw
  }
}
@media print, screen and (min-width:769px) {
  .c-ttl-main {
    margin-bottom: min(71px, 5.546875vw)
  }
}
@media print, screen and (min-width:769px) {
  .p-support-title {
    margin-bottom: min(78px, 6.09375vw)
  }
}
.p-support-links {
  display: -ms-grid;
  display: grid
}
@media only screen and (max-width:768px) {
  .p-support-links {
    gap: 4vw;
    -ms-grid-columns: 1fr 4vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 32vw;
    padding-inline: 6.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-links {
    gap: min(60px, 4.6875vw) min(80px, 6.25vw);
    -ms-grid-columns: 1fr min(80px, 6.25vw) 1fr min(80px, 6.25vw) 1fr;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: min(184px, 14.375vw);
    padding-inline: min(70px, 5.46875vw)
  }
}
.p-support-link a {
  background-color: #FFF;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #B7B7B7;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
  display: block;
  overflow: hidden;
  position: relative;
  transition: 0.3s ease-in-out
}
@media only screen and (max-width:768px) {
  .p-support-link a {
    aspect-ratio: 210/137;
    border-radius: 4vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-link a {
    border-radius: min(20px, 1.5625vw);
    height: min(137px, 10.703125vw);
    margin-inline: auto;
    width: min(210px, 16.40625vw)
  }
}
.p-support-link a span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  position: absolute
}
@media only screen and (max-width:768px) {
  .p-support-link a span {
    font-size: 2.9333333333vw;
    line-height: 1.2;
    left: 2vw;
    top: 1.6vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-link a span {
    font-size: min(1rem, 1.25vw);
    line-height: 1.31;
    left: min(15px, 1.171875vw);
    top: min(12px, 0.9375vw)
  }
}
.p-support-link a:after {
  background: var(--bc01);
  bottom: 0;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  transition: scale 0.3s ease-in-out;
  transform-origin: 100% 100%
}
@media only screen and (max-width:768px) {
  .p-support-link a:after {
    height: 4vw;
    width: 4vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-link a:after {
    height: min(30px, 2.34375vw);
    width: min(30px, 2.34375vw)
  }
}
@media (any-hover:hover) {
  .p-support-link a:hover {
    opacity: 0.7
  }
}
.p-support-link.p-support-link01 a {
  background-image: url("../../img/pict-support01.svg")
}
@media only screen and (max-width:768px) {
  .p-support-link.p-support-link01 a {
    background-size: 30.4vw auto
  }
}
@media print, screen and (min-width:769px) {
  .p-support-link.p-support-link01 a {
    background-size: min(155px, 12.109375vw) auto
  }
}

.p-support-link p {
  font-weight: bold;
  text-align: center
}
@media only screen and (max-width:768px) {
  .p-support-link p {
    font-size: 2.9333333333vw;
    line-height: 1.3;
    margin-top: 2.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-link p {
    font-size: min(1.125rem, 1.40625vw);
    line-height: 1.44;
    margin-top: min(15px, 1.171875vw)
  }
}

@media only screen and (max-width:768px) {
  .p-support-mail {
    margin-bottom: 32vw;
    padding-inline: 6.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-mail {
    margin: 0 auto min(226px, 17.65625vw);
    width: min(510px, 63.28125vw)
  }
}
.p-support-mail a {
  background-color: #FFF;
  border: 1px solid #B7B7B7;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  place-content: center;
  position: relative;
  transition: 0.3s ease-in-out;
  
}
@media only screen and (max-width:768px) {
  .p-support-mail a {
    border-radius: 4vw;
    height: 26.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-mail a {
    border-radius: min(20px, 1.5625vw);
    height: min(137px, 10.703125vw)
  }
}
.p-support-mail a span {
  background: url("../../img/pict-support01.svg") no-repeat left center/min(80px, 8.046875vw) auto;
  display: block;
  font-weight: bold
}
@media only screen and (max-width:768px) {
  .p-support-mail a span {
    background-size: 13.7333333333vw auto;
    font-size: 4.2666666667vw;
    padding-left: 15.4666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-mail a span {
    font-size: min(1.125rem, 1.40625vw);
    line-height: 3;
    padding-left: min(116px, 9.0625vw)
  }
}
.p-support-mail a:after {
  background: var(--bc01);
  bottom: 0;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  transition: scale 0.3s ease-in-out;
  transform-origin: 100% 100%
}
@media print, screen and (min-width:769px) {
  .p-support-mail a:after {
    height: min(30px, 2.34375vw);
    width: min(10px, 2.34375vw)
  }
}
@media (any-hover:hover) {
  .p-support-mail a:hover {
    opacity: 0.7
  }
}
/*FAQ*/
@media only screen and (max-width:768px) {
  .p-support-faq {
    margin-bottom: 32vw;
    padding-inline: 6.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-faq {
    margin: 0 auto min(226px, 17.65625vw);
    width: min(510px, 63.28125vw)
  }
}
.p-support-faq a {
  background-color: #FFF;
  border: 1px solid #B7B7B7;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  place-content: center;
  position: relative;
  transition: 0.3s ease-in-out;
  
}
@media only screen and (max-width:768px) {
  .p-support-faq a {
    border-radius: 4vw;
    height: 26.6666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-faq a {
    border-radius: min(20px, 1.5625vw);
    height: min(137px, 10.703125vw)
  }
}
.p-support-faq a span {
  background: url("../../img/pict-support01.svg") no-repeat left center/min(80px, 8.046875vw) auto;
  display: block;
  font-weight: bold
}
@media only screen and (max-width:768px) {
  .p-support-faq a span {
    background-size: 13.7333333333vw auto;
    font-size: 4.2666666667vw;
    padding-left: 15.4666666667vw
  }
}
@media print, screen and (min-width:769px) {
  .p-support-faq a span {
    font-size: min(1.125rem, 1.40625vw);
    line-height: 3;
    padding-left: min(116px, 9.0625vw)
  }
}
.p-support-faq a:after {
  background: var(--bc01);
  bottom: 0;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  transition: scale 0.3s ease-in-out;
  transform-origin: 100% 100%
}
@media print, screen and (min-width:769px) {
  .p-support-faq a:after {
    height: min(30px, 2.34375vw);
    width: min(10px, 2.34375vw)
  }
}
@media (any-hover:hover) {
  .p-support-faq a:hover {
    opacity: 0.7
  }
}