@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');

body {
  background: #FFF000;
}
.design-font {
  font-family: 'RocknRoll One', sans-serif;
}
@media (min-width: 768px) {
  .br-pc{
    display: block;
  }
  .br-sp{
    display: none;
  }
  p, ol, ul, li, dl, dt, dd, th, td, figcaption {
    font-size: 1.6rem;
  }
}
.footer {
  text-align: center;
  margin-top: 200px;
}
.footer-wrap {
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .footer {
    margin-top: 0;
  }
}
@media (min-width: 1028px) {
  .footer-wrap {
    display: block;
  }
}
.page-contents-wrap.lp {
  padding: 0;
  background-image: url(/img/lp/top-back1.png),url(/img/lp/top-back2.png);
  background-repeat: no-repeat;
  background-position: center top, center 8%;
  background-size: 90% auto;
}
.lp-top-wrap {
  padding-top: 40px;
}
.lp-top-wrap .inner {
  height: max(43vw,290px);
  background: url(/img/lp/top-text-back.png) no-repeat center / 100% 100%;
  position: relative;
}
.lp-top-wrap .inner::before {
  display: block;
  content: "";
  width: min(20vw,200px);
  height: min(30vw,347px);
  background: url(/img/lp/top-left-person.png) no-repeat center / contain;
  position: absolute;
  top: -30px;
  left: 0;
}
.lp-top-wrap .inner::after {
  display: block;
  content: "";
  width: min(20vw,278px);
  height: min(30vw,381px);
  background: url(/img/lp/top-right-person.png) no-repeat center / contain;
  position: absolute;
  bottom: -37px;
  right: -5px;
}
.lp-top-block {
  min-width: 290px;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.lp-page-title {
  color: #63C5F1;
  font-size: calc(1.7rem + 1.5vw);
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
  width: fit-content;
  margin: 0 auto;
}
.lp-page-title span.big {
  font-size: clamp(3rem,6vw,9.5rem);
}
.lp-page-title span.small {
  font-size: clamp(1.6rem,2vw,4rem);
  vertical-align: text-top;
}
.lp-top-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 180px;
  margin: 0 auto;
  gap: 6px;
}
.lp-top-wrap ul li {
  color: #FFF000;
  font-size: clamp(1.6rem,2vw,3rem);
  line-height: 1.3;
  padding: 0 1.5em;
  background: #63C5F1;
  border-radius: 9999px;
}
.lp-top-wrap p {
  font-size: clamp(1.45rem,2vw,4rem);
  text-align: center;
}
.lp-top-wrap p.open {
  color: #FFF000;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  padding: 0.7em 2em;
  background: #63C5F1;
  border-radius: 50%;
  position: absolute;
  top: -51%;
  left: 14%;
}
.lp-top-wrap p.open::after {
  content: '';
  display: block;
  border-top: 20px solid #63C5F1;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  right: 70%;
  bottom: -7px;
  transform: rotate(17deg) skew(-51deg,-9deg);
}
@media (min-width: 768px) {
  .lp-top-wrap p.open {
    top: -44%;
    left: -1%;
  }
  .lp-top-wrap p.open::after {
    border-top: 30px solid #63C5F1;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    bottom: -12px;
  }
  .lp-top-wrap ul {
    width: auto;
    margin: -10px auto 0;
  }
}
@media (min-width: 992px) {
  .lp-top-wrap {
    padding-top: 70px;
  }
  .lp-top-wrap .inner {
    height: min(43vw,650px);
    background: url(/img/lp/top-text-back.png) no-repeat center / contain;
  }
  .lp-top-wrap .inner::after {
	bottom: 8%;
	right: 2%;
  }
}
@media (min-width: 1200px) {
  .lp-page-title {
    font-size: 5.5rem;
  }
  .lp-top-block {
    width: 720px;
  } 
}
@media (min-width: 1500px) {
  .page-contents-wrap.lp {
    background-position: center top, center 7%;
  }
  .lp-top-wrap .inner::after {
	right: -49px;
  }
}


