@charset "UTF-8";
body {
  font-size: 16px;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  color: rgb(19, 19, 19);
  background-color: rgb(249 249 249 / 1);
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
body a {
  color: rgb(19, 19, 19);
  text-decoration: none;
}

.sitewrap {
  contain: paint;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

.sitemain {
  flex: 1;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

title

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.c-maintitle{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 18px;
  font-size: clamp(1.25rem, -1.367rem + 4.22vw, 2.063rem);
  font-size: clamp(1.25rem, 0.042rem + 1.95vw, 1.625rem);
  border-top: 2px solid rgb(187 187 187  / 1);
  border-bottom: 2px solid rgb(187 187 187  / 1);
  line-height: 1.4;
}

.c-maintitle__num{
  margin-right: 10px;
  font-weight: 600;
  color: rgb(248 181 0 / 1);
}

.c-maintitle__text{
  font-weight: 600;
}

.c-sectitle{
  margin-bottom: 45px;
  line-height: 1.2;
  text-align: center;
  position: relative;
}

.c-sectitle::after{
  content: "";
  width: 130px;
  height: 3px;
  background-color: rgb(255 236 123 / 1);
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-sectitle__text{
  font-size: clamp(1.625rem, -2.2rem + 6.17vw, 2.813rem);
  font-size: clamp(1.625rem, 0.417rem + 1.95vw, 2rem);
}

.c-grouptitle{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 18px;
  font-size: clamp(1.25rem, -1.367rem + 4.22vw, 2.063rem);
  font-size: clamp(1.25rem, 0.042rem + 1.95vw, 1.625rem);
  line-height: 1.4;
  background-image: url(../img/title-fig-01.jpg) ,url(../img/title-fig-01.jpg);
  background-position: left top, left bottom;
  background-repeat: repeat-x;
  background-size: 6px;
}

.c-grouptitle__badge{
  margin-left: 5px;
  padding-top: 2;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  font-size: .65em;
  font-weight: 600;
  border-radius: 30px;
  background-color: rgb(255 236 123 / 1);
  position: relative;
  top: -4px;
}

.c-ribontitle{
  display: grid;
  place-content: center;
  place-items: center;
  margin-bottom: 30px;
}

.c-ribontitle__fig{
  width: 100%;
  max-width: 495px;
  margin-bottom: 10px;
}

.c-ribontitle__text{
  font-size: clamp(1.625rem, -2.2rem + 6.17vw, 2.813rem);
  font-size: clamp(1.625rem, 0.417rem + 1.95vw, 2rem);
  line-height: 1.2;
}

.c-movie{
}

.c-movie video{
  width: 100%;
}

@media screen and (max-width: 1200px) {
  
  
.c-maintitle{
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 10px;
}

.c-maintitle__num{
  margin-right: 12px;
}

.c-grouptitle{
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 10px;
  background-size: 4px;
}
  
}/* max-width: 1200px */

@media not all and (max-width: 768px) {

.p-wrap{
  margin-bottom: 80px;
  padding-right: 20px;
  padding-left: 20px;
}


}/* not  max-width: 768px */

@media screen and (max-width: 768px) {

.c-maintitle{
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 5px;
}

.c-maintitle__num{
  margin-right: 10px;
}

.c-grouptitle{
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 5px;
}

}/* max-width: 768px */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

header 

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.p-header{
  padding-top: 45px;
  padding-right: 20px;
  padding-bottom: 45px;
  padding-left: 20px;
}

.p-header__inner{
  display: flex;
  justify-content: flex-end;
  max-width: 865px;
  margin: 0 auto;
}

.c-header__logo{
  display: block;
  width: 135px;
}

@media screen and (max-width: 1200px) {

.p-header{
  padding-top: 35px;
  padding-bottom: 35px;
}

.p-header__inner{
  max-width: 750px;
}

}/* max-width: 1200px */

@media screen and (max-width: 992px) {}/* max-width: 992px */

@media screen and (max-width: 768px) {

.p-header{
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  background-color: rgb(246 246 246 / 1);
}

.p-header__inner{
  max-width: 450px;
}

.c-header__logo{
  width: 120px;
}
  
}/* max-width: 768px */

@media screen and (max-width: 576px) {}/* max-width: 576px */

@media screen and (max-width: 476px) {}/* max-width: 476px */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

showroom

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.p-showroom{
  /* width: calc(100% - 700px); */
  max-width: 865px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 55px;
  border-radius: 15px;
  /* box-shadow: 0px 0px 9px 0px rgb(85 85 85 / .3);
  background-color: rgb(255 255 255 / 1); */
  position: relative;
}

.p-showroom__head{
  margin-bottom: 48px;
}

.p-showroom__title{
  font-size: clamp(1.625rem, 0.71rem + 1.59vw, 2rem);
  font-weight: 600;
  text-align: center;
  z-index: 10;
}

.p-showroom__title span{
  padding-right: .5em;
  padding-left: .5em;
  font-size: clamp(1.625rem, -1.058rem + 4.33vw, 2.188rem);
  font-weight: 600;
  background: linear-gradient(transparent 70%, rgb(255 236 123 / 1) 70%);
}

.p-showroom__area{
}

.p-showroom__area-box{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.p-showroom__area-item{
  position: relative;
}

.p-showroom__area-button{
  float: left;
  display: grid;
  align-items: center;
  width: 100%;
  height: clamp(2.5rem, 0.462rem + 6.85vw, 3.75rem);
  text-align: center;
  border: 2px solid rgb(177 177 177 / 1);
  border-radius: 15px;
  background-color: rgb(255 255 255 / 1);
  position: relative;
  transition: .3s;
}


.p-showroom__area-button:first-of-type{
  margin-right: 15px;
}

.p-showroom__area-button::after{
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(../img/arrow-r-blk.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  rotate: 90deg;
  transform-origin: center center;
  transition: .3s;
}

.js-active.p-showroom__area-button:after{
  rotate: 270deg;
}

.p-showroom__area-text{
  font-size: 1rem;
  font-weight: 600;
  color: rgb(0 0 0 / 1);
  /* transition: .3s; */
}

.js-active .p-showroom__area-text{
  color: rgb(0 0 0 / 1);
}

.p-showroom__city{
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  padding-top: 0;
  clear: both;
  transition: grid-template-rows 0.3s ease-out;
  transition: .3s;
  position: absolute;
  left: 0;
  top: clamp(2.5rem, 0.462rem + 6.85vw, 3.75rem);
  z-index: 20;
}

.p-showroom__city:last-of-type{
  right: 0;
  left: auto;
}

.p-showroom__city:not(:is(.js-open, :invalid-pseudo-class)) {
  grid-template-rows: 0fr;
}

.p-showroom__city-list{
  overflow: hidden;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 1);
}

.p-showroom__city-item{
  position: relative;
}

.p-showroom__city-item:not(:last-of-type){
  border-bottom: 1px solid rgb(177 177 177 / 1);
}
  
.p-showroom__city-link{
  display: grid;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-weight: 400;
  transition: .3s;
}

.p-showroom__city-link strong{
  font-weight: 600;
}



@media screen and (max-width: 1400px) {


}/* max-width: 1400px */

@media screen and (max-width: 1200px) {
  
.p-showroom{
  max-width: 750px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-showroom__title{
  top: 9%;
  left: 7%;
  z-index: 10;
}
   
}/* max-width: 1200px */

@media screen and (max-width: 992px) {}/* max-width: 992px */

@media not all and (max-width: 768px) {

#spshowroom-area01:hover #spshowroom01,
#spshowroom-area02:hover #spshowroom02,
#spshowroom-area03:hover #spshowroom03,
#spshowroom-area04:hover #spshowroom04,
#spshowroom-area05:hover #spshowroom05,
#spshowroom-area06:hover #spshowroom06, 
#spshowroom-area07:hover #spshowroom07,
#spshowroom-area08:hover #spshowroom08{ 
  grid-template-rows: 1fr;
  padding-top: 10px;
}

.p-showroom__area-item:hover .p-showroom__area-button{
  background-color: rgb(238 238 238 / 1);
}

.p-showroom__area-item:hover .p-showroom__area-button::after{
  rotate: -90deg;
}

.p-showroom__area-item:hover .p-showroom__area-text{
  font-weight: 400;
}

#spshowroom-area01:hover .p-showroom__city-list,
#spshowroom-area02:hover .p-showroom__city-list,
#spshowroom-area03:hover .p-showroom__city-list,
#spshowroom-area04:hover .p-showroom__city-list,
#spshowroom-area05:hover .p-showroom__city-list,
#spshowroom-area06:hover .p-showroom__city-list,
#spshowroom-area07:hover .p-showroom__city-list,
#spshowroom-area08:hover .p-showroom__city-list{
  border: 2px solid rgb(177 177 177 / 1);
}

.p-showroom__city-link:hover{
  background-color: rgb(238 238 238 / 1);
}

.p-showroom__city{
  grid-template-rows: 0fr;
}

}

@media screen and (max-width: 768px) {

.p-showroom{
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 0;
  box-shadow: none;
  background-color: rgb(246 246 246 / 1);
}

.p-showroom__head{
  margin-bottom: 25px;
}

.p-showroom__title{
  font-size: clamp(1.375rem, 0.967rem + 1.37vw, 1.625rem);
  position: relative;
  top: auto;
  left: auto;
}

.p-showroom__title span{
  font-size: clamp(1.375rem, 0.967rem + 1.37vw, 1.625rem);
}

.p-showroom__area{
}

.p-showroom__area-box{
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 28px;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  position: relative;
}

.p-showroom__area-button{
  padding-left: 30px;
  text-align: left;
  background-color:  rgb(123 123 123 / 1);
  border: 0;
  border-radius: 30px;
}

.p-showroom__area-button:first-of-type{
  margin-right: 28px;
}

.js-active.p-showroom__area-button{
  background-color: rgb(218 218 218 / 1);
}

.p-showroom__area-button::after{
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(../img/arrow-r-wht.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  rotate: 90deg;
  transform-origin: center center;
  transition: .3s;
}

.js-active.p-showroom__area-button:after{
  rotate: 270deg;
}

.p-showroom__area-text{
  font-size: clamp(0.875rem, 0.17rem + 3vw, 1.25rem);
  font-weight: 600;
  color: rgb(255 255 255 / 1);
  transition: .3s;
}

.js-active .p-showroom__area-text{
  color: rgb(0 0 0  / 1);
}

.p-showroom__city{
  display: grid;
  grid-template-rows: 0fr;
  width: calc(200% + 28px);
  padding-top: 0;
  clear: both;
  transition: grid-template-rows 0.3s ease-out;
  transition: .3s;
  position: relative;
  left: auto;
  top: auto;
  z-index: 20;
}

.p-showroom__area-item:nth-of-type(even) .p-showroom__city{
  margin-left: calc((100% + 28px) * -1);
}

.p-showroom__city:last-of-type{
  right: 0;
  left: auto;
}

.js-open.p-showroom__city{
  grid-template-rows: 1fr;
  padding-top: 10px;
}

.p-showroom__city:not(:is(.js-open, :invalid-pseudo-class)) {
  grid-template-rows: 0fr;
}

.p-showroom__city-list{
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 10px;
  background-color: rgb(218 218 218 / 1);
}

.js-open .p-showroom__city-list{
  border: 0;
}

.p-showroom__city-item{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  position: relative;
}

.p-showroom__city-item:nth-of-type(odd)::after{
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  background-color: rgb(255 255 255 / 1);
  position: absolute;
  top: 10px;
  right: 0;
}

.p-showroom__city-item:not(:nth-last-of-type(-n+2))::before{
  content: "";
  width: calc(100% - 20px);
  height: 1px;
  background-color: rgb(255 255 255 / 1);
  position: absolute;
  bottom: 0px;
  left: 10px;
}

.p-showroom__city-item:not(:last-of-type){
  border: 0;
}
  
.p-showroom__city-link{
  display: grid;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

}
/* max-width: 768px */

@media screen and (max-width: 576px) {}/* max-width: 576px */

@media screen and (max-width: 476px) {

.p-showroom__head{
  margin-bottom: 20px;
}

.p-showroom__area-box{
  gap: 15px;
}

.p-showroom__area-button{
  padding-left: 20px;
}

.p-showroom__area-button::after{
  width: 8px;
  right: 12px;
}

.p-showroom__city{
  width: calc(200% + 15px);
}

.p-showroom__area-item:nth-of-type(even) .p-showroom__city{
  margin-left: calc((100% + 15px) * -1);
}

.p-showroom__city-item{
  padding-top: 5px;
  padding-bottom: 5px;
}

.p-showroom__city-link{
  font-size: 14px;
}

}/* max-width: 476px */

@media screen and (max-width: 376px) {

.p-showroom__area-button::after{
  width: 6px;
  right: 10px;
}

}/* max-width: 376px */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

consultation

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.p-consultation{
  max-width: 865px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 60px;
  position: relative;
}

.p-consultation__button{
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 250px;
  height: 50px;
  margin: 0 auto;
  padding-left: 15px;
  border: 1px solid rgb(177 177 177 / 1);
  border-radius: 10px;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0px 5px 0px 0px rgb(214 214 214 / 1);
  position: relative;
}

.p-consultation__button::after{
  content: "";
  width: 16px;
  height: 100%;
  background-image: url(../img/barrow-r-gry.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;  
  right: 15px;
}

.p-consultation__button-text{
  font-size: 16px;
  font-weight: 600;
  position: relative; 
  top: -1px;
}

@media screen and (max-width: 768px) {

.p-consultation{
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: rgb(255 255 255 / 1);
}

.p-consultation__button{
  max-width: 215px;
  height: 50px;
  padding-left: 12px;
  box-shadow: 5px 5px 0px 0px rgb(214 214 214 / 1);
}

.p-consultation__button::after{
  width: 14px;
  right: 12px;
}

.p-consultation__button-text{
  font-size: 15px;
}

}/* max-width: 768px */

@media screen and (max-width: 476px) {

.p-consultation{
  padding-top: 30px;
  padding-bottom: 30px;
}

}/* max-width: 476px */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

main

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.p-content{
  display: flex;
  justify-content: center;
}

.p-main{
  order: 1;
  width: 100%;
  max-width: 865px;
  padding-top: 60px;
  padding-right: 20px;
  padding-bottom: 60px;
  padding-left: 20px;
  background-color: rgb(255 255 255 / 1);
  border-radius: 15px;
  box-shadow: 0px 0px 9px 0px rgb(85 85 85 / .3);
  position: relative;
}

.p-main__inner{
  max-width: 640px;
  margin: 0 auto;
}

.p-worries{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 25px;
}

.p-worries__title{
  display: grid;
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
  position: relative;
}

.p-worries__title::before,
.p-worries__title::after{
  content: "";
  width: 2px;
  height: 95%;
  background-color: rgb(0 0 0  / 1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
}

.p-worries__title::before{
  left: -15px;
  rotate: -32deg;
}

.p-worries__title::after{
  right: -15px;
  rotate: 32deg;
}

.p-worries__title-text{
  font-size: clamp(1rem, -1.416rem + 3.9vw, 1.75rem);
  font-size: clamp(1rem, -0.208rem + 1.95vw, 1.375rem);
  font-weight: 600;
  line-height: 1.2;
}

.p-worries__title-text:last-of-type span{
  font-size: 1.78em;
  font-weight: 600;
}

.p-worries__title-text:last-of-type{
  background: linear-gradient(transparent 70%, rgb(255 236 123 / 1) 70%);
}

.p-worries__fig{
}

.p-worries__note{
  font-weight: 400;
}

.p-voice{
  padding-top: 65px;
  padding-bottom: 45px;
}

.p-voice__list{
  display: grid;
  gap: 28px;
  margin-bottom: 15px;
}

.p-voice__item{
  display: grid;
  gap: 35px;
  padding-top: 35px;
  padding-right: 30px;
  padding-bottom: 35px;
  padding-left: 30px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0px 0px 9px 0px rgb(85 85 85 / .3);
}

.p-voice__item:nth-of-type(odd){
  grid-template-columns: 1fr 135px;
}

.p-voice__item:nth-of-type(even){
  grid-template-columns: 135px 1fr;
}

.p-voice__icon{
}

.p-voice__item:nth-of-type(odd) .p-voice__icon{
  order: 1;
}

.p-voice__summary{
}

.p-voice__item:nth-of-type(odd) .p-voice__summary{
  order: 0;
}

.p-voice__note{
  font-size: clamp(0.875rem, -0.317rem + 1.92vw, 1.125rem);
  font-weight: 400;
  text-align: right;
}

.p-coming{
  border: 1px solid rgb(153 153 153 / 1);
}

.p-coming__head{
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  background-color: rgb(246 246 246 / 1);
  font-size: clamp(1.25rem, -1.731rem + 4.81vw, 1.875rem);
  font-size: clamp(1.125rem, -0.083rem + 1.95vw, 1.5rem);
  font-weight: 600;
}

.p-coming__body{  
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
}

.p-reason{
  padding-top: 55px;
  padding-bottom: 55px;
}

.p-aging{

}

.p-aging__inner{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-aging__title{
  display: grid;
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
  position: relative;
}

.p-aging__title::before,
.p-aging__title::after{
  content: "";
  width: 2px;
  height: 95%;
  background-color: rgb(0 0 0  / 1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
}

.p-aging__title::before{
  left: -5px;
  rotate: -32deg;
}

.p-aging__title::after{
  right: -5px;
  rotate: 32deg;
}

.p-aging__title-text{
  font-size: clamp(1.625rem, -2.2rem + 6.17vw, 2.813rem);
  font-size: clamp(1.625rem, 0.417rem + 1.95vw, 2rem);;
  font-weight: 600;
  line-height: 1.2;
}

.p-aging__title-text span{
  font-size: 1.3em;
  font-weight: 600;
  background: linear-gradient(transparent 70%, rgb(255 236 123 / 1) 70%);
}

.p-aging__main{
  margin-bottom: 20px;
}
.p-aging__box{
  position: relative;
}

.p-aging__detail{
  width: calc(100% - 70px);
  margin-left: auto;
}

.p-aging__fig-main{
  overflow: clip;
  border-radius: 10px;
}

.p-aging__note{
}

.p-aging__year{
  display: grid;
  place-content: center;
  place-items: center;
  width: 140px;
  aspect-ratio: 1 / 1;
  font-size: clamp(1rem, -1.416rem + 3.9vw, 1.75rem);
  border-radius: 50%;
  position: absolute;
  top: 18px;
  left: 0;
}

.p-aging__before .p-aging__year{
  background-color: rgb(232 231 224 / 1);
}

.p-aging__after .p-aging__year{
  background-color: rgb(255 236 123 / 1);
}

.p-aging__progress{
  display: grid;
  place-content: center;
  place-items: center;
  grid-template-columns: 50px auto;
  gap: 30px;
  padding-top: 45px;
  padding-bottom: 35px;
}

.p-aging__progress-arrow{
}

.p-aging__progress-text{
  font-size: clamp(1.625rem, -2.2rem + 6.17vw, 2.813rem);
  font-size: clamp(1.625rem, 0.417rem + 1.95vw, 2rem);
}

.p-aging_exhibit{
  width: 100%;
  font-size: clamp(0.75rem, -0.256rem + 1.62vw, 1.063rem);
  font-weight: normal;
  text-align: right;
}

.p-marble{
  padding-top: 60px;
  padding-bottom: 60px;
}

.p-marble__title{
  display: grid;
  gap: 10px;
  place-content: center;
  place-items: center;
  line-height: 1.4;
}

.p-marble__title span{
  padding-right: 5px;
  padding-left: 5px;
  font-size: clamp(1.375rem, -2.248rem + 5.84vw, 2.5rem);
  font-size: clamp(1.375rem, -0.235rem + 2.6vw, 1.875rem);
  font-weight: 600;
  background: linear-gradient(transparent 70%, rgb(255 236 123 / 1) 70%);
}

.p-marble__fig{
  position: relative;
  padding-top: 34px;
}

.p-marble__fig-bubble{
  position: absolute;
  top: 0;
}

.p-bubble__right{
  margin-right: -1.5%;
}

.p-bubble__left{
  margin-left: -1.5%;
}

.p-method{
  margin-bottom: 60px;
}

.p-method__list{
  font-size: clamp(1rem, -1.416rem + 3.9vw, 1.75rem);
}

.p-method__list-item{
  list-style: decimal;
  margin-left: 1em;
  position: relative;
}

.p-method__list-item:not(:last-of-type){
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.p-method__list-item:not(:last-of-type)::after{
  content: "";
  width: calc(100% + 1em);
  height: 1px;
  background-color: rgb(188 188 188 / 1);
  position: absolute;
  bottom: 0;
  left: -1em;
}

.p-outro__copy{
  margin-bottom: 15px;
}

.p-outro__copy a{
  text-decoration: underline;
}

.p-outro__copy a:hover{
  text-decoration: none;
}

.p-outro__note{
  font-weight: 400;
}

.p-floatmenu{
  order: 0;
  flex: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 350px;
  height: 100vh;
  padding-right: 20px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 20;
}

.p-floatmenu__inner{
  display: grid;
  gap: 25px;
}

.p-floatmenu__item{
  display: grid;
  place-content: center;
  place-items: center;
}

.p-floatmenu__bubble{
  display: grid;
  place-content: center;
  place-items: center;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 40px;
  background-color: rgb(255 236 123 / 1);
  position: relative;
  z-index: 10;
}

.p-floatmenu__bubble::after{
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(255 236 123 / 1);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.p-floatmenu__link{
  display: grid;
  place-content: center;
  place-items: center;
  width: 100%;
  width: 175px;
  height: 105px;
  margin-top: -20px;
  padding-top: 10px;
  border: 1px solid rgb(177 177 177 / 1);
  border-radius: 10px;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0px 5px 0px 0px rgb(214 214 214 / 1);
  position: relative;
  transition: .3s;
}

.p-floatmenu__link:hover{
  opacity: .7;
}

.p-floatmenu__text{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.p-floatnav{
  order: 2;
  flex: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-width: 350px;
  padding-left: 20px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 20;
}

.p-floatmenu__right__inner{
}

.p-floatnav__logo{
  width: 160px;
  margin-bottom: 30px;
}

.p-floatnav__main{
}

.p-floatnav__title{
}

.p-floatnav__link{
  display: grid;
  align-items: center;
  grid-template-columns: 35px auto;
  gap: 10px;
  margin-bottom: 10px;
  transition: .3s;
}

.p-floatnav__link:hover{opacity: .6;}

.p-floatnav__title-num{
  display: grid;
  place-content: center;
  place-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid rgb(187 187 187 / 1);
  background-color: rgb(255 255 255 / 1);
  border-radius: 50%;
}

.p-floatnav__title-num span{
  font-size: 15px;
  color: rgb(248 181 0 / 1);
  position: relative;
  top: -1px;
}

.p-floatnav__title-text{
  font-size: 18px;
}

.p-floatnav__list{
  display: grid;
  gap: 10px;
  margin-bottom: 30px;
  padding-left: 45px;
}

.p-floatnav__list-item{
  display: grid;
  grid-template-columns: 10px auto;
  gap: 10px;
  align-items: center;
}

.p-floatnav__list-item::before{
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgb(187 187 187 / 1);
}

.p-floatnav__list-link{
  font-size: 16px;
  position: relative;
  top: -1px;
}

.p-floatnav__list-link:hover{
  text-decoration: underline;
}

@media screen and (max-width: 1400px) {

.p-floatmenu{
  min-width: 260px;
}

.p-floatmenu__bubble{
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 15px;
}

.p-floatmenu__link{
  width: 160px;
  height: 90px;
  margin-top: -20px;
  padding-top: 10px;
}

.p-floatmenu__text{
  font-size: 18px;
}

.p-floatnav{
  min-width: 260px;
}

.p-floatnav__logo{
  width: 140px;
  margin-bottom: 20px;
}

.p-floatnav__title-text{
  font-size: 14px;
}

.p-floatnav__link{
  grid-template-columns: 30px auto;
  gap: 8px;
}

.p-floatnav__list{
  padding-left: 38px;
}

.p-floatnav__list-item{
  gap: 6px;
}

.p-floatnav__list-link{
  font-size: 14px;
}

}/* max-width: 1400px */

@media screen and (max-width: 1200px) {

.p-voice__item{
  gap: 25px;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
}

.p-voice__item:nth-of-type(odd){
  grid-template-columns: 1fr 100px;
}

.p-voice__item:nth-of-type(even){
  grid-template-columns: 100px 1fr;
}

.p-coming__head{
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.p-coming__body{  
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.p-aging__detail{
  width: calc(100% - 55px);
}

.p-aging__year{
  width: 110px;
}

.p-aging__progress{
  grid-template-columns: 50px auto;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 30px;
}

}/* max-width: 1200px */

@media not all and (max-width: 992px) {

.p-topmenu{
  display: none !important;
}

.p-bottommenu{
  display: none;
}

}/* max-width: 992px */

@media screen and (max-width: 992px) {

.p-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.p-main{
  order: 0;
  max-width: 450px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.p-voice{
  padding-top: 40px;
  padding-bottom: 30px;
}

.p-coming__head{
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.p-coming__body{  
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.p-aging__detail{
  width: calc(100% - 35px);
}

.p-aging__year{
  width: 70px;
  top: 10px;
}

.p-aging__progress{
  grid-template-columns: 35px auto;
  gap: 15px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.p-marble {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-method{
  margin-bottom: 0;
}

.p-outro{
  display: none;
}

.p-floatmenu{
  display: none;
}

.p-floatnav{
  display: none;
}

.p-topmenu{
  width: 100%;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-top: 1px dashed rgb(153 153 153 / 1);
  border-top: 1px solid rgb(153 153 153 / 1);
  background-color: rgb(255 255 255 / 1);
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  z-index: 10;
  transition: .3s;
}

.p-topmenu.js-show{
  transform: translateY(0);
}

.p-topmenu__inner{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 450px;
  margin: 0 auto;
}

.p-topmenu__item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-topmenu__bubble{
  display: grid;
  place-content: center;
  place-items: center;
  height: 25px;
  margin-left: -5px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 5px;
  background-color: rgb(255 236 123 / 1);
  position: relative;
  z-index: 10;
}

.p-topmenu__bubble::after{
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(255 236 123 / 1);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.p-topmenu__link{
  display: grid;
  place-content: center;
  place-items: center;
  width: 100%;
  width: 100%;
  margin-top: -5px;
  padding-top: 15px;
  padding-bottom: 12px;
  border: 1px solid rgb(177 177 177 / 1);
  border-radius: 10px;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0px 5px 0px 0px rgb(214 214 214 / 1);
  position: relative;
  transition: .3s;
}

.p-topmenu__text{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.p-bottommenu{
  width: 100%;
  padding-right: 20px;
  padding-top: 60px;
  padding-left: 20px;
}

.p-bottommenu__inner{
  display: grid;
  gap: 25px;
  max-width: 450px;
  margin: 0 auto;
}

.p-bottommenu__item{
  width: 100%;
}

.p-bottommenu__button{
  display: grid;
  grid-template-columns: 1fr 11px;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-right: 20px;
  padding-left: 35px;
  border-radius: 30px;
  background-color: rgb(255 236 123 / 1);
  box-shadow: 5px 5px 0px 0px rgb(240 213 45 / 1);
}

.p-bottommenu__button::after{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/arrow-r-blk.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.p-bottommenu__text{
  font-size: 20px;
}

}/* max-width: 992px */

@media not all and (max-width: 768px) {

.p-nav{
  display: none;
}

}/* not all max-width: 768px */

@media screen and (max-width: 768px) {

.p-main{
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  box-shadow: none;
  border-radius: 0;
}

.p-main__inner{
  max-width: 100%;
  margin: 0 auto;
}

.p-voice{
  padding-top: 30px;
  padding-bottom: 25px;
}

.p-reason {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-marble {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-nav{
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  background-color: rgb(246 246 246 / 1);
}

.p-nav__inner{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 450px;
  margin: 0 auto;
}

.p-nav__item{
  width: 100%;
}

.p-nav__item:first-of-type{
  border-right: 2px dashed rgb(196 196 196 / 1);
}

.p-nav__link{
  display: grid;
  place-content: center;
  place-items: center;
  gap: 10px;
  width: 100%;
}

.p-nav__num{
  display: grid;
  place-content: center;
  place-items: center;
  width: 35px;
  height: 35px;
  font-size: 20px;
  color: rgb(248 181 0 / 1);
  border-radius: 50%;
  background-color: rgb(255 255 255 / 1);
}

.p-nav__text{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.p-bottommenu{
  padding-top: 0;
  padding-bottom: 50px;
  background-color: rgb(255 255 255 / 1);
}


}/* max-width: 768px */

@media screen and (max-width: 576px) {

}/* max-width: 576px */

@media screen and (max-width: 476px) {
  
.p-topmenu__inner{
  gap: 10px;
}

.p-topmenu__bubble{
  height: 20px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
}

.p-topmenu__link{
  margin-top: -5px;
  padding-top: 12px;
  padding-bottom: 11px;
}

.p-topmenu__text{
  font-size: 12px;
}

.p-bottommenu__inner{
  gap: 25px;
}

.p-bottommenu__button{
  grid-template-columns: 1fr 9px;
  height: 50px;
  padding-right: 15px;
  padding-left: 25px;
}

.p-bottommenu__text{
  font-size: 16px;
}

.p-nav{
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-nav__num{
  width: 30px;
  height: 30px;
  font-size: 18px;
}

.p-nav__text{
  font-size: 16px;
}

}/* max-width: 476px */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

footer

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.c-footer{
  padding-top: 60px;
  padding-right: 30px;
  padding-bottom: 45px;
  padding-left: 30px;
  background-color: rgb(51 51 51 / 1);
  position: relative;
}

.c-footer__info{
}

.c-footer__logo{
  width: 155px;
  margin-bottom: 25px;
}

.c-footer__logo-link{
  display: flex;
  transition: .3s;
}

.c-footer__logo-link:hover{opacity: .7;}

.c-footer__copy{
  font-size: 14px;
  color: rgb(255 255 255 / 1);
}

.c-footer__pagetop{
  width: 60px;
  height: 60px;
  background-color: rgb(255 255 255 / 1);
  position: absolute;
  top: 20px;
  right: 0;
}

.c-footer__pagetop-link{
  display: block;
  transition: .3s;
}

.c-footer__pagetop-link:hover{
  opacity: .7;
}

@media screen and (max-width: 768px) {

.c-footer{
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
}

.c-footer__logo{
  width: 120px;
  margin-bottom: 20px;
}

.c-footer__copy{
  font-size: 12px;
}

.c-footer__pagetop{
  width: 40px;
  height: 40px;
  top: 25px;
}

}/* max-width: 768px */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

utility

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.u-whiteblock{
  padding-right: 30px;
  padding-left: 30px;
}

.u-grayblock{
  padding-right: 30px;
  padding-left: 30px;
  background: rgb(249 249 249 / 1);
}

.u-textbox{
  font-size: clamp(1rem, 0.597rem + 0.65vw, 1.125rem);
}

.u-textcenter{
  text-align: center;
}

.u-mb5l{margin-bottom: 85px;}
.u-mb4l{margin-bottom: 70px;}
.u-mb3l{margin-bottom: 60px;}
.u-mb2l{margin-bottom: 45px;}
.u-mbXl{margin-bottom: 40px;}
.u-mbLg{margin-bottom: 35px;}
.u-mbMd{margin-bottom: 30px;}
.u-mbSm{margin-bottom: 25px;}
.u-mbXs{margin-bottom: 20px;}
.u-mb2s{margin-bottom: 15px;}
.u-mb3s{margin-bottom: 10px;}
.u-mb4s{margin-bottom: 5px;}

@media screen and (max-width: 1200px) {

.u-whiteblock{
  padding-right: 20px;
  padding-left: 20px;
}

.u-grayblock{
  padding-right: 20px;
  padding-left: 20px;
}

.u-mb5l{margin-bottom: 60px;}
.u-mb4l{margin-bottom: 55px;}
.u-mb3l{margin-bottom: 40px;}
.u-mb2l{margin-bottom: 30px;}
.u-mbXl{margin-bottom: 25px;}
.u-mbLg{margin-bottom: 20px;}
.u-mbMd{margin-bottom: 20px;}
.u-mbSm{margin-bottom: 15px;}

}/* max-width: 1200px */

@media screen and (max-width: 768px) {

.u-whiteblock__inner{
  max-width: 450px;
  margin: 0 auto;
}

.u-grayblock__inner{
  max-width: 450px;
  margin: 0 auto;
}

.u-mb5l{margin-bottom: 50px;}
.u-mb4l{margin-bottom: 45px;}
.u-mb3l{margin-bottom: 35px;}
.u-mb2l{margin-bottom: 25px;}
  
}/* max-width: 768px */

@media screen and (max-width: 476px) {

.u-textbox{
  font-size: 14px;
}

}/* max-width: 476px */