@charset "utf-8";

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,address,em,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,time,audio,video,fieldset{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background:transparent}
html {-webkit-text-size-adjust: 100%;}
img,svg {line-height:0;vertical-align:top;}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time,picture,summary{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{color:inherit;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,textarea,label{vertical-align:top}
input,textarea,button,select{color:inherit;font-family:inherit;font-size:inherit;outline:none;resize:none;}
button {cursor:pointer;padding:0;border:0;background:transparent}
button[disabled] {cursor:default;}
*,::before,::after {box-sizing:border-box;overflow-wrap: break-word;}
select::-ms-expand { display: none;}
summary::-webkit-details-marker { display: none;}
input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}

body {
  font-family: 'Shippori Mincho B1', serif;
  color: #202020;
}

:where(img) {
  display: block;
  height: auto;
  width: 100%;
}

.l-root-wrapper {
  
}

.l-article {
  width: min(100% - 40px, 728px);
  margin-inline: auto;
  padding-block: clamp(60px, 16cqi, 80px);
  container-type: inline-size;
}

.c-heading1 {
  font-weight: 500;
  font-size: clamp(20px, 5.333cqi, 28px);
  margin-block-end: 1em;
}

.c-heading2 {
  font-weight: 500;
  font-size: clamp(17px, 4.533cqi, 23px);
  margin-block: 2em 1em;
}

.c-text {
  font-size: clamp(13px, 3.466cqi, 19px);
  line-height: 1.75;
}

.c-description-list {
  font-size: clamp(13px, 3.466cqi, 19px);
  line-height: 1.75;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 0 1em;
  margin-block: 0.5em;
}

.c-note {
  font-size: clamp(12px, 3.2cqi, 16px);
  margin-block-start: 1em;
  text-indent: -1em;
  padding-left: 1em;
}

.p-title {

}

.p-body {

}

.p-section {

}

.p-section__heading {

}

.p-images {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 15px 10px;
  margin-block-start: clamp(40px, 10.66cqi, 56px);
}

@media (min-width: 768px) {
  .p-images {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px 16px;
  }
}

.p-images-item figcaption {
  font-size: clamp(13px, 3.466cqi, 18px);
  text-align: center;
  margin-block-start: 0.25em;
}

.p-images-item figcaption small {
  font-size: 0.75em;
}

.p-price {
  border: 2px solid currentColor;
  margin-block-start: clamp(40px, 10.66cqi, 56px);
  display: grid;
  grid-template-columns: minmax(0,1fr);
  background-color: currentColor;
  font-weight: 500;
  gap: 2px;
}

@media (min-width: 768px) {
  .p-price {
    grid-template-columns: 45% minmax(0,1fr);
    gap: 2px;
  }
}

.p-price__item {
  font-size: clamp(14px, 3.733cqi, 18px);
  padding: 1em;
  background-color: #fff;
}

@media (min-width: 768px) {
  .p-price__item {
    padding: 1em 2em;
  }
}

.p-price__item small {
  font-size: 0.875em;
}

.p-price__item[data-type="1"] {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: baseline;
}

.p-price__item[data-type="1"] span[data-columnspan="2"] {
  grid-column: 1 / span 2;
  justify-self: end;
}

.p-price__item[data-type="2"] {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: baseline;
  align-content: start;
}

@media not all and (min-width: 768px) {
  .p-price__item[data-type="2"] {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .p-price__item[data-type="2"] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
}

.p-price__item[data-type="3"] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-price__item[data-type="1"] p,
.p-price__item[data-type="2"] p {
  display: contents;
}

.p-price__item[data-type="2"] .price {
  justify-self: end;
}

.p-price__item[data-type="2"] small {
  font-size: 0.75em;
}

@media not all and (min-width: 768px) {
  .p-price__item[data-columnspan="2"] {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .p-price__item[data-columnspan="2"] {
    grid-column: 1 / span 2;
    text-align: center;
  }
}

.p-price-data {
  border: 2px solid currentColor;
  font-size: clamp(14px, 3.733cqi, 18px);
  font-weight: 500;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  background-color: currentColor;
  gap: 2px;
  margin-block-start: clamp(30px, 8cqi, 48px);
}

.p-price-data dt,
.p-price-data dd {
  padding: 1em;
  background-color: #fff;
}

@media not all and (min-width: 768px) {
  .p-price-data dt,
  .p-price-data dd {
    text-align: center;
  }
}

.p-price-data small {
  font-size: 0.75em;
}

@media (min-width: 768px) {
  .p-price-data {
    grid-template-columns: 45% minmax(0,1fr);
  }

  .p-price-data dt,
  .p-price-data dd {
    padding: 1em 2em;
  }
}

.p-inqury {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
  margin-block-start: clamp(40px, 10.66cqi, 56px);
}

.p-inqury__title {
  
}

.p-inqury__contents {
  font-size: clamp(14px, 3.733cqi, 19px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em 2em;
}

.p-inquiry__button {
  text-decoration: underline;
}

@media (hover: hover) {
  .p-inquiry__button:hover {
    text-decoration: none;
  }
}

