@font-face {
  font-family: "hiragino-w3";
  src: url(../font/hiragino-sans-w3.otf);
}

@font-face {
  font-family: "hiragino-w6";
  src: url(../font/hiragino-sans-w6.otf);
}

@media screen and (min-width: 429px) and (max-width: 1024px) {

  .iPad-only {
    display: block;
  }

  /* header------------------------ */
  header {
    background: linear-gradient(to right, #59b55b, #1fb6c4);
    height: 7.813vw;
  }

  header img {
    width: 21.297vw;
    height: auto;
    padding: 1.953vw 0 1.953vw 4.59vw;
  }

  /* section top-area------------------------ */
  .top-area {
    width: 98.352vw;
    margin: 0 auto;
    margin-top: 21.484vw;
  }

  .mainte-life-explain h1 img {
    display: block;
    width: 74.538vw;
    height: auto;
    margin: 0 auto;
    padding-bottom: 11.719vw;
  }

  h2 {
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    font-family: "hiragino-w6";
  }

  .mainte-life-explain h2 {
    line-height: 6.836vw;
    text-align: center;
    padding-bottom: 4.688vw;
    color: #000;
  }

  .mainte-life-explain p {
    font-size: 2.93vw;
    letter-spacing: 0.05em;
    line-height: 5.859vw;
    text-align: center;
    color: #000;
    margin-bottom: 4.688vw;
  }

  .circle-icon {
    position: relative;
    margin: 0 auto;
    width: 1.465vw;
    height: 6.836vw;
    margin-bottom: 11.719vw;
  }

  .circle-icon span::before {
    position: absolute;
    content: "";
    display: block;
    width: 1.465vw;
    height: 1.465vw;
    background-color: #3bb590;
    border-radius: 50%;
    top: 2.686vw;
  }

  .circle-icon span {
    position: absolute;
    content: "";
    display: block;
    width: 1.465vw;
    height: 1.465vw;
    background-color: #59b55c;
    border-radius: 50%;
  }

  .circle-icon span::after {
    position: absolute;
    content: "";
    display: block;
    width: 1.465vw;
    height: 1.465vw;
    background-color: #1fb6c4;
    border-radius: 50%;
    top: 5.371vw;
  }

  .slick-slider {
    display: block;
    width: 95.656vw;
    height: auto;
    margin: 0 auto;
  }

  .slick-slider img{
    height: auto;
    width: 95.656vw;
  }

  .slick-dots li button:before {
    font-size: 6px!important;
  }

  .slick-dots li {
    width: 10px!important;
  }

  .mainte-life-link {
    width: 97.656vw;
    margin: 9.766vw auto 0;
  }

  .mainte-life-link > a {
    width: 34.18vw;
  }

  .mainte-life-link > a p:first-of-type {
    font-size: 1.563vw;
    padding-bottom: 1.953vw;
  }

  .mainte-life-link > a p:last-of-type {
    height: 5.859vw;
    border-radius: 1.465vw;
    font-size: 2.734vw;
  }

  .support-mainte-life {
    padding-top: 15.625vw;
    width: 97.656vw;
    margin: 0 auto;
  }

  .support-mainte-life::after {
    display: block;
    width: 17.578vw;
    height: 0.977vw;
    content: "";
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  .mainte-life-character {
    display: flex;
    position: relative;
    margin: 0 auto;
    margin-bottom: 7.813vw;
  }

  .mainte-life-character img:first-of-type {
    width: 17.273vw;
    height: auto;
  }

  .mainte-life-character img:last-of-type {
    position: absolute;
    top: 0.391vw;
    left: 20.752vw;
    width: 67.682vw;
    height: auto;
  }

  .mainte-life-character p {
    position: absolute;
    top: 2.1vw;
    left: 25.801vw;
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    letter-spacing: 0.05em;
    line-height: 3.242vw;
    color: #fff;
  }

  .support-mainte-life-explain {
    margin-bottom: 11.582vw;
  }

  .support-mainte-life-explain h3 {
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    line-height: 4.023vw;
    text-align: left;
    padding-bottom: 6.992vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .support-mainte-life-explain h3::after {
    content: "";
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
    width: 17.578vw;
    height: 0.293vw;
    margin-left: 2.734vw;
  }

  .support-mainte-life-explain p {
    font-size: 1.758vw;
    letter-spacing: 0.05em;
    line-height: 3.942vw;
    text-align: left;
    padding-bottom: 9.795vw;
    overflow-wrap: normal;
  }

  .support-mainte-life-explain img {
    display: block;
    width: 59.423vw;
    height: auto;
    margin: 0 auto;
  }

  section:not(:first-of-type) {
    width: 97.656vw;
    margin: 0 auto;
  }

  section:nth-child(n+2):nth-child(-n+7)::after {
    display: block;
    width: 17.578vw;
    height: 0.977vw;
    content: "";
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  /* section line-support------------------------ */
  .line-support {
    padding-top: 15.625vw;
    color: #000;
  }

  .line-title-container {
    display: flex;
    padding-left: 16.797vw;
    margin-bottom: 9.766vw;
  }

  .line-title-container img {
    width: 11.719vw;
    height: auto;
  }

  .line-title {
    padding-top: 1.074vw;
    padding-left: 6.523vw;
  }

  .line-title h2::after {
    display: block;
    width: 52.441vw;
    height: 0.293vw;
    margin-top: 1.348vw;
    margin-bottom: 1.348vw;
    content: "";
    background: linear-gradient(to right ,#59b55b 0%, #1fb6c4 100%);
  }

  .line-title p {
    font-size: 2.344vw;
  }

  .line-contents-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 9.736vw;
  }

  .line-contents {
    width: 29.297vw;
  }

  .line-contents img {
    display: block;
    margin: 0 auto;
  }

  .line-news img {
    width: 23.213vw;
    height: auto;
    padding-bottom: 5.41vw;
  }

  .line-question img {
    width: 23.438vw;
    height: auto;
    padding-bottom: 5.41vw;
  }

  .line-coupon img {
    padding-top: 2.441vw;
    width: 22.988vw;
    height: auto;
    padding-bottom: 7.852vw;
  }

  .line-contents h3 {
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    padding-bottom: 4.746vw;
    text-align: center;
  }

  .line-contents p {
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    line-height: 3.906vw;
    overflow-wrap: normal;
  }

  .line-support-information {
    width: 97.168vw;
    position: relative;
    display: flex;
    padding-bottom: 7.393vw;
    color: #fff;
  }

  .line-support-information > div {
    position: absolute;
    top: 6.318vw;
    width: 65.43vw;
    background-image: url(../images/line-addition-circle.svg);
    background-size: 65.43vw 65.43vw;
    background-repeat: no-repeat;
    text-align: center;
  }

  .line-support-information > img {
    margin-left: auto;
    z-index: 99;
    width: 37.979vw;
    height: auto;
  }

  .line-support-information > div > img {
    padding-top: 8.809vw;
    padding-bottom: 2.637vw;
    width: 10.211vw;
    height: auto;
  }

  .line-support-information > div > p:first-of-type {
    font-family: "hiragino-w6";
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    line-height: 5.859vw;
  }

  .line-support-information > div > p:first-of-type span {
    font-size: 2.93vw;
  }

  .line-support-information > div > p:nth-child(3) {
    font-size: 2.93vw;
    padding-top: 4.199vw;
    padding-bottom: 2.246vw;
    letter-spacing: 0.05em;
    line-height: 4.395vw;
  }

  .line-support-information > div > p:last-of-type {
    font-size: 2.344vw;
    line-height: 3.418vw;
    padding-bottom: 13.281vw;
  }

  .line-support-n14method > div:first-of-type {
    padding-bottom: 5.137vw;
    display: flex;
    width: 90.965vw;
    margin: 0 auto;
  }

  .line-support-n14method > div:first-of-type img {
    width: 17.188vw;
    height: 19.141vw;
  }

  .line-support-n14method > div > p:first-of-type {
    padding-top: 3.613vw;
    padding-left: 6.758vw;
    font-family: "hiragino-w6";
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    line-height: 5.859vw;
  }

  .flowchart {
    margin: 0 auto 6.182vw auto;
    width: 0;
    border-top: 4.688vw solid #2bad99;
    border-right: 2.734vw solid transparent;
    border-left: 2.734vw solid transparent;
  }

  .line-support-n14method > div:last-of-type {
    background-image: url(../images/line-addition-circle2.svg);
    background-repeat: no-repeat;
    background-position: top 3.613vw left 8.789vw;
    background-size: 71.289vw 71.289vw;
    width: 89.965vw;
    padding-bottom: 15.625vw;
    margin: 0 auto;
  }

  .line-support-n14method > div:last-of-type img {
    width: 37.979vw;
    height: 78.125vw;
  }

  .line-support-n14method > div:last-of-type img:first-of-type {
    padding-right: 12.48vw;
  }

  /* section inspection-flow------------------------ */
  .inspection-flow {
    padding-top: 15.625vw;
  }

  .inspection-title-container {
    color: #000;
    display: flex;
    padding-left: 7.08vw;
    margin-bottom: 7.813vw;
  }

  .inspection-title-container img {
    width: 17.188vw;
    height: auto;
  }

  .inspection-title-text {
    padding-top: 0.781vw;
    padding-left: 4.98vw;
  }

  .inspection-title-text h2::after {
    display: block;
    width: 61.23vw;
    height: 0.293vw;
    margin-top: 1.348vw;
    margin-bottom: 1.348vw;
    content: "";
    background: linear-gradient(to right ,#59b55b 0%, #1fb6c4 100%);
  }

  .inspection-title-text p {
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    letter-spacing: 0.05em;
  }

  .inspection-5step-container {
    padding-bottom: 15.625vw;
  }

  .inspection-5step-container img {
    width: 87.891vw;
    display: block;
    margin: 0 auto;
    padding-bottom: 7.715vw;
  }

  .inspection-5step-container p {
    color: #fff;
    font-size: 1.563vw;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 2.93vw;
    padding: 3.32vw 0 3.809vw 8.301vw;
    border-radius: 0.953vw;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  /* section gene-test------------------------ */
  .gene-test {
    padding-top: 15.625vw;
  }

  .gene-test > div:first-of-type {
    padding-bottom: 8.301vw;
  }

  .gene-title {
    display: flex;
    position: relative;
    padding-bottom: 9.766vw;
  }

  /* before,after自体が要素を持っていない為、cssが多くなってしまった */
  .gene-left-circle::before {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #1fb6c4;
    left: -2.344vw;
  }

  .gene-left-circle {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #3bb590;
    margin-left: 21.973vw;
    left: 2.344vw;
    top: 1.25vw;
  }

  .gene-left-circle::after {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #59b55c;
    left: 2.344vw;
  }

  .gene-title h2 {
    margin: 0 auto;
  }

  .gene-right-circle::before {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #1fb6c4;
    right: -2.344vw;
  }

  .gene-right-circle {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #3bb590;
    margin-right: 21.973vw;
    top: 1.25vw;
    right: 2.344vw;
  }

  .gene-right-circle::after {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #59b55c;
    right: 2.344vw;
  }

  .gene-conv {
    width: 78.125vw;
    margin: 0 auto;
    margin-bottom: 7.813vw;
  }

  .gene-conv > p {
    text-align: right;
    background-repeat: no-repeat;
    background-position-x: right;
    font-size: 2.344vw;
    letter-spacing: 0.05em;
    font-family: "hiragino-w6";
    color: #fff;
  }

  .orange-conv1 {
    background-image: url(../images/gene-markup-orange1.svg);
    background-size: 71.484vw 7.813vw;
    padding: 2.734vw 5.537vw 2.734vw 0px;
    margin-bottom: 2.51vw;
  }

  .gene-conv-green {
    display: flex;
  }

  .gene-conv-green img {
    width: 9.961vw;
    height: auto;
  }

  .gene-conv-green > p {
    background-repeat: no-repeat;
    font-size: 2.344vw;
    letter-spacing: 0.05em;
    font-family: "hiragino-w6";
    color: #fff;
  }

  .green-conv1 {
    background-image: url(../images/gene-markup-green1.svg);
    background-size: 56.575vw 9.766vw;
    padding: 1.953vw 3.564vw 2.246vw 6.523vw;
    line-height: 3.242vw;
    margin-left: 2.695vw;
  }

  .gene-test-explain {
    padding-bottom: 6.738vw;
  }

  .gene-test-explain p {
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    line-height: 3.947vw;
    color: #000;
  }

  .gene-test-explain p:first-of-type {
    padding-bottom: 3.906vw;
  }

  .gene-test-divide {
    position: relative;
    height: 0.732vw;
  }

  .gene-test-divide span {
    position: absolute;
    width: 96.191vw;
    height: 0.195vw;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  .gene-test-divide span::before {
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    position: absolute;
    background: #59B55B;
    border-radius: 50%;
    top: -0.635vw;
    left: 0;
  }

  .gene-test-divide span::after {
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    position: absolute;
    background: #1fb6c4;
    border-radius: 50%;
    top: -0.635vw;
    right: 0;
  }

  .gene-test > div:last-of-type {
    padding-bottom: 16.904vw;
  }

  .orange-conv2 {
    margin-bottom: 1.24vw;
    background-image: url(../images/gene-markup-orange2.svg);
    background-size: 43.547vw 7.813vw;
    padding: 2.754vw 6.201vw 2.715vw 3.164vw;
  }

  .green-conv2 {
    background-image: url(../images/gene-markup-green2.svg);
    background-size: 54.336vw 7.813vw;
    margin-left: 2.656vw;
    padding: 2.734vw 0.703vw 2.734vw 4.707vw;
    margin-top: 1.27vw;
  }

  .main-test-result {
    background: linear-gradient(45deg,#59b55b,#1fb6c4);
    border-radius: 2.93vw;
    padding: 0.488vw;
  }

  .main-test-result > div {
    background-color: #fff;
    border-radius: 2.441vw;
  }

  .main-test-result h3 {
    font-family: "hiragino-w6";
    font-size: 3.906vw;
    color: #54b563;
    text-align: center;
    padding-top: 4.053vw;
  }

  .main-test-result h3::after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 3.262vw;
    height: 0.195vw;
    width: 68.359vw;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  .test-grid-container {
    padding-top: 5.137vw;
    width: 62.5vw;
    margin-left: 14.453vw;
    text-align: left;
    line-height: 2.422vw;
    padding-bottom: 2.9vw;
  }

  .test-grid-container > div {
    display: grid;
    grid-template-rows: 4.883vw 4.883vw;
    grid-template-columns: 120px 1fr;
  }

  .grid-item p:first-of-type {
    letter-spacing: 0.05em;
    font-family: "hiragino-w6";
    font-size: 2.344vw;
  }

  .grid-item p:last-of-type {
    font-size: 1.563vw;
  }

  .test-fat {
    margin-bottom: 3.828vw;
  }

  .test-muscle {
    margin-bottom: 3.506vw;
  }

  .test-hurt {
    margin-bottom: 4.453vw;
  }

  .test-mental {
    margin-bottom: 1.67vw;
  }

  .test-fat img {
    width: 6.325vw;
    height: auto;
    padding-left: 0.977vw;
  }

  .test-muscle img {
    width: 6.94vw;
    height: auto;
    padding-left: 0.488vw;
  }

  .test-hurt img {
    width: 7.874vw;
    height: auto;
  }

  .test-mental img {
    width: 7.167vw;
    height: auto;
    padding-left: 0.488vw;
    padding-top: 0.977vw;
  }

  .test-fat p:first-of-type {
    padding-top: 2.061vw;
  }

  .test-muscle p:first-of-type {
    padding-top: 1.68vw;
  }

  .test-hurt p:first-of-type {
    padding-top: 1.738vw;
  }

  .test-mental p:first-of-type {
    padding-top: 1.406vw;
  }

  .grid-item span {
    color: #20b6c1;
    margin-right: 1.279vw;
  }

  .grid-item img {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
  }

  .grid-item p:first-of-type {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }

  .grid-item p:last-of-type {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }

  .main-test-other {
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    letter-spacing: 0.05em;
    line-height: 2.93vw;
    text-align: center;
    color: #20b6c4;
    padding-bottom: 4.258vw;
  }

  /* section other-test-item----------------- */
  .other-test-item {
    padding-top: 15.625vw;
  }

  .other-test-title {
    color: #000;
    display: flex;
    margin-bottom: 9.766vw;
    margin-left: 19.971vw;
  }

  .other-test-title img {
    width: 17.275vw;
    height: auto;
  }

  .other-title-text {
    padding-top: 1.563vw;
    padding-left: 5.313vw;
  }

  .other-title-text h2::after {
    display: block;
    width: 41.602vw;
    height: 0.293vw;
    margin-top: 1.104vw;
    margin-bottom: 1.104vw;
    content: "";
    background: linear-gradient(to right ,#59b55b 0%, #1fb6c4 100%);
  }

  .other-title-text p {
    font-family: "hiragino-w6";
    font-size: 2.344vw;
    letter-spacing: 0.05em;
  }

  .athlete-container {
    padding-bottom: 4.98vw;
    padding-left: 14.365vw;
  }

  .athlete-title {
    font-family: "hiragino-w6";
    display: flex;
    margin-bottom: 5.664vw;
    width: 81.543vw;
  }

  .athlete-title h3 {
    padding-right: 3.574vw;
    width: 20.621vw;
    font-size: 3.906vw;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
    -webkit-background-clip: text;
    color: transparent;
  }

  .athlete-title p {
    letter-spacing: 0.05em;
    line-height: 2.051vw;
    font-size: 1.563vw;
  }

  .athlete-item-container {
    display: flex;
    flex-wrap: wrap;
  }

  .athlete-item-container div {
    width: 38.086vw;
    padding-bottom: 5.859vw;
    display: grid;
    grid-template-rows: 2.93vw 3.906vw;
    grid-template-columns: 70px 1fr;
  }

  .athlete-grid img {
    width: 6.836vw;
    height: auto;
  }

  .athlete-grid p {
    padding-left: 2.207vw;
  }

  .athlete-grid p:last-of-type {
    line-height: 2.266vw;
  }

  .healthcare-container {
    padding-bottom: 12.012vw;
    padding-left: 14.365vw;
  }

  .healthcare-title {
    font-family: "hiragino-w6";
    display: flex;
    margin-bottom: 5.664vw;
    width: 84.961vw;
  }

  .healthcare-title h3 {
    padding-right: 3.281vw;
    font-size: 3.906vw;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
    -webkit-background-clip: text;
    color: transparent;
  }

  .healthcare-title p {
    letter-spacing: 0.05em;
    line-height: 2.051vw;
    font-size: 1.563vw;
  }

  .healthcare-item-container {
    display: flex;
    flex-wrap: wrap;
  }

  .health-grid {
    width: 39.355vw;
    padding-bottom: 5.859vw;
    display: grid;
    grid-template-rows: 2.93vw 3.906vw;
    grid-template-columns: 70px 1fr;
  }

  .health-grid img {
    width: 6.836vw;
    height: auto;
  }

  .health-grid p {
    padding-left: 1.631vw;
  }

  .health-grid p:last-of-type {
    line-height: 2.266vw;
  }

  /* section n14nethod---------------- */
  .n14method {
    padding-top: 11.719vw;
  }

  .n14method img {
    margin: 0 auto;
    width: 24.451vw;
    padding-bottom: 12.129vw;
  }

  .n14method-title {
    width: 78.125vw;
    margin: 0 auto;
    font-family: "hiragino-w6";
    padding-bottom: 5.859vw;
  }

  .n14method-title h3 {
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    display: flex;
    padding-bottom: 2.539vw;
  }

  .n14method-title h3::after {
    margin-left: auto;
    content: "";
    width: 27.411vw;
    height: 0.293vw;
    background-color: #000;
    margin-top: 1.768vw;
  }

  .n14method-title p {
    font-size: 2.344vw;
  }

  .n14method-explain {
    font-size: 1.563vw;
    line-height: 2.93vw;
    padding-bottom: 20.996vw;
  }

  /* section nakanishi-profile----------- */
  .nakanishi-profile {
    padding-top: 15.82vw;
  }

  .profile-title {
    font-family: "hiragino-w6";
    padding-bottom: 5.859vw;
  }

  .profile-title h3 {
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    padding-bottom: 1.758vw;
  }

  .profile-title p {
    font-size: 2.344vw;
  }

  .nakanishi-explain {
    display: grid;
    grid-template-rows: 9.082vw 32.348vw;
    grid-template-columns: 31.445vw 1fr;
    margin-bottom: 5.859vw;
  }

  .nakanishi-explain span {
    font-size: 1.563vw;
  }

  .grid-person img {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
  }

  .grid-person p:first-of-type {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }

  .grid-person p:last-of-type {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }

  .nakanishi-explain img {
    width: 31.42vw;
    height: auto;
  }

  .nakanishi-explain p {
    padding-left: 2.764vw;
  }

  .nakanishi-explain p:first-of-type {
    padding-top: 2.734vw;
    font-family: "hiragino-w6";
    font-size: 3.906vw;
  }

  .nakanishi-explain p:last-of-type {
    font-size: 1.563vw;
    line-height: 2.73vw;
  }

  .nakanishi-connect {
    display: flex;
    width: 70.293vw;
    margin-left: 1.507vw;
    justify-content: space-between;
    margin-bottom: 15.625vw;
  }

  .nakanishi-connect a {
    text-decoration: none;
    color: #000;
  }

  .nakanishi-link > div {
    display: flex;
    padding-bottom: 2.178vw;
  }

  .nakanishi-link img {
    width: 3.906vw;
    height: auto;
  }

  .link-name {
    padding-top: 0.938vw;
    font-size: 1.758vw;
    padding-left: 1.318vw;
    letter-spacing: 0.1em;
  }

  .link-insta img {
    padding-left: 1.953vw;
  }

  .nakanishi-link > p {
    display: block;
    font-size: 0.977vw;
    letter-spacing: 0.1em;
    height: 1.465vw;
    padding-left: 1vw;
    padding-top: 0.488vw;
  }

  .facebook-url {
    border-right: 2px solid #000;
    padding-right: 1.172vw;
    padding-left: 0.879vw;
  }

  .insta-url {
    border-right: 2px solid #000;
    padding-right: 1.172vw;
  }

  .twitter-url {
    padding-left: 0.977vw;
  }

  /* section business-reason------------- */
  .business-reason {
    padding-top: 15.82vw;
  }

  .business-reason h3 {
    font-size: 3.906vw;
    letter-spacing: 0.05em;
    line-height: 5.371vw;
    font-family: "hiragino-w6";
  }

  .business-reason > p {
    font-size: 2.344vw;
    padding-top: 1.963vw;
    letter-spacing: 0.05em;
    font-family: "hiragino-w6";
  }

  .business-explain {
    padding-top: 7.324vw;
    padding-bottom: 9.375vw;
  }

  .business-explain p {
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    line-height: 3.947vw;
  }

  .business-explain p:first-of-type {
    padding-bottom: 5.127vw;
  }

  .machida-profile {
    display: flex;
    padding-bottom: 12.92vw;
  }

  .machida-profile p:first-of-type {
    padding-left: 3.027vw;
    font-size: 2.344vw;
    font-family: "hiragino-w6";
    padding-bottom: 1.66vw;
    letter-spacing: 0.1em;
    padding-top: 2.744vw;
  }

  .machida-name {
    padding-left: 3.027vw;
    font-size: 3.906vw;
    font-family: "hiragino-w6";
    padding-bottom: 3.74vw;
  }

  .machida-name span {
    font-size: 1.563vw;
    font-family: "hiragino-w3";
    letter-spacing: 0.1em;
  }

  .machida-profile p:last-of-type {
    padding-left: 3.027vw;
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    line-height: 2.93vw;
  }

  .paragraph-circle {
    position: relative;
    margin: 0 auto;
    width: 6.836vw;
    height: 1.465vw;
  }

  .paragraph-circle span::before {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #1fb6c4;
    left: -2.344vw;
  }

  .paragraph-circle span {
    position: absolute;
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #3bb590;
    left: 2.344vw;
  }

  .paragraph-circle span::after {
    position: absolute;
    content: "";
    width: 1.465vw;
    height: 1.465vw;
    border-radius: 50%;
    background: #59b55c;
    left: 2.344vw;
  }

  /* section information------------ */
  .information {
    padding-top: 11.719vw;
  }

  .makuake-promotion {
    margin: 0 auto;
    display: flex;
    border: 3px solid #000;
    border-radius: 1.953vw;
    margin-bottom: 8.809vw;
  }

  .makuake-promotion img {
    padding: 3.408vw 9.854vw 3.75vw 9.365vw;
    width: 23.781vw;
    height: auto;
    border-right: 1px dashed #000;
  }

  .makuake-promotion p {
    font-size: 2.344vw;
    letter-spacing: 0.1em;
    line-height: 3.242vw;
    padding: 2.92vw 0vw 3.232vw 6.006vw;
  }

  .mainte-life-news {
    margin: 0 auto;
    background: linear-gradient(45deg,#59b55b,#1fb6c4);
    border-radius: 2.93vw;
    padding: 0.488vw;
    width: 97.656vw;
    margin-bottom: 17.148vw;
  }

  .mainte-life-news > div {
    background-color: #fff;
    border-radius: 2.441vw;
  }

  .mainte-life-news > div > div {
    width: 68.359vw;
    margin: 0 auto;
  }

  .news-explain {
    padding-top: 3.613vw;
  }

  .news-explain > p:nth-child(1) {
    width: 6.195vw;
    font-size: 1.758vw;
    font-family: "hiragino-w6";
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
    -webkit-background-clip: text;
    color: transparent;
    padding-bottom: 2.93vw;
  }

  .news-title {
    font-family: "hiragino-w6";
    position: relative;
  }

  .news-title::after {
    top: 7.227vw;
    position: absolute;
    display: block;
    content: "";
    width: 68.359vw;
    height: 0.195vw;
    left: -1.758vw;
    background: linear-gradient(to right,#59b55b 0%, #1fb6c4 100%);
  }

  .news-title p {
    letter-spacing: 0.05em;
  }

  .news-title p:first-of-type {
    font-size: 1.563vw;
    padding-bottom: 1.758vw;
  }

  .news-title p:last-of-type {
    font-size: 2.344vw;
  }

  .news-title p:last-of-type span {
    font-size: 1.563vw;
  }

  .news-detail {
    padding-top: 3.477vw;
    padding-bottom: 3.906vw;
  }

  .news-detail dt {
    margin-top: 0.684vw;
    color: #fff;
    float: left;
    font-size: 0.977vw;
    padding: 0.186vw 0.439vw 0.303vw;
    background-color: #59b75b;
    border-radius: 0.195vw;
  }

  .news-detail dd {
    line-height: 2.93vw;
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    margin-left: 3.535vw;
  }

  .news-explain dl ~ p {
    font-size: 1.563vw;
    letter-spacing: 0.05em;
    line-height: 2.93vw;
    padding-bottom: 4.004vw;
  }

  .official-links {
    margin-bottom: 2.93vw;
  }

  .official-link > div {
    padding-bottom: 2.178vw;
  }

  .official-link img {
    width: 3.906vw;
  }

  .link-name {
    padding-top: 0.938vw;
    font-size: 1.758vw;
    padding-left: 1.318vw;
    letter-spacing: 0.1em;
  }

  .link-insta img {
    padding-left: 1.953vw;
  }

  .nakanishi-link > p {
    font-size: 0.977vw;
    height: 1.465vw;
    padding-top: 0.488vw;
  }

  .facebook-official-url,
  .insta-official-url {
    padding-right: 2.93vw;
    font-size: 1.758vw;
  }

  .twitter-official-url {
    font-size: 1.563vw;
  }

  /* footer ---------------- */
  footer {
    color: #fff;
    background: linear-gradient(to right,#59b55b 0%, #1fb6c4 100%);
  }

  footer div:first-of-type {
    margin: 0 auto;
    display: flex;
    width: 62.5vw;
    padding-top: 5.859vw;
    justify-content: space-between;
  }

  footer ul {
    font-size: 1.563vw;
    list-style: none;
    border: 1px solid #fff;
  }

  footer ul:first-of-type {
    padding: 1.514vw 2.1vw;
    line-height: 2.539vw;
  }

  footer ul:last-of-type {
    padding: 1.465vw 2.051vw;
    line-height: 3.809vw;
  }

  footer a {
    color: #fff;
    text-decoration: none;
  }

  .footer-scroll {
    margin: 0 auto;
    width: 12.023vw;
    padding-top: 7.236vw;
    padding-bottom: 5.713vw;
  }

  .footer-scroll > a {
    display: flex;
  }

  .footer-scroll img {
    padding-right: 0.684vw;
    width: 1.948vw;
    height: auto;
  }

  .footer-scroll p {
    font-size: 1.563vw;
    line-height: 2.422vw;
  }

}

@media screen and (max-width: 428px) {

  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

  header {
    height: 40px;
  }

  header img {
    width: 87.25px;
    padding: 12px 0 12px 13.4px;
  }

  section:not(:first-of-type) {
    width: 375px;
  }

  /* section top-area------------------------- */
  .top-area {
    width: 375px;
    margin-top: 68px;
  }

  .mainte-life-explain h1 img {
    width: 275.25px;
    padding-bottom: 66.5px;
  }

  h2 {
    font-size: 24px;
  }

  .mainte-life-explain h2 {
    font-size: 18px;
    padding-bottom: 155px;
    line-height: 30px;
    width: auto;
    position: relative;
  }

  .sp-top-area-h2 {
    position: absolute;
    font-family: "hiragino-w3";
    line-height: 20px;
    font-size: 12px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .sp-top-area-h2-bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55px;
  }

  .mainte-life-explain p {
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 56px;
  }

  .slick-slider {
    width: 375px;
  }

  .slick-slider img {
    height: auto;
    width: 375px;
  }

  .slick-dots li button:before {
    font-size: 10px!important;
  }

  .slick-dots li {
    width: 10px!important;
  }

  .mainte-life-link {
    display: block;
    width: 320px;
  }

  .mainte-life-link > a {
    width: 320px;
    padding-bottom: 40px;
  }

  .mainte-life-link > a p:first-of-type {
    font-size: 12px;
    padding-bottom: 20px;
  }

  .mainte-life-link > a p:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
    height: 60px;
    border-radius: 15px;
    font-size: 19px;
  }

  .support-mainte-life {
    padding-top: 30px;
    width: 295px;
  }

  .support-mainte-life::after {
    width: 70px;
    height: 5px;
  }

  .mainte-life-character {
    display: block;
    position: static;
    margin-bottom: 0px;
    padding-bottom: 56.5px;
    width: 250px;
  }

  .mainte-life-character img:first-of-type {
    width: 121.77px;
    margin: 0 auto;
    display: block;
  }

  .mainte-life-character img:last-of-type {
    position: static;
    top: 0;
    left: 0;
    width: 250px;
  }

  .mainte-life-character p {
    position: static;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 18px;
    background-image: url(../images/sp-mainte-life-markup.svg);
    padding: 30px 24.5px 14.9px 25.5px;
    margin-top: 17px;
    background-repeat: no-repeat;
    letter-spacing: 0;
  }

  .support-mainte-life-explain {
    padding-bottom: 100px;
    width: 280px;
    margin: 0 auto;
  }

  .support-mainte-life-explain h3 {
    font-size: 14px;
    line-height: 27px;
    padding-bottom: 45.1px;
    display: block;
    position: relative;
    width: 277px;
    margin: 0 auto;
  }

  .support-mainte-life-explain h3::after {
    width: 124px;
    height: 2px;
    margin-left: 42px;
    top: 67px;
    position: absolute;
  }

  .support-mainte-life-explain img {
    width: 250px;
  }

  .support-mainte-life-explain p {
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 29.9px;
  }

  /* section line-support----------------------- */
  .line-support {
    padding-top: 60px;
    color: #000;
  }

  .line-title-container {
    position: relative;
    display: block;
    width: 280px;
    margin: 0 auto;
    padding-left: 0px;
    margin-bottom: 54px;
  }

  .line-title-container img {
    width: 30px;
    position: absolute;
    left: 19px;
  }

  .line-title {
    padding-top: 0px;
    padding-left: 0px;
  }

  .line-title h2 {
    padding-left: 60px;
  }

  .line-title h2::after {
    display: block;
    position: absolute;
    width: 280px;
    height: 2px;
    margin-top: 0;
    margin-bottom: 0;
    top: 42.4px;
    left: -5px;
    content: "";
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  .line-title p {
    padding-top: 30px;
    font-size: 12px;
    font-family: "hiragino-w6";
  }

  .line-contents-container {
    display: block;
    padding-bottom: 0;
    width: 280px;
    margin: 0 auto;
  }

  .line-contents h3 {
    letter-spacing: 0.1em;
    padding-bottom: 20px;
  }

  .line-contents {
    padding-bottom: 52px;
    width: 280px;
    margin: 0 auto;
  }

  .line-contents p {
    font-size: 12px;
    line-height: 20px;
  }

  .line-news img {
    width: 150px;
    padding-bottom: 36.3px;
  }

  .line-question img {
    width: 180px;
    padding-bottom: 48.6px;
  }

  .line-coupon img {
    padding-top: 0px;
    width: 180px;
    padding-bottom: 50.4px;
  }

  .line-support-information {
    width: 375px;
    position: static;
    display: block;
    padding-bottom: 60px;
  }

  .line-support-information > div {
    position: static;
    top: 0;
    width: 280px;
    background-size: 280px 280px;
    margin: 0 auto;
  }

  .line-support-information > div > img {
    padding-top: 28.6px;
    padding-bottom: 12.1px;
    width: 47.13px;
  }

  .line-support-information > div > p:first-of-type {
    font-size: 18px;
    line-height: 26px;
  }

  .line-support-information > div > p:first-of-type span {
    font-size: 14px;
  }

  .line-support-information > div > p:nth-child(3) {
    font-size: 12px;
    padding-top: 12.1px;
    padding-bottom: 12.1px;
    line-height: 20px;
  }

  .line-support-information > div > p:last-of-type {
    font-size: 8px;
    line-height: 10px;
    padding-bottom: 22px;
  }

  .line-support-information > img {
    margin-left: 0;
    z-index: 99;
    width: 225px;
    display: block;
    margin: auto;
  }

  .line-support-n14method > div:first-of-type {
    padding-bottom: 20px;
    display: block;
    width: 235px;
  }

  .line-support-n14method > div:first-of-type img {
    width: 85.85px;
    height: 96px;
    display: block;
    margin: 0 auto;
  }

  .line-support-n14method > div > p:first-of-type {
    padding-top: 25.8px;
    padding-left: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .flowchart {
    margin: 0 auto 20px auto;
    border-top: 18px solid #2bad99;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
  }

  .line-support-n14method > div:last-of-type {
    background-position: top 122.3px left 0;
    background-size: 280px 280px;
    width: 280px;
    padding-bottom: 60px;
    position: relative;
    height: 565.1px;
  }

  .line-support-n14method > div:last-of-type img {
    width: 163.15px;
    height: 335.61px;
    margin-left: 15.5px;
  }

  .line-support-n14method > div:last-of-type img:first-of-type {
    padding-right: 0;
    padding-bottom: 289.5px;
    position: absolute;
  }

  .line-support-n14method > div:last-of-type img:last-of-type {
    padding-top: 229.5px;
    position: absolute;
    padding-left: 85.9px;
  }

  section:nth-child(n + 2):nth-child(-n + 7)::after {
    width: 70px;
    height: 5px;
    margin-left: 40px;
  }

  /* section sp-inspection-flow-------------------- */
  .sp-inspection-flow {
    padding-top: 56.5px;
  }

  .sp-inspection-flow > div:nth-child(1) {
    font-family: "hiragino-w6";
    letter-spacing: 0.05em;
    padding-bottom: 60px;
  }

  .sp-inspection-title img {
    display: block;
    width: 81.22px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 25.6px;
  }

  .sp-inspection-title h3 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }

  .sp-inspection-title h3::after {
    display: block;
    content: "";
    width: 280px;
    height: 2px;
    margin: 11.3px auto;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  .sp-inspection-title p {
    font-size: 12px;
    padding-left: 37px;
  }

  .sp-inspection-5step {
    padding-bottom: 60px;
  }

  .sp-inspection-5step img {
    display: block;
    margin: 0 auto;
  }

  .sp-inspection-5step img:not(:first-of-type) {
    padding-top: 40px;
  }

  .sp-inspection-flow > p:last-of-type {
    width: 240px;
    margin: 0 auto;
    font-family: "hiragino-w6";
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 25px;
    padding: 30px 20px;
    border-radius: 9.76px;
    margin-bottom: 60px;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  /* section gene-test----------------------- */
  .gene-test {
    padding-top: 71px;
  }

  .gene-title {
    display: block;
    padding-bottom: 64.8px;
  }

  .gene-title h2 {
    text-align: center;
  }

  .gene-right-circle::before {
    width: 5.09px;
    height: 5.09px;
    right: -9.2px;
  }

  .gene-right-circle {
    width: 5.09px;
    height: 5.09px;
    margin-right: 0;
    top: 44px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .gene-right-circle::after {
    width: 5.09px;
    height: 5.09px;
    right: 9.2px;
  }

  .gene-conv {
    width: 250px;
    margin-bottom: 40px;
  }

  .gene-conv > p {
    font-size: 12px;
    line-height: 20px;
    background-position-x: initial;
    text-align: left;
  }

  .orange-conv1 {
    background-image: url(../images/sp-orange1.svg);
    background-size: auto;
    padding: 10.5px 0px 12.5px 23.9px;
    margin-bottom: 20.7px;
    margin-left: 5px;
  }

  .gene-conv-green {
    position: relative;
  }

  .gene-conv-green img {
    position: absolute;
    width: 50px;
  }

  .gene-conv-green > p {
    font-size: 12px;
    line-height: 20px;
  }

  .green-conv1 {
    background-image: url(../images/sp-green1.svg);
    background-size: auto;
    padding: 10px 23.4px 13px 38.4px;
    margin-left: 60.3px;
  }

  .gene-test-explain {
    width: 281.5px;
    margin: 0 auto;
    padding-bottom: 38px;
  }

  .gene-test-explain p {
    font-size: 12px;
    line-height: 25px;
  }

  .gene-test > div:first-of-type {
    padding-bottom: 0;
  }

  .gene-test > div:last-of-type {
    margin-top: 40px;
    padding-bottom: 60px;
  }

  .sp-paragraph-circle {
    position: relative;
    margin: 0 auto;
  }

  .sp-paragraph-circle span::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    background: #1fb6c4;
    width: 5.09px;
    height: 5.09px;
    right: -9.2px;
  }

  .sp-paragraph-circle span {
    position: absolute;
    content: "";
    border-radius: 50%;
    background: #3bb590;
    width: 5.09px;
    height: 5.09px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .sp-paragraph-circle span::after {
    position: absolute;
    content: "";
    width: 5.09px;
    height: 5.09px;
    right: 9.2px;
    border-radius: 50%;
    background: #59b55c;
  }

  .orange-conv2 {
    margin-bottom: 20px;
    background-image: url(../images/sp-orange2.svg);
    background-size: auto;
    padding: 14.7px 46.1px 16.3px 23.9px;
  }

  .green-conv2 {
    background-image: url(../images/sp-green2.svg);
    background-size: auto;
    margin-left: 63.3px;
    padding: 10px 5.4px 12px 30.4px;
    margin-top: 0;
  }

  .main-test-result {
    width: 270px;
    margin: 0 auto;
  }

  .main-test-result h3 {
    font-size: 24px;
    padding-top: 42.5px;
  }

  .main-test-result h3::after {
    margin-top: 17px;
    width: 234px;
  }

  .test-grid-container {
    padding-top: 27px;
    width: 230px;
    margin-left: 16.8px;
    line-height: 20px;
    padding-bottom: 0;
  }

  .test-grid-container > div {
    grid-template-rows: 24px 54px;
    grid-template-columns: 40px 1fr;
  }

  .test-fat {
    margin-bottom: 28px;
  }

  .test-muscle {
    margin-bottom: 8px;
  }

  .test-hurt {
    margin-bottom: 28px;
  }

  .test-mental {
    margin-bottom: 31px;
  }

  .test-fat img {
    width: 29.3px;
    padding-left: 0px;
  }

  .test-muscle img {
    width: 31.26px;
    padding-left: 0px;
  }

  .test-hurt img {
    width: 36.09px;
  }

  .test-mental img {
    width: 34.09px;
    padding-left: 0px;
    padding-top: 0px;
  }

  .grid-item span {
    margin-right: 7.2px;
  }

  .grid-item p:first-of-type {
    font-size: 14px;
    letter-spacing: 0;
  }

  .grid-item p:last-of-type {
    font-size: 10px;
    padding-left: 17px;
  }

  .test-fat p:first-of-type {
    padding-top: 0px;
  }

  .test-muscle p:first-of-type {
    padding-top: 0px;
  }

  .test-hurt p:first-of-type {
    padding-top: 0px;
  }

  .test-mental p:first-of-type {
    padding-top: 0px;
  }

  .main-test-other {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 37.3px;
  }

  .other-test-item {
    padding-top: 60px;
  }

  .other-test-title {
    display: block;
    margin-left: 0;
    margin: 0 auto;
  }

  .other-test-title img {
    display: block;
    width: 81.22px;
    margin: 0 auto;
  }

  .other-title-text {
    padding-left: 0;
    margin: 0 auto;
    padding-bottom: 29.4px;
  }

  .other-test-title h2 {
    text-align: center;
  }

  .other-title-text h2::after {
    width: 280px;
    height: 2px;
    margin: 12.3px auto 11.3px auto;
  }

  .other-title-text p {
    font-size: 12px;
    text-align: center;
  }

  .athlete-container {
    padding-bottom: 0;
    padding-left: 0;
    width: 289.69px;
    margin: 0 auto;
  }

  .athlete-title {
    display: block;
    padding-top: 25.5px;
    margin: 0 auto 30px auto;
    width: 280px;
  }

  .athlete-title h3 {
    padding-bottom: 13.5px;
    padding-right: 0;
    width: 101px;
    font-size: 20px;
  }

  .athlete-title p {
    line-height: 20px;
    font-size: 12px;
  }

  .athlete-item-container div {
    width: auto;
    padding-bottom: 23px;
    grid-template-rows: 20px 38px;
    grid-template-columns: 58px 1fr;
  }

  .athlete-grid img {
    width: 58px;
  }

  .athlete-grid p:last-of-type {
    line-height: 20px;
  }

  .athlete-grid p {
    padding-top: 2px;
    padding-left: 17.4px;
  }

  .healthcare-container {
    padding-bottom: 38px;
    padding-left: 0;
    width: 290px;
    margin: 0 auto;
  }

  .healthcare-item-container div {
    width: auto;
    padding-bottom: 22px;
    grid-template-rows: 20px 38px;
    grid-template-columns: 58px 1fr;
  }

  .healthcare-title {
    display: block;
    padding-top: 28px;
    margin: 0 auto 30px auto;
    width: 280px;
  }

  .healthcare-title h3 {
    padding-bottom: 13.5px;
    padding-right: 0;
    width: 101px;
    font-size: 20px;
  }

  .healthcare-title p {
    line-height: 20px;
    font-size: 12px;
  }

  .health-grid img {
    width: 58px;
  }

  .health-grid p:last-of-type {
    line-height: 20px;
  }

  .health-grid p {
    padding-left: 17.4px;
    padding-top: 2px;
  }

  /* section n14method--------------------- */
  .n14method {
    padding-top: 51.6px;
  }

  .n14method img {
    width: 107.31px;
    padding-bottom: 57.7px;
  }

  .n14method-title {
    text-align: left;
    width: 285px;
    padding-bottom: 48px;
  }

  .n14method-title h3 {
    font-size: 24px;
    display: block;
    padding-bottom: 21px;
  }

  .n14method-title h3::after {
    display: none;
  }

  .n14method-title p {
    font-size: 12px;
    line-height: 25px;
  }

  .n14method-explain {
    width: 280px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 60px;
  }

  /* section nakanishi-profile------------ */
  .nakanishi-profile {
    padding-top: 59px;
  }

  .profile-title {
    padding-bottom: 40px;
    text-align: left;
    width: 278px;
    margin: 0 auto;
  }

  .profile-title h3 {
    font-size: 22px;
    padding-bottom: 20px;
  }

  .profile-title p {
    font-size: 12px;
  }

  .nakanishi-explain {
    display: block;
    grid-template-rows: none;
    grid-template-columns: none;
    position: relative;
    width: 280px;
    height: 582px;
    margin: 0 auto;
    padding-bottom: 40px;
  }

  .nakanishi-explain img {
    position: absolute;
    width: 120px;
    height: 120px;
  }

  .nakanishi-explain p {
    position: absolute;
    padding-left: 0;
  }

  .nakanishi-explain p:first-of-type {
    padding-top: 69px;
    padding-left: 141px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }

  .nakanishi-explain p:last-of-type {
    font-size: 12px;
    line-height: 25px;
    padding-top: 131px;
    font-family: "hiragino-w3";
  }

  .nakanishi-explain span {
    position: absolute;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-family: "hiragino-w3";
    top: 100px;
    right: -4px;
  }

  .nakanishi-connect {
    display: block;
    width: auto;
    margin-left: 0;
    margin: 0 auto;
    padding-left: 40px;
    margin-bottom: 40px;
  }

  .nakanishi-link {
    padding-bottom: 20px;
  }

  .nakanishi-link > div {
    padding-bottom: 9px;
  }

  .nakanishi-link img {
    width: 30px;
    height: 30.15px;
  }

  .nakanishi-link > p {
    font-size: 8px;
    height: 9px;
    padding-top: 0;
  }

  .link-name {
    font-size: 12px;
    padding-left: 19.8px;
  }

  .facebook-url {
    border-right: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .link-insta img {
    padding-left: 0;
  }

  .insta-url {
    border-right: 0;
    padding-right: 0;
  }

  .twitter-url {
    padding-left: 0;
  }

  section:nth-child(n+2):nth-child(-n+7)::after {
    display: block;
    width: 70px;
    height: 5px;
    content: "";
    margin-left: 35px;
    background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
  }

  /* section business------------------------ */
  .business-reason {
    padding-top: 60px;
  }

  .business-reason h3 {
    width: 280px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 35px;
  }

  .business-reason > p {
    width: 280px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    padding-top: 16.1px;
  }

  .business-explain {
    padding-top: 40px;
    padding-bottom: 48px;
    width: 280px;
    margin: 0 auto;
  }

  .business-explain p {
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 20px;
  }

  .business-explain p:first-of-type {
    padding-bottom: 20px;
  }

  .machida-profile {
    position: relative;
    display: block;
    width: 282px;
    height: 320px;
    margin: 0 auto;
    padding-bottom: 48px;
  }

  .machida-profile img {
    width: 120px;
    position: absolute;
  }

  .machida-profile p {
    position: absolute;
    padding-left: 153.5px;
  }

  .machida-profile p:first-of-type {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 12.3px;
    padding-top: 25px;
    padding-left: 153.5px;
  }

  .machida-name {
    padding-top: 75px;
    font-size: 24px;
    padding-bottom: 0;
  }

  .machida-name span {
    font-size: 12px;
  }

  .machida-profile p:last-of-type {
    font-size: 12px;
    line-height: 20px;
    padding-left: 0;
    padding-top: 140px;
  }

  /* section information------------------ */
  .information {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .information > a > img {
    display: block;
    width: 50.833vw;
    margin: 0 auto;
    padding-bottom: 10vw;
  }

  .information-makuake {
    font-size: 16px;
  }

  .official-links {
    margin-bottom: 0;
    display: block;
    width: 250px;
    margin: 0 auto;
  }

  .official-link {
    padding-bottom: 10px;
  }

  .official-link > div {
    padding-bottom: 5px;
  }
  
  .official-link img {
    width: 30px;
  }

  .official-link > p {
    display: block;
    font-size: 10px;
    letter-spacing: 0.1em;
    height: 15px;
    padding-top: 5px;
  }

  .facebook-official-url,
  .insta-official-url {
    border-right: 0;
    padding-right: 0;
  }

  .makuake-promotion {
    display: block;
    border-radius: 15px;
    margin: 0 auto 60px auto;
    width: 315px;
  }

  .makuake-promotion img {
    padding: 28.9px 80px 27.3px 80px;
    width: 157px;
    border-right: 0;
    border-bottom: 1px dashed #000;
  }

  .makuake-promotion p {
    font-size: 12px;
    line-height: 25px;
    /* padding: 24px 0 26px 30px; */
    padding: 25px 0;
    text-align: center;
    font-family: "hiragino-w6";
  }

  .mainte-life-news {
    width: 320px;
    margin-bottom: 38.2px;
    background: linear-gradient(to bottom,#59b55b,#1fb6c4);
  }

  .mainte-life-news > div > div {
    width: auto;
  }

  .news-explain {
    padding-top: 27.1px;
  }

  .news-explain > p:nth-child(1) {
    padding-bottom: 34.9px;
    margin: 0 auto;
  }

  .news-title p:first-of-type {
    font-size: 12px;
    padding-bottom: 14px;
    text-align: center;
  }

  .news-title p:last-of-type {
    text-align: center;
    line-height: 28px;
  }

  .news-title::after {
    top: 94.2px;
    width: 280px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .news-detail {
    width: 277px;
    margin: 0 auto;
    padding-top: 27px;
  }

  .news-detail dt {
    font-size: 10px;
  }

  .news-detail dd {
    font-size: 12px;
    letter-spacing: 0;
  }

  .news-explain dl ~ p {
    width: 250px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 30.7px;
  }

  /* footer------------------- */
  footer div:first-of-type {
    display: block;
    width: 250px;
    padding-top: 49.7px;
  }

  footer ul {
    font-size: 12px;
    list-style: none;
  }

  footer ul:first-of-type {
    padding: 23.2px 16px 28.8px 24px;
    line-height: 24.8px;
    margin-bottom: 26px;
  }

  footer ul:last-of-type {
    padding: 30.7px 35px 37.3px 18px;
    line-height: 36px;
    margin-bottom: 55.4px;
  }

  .footer-scroll {
    width: 112.12px;
    padding-top: 0px;
    padding-bottom: 72.5px;
  }

  .footer-scroll p {
    font-size: 14.17px;
  }

}