@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);
}

html {
  scroll-behavior: smooth;
}

.sp-only {
  display: none;
}

.iPad-only {
  display: none;
}

* {
  font-family: "hiragino-w3";
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.top-fade {
  opacity: 0;
  animation-name: fadein;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);
  animation-fill-mode: forwards;
}

.fade-in {
  opacity: 0;
  visibility: hidden;
  transition-duration: 3s;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 40px);
}

.fade-in-down {
  transform: translate(0, -40px);
}

.fade-in-left {
  transform: translate(-40px, 0);
}

.fade-in-right {
  transform: translate(40px, 0);
}

.slide-left {
  transform: translateX(40px);
  transition: 1s;
}

.slide-right {
  transform: translateX(-40px);
  transition: 1s;
}

.delay0-5 {
  transition-delay: 0.5s;
}

.delay1 {
  transition-delay: 1s;
}

.delay1-5 {
  transition-delay: 1.5s;
}

.delay2 {
  transition-delay: 2s;
}

.delay2-5 {
  transition-delay: 2.5s;
}

.delay3 {
  transition-delay: 3s;
}

.delay4 {
  transition-delay: 4s;
}

.delay5 {
  transition-delay: 5s;
}

.scroll-in {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

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

header img {
  width: 218.08px;
  height: auto;
  padding: 20px 0 20px 47px;
}

/* section top-area------------------------ */
.top-area {
  margin: 0 auto;
  margin-top: 220px;
}

.mainte-life-explain {
  color: #000;
  text-align: center;
}

.mainte-life-explain h1 img {
  display: block;
  width: 763.27px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 120px;
}

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

.mainte-life-explain h2 {
  line-height: 70px;
  padding-bottom: 48px;
}

.mainte-life-explain p {
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 60px;
  margin-bottom: 48px;
}

.circle-icon {
  position: relative;
  margin: 0 auto;
  width: 15px;
  height: 70px;
  margin-bottom: 120px;
}

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

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

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

.slick-slider {
  display: block;
  width: 1000px;
  height: auto;
  margin: 0 auto;
}

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

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

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

.slick-dots {
	bottom: -40px!important;
}

.slick-dotted.slick-slider {
  margin-bottom: 0!important;
}

.mainte-life-link {
  display: flex;
  justify-content: space-around;
  width: 1000px;
  margin: 100px auto 0;
}

.mainte-life-link > a {
  text-decoration: none;
  color: #000000;
  display: block;
  width: 350px;
  text-align: center;
  letter-spacing: 0.05em;
}

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

.mainte-life-link > a p:last-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 15px;
  background-color: #F8B120;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 28px;
  font-family: "hiragino-w6";
}

.support-mainte-life {
  padding-top: 160px;
  width: 1000px;
  margin: 0 auto;
}

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

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

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

.mainte-life-character img:last-of-type {
  position: absolute;
  top: 4px;
  left: 212.5px;
  width: 693.06px;
  height: auto;
}

.mainte-life-character p {
  position: absolute;
  top: 21.5px;
  left: 264.2px;
  font-family: "hiragino-w6";
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 33.2px;
  color: #fff;
}

.support-mainte-life-explain {
  margin-bottom: 118.6px;
}

.support-mainte-life-explain h3 {
  font-family: "hiragino-w6";
  font-size: 24px;
  line-height: 41.2px;
  text-align: left;
  padding-bottom: 71.6px;
  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: 180px;
  height: 3px;
  margin-left: 28px;
}

.support-mainte-life-explain p {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 40.37px;
  text-align: left;
  padding-bottom: 100.3px;
  overflow-wrap: normal;
}

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

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

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

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

.line-title-container {
  display: flex;
  padding-left: 172px;
  margin-bottom: 100px;
}

.line-title-container img {
  width: 120px;
  height: auto;
}

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

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

.line-title p {
  font-size: 24px;
}

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

.line-contents {
  width: 300px;
}

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

.line-news img {
  width: 237.7px;
  height: auto;
  padding-bottom: 55.4px;
}

.line-question img {
  width: 240px;
  height: auto;
  padding-bottom: 55.4px;
}

.line-coupon img {
  padding-top: 25px;
  width: 235.4px;
  height: auto;
  padding-bottom: 80.4px;
}

.line-contents h3 {
  font-family: "hiragino-w6";
  font-size: 24px;
  padding-bottom: 48.6px;
  text-align: center;
}

.line-contents p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 40px;
  overflow-wrap: normal;
}

/* lineサポート内容追加部分開始 */
.line-support-information {
  width: 995px;
  position: relative;
  display: flex;
  padding-bottom: 75.7px;
  color: #fff;
}

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

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

