@charset "UTF-8";
/* CSS Document */
/*reset*/
a, a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
}
/*common*/ :root {
  --clr-base: #1a1a1a;
  --fnt-base: "Noto Sans JP", sans-serif;
  --clr-wblue: #51bad9;
  --clr-red: #fa5252;
  --clr-ylw: #fffc00;
  --mark-ylw: #fde999;
  --btn-grn: #01c339;
  --btn-org: #ff6e40;
  --wall-gry: #f5f5f5;
  --wall-d-gry: #323232;
  --wall-wblue: #eefcff;
  --bdr-gry: #cfcfcf;
  --head1: min(52px, calc(100vw/12));
  --head2: clamp(1.313rem, 0.972rem + 1.7vw, 2.25rem); /*21-36*/
  --head3: clamp(1rem, 0.864rem + 0.68vw, 1.375rem); /*16-22*/
}
html {
  width: 100vw;
  overflow-x: hidden !important;
}
body.page-id-800 {
  font-family: var(--fnt-base);
  font-size: min(16px, 3.6vw);
  font-weight: 400;
  overflow-x: visible;
}
#page_top.page_top_btn{
  display: none;
}
#float{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 99;
  transition:translate .3s ease;
  translate:0 100%;
  display: none;
  padding-bottom: env(safe-area-inset-bottom, min(15px,3vw));
}
.float_inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: min(15px,2.5vw) min(15px,2.5vw);
}
/*container +++++++++++++++++++++++++++++*/
#container {
  width: 100%;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  min-height: 100dvh;
}
a.cvr{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#hum-button {
  position: fixed;
  right: min(20px, 2vw);
  top: min(30px, 4vw);
  width: min(50px, 10vw);
  aspect-ratio: 1/0.7255;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  z-index: calc(infinity);
  cursor: pointer;
}
#hum-button button {
  height: 5px;
  border: none;
  background: currentColor;
  width: 100%;
  padding: 0;
  margin: 0;
  color: var(--clr-wblue);
  transition: rotate .3s ease-in-out;
}
#hum-button button::before, #hum-button button::after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  background: currentColor;
  transition: rotate .3s ease-in-out;
}
#hum-button button::before {
  top: 0;
}
#hum-button button::after {
  bottom: 0;
}
#hum-button.open button {
  rotate: 45deg;
}
#hum-button.open button::before {
  rotate: -90deg;
}
#l-nav {
  position: fixed;
  height: 100dvh;
  top: 0;
  right: 0;
  background: #fff;
  width: min(580px, 100vw);
  z-index: 999999;
  overflow-x: scroll;
  translate: 100% 0;
  transition: translate .3s ease-in-out;
}
#l-nav.is-view {
  translate: 0 0;
}
.l-nav_inner {
  min-height: 100%;
  width: 100%;
  display: grid;
  align-self: flex-start;
  padding: min(30px, 8vw) min(70px, 5vw);
  align-content: center;
  gap: min(50px, 12vw);
}
.l-nav_menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.l-nav_menu > li {
  margin: 0;
  padding-left: 1.5em;
  position: relative;
}
.l-nav_menu > li:nth-child(n+2) {
  margin-top: min(35px, 6vw);
}
.l-nav_menu > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background: var(--clr-wblue);
  translate: 0 -50%;
}
.l-nav_menu > li a {
  font-size: min(24px, calc(100vw/18));
  font-weight: 500;
  color: var(--clr-base);
}
.l-nav_menu > li a:hover {
  text-decoration: none;
}
.l-nav_button {
  width: 100%;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 3vw);
}

