@charset "UTF-8";

/* ========================================
@media screen and (min-width: 768px),print {
======================================== */
@media screen and (min-width: 768px),print {
.p-fv {
  margin-bottom: 100px;
}

.p-fv .l-inner.l-fv {
  overflow: hidden;
}

.p-fv .p-fv__ttl {
  text-align: center;
  margin-bottom: 80px;
  position: relative;
  z-index: 2;
}

.p-fv .p-fv__img-box {
  width: min(95%,1240px);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.p-fv .p-fv__img01 {
  position: absolute;
  top: -123px;
  left: -19px;
}

.p-fv .p-fv__img02 {
  position: absolute;
  top: 311px;
  right: 20px;
}

.p-fv .p-fv__img03 {
  position: absolute;
  top: 447px;
  left: 71px;
}

.p-fv .p-fv__onayami-ttl {
  text-align: center;
  margin-bottom: 40px;
}

.p-fv .p-fv__items {
  width: min(85%,800px);
  margin-inline: auto;
  background: #F1F0EB;
  border-radius: 10px;
  padding-block: 52px 24px;
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  gap: 23px 0;
  position: relative;
  margin-bottom: 73px;
}

.p-fv .p-fv__items::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 44px;
  background: url(../images/catalog/arrow.svg) no-repeat center center / contain;
}

.p-fv .p-fv__item {
  width: min(95%,600px);
  margin-inline: auto;
  font-size: 20px;
  font-size: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.9;
  padding-bottom: 11px;
  border-bottom: 1px solid #C4BDA3;
  padding-inline: 46px 0;
  position: relative;
}

.p-fv .p-fv__item:last-child {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.9;
  padding-bottom: 0;
  border-bottom: none;
  padding-inline: 0 15px;
  text-align: right;
  position: relative;
  top: -9px;
}

.p-fv .p-fv__item:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #B48E4D;
  border-radius: 50%;
  left: 20px;
  top: 15px;
  top: clamp(0.563rem, 0.313rem + 0.52vw, 0.938rem);
}

.p-fv .p-fv__item:last-child:before {
  content: none;
}

.p-fv .p-fv__txt {
  text-align: center;
  margin-bottom: -93px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
}

.p-fv .p-fv__txt span {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
  display: block;
}

.p-fv .p-fv__human {
  width: min(95%,758px);
  margin-inline: auto;
  text-align: right;
}

.p-fv .p-fv__step {
  width: min(95%,1260px);
  margin-inline: auto;
  background: #FAF7E8;
  padding-block: 49px 80px;
}

.p-fv .p-fv__step-top {
  width: min(95%,1100px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 665px minmax(0, 1fr);
  gap: 0 19px;
  margin-bottom: -79px;
}

.p-fv .p-fv__step-top .txt {
  padding-block: 27px 0;
}

.p-fv .p-fv__step-top .txt p.top {
  font-size: 24px;
  font-size: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
  margin-bottom: 11px;
}

.p-fv .p-fv__step-top .txt p.bottom {
  font-size: 20px;
  font-size: clamp(0.75rem, 0.417rem + 0.69vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 0;
}

.p-fv .p-fv__step-top .img {

}

.p-fv .p-fv__step-bottom {
  width: min(95%,1100px);
  margin-inline: auto;
  background: #fff;
  padding-block: 47px 60px;
}

.p-fv .p-fv__step-bottom-txt {
  text-align: center;
  margin-bottom: 32px;
}

.p-fv .p-fv__step-items {
  width: min(95%,980px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3,minmax(0, 1fr));
  gap: 0 40px;
}

.p-fv .p-fv__step-item {
}

.p-fv .p-fv__step-item .num {
  text-align: center;
  margin-bottom: 42px;
}

.p-fv .p-fv__step-item .box {
   display: grid;
   background: #F1F0EB;
   padding-block: 0px 34px;
   padding-inline: 20px;
}

.p-fv .p-fv__step-item .box .img {
  text-align: center;
  margin-bottom: -9px;
  position: relative;
  top: -20px;
}

.p-fv .p-fv__step-item .box h4 {
  font-size: 16px;
  font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
  line-height: 1.625;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 2px;
  text-align: center;
}

.p-fv .p-fv__step-item .box p {
  font-size: 14px;
  font-size: clamp(0.625rem, 0.458rem + 0.35vw, 0.875rem);
  line-height: 1.7;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}

#catalog .form-Box {
  background: #F1F0EB;
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
}

#catalog .form-Box-inner {
  width: min(95%,1000px);
  margin-inline: auto;
}

