/*
 * 体験談の詳細ページへ足す 4 区画（カテゴリ切り替えの帯・スペシャルコンテンツ・
 * お問い合わせ・店舗一覧）ぶんの CSS。**手で書いたものではない。**
 *
 * 生成: scripts/pa-cms/extract-introduce-sections-css.py（Issue #2676）
 *
 * 移行元はこの 4 区画のために 3 本の CSS を読む。どれも器（スコープ）が付いて
 * おらず、`html { font-size: 62.5% }` や `img[src$=".svg"] { width: 100% }` の
 * ようなページ全体に効く規則を含む。そのまま配るとページ上部の帯のロゴが崩れる
 * （Issue #2781 が診断ページで実際に起こしている症状）。そこで **4 区画の中に
 * 当たる規則だけ**を移行元のページで判定して残し、`body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections` の器を付けた。
 *
 * **写し元を読む順は移行元の `<link>` の順と同じにしてある。**後ろの 1 本が前の
 * 1 本を上書きする作りなので、順を変えると見た目が変わる。
 *
 * `rem` は `calc(N * var(--pa-introduce-rem))` へ読み替え、基準を器の規則で 10px に
 * 決めている。
 *
 * 当たり判定は「状態を取り除いた形」（例: `.foo.is-active:hover` なら `.foo`）で
 * 行うが、書き出すセレクタは元のまま（状態つき）である。取り除かずに判定すると、
 * 静的なページには状態が無いため状態つきの規則が全部落ちる（Issue #2709）。
 *
 * 直すときは写し元とこのスクリプトを直し、生成し直すこと。**この生成物を手で
 * 編集しない。**
 */

/* ============================================================
 * 写し元: sites/pa/wp-content/themes/pa/assets/introduce/css/style_introduce.css
 *
 * 判定した規則: 894 件。
 *   残した規則: 165 件（セレクタ 173 件）。
 *   落とした規則: 729 件（セレクタ 780 件）。
 * ============================================================ */

/* 器そのものに置く基準（Issue #2676）。写し元が上位の要素から受け継いで
 * いた値のうち、器を付けると届かなくなるものを、ここへ直接書く。
 *
 *   独自プロパティ … 写し元の `html { font-size: 62.5% }`（1rem = 10px）の
 *     代わり。あの 1 行は器を付けると落ちるので、掛け算で読み替える
 *   文字の大きさ … 移行元の本文の器（`#contents`）が 13px。dev の本文は
 *     16px なので、そのままだと文字が大きくなる（実測: 見出しが 13px 対
 *     19.5px。写し元が `em` で組んでいるため 1.5 倍に膨らむ）
 *   文字の色 … 移行元は黒（#000）。dev の本文は #474747 で、区画の中の
 *     文字がすべて薄くなる
 *   行の高さ … 移行元は `normal`。dev の本文は行間を広げているため、
 *     区画の高さが軒並み伸びる
 */
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections {
  --pa-introduce-rem: 10px;
  font-size: 13px;
  color: #000;
  line-height: normal;
}