.line-support-information > div > img {
  padding-top: 90.2px;
  padding-bottom: 27px;
  width: 104.56px;
  height: auto;
}

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

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

.line-support-information > div > p:nth-child(3) {
  font-size: 30px;
  padding-top: 43px;
  padding-bottom: 23px;
  letter-spacing: 0.05em;
  line-height: 45px;
}

.line-support-information > div > p:last-of-type {
  font-size: 24px;
  line-height: 35px;
  padding-bottom: 136px;
}

.line-support-n14method > div:first-of-type {
  padding-bottom: 52.6px;
  display: flex;
  width: 911px;
  margin: 0 auto;
}

.line-support-n14method > div:first-of-type img {
  width: 176px;
  height: 196px;
}

.line-support-n14method > div > p:first-of-type {
  padding-top: 37px;
  padding-left: 69.2px;
  font-family: "hiragino-w6";
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 60px;
}

.flowchart {
  margin: 0 auto 63.3px auto;
  width: 0;
  border-top: 48px solid #2bad99;
  border-right: 28px solid transparent;
  border-left: 28px solid transparent;
}

.line-support-n14method > div:last-of-type {
  background-image: url(../images/line-addition-circle2.svg);
  background-repeat: no-repeat;
  background-position: top 37px left 90px;
  width: 911px;
  padding-bottom: 160px;
  margin: 0 auto;
}

.line-support-n14method > div:last-of-type img {
  width: 388.9px;
  height: 800px;
}

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

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

.inspection-title-container {
  color: #000;
  display: flex;
  padding-left: 72.5px;
  margin-bottom: 80px;
}

.inspection-title-container img {
  width: 176px;
  height: auto;
}

.inspection-title-text {
  padding-top: 8px;
  padding-left: 51px;
}

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

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

.inspection-5step-container {
  padding-bottom: 160px;
}

.inspection-5step-container img {
  width: 900px;
  display: block;
  margin: 0 auto;
  padding-bottom: 79px;
}

.inspection-5step-container p {
  color: #fff;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 30px;
  padding: 34px 0 39px 85px;
  border-radius: 9.76px;
  background: linear-gradient(to right, #59b55b 0%, #1fb6c4 100%);
}

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

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

.gene-title {
  display: flex;
  position: relative;
  padding-bottom: 100px;
}

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

.gene-left-circle {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3bb590;
  margin-left: 225px;
  left: 24px;
  top: 12.8px;
}

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

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

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

.gene-right-circle {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3bb590;
  margin-right: 225px;
  top: 12.8px;
  right: 24px;
}

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

.gene-conv {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 80px;
}

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

.orange-conv1 {
  background-image: url(../images/gene-markup-orange1.svg);
  background-size: 732px 80px;
  padding: 28px 56.7px 28px 0px;
  margin-bottom: 25.7px;
}

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

.gene-conv-green img {
  width: 102px;
  height: auto;
}

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

.green-conv1 {
  background-image: url(../images/gene-markup-green1.svg);
  background-size: 579.33px 100px;
  padding: 20px 36.5px 23px 66.8px;
  line-height: 33.2px;
  margin-left: 27.6px;
}

.gene-test-explain {
  padding-bottom: 69px;
}

.gene-test-explain p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 40.42px;
  color: #000;
}

.gene-test-explain p:first-of-type {
  padding-bottom: 40px;
}

.gene-test-divide {
  position: relative;
  height: 7.5px;
}

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

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

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

.gene-test > div:last-of-type {
  padding-bottom: 173.1px;
}

.orange-conv2 {
  margin-bottom: 12.7px;
  background-image: url(../images/gene-markup-orange2.svg);
  background-size: 445.92px 80px;
  padding: 28.2px 63.5px 27.8px 32.4px;
}

.green-conv2 {
  background-image: url(../images/gene-markup-green2.svg);
  background-size: 556.4px 80px;
  margin-left: 27.2px;
  padding: 28px 7.2px 28px 48.2px;
  margin-top: 13px;
}

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

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

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

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

.test-grid-container {
  padding-top: 52.6px;
  width: 640px;
  margin-left: 148px;
  text-align: left;
  line-height: 24.8px;
  padding-bottom: 29.7px;
}

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

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

.grid-item p:last-of-type {
  font-size: 16px;
}

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

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

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

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

.test-fat img {
  width: 64.77px;
  height: auto;
  padding-left: 10px;
}

.test-muscle img {
  width: 71.07px;
  height: auto;
  padding-left: 5px;
}

