@charset "utf-8";

@media (max-width: 800px) {
  .pcn-maine-gazou2 {
    height: 30em;
  }
}

.pcn-maine-gazou2 .cat-title {
  padding-top: 40px;
}
@media (max-width: 800px) {
  .pcn-maine-gazou2 .cat-title {
    font-size: min(3em, 9vw);
  }
}
@media (max-width: 800px) {
  .pcn-maine-gazou2 .cat-text {
    font-size: min(1.5em, 5vw);
  }
}
.pcn-maine-gazou2 .cat-textarea {
  padding-top: 0;
}
.pcn-maine-gazou2 .cat-text-lead {
  max-width: 100%;
  font-size: 2.5em;
  padding-bottom: 0.5em;
}
.pcn-maine-gazou2 .cat-text {
  max-width: 100%;
}

.c-section {
  margin-top: 6em;
  padding: 0;
}
h2.pcn_underLine {
  font-size: 2.4em;
}
@media (max-width: 768px) {
  h2.pcn_underLine {
    font-size: min(2.2em, 5.5vw);
  }
}
@media (max-width: 768px) {
  .pcn-container {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.p-float-list {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}
@media (max-width: 768px) {
  .p-float-list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-row: span 3;
  }
}
.p-float-list li {
  display: grid;
  grid-template-rows: subgrid;
}
.p-float-list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: var(--baseColor);
  color: var(--mainColor);
  border: solid 1px #bdbdbd;
  width: 100%;
  height: 100%;
  padding: 1em 0.5em;
  border-radius: 10px;
  justify-content: center;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}
@media (max-width: 768px) {
  .p-float-list li a {
    font-size: min(1.1em, 5vw);
    padding: 0.5em;
  }
}
.p-float-list li a:hover {
  background-color: var(--mainColor);
  color: var(--baseColor);
}
/* .p-float-list li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 60px solid #555555;
  border-bottom: 0;
} */
.p-worries-text {
  text-align: left;
  font-size: 1.5em;
  line-height: 1.5em;
}
.p-lead-text {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768px) {
  .p-lead-text {
    font-size: min(4vw, 1.6em);
  }
}
.p-point-list {
  margin: 0 auto;
  gap: 2em;
}
.p-point-list > li {
  display: grid;
  padding: 2em;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  grid-row: span 3;
  gap: 0;
  grid-template-rows: subgrid;
}
.p-point-text > li {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 0.75em;
}
@media (max-width: 768px) {
  .p-point-text > li {
    font-size: min(4vw, 1.6em);
  }
}
.p-contact-area {
  background-color: var(--pcnBlue);
  border-radius: 12px;
  padding: 3em;
}
.p-contact-text {
  font-weight: bold;
  font-size: 1.5em;
}
.p-contact-btn {
  margin: 0 auto;
}
.p-point-main {
  font-size: 1.5em;
  line-height: 1.3em;
  border-left: 3px double var(--mainColor);
  padding-left: 7px;
  font-weight: bold;
  color: var(--mainColor);
  font-size: 1.6em;
}

ul.pcnlental_lineup li .text .spec_waku {
  line-height: 2em;
  font-size: 1em;
}
ul.pcnlental_lineup {
  display: grid;
  justify-content: center;
  flex-wrap: wrap;
}
ul.pcnlental_lineup li {
  display: grid;
  margin: 50px 10px 10px 10px;
  grid-row: span 3;
  width: auto;
  grid-template-rows: subgrid;
}
@media (max-width: 768px) {
  ul.pcnlental_lineup li {
    margin: 50px 0 0px;
  }
}
@media (max-width: 768px) {
  ul.pcnlental_lineup li .point img {
    width: 100%;
  }
}

.p-flow-area {
  overflow-x: auto;
}

.p-flow-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2em;
}
@media (max-width: 972px) {
  .p-flow-list {
    min-width: 1200px;
  }
}
.p-flow-list li {
  position: relative;
  justify-items: center;
}
.p-flow-list li::before {
  position: absolute;
  content: "";
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #555555;
  border-right: 0;
  left: -1.3em;
  top: 50%;
  transform: translate(10px, 10px);
  transform: translateY(-100%);
}
.p-flow-list li:first-of-type::before {
  display: none;
}

.p-flow-wrap {
  background-color: var(--pcnBlue);
  width: 100%;
  border-radius: 12px;
  padding: 1.5em 1em 1em;
  display: grid;
  grid-template-rows: 1fr 0.5fr;
  align-items: center;
  gap: 1em;
}

@media (max-width: 768px) {
  .p-flow-wrap {
    width: 15em;
    height: 12em;
  }
}
.p-flow-icon {
  text-align: center;
}
.p-fas-style {
  font-size: 4.5em;
  color: var(--subColor);
  font-weight: 900 !important;
}
@media (max-width: 768px) {
  .p-fas-style {
    font-size: 4em;
  }
}

.p-flow-ttl {
  text-align: center;
  font-weight: bold;
  color: var(--subColor);
  font-size: 1.6em;
}
.p-flow-text {
  font-size: 1.2em;
  text-align: center;
  margin-top: 0.5em;
}
.p-knowledge-wrap {
  padding: 5em 4em;
}
@media (max-width: 768px) {
  .p-knowledge-wrap {
    padding: 3em 2em;
  }
}
.p-knowledge-col {
  gap: 3em;
  place-items: center;
}
.p-knowledge-merit li {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 0.4em;
}
.p-knowledge-reco-list {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 0.4em;
  width: 100%;
}
.p-knowledge-reco-list li {
  margin-bottom: 10px;
}