/* 移行元が 4 区画の CSS より前に読んでいる「素の見た目に戻す」規則
 *（/css/common.css の 76〜79 行目と 95〜98 行目）。器を付けると届かなく
 * なるので、同じ内容をここへ書く（Issue #2676）。 */
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections :is(blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6,
                                                                                  li, ol, p, pre, span, td, th, ul) {
  margin: 0;
  padding: 0;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections :is(h1, h2, h3, h4, h5, h6) {
  font-size: 100%;
  font-weight: normal;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections :is(p, li, dd, dt, td, th, h1, h2, h3, h4, h5, h6) {
  line-height: inherit;
}

/* 狭い画面向けの開閉の見出しを隠す。写し元の 53〜54 行目と同じ内容だが、
 * 移行元のページにこのボタンが無いため当たり判定を通れない（テーマが
 * 足した部品である）。診断ページと同じ見え方に揃える（Issue #2676）。 */
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .accordion-container .article-title {
  display: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .min {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a {
text-decoration: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections section {
position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav {
width: 1280px;
  margin: 0 auto 160px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu {
position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li {
font-size: calc(1.2 * var(--pa-introduce-rem));
      line-height: 1.3;
      position: relative;
      text-align: center;
      margin-right: 20px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:last-child {
margin-right: 0;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:after {
position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background: #392a28;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li a {
padding-bottom: 15px;
        display: block;
        color: #392a28;
        opacity: 0.6;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:hover a {
opacity: 1;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:hover:after {
-webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu__main {
font-size: calc(1.6 * var(--pa-introduce-rem));
      margin-top: 8px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu .current {
position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu .current:after {
position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background: #392a28;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: auto;
        -ms-transform-origin: auto;
        transform-origin: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu .current a {
opacity: 1;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectLg {
margin-top: 150px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectMd {
margin-top: 120px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectSm {
margin-top: 100px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .contents-wrapper {
margin: 0 auto;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .title_txt {
font-size: 16px;
  font-weight: bold;
  line-height: 28.8px;
  color: #322422;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .intro {
font-size: 16px;
  line-height: 32px;
  margin-top: 40px;
  color: #463d3c;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White {
position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White:before {
content: " ";
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White:after {
content: " ";
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .effect-fade {
opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .effect-fade.effect-scroll {
opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents {
position: relative;
  z-index: 1;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .contents-wrapper {
width: 1100px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents ul {
text-align: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading {
margin: 22px 0 74px 0;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .title__area {
text-align: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .sub-ttl {
position: absolute;
      font-size: calc(1.4 * var(--pa-introduce-rem));
      font-weight: bold;
      left: 43%;
      top: 13%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .heading-lead {
padding-top: 45px;
      text-align: center !important;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .heading-lead__ttl {
padding: 0 !important;
        border-right: none !important;
        color: #000;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont {
font-size: 0;
    padding: 0 70px;
    margin: 0 0 0 -4.1%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list {
width: 25%;
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 4.1%;
      vertical-align: top;
      text-align: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:first-child {
margin: 0;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list .ttl--sub {
display: block;
        font-size: calc(1.4 * var(--pa-introduce-rem));
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list .ttl--main {
display: block;
        font-weight: bold;
        font-size: calc(1.8 * var(--pa-introduce-rem));
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-ttl {
margin-bottom: 30px;
      position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-img {
height: 252px;
      padding: 0 25px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-img img {
width: 100%;
        height: auto;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc02:before,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc03:before,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc04:before,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc01_ex:before {
content: "";
      display: block;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-size: 100%;
      z-index: -1;
      background-repeat: no-repeat;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc01_ex:before {
background-image: url(../../introduce/images/top/top_sc_bg05.png?ver=f19db67852da);
      top: -5px;
      width: 175px;
      height: 81px;
      background-size: 100%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc02:before {
background-image: url(../../introduce/images/top/top_sc_bg02.png?ver=284b4ceec666);
      top: 0;
      width: 127px;
      height: 69px;
      background-size: 100%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc03:before {
background-image: url(../../introduce/images/top/top_sc_bg03.png?ver=73f6049d6571);
      top: -15px;
      width: 159px;
      height: 93px;
      background-size: 100%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc04:before {
background-image: url(../../introduce/images/top/top_sc_bg04.png?ver=58d0c6d68dd2);
      top: 1px;
      width: 130px;
      height: 57px;
      background-size: 100%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:first-child .Sc-img {
padding: 0 30px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:nth-child(2) .Sc-img {
padding: 0 40px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:nth-child(3) .Sc-img {
padding: 0 42px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:last-child .Sc-img {
padding: 0 25px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list .Sc-img_ex {
padding: 0 60px !important;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a:hover .Sc-btn {
color: #de4c2f;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a:hover .Sc-btn:before,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a:hover .Sc-btn:after {
-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .Sc-btn {
display: inline-block;
  width: 125px;
  text-decoration: none;
  position: relative;
  padding: 8px 0;
  border-bottom: solid 1px #cccccc;
  border-top: solid 1px #cccccc;
  font-family: 'Spinnaker', sans-serif;
  font-size: calc(1 * var(--pa-introduce-rem));
  line-height: 1;
  color: rgba(50, 36, 34, 0.6);
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .Sc-btn:before {
position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #de4c2f;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .Sc-btn:after {
position: absolute;
    top: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #de4c2f;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contents-wrapper {
background-color: #f7f7f5;
  padding: 30px 0 110px 0;
  z-index: -2;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .title_area {
position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -6%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .heading {
text-align: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn {
display: block;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  width: 660px;
  height: 186px;
  background-image: url("../../introduce/images/top/top_contact_btn.png?ver=c45aeda34306");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn:hover {
opacity: 0.7 !important;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn a {
text-align: center;
    padding: 28px 0 40px;
    display: block;
    text-decoration: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn p {
color: #fff;
    font-weight: bold;
    font-size: calc(1.8 * var(--pa-introduce-rem));
    display: block;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn p span {
font-size: calc(2.4 * var(--pa-introduce-rem));
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .txt-main {
font-size: calc(2.4 * var(--pa-introduce-rem));
    margin-top: 2px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .contact {
margin: auto;
    font-weight: initial;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn {
display: inline-block;
    width: 188px;
    margin-top: 10px;
    padding: 8px 0;
    font-size: calc(1.3 * var(--pa-introduce-rem));
    border-bottom: solid 1px #FFF;
    border-top: solid 1px #FFF;
    letter-spacing: 0.2em;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn:before {
background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn:after {
background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list {
position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper {
width: 900px;
    position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper .heading {
text-align: center;
      margin-bottom: 70px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn {
display: block;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  width: 660px;
  height: 186px;
  background-image: url("../../introduce/images/top/top_contact_btn.png?ver=c45aeda34306");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn:hover {
opacity: 0.7 !important;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn a {
text-align: center;
    padding: 28px 0 40px;
    display: block;
    text-decoration: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn p {
color: #fff;
    font-weight: bold;
    font-size: calc(1.8 * var(--pa-introduce-rem));
    display: block;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .txt-main {
font-size: calc(2.4 * var(--pa-introduce-rem));
    margin-top: 20px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .contact {
margin: auto;
    font-weight: initial;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn {
display: inline-block;
    width: 188px;
    margin-top: 10px;
    padding: 8px 0;
    font-size: calc(1.3 * var(--pa-introduce-rem));
    border-bottom: solid 1px #FFF;
    border-top: solid 1px #FFF;
    letter-spacing: 0.2em;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn:before {
background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn:after {
background: #FFF;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .js-parallax {
-webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img {
position: absolute;
  z-index: -1;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact01 {
top: 0px;
    left: 167px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact02 {
top: -30px;
    right: 20px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact03 {
bottom: -110px;
    left: 0;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_branch-list01 {
top: 70px;
    right: 90px;
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav {
margin: 0 auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectLg {
margin-top: 60px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectMd {
margin-top: 50px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .sectSm {
margin-top: 10px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .contents-wrapper {
margin: 0 40px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White {
position: relative;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White:before {
content: " ";
      width: 15px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #FFF;
      z-index: -2;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .bg--White:after {
content: " ";
      width: 15px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: #FFF;
      z-index: -2;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav {
width: 100%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu {
display: block;
      margin: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li {
position: relative;
      width: auto;
      margin-right: 0;
      border-bottom: 1px solid #e5e5e5;
      font-size: calc(1.3 * var(--pa-introduce-rem));
      line-height: normal;
      text-align: center;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:last-child {
border-bottom: none;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li a {
display: block;
        padding: 15px;
        text-decoration: none;
        color: #392a28 !important;
        font-weight: bold;
        opacity: 1;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu__sub,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu__main {
margin: 0;
        line-height: normal;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu__main {
font-size: calc(1.8 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:after,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu li:hover:after,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav .nav_menu .current:after {
content: "";
        position: absolute;
        right: 5%;
        top: 50%;
        bottom: auto;
        left: auto;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: block;
        width: 4px;
        height: 4px;
        background: none;
        border-top: solid 1px #463d3c;
        border-right: solid 1px #463d3c;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .js-parallax {
-webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img {
position: absolute;
    z-index: -1;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact01 {
top: -40px;
      left: auto;
      right: -20px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact01 img {
width: 89px;
        height: auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact02 {
top: 300px;
      left: -25px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_contact02 img {
width: 89px;
        height: auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_branch-list01 {
top: 120px;
      right: -22px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .ornament-img_branch-list01 img {
width: 95px;
        height: auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .contents-wrapper {
width: auto;
    margin: 0 60px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading {
margin: 42px 0 40px 0;
    position: relative;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .title__area {
width: calc(376 / 750 * 100%);
      margin: 0 auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .sub-ttl {
top: 27%;
      left: 26%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .heading-lead {
width: 100%;
      margin: 20px auto 0;
      padding-top: 0;
      text-align: left;
      color: #322422;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading .heading-lead__ttl {
font-size: calc(1.2 * var(--pa-introduce-rem)) !important;
        line-height: 1.8;
        padding: 0;
        border-right: none;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont {
font-size: 0;
    padding: 0;
    margin: -38px 0 0 -8%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-img {
width: 100%;
      height: auto;
      margin-top: 30px;
      padding: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-img img {
width: 100%;
        height: auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list {
width: 50%;
      padding-top: 38px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list .ttl--sub {
display: block;
        font-size: calc(1 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list .ttl--main {
display: block;
        font-weight: bold;
        font-size: calc(1.2 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list a {
width: 100%;
        display: inline-block;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-ttl {
margin-bottom: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc01_ex:before {
top: 20px;
      width: 87px;
      height: 40px;
      background-repeat: no-repeat;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc02:before {
top: 20px;
      width: 77px;
      height: 72px;
      background-repeat: no-repeat;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc03:before {
top: 15px;
      width: 96px;
      height: 55px;
      background-repeat: no-repeat;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc04:before {
top: 25px;
      width: 78px;
      height: 35px;
      background-repeat: no-repeat;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:first-child .Sc-img {
padding: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:nth-child(2) .Sc-img {
padding: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:nth-child(3) .Sc-img {
padding: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sccont .Sc-list:last-child .Sc-img {
padding: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .Sc-btn {
margin-top: 10px;
    width: 71%;
    font-size: calc(1 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contents-wrapper {
padding: 17px 15px 50px 15px;
    z-index: 0;
    margin: 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .title_area {
width: 30%;
    position: initial;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: auto;
    margin: -7% auto 0;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .title_txt {
font-size: calc(1.2 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .heading {
text-align: center;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .intro {
font-size: calc(1.2 * var(--pa-introduce-rem));
    line-height: 2;
    margin-top: 30px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn {
margin-top: 15px;
    text-align: center;
    background-image: url("../../introduce/images/sp/top/top_contact_btn.png?ver=2ed5c0f0d0dd");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 308px;
    height: 118px;
    background-size: 100%;
    position: relative;
    z-index: 2;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn a {
text-align: center;
      padding: 13px 0 20px;
      display: block;
      text-decoration: none;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn p {
color: #fff;
      font-weight: bold;
      font-size: calc(1.2 * var(--pa-introduce-rem));
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn p span {
font-size: calc(1.5 * var(--pa-introduce-rem));
        font-weight: bold;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .contact {
margin: auto;
      font-weight: initial;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn {
display: inline-block;
      width: 105px;
      margin-top: 10px;
      padding: 8px 0;
      font-size: calc(1 * var(--pa-introduce-rem));
      border-bottom: solid 1px #FFF;
      border-top: solid 1px #FFF;
      letter-spacing: 0.2em;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn:before {
background: #FFF;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .Sc-btn:after {
background: #FFF;
}
}

@media screen and (max-width: 360px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn {
width: 88%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list {
margin-bottom: 35px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper {
width: auto;
      margin: 0 15px;
      position: static;
      display: block;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper .heading {
position: initial;
        display: block;
        text-align: center;
        margin: 0 auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper .heading .title_area {
width: 119px;
          margin: 0 auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper .heading .title_area img {
width: 100%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contents-wrapper .heading .title_txt {
font-size: calc(1.2 * var(--pa-introduce-rem));
          display: inline-block;
          margin: 0 auto;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .intro {
font-size: calc(1.2 * var(--pa-introduce-rem));
    line-height: 2;
    margin-top: 30px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn {
margin-top: 15px;
    text-align: center;
    background-image: url("../../introduce/images/sp/top/top_contact_btn.png?ver=2ed5c0f0d0dd");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 308px;
    height: 118px;
    background-size: 100%;
    position: relative;
    z-index: 2;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn a {
text-align: center;
      padding: 13px 0 20px;
      display: block;
      text-decoration: none;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn p {
color: #fff;
      font-weight: bold;
      font-size: calc(1.2 * var(--pa-introduce-rem));
      margin-top: 15px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .contact {
margin: auto;
      font-weight: initial;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn {
display: inline-block;
      width: 115px;
      margin-top: 10px;
      padding: 8px 0;
      font-size: calc(1 * var(--pa-introduce-rem));
      border-bottom: solid 1px #FFF;
      border-top: solid 1px #FFF;
      letter-spacing: 0.2em;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn:before {
background: #FFF;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .Sc-btn:after {
background: #FFF;
}
}

@media screen and (max-width: 360px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn {
width: 88%;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .txt-main,
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .txt-main {
font-size: calc(1.5 * var(--pa-introduce-rem));
}
}

/*
 * 🚨 **店舗一覧の帯の文の段は上の外余白 15px を持つ（Bug #5389）。**
 *
 * 移行元のスマホ版の CSS には **`.txt-main` の規則が 1 本も無い**
 * （`sp/introduce/css/sp_style.css` を全数検索して 0 件）。文の段は組み札を持たない
 * 素の `<p>` で、`#branch-list .contact_btn p { font-size: 1.2rem; margin-top: 15px }` が
 * そのまま当たる。dev は組み札 `txt-main` を付けてパソコン幅の組みを使い回しているため、
 * **移行元に無い当たり先で外余白を 0 にしていた。**
 *
 * 実測（幅 375px・2026-09-09 19:2x・移行元は写しを配って測った）:
 *
 *   | 見るところ          | 移行元 | dev（直す前） |
 *   |---------------------|--------|---------------|
 *   | ボタンの器          | 308 × 118 | 308 × 118（一致） |
 *   | 中の綱（`a`）の高さ | **109**   | **94**（15px 低い） |
 *   | 文の墨              | 225 × 15・左端 75 | 同じ |
 *
 * **墨の幅と左端は両側で同じで、縦だけが 15px 上へずれていた。**
 *
 * 🚨 **素の段の 15px を残すだけでは足りない。**`.txt-main` は組み札 4 つ、素の段は
 * 組み札 3 つ ＋ 要素なので、**`.txt-main` の方が特定度で勝つ。**囲いの外の
 * `#branch-list .contact_btn .txt-main { margin-top: 20px }` が携帯幅でも生き残るため、
 * **携帯幅で 15px を明示する。**（0 を消すだけにすると 20px になる。実測で確かめた）
 *
 * 🚨 **お問い合わせの帯（`#contact-us`）は 0 のままで正しい。**移行元のスマホ版は
 * `#contact-us .contact_btn p` に `margin-top` を書かない（`#branch-list` の側だけ 15px を
 * 書く）。**2 つの帯を同じ当たり先の並びで扱ってはいけない.
 */
@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #branch-list .contact_btn .txt-main {
	margin-top: 15px;
}
}

@media screen and (max-width: 749px) {
body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contact_btn .txt-main {
	margin-top: 0;
}
}

/* ============================================================
 * 写し元: legacy/www.p-a.jp/public/introduce/css/style_introduce_experience.css
 *
 * 判定した規則: 378 件。
 *   残した規則: 9 件（セレクタ 9 件）。
 *   落とした規則: 369 件（セレクタ 413 件）。
 * ============================================================ */

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .min {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a {
text-decoration: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .contents-wrapper {
width: 1100px;
  margin: 0 auto;
  position: relative;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav {
width: 1280px;
  margin: 0 auto 160px;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav--experience {
width: 1095px;
    margin-top: 25px !important;
    margin-bottom: 140px;
    margin: 0 auto;
}

/*
 * 🚨 **この 3 本はパソコン幅だけの指定である（Bug #5390）。**囲いの外に置くと
 * **携帯幅の帯（749px 以下・このファイルの 750 行あたり）に勝ってしまう。**
 *
 * 当たり先の特定度が**同じ**（どちらも組み札 4 つ ＋ 要素 2 つ）で、違いは
 * `.introduce_nav--experience` と `.introduce_nav` だけである。**特定度が同じなら
 * 後に書かれた方が勝つ**ので、ここが 749px 以下でも効いていた。
 *
 * 実測（幅 375px・2026-09-09 19:2x・移行元は写しを配って測った）:
 *
 *   | 見るところ        | 移行元    | dev（直す前）     |
 *   |-------------------|-----------|-------------------|
 *   | 開いた一覧の高さ  | **389px** | **1535px**        |
 *   | 項 1 つの箱       | 341 × 78  | **68.19 × 326**   |
 *   | `li` の幅の指定   | `auto`    | **`20%`**（341 の 20% = 68.1875） |
 *   | 文の墨の矩形の数  | 2（2 行） | **13**（1〜2 字ずつ縦に折れる） |
 *
 * 印（`li:after`）も同じ形で負けていた。移行元のスマホ版は
 * `.accordion-content li:after { width: 4px; height: 4px }` で **`bottom` を持たない**
 * （`sp/introduce/css/sp_style.css`）。ここの `height: 2px; bottom: -1px` が勝つと
 * **印が 4 × 2px になり、位置も下端基準へ変わる。**
 *
 * 🚨 **dev は携帯幅の開閉式の一覧にも組み札 `nav_menu` を付けている。**移行元は
 * パソコン版と携帯版で別のページを持ち、携帯版の一覧は `accordion-content` だけを
 * 持つ。**dev は 1 つの組みを両方の幅で使い回すので、パソコン幅の指定は必ず
 * 囲いの中へ入れる。**
 *
 * 🚨 **同じ節の `.introduce_nav--experience` 本体（1 つ上の規則）はここで動かさない。**
 * `margin-top: 25px !important` が携帯幅でも効いているが、画面で測っていないため
 * 別に確かめる（この Bug の対象外）.
 */
@media screen and (min-width: 750px) {
	body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav--experience .nav_menu li {
		width: 20%;
	}

	body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav--experience .nav_menu li:after {
		height: 2px;
		bottom: -1px;
	}

	body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .introduce_nav--experience .nav_menu .current:after {
		height: 2px;
		bottom: -1px;
	}
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #contact-us .contents-wrapper {
width: auto;
}

/* ============================================================
 * 写し元: legacy/www.p-a.jp/public/introduce/css/style_experience_details.css
 *
 * 判定した規則: 127 件。
 *   残した規則: 7 件（セレクタ 7 件）。
 *   落とした規則: 120 件（セレクタ 130 件）。
 * ============================================================ */

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .min {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections a {
text-decoration: none;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections .contents-wrapper {
margin: 0 auto;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .title__area {
text-align: center;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .sub-ttl {
position: absolute;
  font-size: calc(1.4 * var(--pa-introduce-rem));
  font-weight: bold;
  left: 43%;
  top: 13%;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading-lead {
padding-top: 45px;
  text-align: center !important;
}

body:is(.single-experience, .post-type-archive-experience) .pa-introduce-sections #special-contents .heading-lead__ttl {
padding: 0 !important;
    border-right: none !important;
    color: #000;
}