.test-hurt img {
  width: 80.63px;
  height: auto;
}

.test-mental img {
  width: 73.39px;
  height: auto;
  padding-left: 5px;
  padding-top: 10px;
}

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

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

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

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

.grid-item span {
  color: #20b6c1;
  margin-right: 13.1px;
}

.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: 24px;
  letter-spacing: 0.05em;
  line-height: 30px;
  text-align: center;
  color: #20b6c4;
  padding-bottom: 43.6px;
}

/* section other-test-item----------------- */
.other-test-item {
  padding-top: 160px;
}

.other-test-title {
  color: #000;
  display: flex;
  margin-bottom: 100px;
  margin-left: 204.5px;
}

.other-test-title img {
  width: 176.9px;
  height: auto;
}

.other-title-text {
  padding-top: 16px;
  padding-left: 54.4px;
}

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

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

.athlete-container {
  padding-bottom: 51px;
  padding-left: 147.1px;
}

.athlete-title {
  font-family: "hiragino-w6";
  display: flex;
  margin-bottom: 58px;
  width: 835px;
}

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

.athlete-title p {
  letter-spacing: 0.05em;
  line-height: 21px;
  font-size: 16px;
}

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

.athlete-item-container div {
  width: 390px;
  padding-bottom: 60px;
  display: grid;
  grid-template-rows: 30px 40px;
  grid-template-columns: 70px 1fr;
}

.athlete-grid img {
  width: 70px;
  height: auto;
}

.athlete-grid p {
  padding-left: 22.6px;
}

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

.healthcare-container {
  padding-bottom: 123px;
  padding-left: 147.1px;
}

.healthcare-title {
  font-family: "hiragino-w6";
  display: flex;
  margin-bottom: 58px;
  width: 870px;
}

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

.healthcare-title p {
  letter-spacing: 0.05em;
  line-height: 21px;
  font-size: 16px;
}

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

.health-grid {
  width: 403px;
  padding-bottom: 60px;
  display: grid;
  grid-template-rows: 30px 40px;
  grid-template-columns: 70px 1fr;
}

.health-grid img {
  width: 70px;
  height: auto;
}

.health-grid p {
  padding-left: 16.7px;
}

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

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

.n14method img {
  display: block;
  margin: 0 auto;
  width: 250.38px;
  height: auto;
  padding-bottom: 124.2px;
}

.n14method-title {
  width: 800px;
  margin: 0 auto;
  font-family: "hiragino-w6";
  padding-bottom: 60px;
}

.n14method-title h3 {
  font-size: 40px;
  letter-spacing: 0.05em;
  display: flex;
  padding-bottom: 26px;
}

.n14method-title h3::after {
  margin-left: auto;
  content: "";
  width: 280.69px;
  height: 3px;
  background-color: #000;
  margin-top: 18.1px;
}

.n14method-title p {
  font-size: 24px;
}

.n14method-explain {
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 215px;
}

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

.profile-title {
  font-family: "hiragino-w6";
  padding-bottom: 60px;
}

.profile-title h3 {
  font-size: 40px;
  letter-spacing: 0.05em;
  padding-bottom: 18px;
}

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

.nakanishi-explain {
  display: grid;
  grid-template-rows: 93px 321px;
  grid-template-columns: 322px 1fr;
  margin-bottom: 60px;
}

.nakanishi-explain span {
  font-size: 16px;
}

.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: 321.74px;
  height: auto;
}

.nakanishi-explain p {
  padding-left: 28.3px;
}

.nakanishi-explain p:first-of-type {
  padding-top: 28px;
  font-family: "hiragino-w6";
  font-size: 40px;
}

.nakanishi-explain p:last-of-type {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 30px;
}

.nakanishi-connect {
  display: flex;
  width: 832.44px;
  margin-left: 95.3px;
  justify-content: space-between;
  margin-bottom: 160px;
}

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

.nakanishi-link > div {
  display: flex;
  padding-bottom: 22.3px;
}

.nakanishi-link img {
  width: 40px;
  height: auto;
}

.link-name {
  padding-top: 9.6px;
  font-size: 18px;
  padding-left: 13.5px;
  letter-spacing: 0.1em;
}

.link-insta img {
  padding-left: 20px;
}

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

.facebook-url {
  border-right: 2px solid #000;
  padding-right: 12px;
  padding-left: 9px;
}

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

.twitter-url {
  padding-left: 10px;
}

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

.business-reason h3 {
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  font-family: "hiragino-w6";
}

.business-reason > p {
  font-size: 24px;
  padding-top: 20.1px;
  letter-spacing: 0.05em;
  font-family: "hiragino-w6";
}

