@charset "utf-8";

.p-list {
  --mt: 0;
  --pt: 60;
  --pb: 400;
  /* width: calc(1457/1600*100%); */
  position: relative;
  margin: clamp(var(--mt) * .8em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16) auto 0;
  padding-top: clamp(var(--pt) * .8em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16);
  padding-bottom: clamp(var(--pb) * .6em/16, var(--pb) / 1024*100vw, var(--pb) * 1em/16);
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .p-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .p-list {
    --pb: 320;
  }
}
.p-list::before {
  --top: 120;
  content: '';
  position: absolute;
  top: clamp(var(--top)* 0.6em / 16, var(--top) / 540* 100vw, var(--top)* 1em / 16);
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: clamp(calc(1440em / 16* .95), calc(1440 / 1600* 100%), calc(1440em / 16* 1.2));
  z-index: 0;
  border-radius: 100vmax;
  overflow: hidden;
  background: var(--beige-color);
}
@media screen and (max-width: 1440px) {
  .p-list::before {
    left: auto;
    right: auto;
  }
}
/* @media screen and (max-width: 880px) {
  .p-list::before {
    left: 0;
    right: 0;
    width: 100%;
  }
} */
.p-list__body {
  position: relative;
  z-index: 1;
}
.p-list__bodyTitle {
  position: relative;
  /* top: calc(-48em/16); */
  /* margin-bottom: calc(-15em/16); */
  margin-bottom: calc(32em/16);
}
.p-list__bodyTitle .c-title__jp .br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-list__bodyTitle .c-title__jp .br {
    display: block;
  }
}
@media screen and (max-width: 550px) {
  .p-list__bodyTitle {
    font-size: .8em;
  }
}
@media screen and (max-width: 430px) {
  .p-list__bodyTitle {
    font-size: .75em;
  }
}
@media screen and (max-width: 350px) {
  .p-list__bodyTitle {
    font-size: .7em;
  }
}
.p-list__bodyTxt {
  text-align: center;
  font-size: calc(15em/16);
  line-height: 2.2;
}
@media screen and (max-width: 1024px) {
  .p-list__bodyTxt .br {
    display: none;
  }
}
.p-list__bodyMain {
  margin-top: calc(52em/16);
}
.p-list__bodyMainTitle {
  text-align: center;
  font-size: calc(12em/16);
  color: var(--green-color);
  font-weight: 600;
  margin-bottom: calc(34em/20);
}
.p-list__bodyMainSelect {
  position: relative;
  display:flex;
  flex-wrap: wrap;
  gap:16px;
  /* max-width: calc(670em/18); */
  /* margin: 0 auto; */
}
.p-list__bodyMainSelect .select {
  font-size: calc(18em/16);
  border: 2px solid #cfcfcf;
  background-color: #fff;
  flex:1;
  min-width:300px;
  height: calc(64em/18);
  padding: 0 calc(32em/18);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size:6em/16;
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='7px' viewBox='0 0 16 10' %3E%3Cg%3E%3Cpath fill='%23aaaaaa' d='M8.01,9.173L0,1.163L1.163,0L8.01,6.847L14.858,0l1.163,1.163L8.01,9.173z' /%3E%3C/g%3E%3C/svg%3E");

}
.p-list__bodyMainSelect .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(20em/16);
  margin: auto 0;
  width: calc(6em/16);
  height: auto;
  aspect-ratio: 6/13;
  transform: rotate(90deg);
  pointer-events: none;
}

