@charset "utf-8";

.p-detailbody {
  --pt: 101;
  --pb: 185;
  --section-width: 900;
  padding: clamp(var(--pt) * .8em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16) 0 clamp(var(--pb) * .6em/16, var(--pb) / 1024*100vw, var(--pb) * 1em/16);
}
.p-detailbody__title {
  display: flex;
  justify-content: center;
}
.p-detailbody__titleTag {
  border: 2px solid var(--green-color);
  color: var(--green-color);
  background-color: #fbf1e0;
  border-radius: 100vmax;
  font-size: calc(15em/16);
  width: calc(68em/15);
  height: calc(30em/15);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin-right: calc(10em/15);
}
.p-detailbody__titleTxt {
  font-size: calc(20em/16);
  color: var(--green-color);
  line-height: 1.4;
  font-weight: 600;
}
.p-detailbody__subtitle {
  font-size: calc(40em/16);
  text-align: center;
  line-height: 1.4;
  margin-top: calc(15em/40);
}
@media screen and (max-width: 768px) {
  .p-detailbody__title {
    font-size: clamp(16 * .8em/16, 16/640*100vw, 1em);
  }
  .p-detailbody__subtitle {
    font-size: clamp(40 * .5em/16, 40/640*100vw, 40em/16);
  }
}
.p-detailbody__img {
  display: flex;
  justify-content: space-between;
  margin-top: calc(56em/16);
}
.p-detailbody__imgItem {
  flex-basis: calc(442/900*100%);
}
@media screen and (max-width: 768px) {
  .p-detailbody__img {
    margin-left: calc(-20/335*100%);
    width: calc(375/335*100%);
    margin-top: clamp(56 * .6em/16, 56/640*100vw, 56em/16);
  }
}
.p-detailbody__guideline {
  --mt: 78;
  margin-top: clamp(var(--mt) * .8em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16);
  border-top: 1px solid #d1d1d1;
}
.p-detailbody__guidelineRow {
  display: flex;
  border-bottom: 1px solid #d1d1d1;
  padding: calc(20em/16) 0;
  line-height: 1.8;
}
.p-detailbody__guidelineRowTitle {
  flex-basis: calc(173em/16);
  flex-shrink: 0;
  padding-right: calc(15em/16);
}
.p-detailbody__guidelineRowBody {
  padding-right: calc(20em/16);
}
.p-detailbody__guidelineRowBody p:not(:first-of-type) {
  margin-top: calc(30em/16);
}
@media screen and (max-width: 640px) {
  .p-detailbody__guidelineRow {
    display: block;
  }
  .p-detailbody__guidelineRowTitle {
    margin-bottom: calc(10em/16);
    padding-right: 0;
  }
  .p-detailbody__guidelineRowBody {
    padding-right: 0;
  }
}