@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
*/
:root {
    /* font */
  --font-base: "utile-display", "acme-gothic-wide", "dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-heading: "utile-display", "acme-gothic-wide","dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-num: "acme-gothic", "utile-display", "dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-wide: "acme-gothic-wide", "utile-display", "dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

body {
  font-family: "utile-display", "acme-gothic-wide", "dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 300;
}
h1, h2, h3, h4 {
  font-family: "utile-display", "acme-gothic-wide","dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: .025em;
  font-weight: 500;
}
.header-logo {
  font-family: "acme-gothic-wide", "utile-display", "dnp-shuei-gothic-gin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.l-header__bar {
    background-color: #fff;
    color: #4b69ff;
}
.c-postThumb__cat {
  background-color: /*#ebedf2*/rgba(235,236,241,.8);
  color: #878c99;
}

/* ブランドストーリー */
h2.title02-brand {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: .125em;
}
.title02-brand:first-of-type {
  margin-top: -1rem !important;
}
h3.title03-brand {
text-align: center;
    letter-spacing: .25rem;
   font-size: 1.5rem;
    margin: 1.5em 0 1.5em;
    font-weight: 600;
}
h2.title02-brand:not(.faq_q):not(.p-postList__title) {
    padding: .5em 0;
    margin-bottom: 1.45em;
}
h2.title02-brand::before,
h3.title03-brand::before {
  content: none;
}
#body_wrap:has(.title02-brand) .p-postSlider {
  display: none;
}
.p-brand-center {
  font-size: .95rem;
  line-height: 2.25;
  letter-spacing: .08em;
}
.p-brand-center {
margin-bottom: 5rem;
}
.brand-story01_image + h2.title02-brand {
margin: 2.5em 0 1.5em;
}

.brand-story01_image {
/*margin-top: 2rem !important;*/
margin-bottom: 2rem !important;
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.p-brand-center .has-text-align-center {
margin-bottom: 2rem;
line-height: 2.5;
}
.button-normal a {
  min-width: 300px !important;
  letter-spacing: .05em;
  background: #222;
}
h3.title-alpha {
  letter-spacing: .05em;
 }
h3.title03-brand .small {
  font-size: 1.05rem;
}
h3.title03-brand.title-alpha .small {
    letter-spacing: .1rem;
}
.has-text-align-center + .title03-brand {
margin-top: 3em;
}
.p-brand-center:has(.title-alpha) .has-text-align-center {
    margin-bottom: 4rem;
}
.br750 {
  display: none;
}
@media screen and (max-width: 750px) {
.br750 {
  display: inline-block;
}

}

@media (max-width: 600px) {
.post_content h3.title03-brand .small {
  font-size: .95rem;
}

.post_content h3.title03-brand.sp-spacing-narrow {
letter-spacing: .06em;
}
.post_content h3.title-alpha {
  letter-spacing: .035em;
 }
 .post_content h3.title03-brand {
   font-size: 1.35rem;
 }
}