.business-explain {
  padding-top: 75px;
  padding-bottom: 96px;
}

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

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

.machida-profile {
  display: flex;
  padding-bottom: 132.3px;
}

.machida-profile p:first-of-type {
  padding-left: 31px;
  font-size: 24px;
  font-family: "hiragino-w6";
  padding-bottom: 17px;
  letter-spacing: 0.1em;
  padding-top: 28.1px;
}

.pc-machida {
  width: 321.74px;
  height: auto;
  border-radius: 20px;
}

.machida-name {
  padding-left: 31px;
  font-size: 40px;
  font-family: "hiragino-w6";
  padding-bottom: 38.3px;
}

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

.machida-profile p:last-of-type {
  padding-left: 31px;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 30px;
}

.paragraph-circle {
  position: relative;
  margin: 0 auto;
  width: 70px;
  height: 15px;
}

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

.paragraph-circle span {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3bb590;
  left: 24px;
}

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

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

.information > a > img {
  display: block;
  width: 400px;
  margin: 0 auto;
  padding-bottom: 60px;
}

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

.makuake-promotion img {
  padding: 0 100.9px 0 95.9px;
  width: 243.52px;
  height: auto;
  border-right: 1px dashed #000;
}

.makuake-promotion p {
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 33.2px;
  padding: 29.9px 0 33.1px 40.5px;
  text-align: center;
}

.information-makuake {
  text-decoration: none;
  display: block;
  width: fit-content;
  margin: 50px auto;
  padding: 0 20px;
  line-height: 50px;
  color: #fff;
  background: linear-gradient(to right,#59b55b 0%, #1fb6c4 100%);
  border-radius: 10px;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.information > p span {
  font-size: 30px;
  font-weight: 800;
}

.official-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.official-links a {
  text-decoration: none;
  color: #000;
}

.official-link > div {
  display: flex;
  padding-bottom: 22.3px;
}

.official-link img {
  width: 40px;
  height: auto;
}

.link-name {
  padding-top: 9.6px;
  font-size: 18px;
  padding-left: 13.5px;
  letter-spacing: 0.1em;
}

.link-insta img {
  padding-left: 20px;
}

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

.facebook-official-url,
.insta-official-url {
  border-right: 2px solid #000;
  padding-right: 30px;
  font-size: 18px;
}

.twitter-official-url {
  font-size: 16px;
}

.mainte-life-news {
  margin: 0 auto;
  background: linear-gradient(45deg,#59b55b,#1fb6c4);
  border-radius: 30px;
  padding: 5px;
  width: 1000px;
  margin-bottom: 175.6px;
}

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

.mainte-life-news > div > div {
  width: 700px;
  margin: 0 auto;
}

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

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

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

.news-title::after {
  top: 74px;
  position: absolute;
  display: block;
  content: "";
  width: 700px;
  height: 2px;
  left: -18px;
  background: linear-gradient(to right,#59b55b 0%, #1fb6c4 100%);
}

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

.news-title p:first-of-type {
  font-size: 16px;
  padding-bottom: 18px;
}

.news-title p:last-of-type {
  font-size: 24px;
}

.news-title p:last-of-type span {
  font-size: 16px;
}

.news-detail {
  padding-top: 35.6px;
  padding-bottom: 40px;
}

.news-detail dt {
  margin-top: 7px;
  color: #fff;
  float: left;
  font-size: 10px;
  padding: 1.9px 4.5px 3.1px;
  background-color: #59b75b;
  border-radius: 2px;
}

.news-detail dd {
  line-height: 30px;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-left: 36.2px;
}

.news-explain dl ~ p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 30px;
  padding-bottom: 41px;
}

/* footer ---------------- */
footer {
  -webkit-font-feature-settings: "hiragino-sans-w3";
  color: #fff;
  background: linear-gradient(to right,#59b55b 0%, #1fb6c4 100%);
}

footer div:first-of-type {
  margin: 0 auto;
  display: flex;
  width: 640px;
  padding-top: 60px;
  justify-content: space-between;
}

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

footer ul:first-of-type {
  padding: 15.5px 21.5px;
  line-height: 26px;
}

footer ul:last-of-type {
  padding: 15px 21px;
  line-height: 39px;
}

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

.footer-scroll {
  margin: 0 auto;
  width: 123.12px;
  padding-top: 74.1px;
  padding-bottom: 58.5px;
}

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

.footer-scroll img {
  padding-right: 7px;
  width: 19.95px;
  height: auto;
}

.footer-scroll p {
  font-size: 16px;
  line-height: 24.8px;
}