.p-list__bodyMainBody {
  margin-top: calc(60em/16);
}
.p-list__bodyMainBody .block {
  --ptb: 40;
  padding: calc(var(--ptb) * 1em/16) calc(47/1000*100%) calc(var(--ptb) * 1em/16) calc(44/1000*100%);
  display: grid;
  grid-template-columns: calc(223/909*100%) 1fr;
  grid-template-rows: max-content 1fr max-content;
  grid-template-areas:
  "img title"
  "img txt"
  "btn btn";
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-list__bodyMainBody .block {
    grid-template-columns: 1fr;
    grid-template-areas:
    "img"
    "title"
    "txt"
    "btn";
  }
}
.p-list__bodyMainBody .block:not(:first-of-type) {
  margin-top: calc(25em/16);
}
.p-list__bodyMainBody .block.is-hidden, .p-list__bodyMainBody .block.is-hidden2 {
  display: none;
}
.p-list__bodyMainBody .block__tags,
.p-list__bodyMainBody .block__txt {
  margin-left: calc(54em/16);
}
@media screen and (max-width: 768px) {
  .p-list__bodyMainBody .block__tags,
  .p-list__bodyMainBody .block__txt {
    margin-left: 0;
  }
}
.p-list__bodyMainBody .block__tags {
  grid-area: title;
  display: flex;
  align-items: flex-start;
  margin-bottom: calc(20em/16);
}
.p-list__bodyMainBody .block__title {
  /* grid-area: title; */
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 430px) {
  .p-list__bodyMainBody .block__title {
    font-size: .9em;
  }
}
.p-list__bodyMainBody .block__titleTag {
  height: calc(30em/15);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right:calc(20em/16);
}
.p-list__bodyMainBody .block__tags span {
  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); */
  padding-left: calc(10em/15); padding-right: calc(10em/15);
  height: calc(30em/15);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin-right: calc(5em/15);
  margin-bottom: calc(5em/15);
}
.p-list__bodyMainBody .block__tags .company_car {
  border: 2px solid var(--green-color);
  background-color: #fbe0e5;
}
.p-list__bodyMainBody .block__tags .private_car {
  border: 2px solid var(--green-color);
  background-color: #e5ffe3;
}
.p-list__bodyMainBody .block__titleTxt {
  font-size: calc(20em/16);
  color: var(--green-color);
  line-height: 1.4;
  font-weight: 600;
}
.p-list__bodyMainBody .block__txt {
  grid-area: txt;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
  /* margin-top: calc(25em/16); */
  border-bottom: 1px solid #c3d4db;
  padding-bottom: calc(22em/16);
}
@media screen and (max-width: 1024px) {
  .p-list__bodyMainBody .block__txt {
    display: block;
  }
}
.p-list__bodyMainBody .block__txtBody {
  display: flex;
}
.p-list__bodyMainBody .block__txtBody.is-time {
  flex-grow: 1;
  flex-basis: 100%;
}
.p-list__bodyMainBody .block__txtBody.is-day {  
  margin-left: calc(25em/16);
}
.p-list__bodyMainBody .block__txtBodyTitle {
  flex-shrink: 0; margin-right:calc(12em/16);
}
@media screen and (max-width: 1024px) {
  .p-list__bodyMainBody .block__txtBody {
    display: block;
  }
  .p-list__bodyMainBody .block__txtBodyTitle,
  .p-list__bodyMainBody .block__txtBodyTxt {
    display: inline;
  }
  .p-list__bodyMainBody .block__txtBody.is-day {  
    margin-left: 0;
  }
}
.p-list__bodyMainBody .block__img {
  grid-area: img;
}
@media screen and (max-width: 768px) {
  .p-list__bodyMainBody .block__img {
    display: flex;
    justify-content: center;
    margin-bottom: calc(32em/16);
  }
  .p-list__bodyMainBody .block__img img {
    width: calc(364/565*100%);
  }
}
.p-list__bodyMainBody .block__btn {
  grid-area: btn;
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .p-list__bodyMainBody .block__btn {
    justify-content: center;
  }
}
.p-list__bodyMainBody .block__btnItem {
  width: calc(168em/16);
}
.p-list__bodyMainBody .block__btnItem:not(:first-of-type) {
  margin-left: calc(9em/16);
}
@media screen and (max-width: 430px) {
  .p-list__bodyMainBody .block__btnItem {
    width: 100%;
  }
}
.p-list__bodyMainBody .block__btnItemTarget {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 100%;
  height: calc(49em/16);
  color: #fff;
}
@media (any-hover: hover) {
  .p-list__bodyMainBody .block__btnItemTarget:where(:any-link, :enabled) {
    transition: filter var(--transition);
  }
  .p-list__bodyMainBody .block__btnItemTarget:where(:any-link, :enabled):hover {
    filter: brightness(.8);
  }
}
.p-list__bodyMainBody .block__btnItem:nth-of-type(1) .block__btnItemTarget {
  background-color: #009944;
}
.p-list__bodyMainBody .block__btnItem:nth-of-type(2) .block__btnItemTarget {
  background-color: #3c6a52;
}