#catalog .form-Box .list {
  width: min(95%,644px);
  margin-inline: auto;
}

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1250px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1250px) {
.p-fv .p-fv__ttl img {
  width: 68.48vw;
  height: auto;
}

.p-fv .p-fv__onayami-ttl img {
  width: 43.68vw;
  height: auto;
}

.p-fv .p-fv__img01 {
  position: absolute;
  top: -9.84vw;
  left: -1.52vw;
}

.p-fv .p-fv__img01 img {
  width: 24.8vw;
  height: auto;
}

.p-fv .p-fv__img02 {
  position: absolute;
  top: 24.88vw;
  right: clamp(-12.4vw, calc(-12.4vw + 11vw * ((100vw - 768px) / 482px)), -1.4vw);
}

.p-fv .p-fv__img02 img {
  width: 20.8vw;
  height: auto;
}

.p-fv .p-fv__img03 {
  position: absolute;
  top: 35.76vw;
  left: 0vw;
  left: clamp(-8vw, calc(-8vw + 8vw * ((100vw - 768px) / 482px)), 0vw);
}

.p-fv .p-fv__img03 img {
  width: 16vw;
  height: auto;
}

.p-fv .p-fv__step-top {
  width: min(95%,1100px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 58.2vw minmax(0, 1fr);
  gap: 0 1.52vw;
  margin-bottom: -6.32vw;
}

.p-fv .p-fv__step-top .img img {
  width: 100%;
  height: auto;        
}

.p-fv .p-fv__step-item .box .img img {
  width: 11.2vw;
  height: auto;        
}

.p-fv .p-fv__step {
  width: min(95%,1260px);
  margin-inline: auto;
  background: #FAF7E8;
  padding-block: 3.92vw 6.4vw;
}

.p-fv .p-fv__step-top .txt {
  padding-block: 2.16vw 0;
}

.p-fv .p-fv__step-items {
  width: min(95%,980px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3,minmax(0, 1fr));
  gap: 0 3.2vw;
}

.p-fv .p-fv__step-item .box {
  display: grid;
  background: #F1F0EB;
  padding-block: 0px 2.72vw;
  padding-inline: 1vw;
}


}

/* ========================================

======================================== */
@media screen and (min-width:768px) and ( max-width:px) {

}

/* ========================================
@media screen and (max-width: 767px) {
======================================== */
@media screen and (max-width: 767px) {
.p-fv {
  margin-bottom: 12.077vw;
}

.p-fv .l-inner.l-fv {

}

.p-fv .p-fv__ttl {
  text-align: center;
  margin-bottom: -4.797vw;
  position: relative;
  z-index: 1;
}

.p-fv .p-fv__ttl img {
  width: 90.338vw;
  height: auto;
}

.p-fv .p-fv__img {
  text-align: center;
  position: relative;
  left: 47%;
  transform: translateX(-50%);
  margin-bottom: 7.246vw;
}

.p-fv .p-fv__img img {
  width: 106.28vw;
  height: 24.155vw;
  object-fit: cover;
}

.p-fv .p-fv__onayami-ttl {
  text-align: center;
  margin-bottom: 6.324vw;
}

.p-fv .p-fv__onayami-ttl img {
  width: 92.754vw;
  height: auto;
}

.p-fv .p-fv__items {
  width: min(95%, 94.2vw);
  margin-inline: auto;
  background: #F1F0EB;
  border-radius: 2.415vw;
  padding-block: 7.662vw 2.556vw;
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  gap: 3.5vw 0;
  position: relative;
  margin-bottom: 17.874vw;
}

.p-fv .p-fv__items::after {
  content: "";
  position: absolute;
  bottom: -8.662vw;
  left: 50%;
  transform: translateX(-50%);
  width: 24.155vw;
  height: 10.628vw;
  background: url(../images/catalog/arrow.svg) no-repeat center center / contain;
}

.p-fv .p-fv__item {
  width: min(95%,350px);
  margin-inline: auto;
  font-size: 3.382vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  padding-bottom: 1.623vw;
  border-bottom: 1px solid #C4BDA3;
  padding-inline: 5.662vw 5vw;
  position: relative;
}

.p-fv .p-fv__item:last-child {
  color: #444444;
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.9;
  padding-bottom: 0;
  border-bottom: none;
  padding-inline: 0 2vw;
  text-align: right;
}

.p-fv .p-fv__item:before {
  position: absolute;
  content: "";
  width: 2.415vw;
  height: 2.415vw;
  background: #B48E4D;
  border-radius: 50%;
  left: -0.068vw;
  top: 2.899vw;
}

.p-fv .p-fv__item:last-child:before {
  content: none;
}

.p-fv .p-fv__txt {
  text-align: center;
  margin-bottom: -9.5vw;
  font-size: 4.348vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
}

.p-fv .p-fv__txt span {
  font-size: 5.797vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  display: block;
}

.p-fv .p-fv__human {
  width: 100%;
  margin-inline: auto;
  text-align: right;
}

.p-fv .p-fv__human img {
  width: 15.459vw;
  height: auto;
}

.p-fv .p-fv__step {
  background: #FAF7E8;
  padding-block: 4.493vw 11.324vw;
}

.p-fv .p-fv__step-top {
  width: min(95%,89.3vw);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  gap: 1.039vw 0;
  margin-bottom: -11.729vw;
}

.p-fv .p-fv__step-top .txt {
  padding-block: 4.831vw 0;  
  text-align: center;
}

.p-fv .p-fv__step-top .txt p.top {
  font-size: 4.831vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
  margin-bottom: 2.797vw;
}

.p-fv .p-fv__step-top .txt p.bottom {
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.9;
  margin-bottom: 0;
}

.p-fv .p-fv__step-top .img {
  text-align: center;
  position: relative;
  left: -1vw;
}

.p-fv .p-fv__step-top .img img {
  width: 65.802vw;
  height: auto;
}

.p-fv .p-fv__step-bottom {
  width: min(95%, 94.2vw);
  margin-inline: auto;
  background: #fff;
  padding-block: 19.391vw 9.662vw;
}

.p-fv .p-fv__step-bottom-txt {
  text-align: center;
  margin-bottom: 10.87vw;
}

.p-fv .p-fv__step-bottom-txt img {
  width: 65.217vw;
  height: auto;
}

.p-fv .p-fv__step-items {
  width: min(95%,350px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  gap: 4.831vw 0px;
  position: relative;
  left: 2vw;
}

.p-fv .p-fv__step-item {
  display: grid;
  grid-template-columns: 28.986vw 52.174vw;
  background: #F1F0EB;
  padding-block: 0px 4.831vw;
  position: relative;
}

.p-fv .p-fv__step-item .num {
  order: 2;
  position: absolute;
  top: 5vw;
  right: 4.5vw;
  width: 52.174vw;
}

.p-fv .p-fv__step-item .num img {
  width: 10.386vw;
  height: auto;
}

.p-fv .p-fv__step-item .box {
  display: contents;
}

.p-fv .p-fv__step-item .box .img {
  order: 1;
  position: relative;
  left: -4.865vw;
  top: 2.415vw;
}

.p-fv .p-fv__step-item .box .img img {
  width: 28.986vw;
  height: auto;
}

.p-fv .p-fv__step-item .box h4 {
  font-size: 3.865vw;
  line-height: 1.625;
  letter-spacing: 0.1em;
  font-weight: 700;
  order: 3;
  position: absolute;
  top: 10.56vw;
  right: 4.5vw;
  width: 52.174vw;
}

.p-fv .p-fv__step-item .box p {
  font-size: 3.382vw;
  line-height: 1.7;
  letter-spacing: 0.01em;
  font-weight: 500;
  order: 4;
  position: absolute;
  top: 18.324vw;
  right: 4.5vw;
  width: 52.174vw;
}


}