/*header +++++++++++++++++++++++++++++++++++++++++*/
#head_adlp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#head_adlp.under {
  position: relative;
}
.head_inner {
  padding: min(15px, 3vw) min(30px, 4vw);
  font-size: min(18px, 3vw);
  font-weight: 600;
}
.h-title{
  position: relative;
}
.head_inner .h-title .main, .foot-title .main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  gap: 5px;
  font-size: clamp(0.875rem, 0.511rem + 1.82vw, 1.875rem); /*14-30*/
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  translate: 0 -10%;
}
.head_inner .h-title .main span.min, .foot-title .main span.min {
  font-size: .75em;
}
.head_inner .h-title .main span.logo, .foot-title .main span.logo {
  width: min(4.375em, 15vw);
}
.foot-title .sub {
  font-size: min(18px, 3vw);
}
/*main +++++++++++++++++++++++++++++++++++++++++++*/
main {
  flex: 1;
}
p.in-text {
  margin-bottom: 0;
  font-size: min(18px, 3.6vw);
  line-height: calc(32/18);
}
.fw-b {
  font-weight: 600;
}
.clr-b{
  color: var(--clr-wblue);
  font-weight: 600;
}
.round-button {
  width: min(500px, 100%);
  height: min(95px, 18vw);
  font-weight: 600;
}
.round-button.grn {
  --btn-wall: var(--btn-grn);
}
.round-button.org {
  --btn-wall: var(--btn-org);
}
.round-button.wblue {
  --btn-wall: var(--clr-wblue);
}
.round-button a {
  background: var(--btn-wall);
  color: #fff;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 100vmax;
  position: relative;
  transition: background .3s ease-in-out;
}
.round-button a::after {
  content: "";
  width: min(16px, 3vw);
  aspect-ratio: 1;
  background: url("../images/adlp/arrow.svg") no-repeat center/cover;
  position: absolute;
  right: min(20px, 3vw);
  top: 50%;
  translate: 0 -50%;
  transition: translate .3s ease-in-out;
}
.round-button.no-arw a::after {
  content: none;
}
.round-button a .min {
  color: var(--clr-ylw);
}
.round-button a .main {
  font-size: min(32px, calc(100vw/18));
}
.round-button a:hover {
  color: #fff;
  text-decoration: none;
  background-color: color-mix(in srgb, var(--btn-wall) 90%, #000);
}
.round-button.slim {
  width: min(297px, 100%);
  height: min(60px, 15vw);
}
@media(hover) {
  .round-button a:hover::after {
    translate: 5px -50%;
  }
}
/*hero ++++++++++++++++++++++++++++*/
#hero.hero_adlp {
  height: 100svh;
  background: url("../images/adlp/wall/hero_bkg.png") no-repeat center/cover;
}
.hero_inner_box{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: min(40px, 10vw);
    gap: min(20px, 4vw);
    overflow-x: hidden;
}
.hero_inner {
  width: min(1260px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  padding-top: min(120px, 6vw);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  display: grid;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  gap: min(50px, 5vw);
  background: url("../images/adlp/hero.png") no-repeat center right min(20px, 3vw)/min(660px, 55%);
  justify-items: flex-start;
}
.adlp_hero_title .main {
  font-size: var(--head1);
  font-weight: 700;
  padding: 0;
  margin: 0;
  border: none;
  line-height: calc(80/52);
  z-index: 1;
  position: relative;
}
.adlp_hero_title .main span {
  position: relative;
  color: #fff;
}
.adlp_hero_title .main span::before {
  content: "";
  width: 100%;
  height: 1.25em;
  position: absolute;
  top: 52.5%;
  left: 50%;
  translate: -50% -50%;
  background: var(--clr-wblue);
  z-index: -1;
}
.adlp_hero_title .sub {
  border: none;
  font-size: var(--head3);
  padding: 0;
  margin: 0;
  font-weight: 600;
  margin-top: min(20px, 4vw);
}
.adlp_hero_title .sub::after {
  content: none;
}
/*content +++++++*/
.inner {
  width: min(1100px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
}
.inner.mid {
  width: min(1200px, 100%);
}
.sec-title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.sec-title .main {
  font-size: var(--head2);
  font-weight: 700;
  margin: 0;
  padding: 0;
  border: none;
}
.sec-title .main .wid {
  font-size: 1.3333em;
}
.sec-title .main .rotate {
  transform: rotate(25deg);
    display: inline-block;
    font-size: 1.25em;
    color: inherit;
    line-height: 0;
}
.sec-title .sub span, .sec-title .main span {
  color: var(--clr-wblue);
}
.sec-title .sub {
  margin: 0;
  padding: 0;
  font-weight: 600;
  border: none;
  font-size: var(--head3);
  line-height: 1;
}
.sec-title .sub::after {
  content: none;
}
/*support ++++++++*/
.adlp-support-blc {
  padding: min(80px, 15vw) min(50px, 4vw) min(85px, 15vw);
  position: relative;
  overflow: hidden;
}
.adlp-support-blc::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% 0;
  background: url("../images/adlp/wall/slide_bkg.png") no-repeat center/cover;
  z-index: -1;
  mix-blend-mode: hard-light;
}
.adlp-support-blc .support-slider {
  margin-top: min(40px, 8vw);
}
.support-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.support-slider .swiper-slide {
  flex-shrink: 0;
}
.support-slide-item {
  padding-left: min(10px, 1.5vw);
  padding-right: min(10px, 1.5vw);
}
/*worries ++++++++*/
.adlp-worries-blc {
  background: var(--wall-gry);
  padding-top: min(85px, 15vw);
  padding-bottom: min(80px, 15vw);
    padding-left: min(50px, 4vw);
    padding-right: min(50px, 4vw);
}
.adlp-worries-box {
  display: grid;
  grid-template-columns: repeat(2, min(390px, calc(100%*0.389)));
  justify-content: space-between;
  margin-top: min(60px, 8vw);
  background: url("../images/adlp/worries_cnt.png") no-repeat center top/auto calc(100% - 10px);
}
.adlp-worries-box p {
  margin-bottom: 0;
}
.adlp-worries-box02{
   display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: min(20px, 4vw);
    padding-top: min(85px, 10vw);
}
.worries_inner{
    width: calc((100% / 3) - min(20px, 4vw));
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(10px,2vw);
}
.worries_inner_img{
}
.worries_inner_text span{
    font-weight: 800;
}
/*cta ++++++++*/
.adlp-cta-blc {}
.adlp-cta-head {
  background: var(--clr-ylw);
}
.adlp-cta-head p {
  margin: 0;
  font-size: min(22px, calc(100vw/20));
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 1em;
  padding: 10px;
  font-weight: 500;
}
.adlp-cta-head p .tag {
  background: #fff;
  padding: 5px .85em;
}
.adlp-cta-box {
  width: min(1200px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  padding-top: min(60px, 12vw);
  padding-bottom: min(80px, 14vw);
  position: relative;
  z-index: 1;
}
.adlp-cta-box::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% 0;
  background: url("../images/adlp/wall/cta.png") no-repeat center/cover;
  z-index: -1;
}
.adlp-cta-box::after {
  content: "";
  width: min(526px, 55vw);
  aspect-ratio: 1/0.7377;
  background: url("../images/adlp/thumb_cta.png") no-repeat center/cover;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  z-index: -1;
}
.cta-title {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: 600;
  font-size: var(--head2);
  color: #fff;
  line-height: calc(68/48);
  -webkit-text-stroke: 4px #68c2dc;
  text-stroke: 4px #68c2dc;
  paint-order: stroke;
}
.cta-title span {
  font-size: 1.3333em;
}
.cta-button-wrap {
  gap: min(20px, 3vw);
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  margin-top: min(35px, 5vw);
}
/*reason ++++++++*/
.adlp-reason-blc {
  padding-top: min(80px, 15vw);
  position: relative;
  padding-bottom: min(50px, 12vw);
}
.adlp-reason-blc::before {
  content: "";
  width: 100vw;
  height: 57%;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  background: url("../images/adlp/wall/reason.svg") no-repeat center/cover;
  z-index: -1;
}
.adlp-reason_list {
  list-style: none;
  margin: min(50px, 10vw) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(90px, 8vw);
}
.adlp-reason_list li {
  display: grid;
  grid-template-rows: subgrid;
  grid-area: span 3;
  gap: 0;
  margin-bottom: 0;
}
.adlp-reason_list li .thumb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.adlp-reason_list li .thumb figure {
  width: min(190px, 90%);
}
.adlp-reason_list li h4 {
  margin: 0;
  line-height: 1.2;
  font-size: var(--head3);
  text-align: center;
  font-weight: 600;
  color: var(--clr-wblue);
  display: grid;
  -ms-align-items: center;
  align-items: center;
}
.adlp-reason_list li p.in-text {
  font-size: min(18px, 3.6vw);
  line-height: calc(32/18);
}
/*step ++++++++*/
.adlp-step-blc {
  width: min(1540px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
  padding-top: min(100px, 15vw);
}
.adlp-step-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: unset;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-top: min(60px, 12vw);
}
.step-titles {
  position: sticky;
  top: 50px;
  width: 200px;
  flex-shrink: 0;
  padding-bottom: min(80px, 15vw);
}
.step-titles ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.step-titles ul li, .step-titles ul li p {
  line-height: 1;
  margin: 0;
}
.step-titles ul li {
  color: #cfcfcf;
  position: relative;
  font-size: var(--head3);
  transition: color .3s ease-in-out;
}
.step-titles ul li:not(:last-child)::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: calc(0.6667em/2);
  top: calc(0.6667em/2);
  background: var(--clr-wblue);
  translate: -50% 0;
  scale: 1 0;
  transform-origin: top center;
  transition: scale .3s ease-in-out;
}
.step-titles ul li.active, .step-titles ul li.passed {
  color: var(--clr-wblue);
}
.step-titles ul li.passed::before {
  scale: 1 1;
}
.step-titles ul li p {
  padding-left: 1.5em;
  position: relative;
  font-weight: 500;
}
.step-titles ul li p::before {
  content: "";
  width: 0.6667em;
  aspect-ratio: 1;
  background: currentColor;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  border-radius: 100vmax;
}
.step-titles ul li:not(:last-child) {
  padding-bottom: min(60px, 12vw);
}
.step-contents {
  flex: 1;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
.step-contents-item {
  position: relative;
  z-index: 1;
  padding-top: min(100px, 12vw);
  padding-left: min(90px, 5vw);
  padding-bottom: min(95px, 12vw);
  display: grid;
  grid-template-columns: auto min(390px, 40%);
  grid-template-rows: auto;
  align-content: center;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 3vw) min(60px, 5vw);
}
.step-contents-item::before {
  --space-w: max(calc((100vw - 1540px)/2), 4vw);
  content: "";
  width: calc((100vw - 200px) - var(--space-w));
  height: 100%;
  background: var(--wall-wblue);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.step-num {
  height: min(77px, 12vw);
  aspect-ratio: 1;
  margin: 0;
  grid-area: 1 / 1 / 2 / 2;
  align-self: flex-end;
}
.step-num img {
  object-fit: contain;
  height: 100%;
  object-position: left center;
}
.step-title {
  border: none;
  padding: 0;
  margin: 0;
  line-height: calc(52/36);
  font-size: clamp(1.25rem, -0.528rem + 3.7vw, 2.25rem); /*20-36*/
  font-weight: 700;
  grid-area: 2 / 1 / 3 / 2;
  align-content: center;
}
.step-title::after {
  content: none;
}
.step-title span {
  color: var(--clr-red);
  background: linear-gradient(rgba(253, 233, 153, 0) 60%, rgba(253, 233, 153, 1) 60%)
}
.step-thumb {
  grid-area: 1 / 2 / 4 / 3;
}
.step-thumb figure {
  margin-bottom: 0;
}
.step-contents-item .in-text {
  grid-area: 3 / 1 / 4 / 2;
  font-size: min(18px, 3.6vw);
  width: min(25em, 100%);
}
/*message ++++++++++*/
.adlp-message-blc {
  padding-top: min(85px, 12vw);
}
.adlp-message-box{
    z-index: 10;
    position: relative;
}
.item-adlp-message {
  margin-top: min(85px, 10vw);
  display: grid;
    grid-template-columns: min(350px, 30vw) 1fr;
    grid-template-rows: auto 1fr;
    gap: min(20px, 4vw);
    align-items: center;
}
.item-adlp-message .thumb {
  width: min(350px, 30vw);
    grid-area: 1 / 1 / 3 / 2;
}
.item-adlp-message .name-box .sub{
    font-weight: 600;
    font-size: var(--head3);
    margin: 0;
}
.item-adlp-message .name-box .name{
    font-weight: 600;
    font-size: clamp(1.313rem, 0.972rem + 1.7vw, 1.85rem);
    margin: 0;
}
/*case-bubble ++++++++++++++++*/
.adlp-case-content{
    display: grid;
    gap: min(80px,10vw);
    margin-top: min(60px, 8vw);
}
.adlp-case_inner{
    display: grid;
    gap: min(40px,6vw);
}
.case-title-box{
    display: flex;
    align-items: flex-end;
    gap: min(20px, 4vw);
    border-bottom: 2px solid var(--clr-wblue);
}
.case-step-num{
    width: min(100px, 18vw);
    margin-bottom: 10px;
}
.case-step-title{
    margin-bottom: 3px;
    font-size: clamp(1.113rem, 0.972rem + 1.6vw, 1.85rem);
    font-weight: 600;
    line-height: 1.4;
}
.case-bubble-q{
    border: 1px solid #878787;
    border-radius: 15px;
    padding: min(20px, 4vw) min(60px, 4vw) min(20px, 4vw) min(60px, 10vw);
    max-width: 800px;
    margin-right: auto;
    margin-left: min(40px, 8vw);
    position: relative;
    margin-top: min(20px, 4vw);
}
.case-bubble-q::before{
    content: "";
    width: min(80px, 16vw);
    background: url("../images/adlp/icon_q1.png") no-repeat center/cover;
    aspect-ratio: 1/1;
    position: absolute;
    left: min(-30px, -3vw);
    bottom: -15%;
}
.case-bubble-q.q2::before{
    background: url("../images/adlp/icon_q2.png") no-repeat center/cover;
}
.case-bubble-a{
    border: 1px solid var(--clr-wblue);
    border-radius: 15px;
    padding: min(20px, 4vw) min(60px, 7vw) min(20px, 4vw) min(60px, 4vw);
    max-width: 800px;
    margin-left: auto;
    margin-right: min(40px, 8vw);
    position: relative;
    margin-top: min(20px, 8vw);
}
.case-bubble-a::before{
    content: "";
    width: min(80px, 16vw);
    background: url("../images/adlp/icon_a.png") no-repeat center/cover;
    aspect-ratio: 1/1;
    position: absolute;
    right: min(-30px, -3vw);
    bottom: -5%;
}
.case-bubble-a figure{
    max-width: 500px;
    width: 100%;
    margin: min(20px, 2vw) auto;
}
.case-bubble_title{
    font-weight: 600;
    font-size: var(--head3);
    margin-bottom: .25em;
}
.case-bubble_subtitle{
    font-weight: 600;
    margin-top: 1.25em;
}
.case-bubble_text{
    margin: 0;
}
.sec-arrow{
    text-align: center;
    position: relative;
    padding-top: min(120px, 14vw);
}
.sec-arrow::before {
  content: "";
    width: 100%;
    background: url(../images/adlp/arrow_bk.png) no-repeat center / cover;
    position: absolute;
    right: 0;
    bottom: -12%;
    aspect-ratio: 1 / .175;
}
.sec-arrow .step-title{
    font-size: clamp(1.875rem, 1.2rem + 2vw, 3rem);
}

/*case ++++++++++++++++*/
.adlp-case-blc {
  padding-top: min(80px, 15vw);
  padding-bottom: min(100px, 15vw);
}
#case-slider {
  width: 100%;
  overflow: hidden;
}
.case-slide-wrap {
  margin-top: min(60px, 12vw);
  position: relative;
}
.case-slide-item {
  font-size: 1em;
}
.case-slide_in {
  width: 100%;
  border: 1px solid var(--bdr-gry);
  padding: min(60px, 5vw) min(55px, 4vw);
}
.case-slite_head {
  display: grid;
  grid-template-columns: min(280px, 30vw) auto;
  gap: min(30px, 4vw) min(40px, 5vw);
  -ms-align-items: center;
  align-items: center;
}
.case-slite_head .case_thumb {
  border: 1px solid var(--bdr-gry);
}
.case-slite_head .case_thumb figure {
  margin-bottom: 0;
}
.case_title .title {
  font-size: min(22px, 4vw);
  font-weight: 600;
  margin: 0;
}
.case_title .title span {
  font-size: min(1.6364em, 6vw);
  display: block;
  margin-top: 5px;
}
.case_title .data {
  margin: min(20px, 3vw) 0 0;
}
.case-slide_comment {
  margin-top: min(70px, 5vw);
}
.case-slide_comment p {
  line-height: calc(30/16);
  margin-bottom: 0;
}
.case-slide_comment p:nth-child(n+2) {
  margin-top: min(30px, 4vw);
}
.case-navgation {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: min(1150px, 100vw);
  display: flex;
  padding-left: min(10px, 1.5vw);
  padding-right: min(10px, 1.5vw);
  pointer-events: none;
  z-index: 1;
}
.case-navgation button {
  pointer-events: auto;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap: 3px;
  font-size: min(18px, 3.2vw);
}
.case-navgation button .icon {
  width: 2.7778em;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background: rgba(255, 255, 255, .85);
}
.case-navgation button.case-next-button {
  margin-left: auto;
}
.case-navgation button.case-prev-button .icon {
  scale: -1 -1;
}
.case-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: min(20px, 4vw);
  gap: min(17px, 2.5vw);
}
.case-pagination .swiper-pagination-bullet {
  width: min(14px, 3vw);
  height: auto;
  aspect-ratio: 1;
  margin: 0 !important;
  background: #fff;
  border: 1px solid var(--clr-wblue);
}
.case-pagination .swiper-pagination-bullet-active {
  background-color: var(--clr-wblue);
}
.adlp-case-blc .support-slide-wrap {
  margin-top: min(40px, 8vw);
}
/*howto +++++++++++++++++++++++++*/
.adlp-howto-blc {
  padding-top: min(80px, 15vw);
  padding-bottom: min(100px, 15vw);
}
ul.adlp-howto_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: min(60px, 10vw);
  gap: min(40px, 8vw);
}
ul.adlp-howto_list li {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-area: span 3;
  gap: min(20px, 3vw);
  justify-items: center;
  position: relative;
}
.howto-item:nth-child(n+2)::before {
  content: "";
  width: min(15px, 3vw);
  background: url("../images/adlp/next-arrow.svg") no-repeat center/cover;
  aspect-ratio: 1/1.9481;
  position: absolute;
  left: max(-20px, -4vw);
  top: 50%;
  translate: -50% -50%;
}
.howto-item .icon {
  width: min(177px, 100%);
  display: grid;
  grid-template-columns: 60%;
  place-content: center;
  position: relative;
  aspect-ratio: 1;
}
.howto-item .icon figure {
  margin: 0;
  aspect-ratio: 1;
}
.howto-item .icon::after {
  content: "";
  width: 100%;
  aspect-ratio: 1;
  background: #f4f4f4;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 100vmax;
}
.howto-item .icon figure img {
  object-fit: contain;
  height: 100%;
  object-position: center;
  z-index: 1;
  position: relative;
}
.howto-title {
  border: none;
  padding: 0;
  margin: 0;
  font-size: min(18px, 3.8vw);
  display: grid;
  place-content: center;
  text-align: center;
  line-height: calc(26/18);
}
.howto-title::after {
  content: none;
}
.howto-item .in-text {
  margin: 0;
  font-size: min(16px, 3.6vw);
}
/* faq +++++++++++++++++++++++*/
.adlp-faq-blc {
  background: var(--wall-gry);
  padding-top: min(80px, 15vw);
  padding-bottom: min(100px, 15vw);
}
.faq-list {
  margin-bottom: 0;
  margin-top: min(60px, 12vw);
}
.faq-item:nth-child(n+2) {
  margin-top: min(30px, 6vw);
}
.faq-item dt {
  color: var(--clr-wblue);
  font-size: min(22px, 3.8vw);
  background: #fff;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  padding: min(15px, 2.5vw) min(40px, 8vw) min(15px, 2.5vw) min(40px, 5vw);
  margin: 0;
  position: relative;
  cursor: pointer;
}
.faq-item dt::before, .faq-item dt::after {
  content: "";
  width: .8em;
  height: 3px;
  background: currentColor;
  position: absolute;
  top: 50%;
  right: min(40px, 5vw);
  translate: 0 -50%;
}
.faq-item dt::after {
  rotate: -90deg;
  transition: rotate .3s ease;
}
.faq-item dt.is-open::after {
  rotate: 0deg;
}
.faq-item dt h4 {
  margin: 0;
  font-size: min(22px, 3.8vw);
}
.faq-item dd {
  display: none;
  border: none;
  margin: 0;
  padding: min(30px, 4vw) min(30px, 4vw) 0;
}
.item-answer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.item-answer p {
  margin: 0;
  padding-left: 1.5em;
  position: relative;
  font-size: min(18px, 3.6vw);
}
.item-answer p::before {
  content: "A.";
  position: absolute;
  left: 0;
  top: -.25em;
  font-weight: 600;
  font-size: 1.3333em;
}
/*form ++++++++++++++++*/
.adlp-form-blc {
  padding-top: min(80px, 15vw);
  padding-bottom: min(100px, 15vw);
}
.adlp-form-wrap {
  margin-top: min(60px, 12vw);
}
.adlp-form-list {
  margin: 0;
}
.form-item {
  display: grid;
  grid-template-columns: 14em auto;
  gap: 10px min(20px, 3vw);
}
.form-item:nth-child(n+2) {
  margin-top: min(30px, 6vw);
}
.form-item input[type="text"], .form-item input[type="tel"], .form-item input[type="email"] {
  margin: 0;
  width: 100%;
  font-size: 16px;
}
.form-item textarea{
  font-size: 16px;
  width: 100%;
}
.form-item dt, .form-item dd {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.form-item dt{
  padding-top: .375rem;
  padding-bottom: .375rem;
}
.form-item dt p {
  margin: 0;
  line-height: 1;
}
.form-item dt p.must {
  padding-right: 2em;
  position: relative;
}
.form-item dt p.must::after {
  content: "必須";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  padding: 4px 1em;
  background: var(--clr-red);
  border-radius: 100vmax;
  color: #fff;
  font-size: min(12px, 2.8vw);
  line-height: 1;
}
.form-item dd {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1em;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
.form-list label {
  margin: 0;
}
.form-button-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  margin-top: min(40px, 10vw);
  gap: min(20px, 3vw);
}
.form-button-wrap .btn-primary {
  width: min(290px, 100%) !important;
  height: min(62px, 12vw);
  border-radius: 100vmax;
  background: var(--clr-wblue);
  color: #fff;
  border: none;
  outline: none;
}
.form-button-wrap .agree input {
  margin-right: 8px;
}
.form-button-wrap .agree a {
  text-decoration: underline;
}
.form-button-wrap > p {
  display: contents;
  margin: 0;
}
.form-button-wrap .btn-primary:not(:disabled):not(.disabled):active, .form-button-wrap .btn-primary:focus, .form-button-wrap .btn-primary:hover {
  background-color: color-mix(in srgb, var(--clr-wblue) 85%, #000);
}
.form-button-wrap .btn-primary:disabled {
  background-color: color-mix(in srgb, var(--clr-wblue) 85%, #fff);
}
.mw_wp_form .adlp-form-list .error {
  position: absolute;
  font-size: min(12px, 3vw);
  bottom: -.15em;
  ;
  left: 0;
  translate: 0 100%;
}
/*footer +++++++++++++++++++++++++++++++++++++++++*/
#foot_adlp {
  background: var(--wall-d-gry);
  color: #fff;
  padding-top: min(70px, 10vw);
  padding-bottom: min(35px, 4vw);
}
.foot-inquiry {
  margin-top: min(50px, 6vw);
  font-size: min(14px, 3.2vw);
}
.foot-inquiry p {
  margin: 0;
}
.foot-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: .8em;
  margin-top: min(20px, 3vw);
}
.foot-nav a {
  color: #fff;
  position: relative;
}
.foot-nav a:hover {
  color: inherit;
}
.foot-nav a:nth-child(n+2) {
  padding-left: .8em;
}
.foot-nav a:nth-child(n+2)::before {
  content: "";
  width: 1px;
  height: 1em;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  background: #fff;
}
#foot_adlp p.copy {
  margin-bottom: 0;
  text-align: right;
  font-size: min(12px, 3vw);
  line-height: calc(20/16);
  margin-top: min(20px, 5vw);
}
/*adlp under-page ++++++++++++++++++++++++++++++++++++++*/
.hero_adlp_under {
  background: var(--wall-wblue);
}
.under-hero_inner {
  min-height: min(290px, 30vw);
  display: grid;
  place-content: center;
}
.adlp-under-title {
  padding: 0;
  margin: 0;
  border: none;
  font-size: min(36px, calc(100vw/18));
  font-weight: 500;
}
.adlp-under-contents {
  margin-top: min(70px, 14vw);
}
.adlp-base-blc {
  padding-bottom: min(80px, 15vw);
}
.page-thanks-box {
  display: grid;
  place-content: center;
}
.page-thanks-box p {
  margin-bottom: 0;
}
.page-thanks-box .round-button {
  margin-left: auto;
  margin-top: min(50px, 10vw);
  margin-right: auto;
}
/*responsive +++++++++++++++++++++++++++++++++++++++++++++*/
@media(max-width:768px) {
  :root {
    --head2: calc(100vw/19);
  }
  body.page-id-800 {
    overflow-x: hidden;
  }
  #float{
    display: block;
    translate:0 0;
  }
  #float.is-hide{
    translate:0 100%;
  }
  .sec-title .main {
    text-align: center;
    line-height: 1.4;
  }
  .sec-title .sub {
    font-size: calc(100vw/27);
  }
  /*contents ++++*/
  #hero.hero_adlp {
    height: auto;
  }
  .hero_inner {
    padding-top: min(120px, 23vw);
    padding-bottom: calc(100vw*0.66);
    align-content: flex-start;
    justify-content: center;
    justify-items: center;
    background-position: bottom 1% center;
    background-size: 95vw;
  }
  .adlp_hero_title .main {
    font-size: calc(100vw/10.5);
  }
  .adlp_hero_title .sub {
    font-size: calc(100vw/26);
  }
  .hero_inner .round-button{
    display: none;
  }
    .adlp-worries-box02.inner{
        padding-left: 0;
        padding-right: 0;
    }
    .worries_inner_img{
        width: 35%;
        margin: 0;
    }
    p.worries_inner_text{
        margin: 0;
        width: calc((100% - 35%) - 2vw);
        text-align: left;
    }
    .worries_inner{
        width: 100%;
        flex-direction: row;
    }
  .cta-title {
    font-size: calc(100vw/22);
  }
  .adlp-cta-box {
    padding-top: min(60px, 8vw);
    padding-bottom: min(60px, 8vw);
  }
  .adlp-cta-head p span {
   font-size: calc(100vw/27.5);
    font-weight: 600;
  }
  .adlp-cta-box::after {
    width: 85%;
    right: 50%;
    top: 37vw;
    translate: 50% 0;
    background-image: url("../images/adlp/thumb_cta_sp.png");
    aspect-ratio:1/0.6585;
  }
  .cta-button-wrap {
    -ms-align-items: center;
    align-items: center;
    margin-top: calc(80vw*0.78);
  }
  .adlp-reason-blc::before {
    height: 75%;
  }
  .adlp-reason_list {
    grid-template-columns: 1fr;
  }
  .adlp-reason_list li {
    gap: min(10px, 3vw) min(20px, 4vw);
  }
  .step-titles {
    display: none;
  }
  .step-contents {
    margin-bottom: 5px;
  }
  .step-contents-item {
    grid-template-columns: 15vw min(80px, 12vw) auto;
    grid-template-rows: auto auto;
    gap: min(20px, 4vw) 5px;
  }
  .step-num {
    height: min(50px, 8vw);
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
  }
  .step-num img {
    object-position: center;
  }
  .step-title {
    grid-column: 3;
    grid-row: 1;
    font-size: min(24px, calc(100vw/23));
  }
  .step-thumb {
    grid-column: 1;
    grid-row: 1;
    aspect-ratio: 1;
    overflow: hidden;
  }
  .step-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    scale: 1.4;
  }
  .step-contents-item .in-text {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }
  .step-contents-item::before {
    width: 100vw;
  }
  .item-adlp-message {
    margin-top: min(50px, 6vw);
  }
  .item-adlp-message .thumb {
    grid-area: auto;
    }
  .item-adlp-message .comment {
    grid-area: 2 / 1 / 3 / 3;
  }
  #case-slider {
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
  ul.adlp-howto_list {
    grid-template-columns: 1fr;
  }
  ul.adlp-howto_list li {
    grid-template-columns: min(100px, 15vw) auto;
    grid-template-rows: auto auto;
    grid-area: auto;
    justify-items: flex-start;
  }
  ul.adlp-howto_list li .in-text {
    grid-column: 1 / -1;
  }
  .howto-item:nth-child(n+2)::before {
    top: 0;
    left: 50%;
    rotate: 90deg;
    translate: -50% -100%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .adlp-reason_list li {
    grid-template-columns: min(150px, 25vw) auto;
    grid-template-rows: auto;
    grid-area: auto;
  }
  .adlp-reason_list li .thumb {
    grid-area: 1 / 1 / 3 / 2;
  }
  .adlp-reason_list li h4 {
    grid-area: 1 / 2 / 2 / 3;
    align-self: flex-end;
    font-size: min(20px, calc(100vw/22));
  }
  .adlp-reason_list li p.in-text {
    grid-area: 2 / 2 / 3 / 3;
    align-self: flex-start;
  }
}
@media(max-width:480px) {
  .adlp-worries-blc {
  }
  .adlp-worries-box {
    grid-template-columns: repeat(2, 1fr);
    background-position: top 25vw center;
    background-size: 50vw;
    padding-bottom: min(50px, 15vw);
  }
  .adlp-worries-box picture {
    scale: 1.15;
  }
  .adlp-reason_list li h4 {
    font-size: min(20px, calc(100vw/22));
  }
  .case-navgation button .text {
    display: none;
  }
  .form-item {
    grid-template-columns: 1fr;
  }
}