.p_marugototamanegi {
  overflow: hidden;
}

.p_marugototamanegi * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.p_marugototamanegi img {
  max-width: 100%;
  height: auto;
}

.p_marugototamanegi .pc {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi .pc {
    display: block !important;
  }
}

.p_marugototamanegi .sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi .sp {
    display: none !important;
  }
}

.p_marugototamanegi .l_container {
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi .l_container {
    max-width: 1200px;
    padding: 0 40px;
  }
}

.p_marugototamanegi a {
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi a:hover {
    opacity: 0.75;
    transition-property: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
  }
}

.p_marugototamanegi_btn {
  position: relative;
}
.p_marugototamanegi_btn__link {
  transition: all 0.3s;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_btn__link:hover {
    transform: translateY(5px);
  }
}

.body-wrapper {
  overflow: clip;
}

.js-fade-in {
  opacity: 0;
  will-change: opacity, transform;
}

.p_marugototamanegi {
  overflow: clip;
}
.p_marugototamanegi a {
  display: block;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi a:hover {
    opacity: 0.75;
    transform: translateY(5px);
  }
}
.p_marugototamanegi_mv {
  background-color: #FFF6D2;
  position: relative;
  z-index: 1;
}
.p_marugototamanegi_mv__main {
  position: relative;
  z-index: 3;
  padding: 10px 10px clamp(3.125rem, 7.6530612245vw + 1.3313137755rem, 5rem);
  margin: 0 auto;
  max-width: 375px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__main {
    padding: 24px 40px clamp(4.375rem, 18.778280543vw + -4.6385746606rem, 9.5625rem);
    max-width: 1150px;
  }
}
.p_marugototamanegi_mv__bg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.p_marugototamanegi_mv__bg01 img {
  object-fit: cover;
  object-position: bottom center;
  max-height: 203px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__bg01 img {
    max-height: 100%;
  }
}
.p_marugototamanegi_mv__bg02 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.p_marugototamanegi_mv__bg02 img {
  width: 100%;
  object-fit: cover;
  object-position: top center;
  max-height: clamp(21.03125rem, 54.4642857143vw + 8.2661830357rem, 34.375rem);
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__bg02 img {
    max-height: 100%;
  }
}
.p_marugototamanegi_mv__title {
  margin: 0 auto 10px auto;
  width: 344px;
  position: relative;
  left: 1px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__title {
    margin: 0 auto clamp(-2.125rem, -7.6923076923vw + 3.6923076923rem, 0rem) auto;
    left: 10px;
    width: clamp(28.3125rem, 68.3257918552vw + -4.4838800905rem, 47.1875rem);
  }
}
.p_marugototamanegi_mv__photo {
  margin: 0 auto;
  width: 358px;
  position: relative;
  z-index: 1;
  left: -2px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__photo {
    left: -4px;
    width: clamp(24.75rem, 59.7285067873vw + -3.9196832579rem, 41.25rem);
  }
}
.p_marugototamanegi_mv__content {
  position: relative;
  margin: 0 auto;
  padding: 43px 0 115px 0px;
  max-width: 355px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__content {
    max-width: 100%;
    padding: 0;
  }
}
.p_marugototamanegi_mv__brand {
  position: absolute;
  left: 62px;
  bottom: 0;
  width: 140px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__brand {
    left: clamp(0rem, -3.3936651584vw + 2.566459276rem, 0.9375rem);
    bottom: 7px;
    width: clamp(9.75rem, 23.5294117647vw + -1.5441176471rem, 16.25rem);
  }
}
.p_marugototamanegi_mv__circle {
  position: absolute;
  right: 4px;
  top: -2px;
  width: 158px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__circle {
    width: clamp(7.65rem, 18.4615384615vw + -1.2115384615rem, 12.75rem);
    right: clamp(3.890625rem, 4.6945701357vw + 1.6372313348rem, 5.1875rem);
    top: 32px;
  }
}
.p_marugototamanegi_mv__txt {
  margin: 10px auto 0 auto;
  position: relative;
  max-width: 342px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__txt {
    left: -3px;
    margin: 14px auto 0 auto;
    max-width: clamp(27rem, 65.1583710407vw + -4.2760180995rem, 45rem);
  }
}
.p_marugototamanegi_mv__person {
  position: absolute;
  z-index: 4;
  right: 70px;
  bottom: clamp(6.8125rem, 7.3979591837vw + 5.0786033163rem, 8.625rem);
  width: 95px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_mv__person {
    width: clamp(8.0625rem, 19.4570135747vw + -1.2768665158rem, 13.4375rem);
    right: 40px;
    bottom: clamp(0.9375rem, 9.5022624434vw + -3.6235859729rem, 3.5625rem);
  }
}
.p_marugototamanegi__list {
  display: grid;
  grid-gap: 44px;
  margin-bottom: 67px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list {
    grid-gap: 36px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: clamp(2.475rem, 5.9728506787vw + -0.3919683258rem, 4.125rem);
  }
}
.p_marugototamanegi__list__item {
  position: relative;
  max-width: 209px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item {
    margin: 0;
    max-width: 100%;
  }
}
.p_marugototamanegi__list__item::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 30px;
  background: url(./assets/images/img_howto_arrow_01_sp.webp) no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item::after {
    transform: translateX(0);
    width: clamp(0.625rem, 1.1312217195vw + 0.0820135747rem, 0.9375rem);
    bottom: auto;
    top: clamp(6.25rem, 15.1583710407vw + -1.0260180995rem, 10.4375rem);
    left: auto;
    right: clamp(-1.75rem, -0.9049773756vw + -1.0656108597rem, -1.5rem);
    background: url(./assets/images/img_howto_arrow_01.webp) no-repeat center;
    background-size: contain;
  }
}
.p_marugototamanegi__list__item:last-child {
  position: relative;
  max-width: 292px;
  top: 6px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item:last-child {
    max-width: 100%;
    top: 12px;
  }
}
.p_marugototamanegi__list__item:last-child::after {
  bottom: -46px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item:last-child::after {
    display: none;
  }
}
.p_marugototamanegi__list__item:nth-child(2) {
  max-width: 215px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item:nth-child(2) {
    max-width: 100%;
  }
}
.p_marugototamanegi__list__item:nth-child(2)::after {
  bottom: -26px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list__item:nth-child(2)::after {
    bottom: auto;
  }
}
.p_marugototamanegi__list01 {
  display: grid;
  grid-gap: 29px;
  margin: 0 auto 63px auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list01 {
    max-width: clamp(37.725rem, 91.0407239819vw + -5.9745475113rem, 62.875rem);
    grid-gap: clamp(1.725rem, 4.1628959276vw + -0.2731900452rem, 2.875rem) clamp(4.125rem, 9.9547511312vw + -0.653280543rem, 6.875rem);
    grid-template-columns: 1fr 1fr;
    margin-bottom: clamp(3.75rem, 9.0497737557vw + -0.5938914027rem, 6.25rem);
  }
}
.p_marugototamanegi__list01__item {
  position: relative;
}
.p_marugototamanegi__list01__item:nth-child(1) {
  padding: 0 46px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list01__item:nth-child(1) {
    padding: 0 clamp(0.6375rem, 1.5384615385vw + -0.1009615385rem, 1.0625rem) 0 clamp(0.8625rem, 2.0814479638vw + -0.1365950226rem, 1.4375rem);
  }
}
.p_marugototamanegi__list01__item:nth-child(2) {
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list01__item:nth-child(2) {
    padding: 0 clamp(0.6375rem, 1.5384615385vw + -0.1009615385rem, 1.0625rem) 0 clamp(0.6375rem, 1.5384615385vw + -0.1009615385rem, 1.0625rem);
  }
}
.p_marugototamanegi__list01__item:nth-child(3) {
  padding: 0 27px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list01__item:nth-child(3) {
    padding: 0 clamp(0.6375rem, 1.5384615385vw + -0.1009615385rem, 1.0625rem) 0 clamp(0.9rem, 2.1719457014vw + -0.1425339367rem, 1.5rem);
  }
}
.p_marugototamanegi__list01__item:nth-child(4) {
  padding: 0 32px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__list01__item:nth-child(4) {
    padding: 0 0;
  }
}
.p_marugototamanegi__banner {
  display: grid;
  grid-gap: 18px;
  margin: 0 auto 66px auto;
  max-width: 235px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__banner {
    max-width: clamp(34.425rem, 83.0769230769vw + -5.4519230769rem, 57.375rem);
    grid-gap: clamp(1.725rem, 4.1628959276vw + -0.2731900452rem, 2.875rem) clamp(5.175rem, 12.4886877828vw + -0.8195701357rem, 8.625rem);
    grid-template-columns: 1fr 1fr;
    margin-bottom: clamp(3.75rem, 5.8823529412vw + 0.9264705882rem, 5.375rem);
  }
}
.p_marugototamanegi__banner__item {
  position: relative;
}
.p_marugototamanegi__totop {
  margin: 0 auto;
  max-width: 233px;
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__totop {
    max-width: clamp(13.8rem, 33.3031674208vw + -2.185520362rem, 23rem);
    margin-bottom: clamp(0.9375rem, 4.2986425339vw + -1.1258484163rem, 2.125rem);
  }
}
.p_marugototamanegi__flex {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__flex {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: clamp(35.625rem, 85.9728506787vw + -5.6419683258rem, 59.375rem);
  }
}
.p_marugototamanegi__flex__left {
  position: relative;
  width: 315px;
  margin: 0 auto 4px auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__flex__left {
    margin: 0;
    width: clamp(21.225rem, 51.221719457vw + -3.3614253394rem, 35.375rem);
    flex-shrink: 0;
  }
}
.p_marugototamanegi__flex__right {
  width: 100%;
  padding: 0 25px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__flex__right {
    padding: 10px 25px 25px;
  }
}
.p_marugototamanegi__flex__ttl {
  position: relative;
  left: -3px;
  width: 88px;
  margin: 0 auto 5px auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__flex__ttl {
    left: 0;
    width: clamp(6.5625rem, 15.8371040724vw + -1.0393099548rem, 10.9375rem);
    margin-bottom: 16px;
  }
}
.p_marugototamanegi__flex__btn {
  width: 168px;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi__flex__btn {
    width: clamp(12.525rem, 30.2262443439vw + -1.9835972851rem, 20.875rem);
  }
}
.p_marugototamanegi_section01 {
  position: relative;
  z-index: 2;
  margin-top: clamp(-5rem, -7.6530612245vw + -1.3313137755rem, -3.125rem);
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section01 {
    margin-top: clamp(-9.875rem, -14.9321266968vw + 1.4174208145rem, -5.75rem);
  }
}
.p_marugototamanegi_section01__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p_marugototamanegi_section01__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.p_marugototamanegi_section01__main {
  position: relative;
  z-index: 3;
  padding: 94px 15px 85px;
  margin: 0 auto;
  max-width: 375px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section01__main {
    padding: clamp(7.5rem, 8.5972850679vw + 3.3733031674rem, 9.875rem) 40px clamp(7.5rem, 49.7737556561vw + -16.3914027149rem, 21.25rem);
    max-width: 1204px;
  }
}
.p_marugototamanegi_section01__title {
  margin: 0 auto 11px auto;
  width: 167px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section01__title {
    margin: 0 auto clamp(1.875rem, 5.6561085973vw + -0.8399321267rem, 3.4375rem) auto;
    left: clamp(-3.6875rem, -13.3484162896vw + 6.407239819rem, 0rem);
    width: clamp(12.45rem, 30.0452488688vw + -1.971719457rem, 20.75rem);
  }
}
.p_marugototamanegi_section02 {
  position: relative;
  z-index: 3;
  margin-top: clamp(-5.5625rem, 3.5714285714vw + -6.3995535714rem, -4.6875rem);
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section02 {
    margin-top: clamp(-15.875rem, -39.3665158371vw + 13.8959276018rem, -5rem);
  }
}
.p_marugototamanegi_section02__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p_marugototamanegi_section02__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.p_marugototamanegi_section02__main {
  position: relative;
  z-index: 3;
  padding: 78px 20px 66px 20px;
  margin: 0 auto;
  max-width: 375px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section02__main {
    padding: clamp(4.375rem, 7.2398190045vw + 0.8998868778rem, 6.375rem) 40px clamp(3.75rem, 6.7873303167vw + 0.492081448rem, 5.625rem);
    max-width: 1204px;
  }
}
.p_marugototamanegi_section02__title {
  margin: 0 auto 26px auto;
  width: 280px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section02__title {
    margin: 0 auto clamp(2.5rem, 4.5248868778vw + 0.3280542986rem, 3.75rem) auto;
    left: clamp(0.625rem, 9.5022624434vw + -3.9360859729rem, 3.25rem);
    width: clamp(28.575rem, 68.9592760181vw + -4.5254524887rem, 47.625rem);
  }
}
.p_marugototamanegi_section02__txt {
  position: relative;
  margin: 0 auto;
  max-width: 259px;
}
@media screen and (min-width: 768px) {
  .p_marugototamanegi_section02__txt {
    max-width: clamp(16.125rem, 38.9140271493vw + -2.5537330317rem, 26.875rem);
    left: clamp(0rem, 1.3574660633vw + -0.6515837104rem, 0.375rem);
  }
}

/*# sourceMappingURL=style.css.map */