@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.p-voiceItem__text h3.wp-block-heading {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}
.p-voiceItem__text p.wp-block-paragraph {
  line-height: 1.8;
  margin-bottom: 1.5em;
}
.p-voiceItem {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 2em;
}
@media (max-width: 767px) {
  .p-voiceItem {
    flex-direction: column;
  }
  .p-voiceItem__img {
    max-width: 100% !important;
    margin-bottom: 1em;
  }
}

.p-voiceItem__text h3 ,
.p-voiceList h3 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.4;
    /* margin: 3em 0 2em; */
    position: relative;
}

.p-voiceItem__text h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) ,
.p-voiceList h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: .25em 1em;
}

.p-voiceItem__text h3:before ,
.p-voiceList h3:before {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 0;
}

.p-voiceItem__text h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before ,
.p-voiceList h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    content: "";
    width: 4px;
    height: 100%;
    background: repeating-linear-gradient(var(--color_htag) 0%, var(--color_htag) 50%, rgba(1, 104, 183, 0.15) 50%, rgba(1, 104, 183, 0.15) 100%);
}

.p-voiceList__wrap.-twoCol {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  justify-content: center;
}
.p-voiceList__wrap.-twoCol .p-voiceItem {
  flex: 0 0 calc(50% - 1em);
  max-width: calc(50% - 1em);
  margin-bottom: 2em;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.5em;
}
.p-voiceItem__link {
  display: flex;
  gap: 1em;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  flex-wrap: wrap;
}
.p-voiceItem__img {
  flex: 0 0 30%;
  max-width: 30%;
}
.p-voiceItem__img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
.p-voiceItem__text {
  flex: 1;
}
.p-voiceItem__title {
  font-size: 1.1em;
  margin: 0 0 .5em;
}
@media (max-width: 768px) {
  .p-voiceList__wrap.-twoCol .p-voiceItem {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-voiceItem__img {
    flex: 0 0 35%;
    max-width: 35%;
  }
}