.lp-section-title {
  display: flex;
  color: #63C5F1;
  font-size: clamp(1.8rem , 3vw, 3rem);
  font-weight: 400;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 0.5em;
}
.lp-section-title::before {
  display: block;
  content: '';
  width: 2em;
  height: 1.5em;
  background: url(/img/lp/cloud-left.png) no-repeat center / contain;
}
.lp-section-title::after {
  display: block;
  content: '';
  width: 2em;
  height: 1.5em;
  background: url(/img/lp/cloud-right.png) no-repeat center / contain;
}

/* caption */
.lp-caption {
  margin-top: 30px;
  position: relative;
}
.lp-caption::after {
  display: block;
  content: "";
  text-align: center;
  width: 64px;
  height: 125px;
  background: url(/img/lp/arrow.png) no-repeat top / contain;
  position: absolute;
  bottom: -168px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.lp-caption-text {
  text-align: center;
  position: relative;
}
.lp-caption-text::after {
  display: block;
  content: "";
  width: 86px;
  height: 132px;
  background: url(/img/lp/caption-person.png) no-repeat center / contain;
  position: absolute;
  bottom: -150px;
  left: 0;
  z-index: 3;
}
.lp-caption-text .design-font {
  color: #63C5F1;
  font-size: 200%;
  background: linear-gradient(transparent 60%,#FFF 60%);
}
@media (min-width: 768px) {
  .lp-caption::after {
	width: 90px;
    height: 195px;
    bottom: -270px;
  }
  .lp-caption-text::after {
	width: min(20vw,288px);
    height: min(31vw,483px);  
    bottom: -281px;
    left: -1%;
  }
}
@media (min-width: 992px) {
  .lp-caption {
    margin-bottom: 60px;
  }
}
@media (min-width: 1500px) {
  .lp-caption-text::after {
    left: -50px;
  }
}
/* worry */
.lp-worry {
  background: #FFF;
  padding: 120px 0 160px;
  margin-bottom: 40px;
  -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%,0 96%);
  clip-path: polygon(0 4%, 100% 0, 100% 100%,0 96%);
}
.lp-worry-block {
  position: relative;
}
.lp-worry-title {
  font-size: calc(1.7rem + 1.5vw);
  font-weight: 400;
  text-align: center;
}
.lp-worry-title::after {
  display: block;
  content: "";
  width: 100%;
  height: min(30vw,240px);
  margin-top: 230px;
  background: url(/img/lp/worry-main.png) no-repeat center / contain;
}
.lp-worry-title span {
  background: linear-gradient(transparent 60%,#FFF000 60%);
}
.lp-worry-block ul li {
  display: flex;
  color: #63C5F1;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.lp-worry-list1 li:nth-child(1) {
  padding: 1em 2em 2.5em;
  background-image: url(/img/lp/worry-list1-1.png);
  top: 50px;
  right: 47%;
}
.lp-worry-list1 li:nth-child(2) {
  padding: 2em;
  background-image: url(/img/lp/worry-list1-2.png);
  top: 65px;
  left: 57%;
}
.lp-worry-list1 li:nth-child(3) {
  padding: 2.5em 2em 1em;
  background-image: url(/img/lp/worry-list1-3.png);
  bottom: -115px;
  left: 0;
}
.lp-worry-list2 li:nth-child(1) {
  padding: 2em 1em 2em 2em;
  background-image: url(/img/lp/worry-list2-1.png);
  top: 186px;
  right: 0;
}
.lp-worry-list2 li:nth-child(2) {
  padding: 2em;
  background-image: url(/img/lp/worry-list2-2.png);
  top: 164px;
  left: -5px;
}
.lp-worry-list2 li:nth-child(3) {
  padding: 2em;
  background-image: url(/img/lp/worry-list2-3.png);
  bottom: -208px;
  right: 40%;
}
.lp-worry-list2 li:nth-child(4) {
  padding: 2em 1.5em 1em 2em;
  background-image: url(/img/lp/worry-list2-4.png);
  bottom: -145px;
  left: 60%;
}
.lp-answer-block {
  margin-top: 410px;
  position: relative;
}
.lp-answer-block::before {
  display: block;
  content: "";
  text-align: center;
  width: 64px;
  height: 125px;
  background: url(/img/lp/arrow.png) no-repeat top / contain;
  position: absolute;
  top: -167px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.lp-answer-block .answer-title {
  font-size: calc(1.7rem + 1.5vw);
  font-weight: 400;
  width: fit-content;
  margin: 0 auto;
  background: linear-gradient(transparent 60%,#FFF000 60%);
}
.lp-answer-flex {
  padding: 2em 0;
  margin: 30px auto 100px;
  background-image: radial-gradient(#FFF000 30%, transparent 30%),radial-gradient(#FFF000 30%, transparent 30%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
  position: relative;
}
.lp-answer-flex.ryoiku::after {
  display: block;
  content: "";
  width: 100%;
  height: 75px;
  background: url(/img/lp/lp-answer-sarani.png) no-repeat center / contain;
  position: absolute;
  bottom: -90px;
  left: 0;
}
.lp-answer-flex.sst::after {
  display: block;
  content: "";
  width: 100%;
  height: 75px;
  background: url(/img/lp/lp-answer-kekka.png) no-repeat center / contain;
  position: absolute;
  bottom: -90px;
  left: 0
}
.lp-answer-flex span.arrow {
  display: block;
  width: min(15vw,100px);
  height: min(10vw,80px);
  margin: 20px auto;
  background: url(/img/lp/lp-answer-arrow.png) no-repeat center / contain;
  transform: rotate(90deg);
}
.lp-answer-item {
  text-align: center;
}
.lp-answer-item span.traning {
  display: inline-flex;
  color: #FFF;
  font-size: 150%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  margin: 10px;
  background: #64B2D8;
  border-radius: 50%;
  position: relative;
}
.lp-answer-item span.traning::after {
  display: block;
  content: "";
  width: 95%;
  height: 95%;
  border: 1px solid #FFF;
  border-radius: 50%;
  position: absolute;
  top: 2.5%;
  left: 2.5%;
}
.lp-answer-item span.skill {
  display: inline-block;
  color: #FFF;
  font-size: 150%;
  width: 8em;
  margin: 10px;
  background: #E77D8B;
  border-radius: 9999px;
}
.lp-answer-item span.large {
  font-size: 150%;
}
.lp-answer-last p {
  color: #FFF;
  text-align: center;
  max-width: 720px;
  padding: 5em 3em;
  margin: 110px auto 0;
  background: url(/img/lp/lp-answer-last.png) no-repeat center / 100% 100%;
  position: relative;
}
.lp-answer-last p::after {
  display: block;
  content: "";
  width: min(29vw,165px);
  height: min(28vw,156px);
  background: url(/img/lp/lp-answer-last-kids.png) no-repeat center / contain;
  position: absolute;
  bottom: -14vw;
  right: 0;
}
@media (min-width: 768px) {
  .lp-worry {
	  padding: 200px 0 250px;
	  margin-bottom: 50px;
	  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%,0 92%);
      clip-path: polygon(0 10%, 100% 0, 100% 100%,0 92%);
  }
  .lp-worry-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4%;
  }
  .lp-worry-title {
    order: 2;
	letter-spacing: 0.1em;
	width: 280px;
  }
  .lp-worry-title::after {
    margin-top: 10px;
  }
  .lp-worry-list1 {
    order: 1;
	margin-top: 50px;
  }
  .lp-worry-list2 {
    order: 3;
  }
  .lp-worry-block ul li {
	margin-bottom: 30px;
	position: inherit;
  }
  .lp-worry-list1 li:nth-child(1) {
    padding: 2em 2em 3.5em;
	margin: 0 -1em -0.5em 3em;
	margin-tirh: -1em;
  }
  .lp-worry-list1 li:nth-child(2) {
    padding: 2em;
	margin: 0.5em 2em;
  }
  .lp-worry-list1 li:nth-child(3) {
    padding: 3em 2em 1.5em;
	margin: 0 -2em 0 4em;
  }
  .lp-worry-list2 li:nth-child(1) {
    padding: 3em 1em 3em 2em;
	margin-right: 0.7em;
  }
  .lp-worry-list2 li:nth-child(2) {
    padding: 2.5em 2em;
	margin-left: 2em;
  }
  .lp-worry-list2 li:nth-child(3) {
    padding: 2.5em 2em;
	margin-right: 2em;
  }
  .lp-worry-list2 li:nth-child(4) {
    padding: 3em 1.5em 2em 2em;
	margin: -1em 5em 0 -3em;
  }
  .lp-answer-block {
    margin-top: 210px;
  }
  .lp-answer-block::before {
	width: 90px;
    height: 195px;
    top: -230px;
  }
  .lp-answer-flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
	max-width: 720px;
  }
  .lp-answer-item:first-child {
    width: 50%;
  }
  .lp-answer-item:last-child {
    width: 40%;
  }
  .lp-answer-flex span.arrow {
	margin: 0;
    transform: none;
  }
  .lp-answer-last p {
    padding: 4em 1em;
  }

}
@media (min-width: 992px) {
  .lp-answer-last p {
    font-size: 1.9rem;
  }
  .lp-answer-last p::after {
    right: -9%;
  }
  .lp-answer-last p::after {
	bottom: 5%;
	right: -9%;
  }

}
@media (min-width: 1200px) {
  .lp-worry-title {
    font-size: 4rem;
  }
  .lp-answer-block .answer-title {
    font-size: 4rem;
  }
}


/* support */
.lp-support {
  padding-bottom: 90px;
  background: url(/img/lp/section-line.png) no-repeat bottom / auto;
  position: relative;
}
.lp-support table {
  width: min(100%,730px);
  margin: 0 auto;
}
.lp-support table th {
  color: #FFF;
  font-weight: 400;
  text-align: left;
  width: 5.5em;
  padding: 0.3em 0.5em;
  background: #63C5F1;
  border: 1px solid #4d4d4d;
}
.lp-support table td {
  padding: 0.3em 0.5em;
  background: #FFF;
  border: 1px solid;
  border-left: none;
}
.lp-support table td small {
  display: inline-block;
}
.lp-support p {
  max-width: 730px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .lp-support {
    padding-bottom: 120px;
	margin-bottom: 90px;
  }
  .lp-support table th {
    width: 9.2em;
  }
}


/* service */
.lp-service {
  padding-bottom: 90px;
  background: url(/img/lp/section-line.png) no-repeat bottom / auto;
}
.lp-service .lp-section-title {
  gap: 0.1em;
}
.lp-service table {
  width: min(100%,730px);
  margin: 0 auto;
}
.lp-service table th {
  color: #FFF;
  font-weight: 400;
  text-align: left;
  width: 5.5em;
  padding: 0.3em 0.5em;
  background: #63C5F1;
  border: 1px solid #4d4d4d;
}
.lp-service table td {
  padding: 0.3em 0.5em;
  background: #FFF;
  border: 1px solid;
  border-left: none;
}
.lp-service table td ul li::before {
  content: "●";
}
.lp-service table td small {
  display: inline-block;
}
.lp-service p {
  max-width: 730px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .lp-service {
    padding-bottom: 120px;
	margin-bottom: 90px;
  }
  .lp-service .lp-section-title {
    gap: 0.5em;
  }
  .lp-service table th {
    width: 9.2em;
  }
}


/* other */
.lp-other ul li {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.lp-other ul li span {
  font-size: 180%;
  line-height: 1.2;
}
.lp-other ul li:nth-child(1) {
  background: url(/img/lp/other-wave-sp.png) repeat-X bottom / auto;
}
.lp-other ul li:nth-child(1)::before {
  display: block;
  content: url(/img/lp/other-1.png);
}
.lp-other ul li:nth-child(2)::before {
  display: block;
  content: url(/img/lp/other-2.png);
}
@media (min-width: 768px) {
  .lp-other ul {
    display: flex;
	justify-content: center;
	margin-bottom: 50px;
  }
  .lp-other ul li:nth-child(1) {
	padding-right: 30px;
	margin-right: 30px;
    background: url(/img/lp/other-wave.png) no-repeat right / auto 100%;
  }
}

/* merit */
.lp-merit {
  padding: 170px 0 40px;
  margin-bottom: 0;
  background-color: #FFF;
  background-image: url(/img/lp/merit-person.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center 50px;
}
.lp-merit .lp-section-title span {
  color: #FFF000;
  font-size: 150%;
  margin: 0 -0.4em 0 -0.2em;
  position: relative;
}
.lp-merit .lp-section-title span::before {
  content: "3";
  color: transparent;
  text-stroke: 1px #63C5F1;
  -webkit-text-stroke: 1px #63C5F1;
  position: absolute;
  top: -2px;
  left: -2px;
}
.lp-merit ol {
  justify-content: center;
  counter-reset: count 0;
}
.lp-merit ol li {
  text-align: center;
  padding: 30px 0;
}
.lp-merit ol li:nth-child(1) {
  padding-top: 0;
}
.lp-merit ol li:nth-child(2) {
  background-image: url(/img/lp/merit-line-sp.png),url(/img/lp/merit-line-sp.png);
  background-repeat: repeat-X;
  background-position: top,bottom;
}
.lp-merit ol li::before {
  display: block;
  content: counter(count);
  counter-increment: count 1;
  color: #63C5F1;
  font-size: 3.5rem;
  text-align: center;
  height: 100px;
  padding-top: 0.6em;
  margin-bottom: 15px;
  background: url(/img/lp/merit-flug.png) no-repeat center / contain; 
}
.lp-merit ol li span {
  color: #63C5F1;
  font-size: 180%;
  background: linear-gradient(transparent 60%,#FFF000 60%);
}
.lp-merit ol li img {
  margin-top: 10px;
}
.lp-merit-text {
  color: #FFF;
  text-align: center;
  max-width: 700px;
  padding: 3em 2em 1em;
  margin: 0 auto;
  background: url(/img/lp/lp-merit-support.png) no-repeat center / 100% 100%; 
}
.lp-merit-text .design-font {
  color: #FFF000;
  font-size: 150%;
}
@media (min-width: 768px) {
  .lp-merit {
	padding: 300px 0 90px;
    background-size: 190px;
	background-position: center 120px;
  }
  .lp-merit .lp-section-title span {
    font-size: 200%;
	margin: 0;
  }
  .lp-merit ol {
    display: flex;
  }
  .lp-merit ol li {
	display: grid;
	grid-template-rows: 160px 1fr auto;
	justify-content: center;
	width: calc(100% / 3);
    padding: 0 5px;
  }
  .lp-merit ol li:nth-child(1) span {
    letter-spacing: -0.07em;
  }
  .lp-merit ol li:nth-child(2) {
    background-image: url(/img/lp/merit-line.png),url(/img/lp/merit-line.png);
    background-repeat: repeat-Y;
	background-position: left,right;
  }
  .lp-merit ol li::before {
    height: 136px;
	padding-top: 1em;
  }
  .lp-merit ol li img {
    width: min(25vw,290px);
	margin: 0 auto;
  }
  .lp-merit-text {
    margin-top: 50px;
  }
  .lp-merit-text .design-font {
    font-size: 200%;
  }
}
/* voice */
.lp-voice {
  padding: 90px 0 40px;
  background-color: #FFF;
  background-image: url(/img/lp/lp-voice-before.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 200px;
}
.lp-voice-title {
  color: #FFF;
  font-size: calc(1.275rem + 0.3vw);
  text-align: center;
  max-width: 343px;
  padding: 3em 0 2em;
  margin: 0 auto;
  background: url(/img/lp/lp-voice-title.png) no-repeat center / 100% 100%; 
  position: relative;
  z-index: 3;
}
.lp-voice-block {
  max-width: 940px;
  padding: 6em 1em 3em;
  margin: -50px auto 0;
  background-image: radial-gradient(#FFF000 30%, transparent 30%),radial-gradient(#FFF000 30%, transparent 30%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.lp-voice-block dl {
  display: flex;
  max-width: 700px;
  margin: 0 auto;
}
.lp-voice-block dl:nth-child(1) {
  margin-bottom: 1.5em;
  background: url(/img/lp/lp-voice-border.png) no-repeat left bottom / auto;
}
.lp-voice-block dl::before {
  display: inline-block;
  content: "";
  width: min(30vw,101px);
  height: min(31vw,109px);
  margin-right: 15px;
}
.lp-voice-block dl:nth-child(1)::before {
  background: url(/img/lp/lp-voice-1.png) no-repeat center / contain;
}
.lp-voice-block dl:nth-child(2)::before {
  background: url(/img/lp/lp-voice-2.png) no-repeat center / contain;
}
.lp-voice-block dl div {
  width: fit-content;
}
.lp-voice-block dl dt {
  color: #63C5F1;
  font-size: calc(1.5rem + 0.3vw);
}
.lp-voice-block dl dd {
  padding-bottom: 1.5em;
}
@media (min-width: 768px) {
  .lp-voice {
    padding: 170px 0 40px;
	background-size: auto;
  }
  .lp-voice-title {
    font-size: 1.6rem;
  }
  .lp-voice-block dl dt {
    font-size: 1.9rem;
  }
}

/* trial */
.lp-trial {
  margin-bottom: 70px;
}
.lp-trial p {
  font-size: calc(1.5rem + 0.3vw);
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.lp-trial-block dl {
  width: fit-content;
  margin: 0 auto;
}
.lp-trial-block dl div {
  display: flex;
  margin-top: 1.5em;
}
.lp-trial-block dl dt {
  color: #63C5F1;
  font-size: calc(1.5rem + 0.3vw);
  flex-shrink: 0;
}
.lp-trial-block dl dd {
  padding-left: 1em;
  font-size: calc(1.5rem + 0.3vw);
}
.lp-trial-block ol {
  counter-reset: count 0;
}
.lp-trial-block ol li {
  font-size: calc(1.5rem + 0.3vw);
}
.lp-trial-block ol li::before {
  display: inline-flex;
  content: counter(count);
  counter-increment: count 1;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
  border: 1px solid;
  border-radius: 50%;
}
.lp-trial .btn {
  font-size: calc(1.6rem + 0.3vw);
  text-align: center;
  width:min(100%,19em);
  padding: 1em 0.5em;
  background: #63C5F1;
  border: 2px solid #63C5F1;
}
.lp-trial .btn:hover {
  color: #63C5F1;
  background:#FFF;
}
@media (min-width: 768px) {
  .lp-trial-block dl dt {
    font-size: 2chrem;
  }
  .lp-trial-block dl dd {
    font-size: 2rem;
  }
  .lp-trial-block ol li {
    font-size: 2rem;
  }
  .lp-trial-block ol li::before {
    padding-top: 0.1em;
  }
}
@media (min-width: 1200px) {
  .lp-trial p {
    font-size: 2rem;
  }
  .lp-trial .btn {
    font-size: 2.7rem;
  }
}

/* contact */

@media (min-width: 768px) {
  #lp-contact {
    margin: 120px 0;
  }
}


/* access */
.lp-access-block + .lp-access-block {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #FFF;
}
.lp-accesss-title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック","Yu Gothic", Meiryo, "メイリオ", sans-serif;
  font-size: calc(1.8rem + 0.3vw);
  font-weight: bold;
}
.lp-access-text p {
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.lp-access-map img {
  width: 100%;
}
@media (min-width:576px) {
  .lp-access-block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 20px;
  }
  .lp-access-text {
    width: 220px;
  }
  .lp-access-map {
    width: min(calc(100vw - 240px - 3rem),700px);
  }
}
@media (min-width:1200px) {
  .lp-accesss-title {
    font-size: 2.2rem;
  }
}