/* 注 意 -------------------------------------------
● 編集する前に style.css の注意の部分を必ず確認してください。
● このCSSは投稿・固定ページで入力した内容をフロントエンドで整形するCSSです。
● style-editor.cssで追記したものは必ずこちらにも追記してください。

【コード記述 重要】
パターブロックの管理が複雑化してしまう為、
違うパターンのレイアウトを一つのメディアクエリでまとめない
各パターン毎それぞれ記載してください。
---------------------------------------------------
目次
1.基本ブロックの拡張
2.パターンライブラリー
3.ショートコード挿入
4.クラスのオーバーライド
--------------------------------------------------*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++
theme.jsonに記述してるもので一部、
クラシックテーマでは適用されないものがあります。
その場合は、以下に設定を転載すること
++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 通常幅 */
.wp-site-blocks,.wp-block-group {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
/* 幅広 */
.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* 全幅 */
.alignfull {
  width: 100%;
  max-width: none;
}
/* グループブロックの左右調整（主にSP時の左右の空きを作る） */
@media (max-width:1000px) {
.is-adjustment-padding-style{
  padding-right: 2%;
  padding-left: 2%;
}
}
@media (max-width:1200px) {
.alignwide.is-adjustment-padding-style{
  padding-right: 2%;
  padding-left: 2%;
}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++
共通設定
++++++++++++++++++++++++++++++++++++++++++++++++ */
/*通常のエディタ指定 -- 以下の記述はネストさせておいてください*/
/*2022年に全ブラウザーサポート済み */
.style-frontend{
  font-feature-settings: "palt";

  p{
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
  }

  h1,h2,h3,h4,h5,h6{
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
  }

  h1 {
    font-size: 45px;
    font-size: 2.813em;
  }
  h2 {
    font-size: 35px;
    font-size: 2.188em;
  }
  h3 {
    font-size: 28px;
    font-size: 1.75em;
  }
  h4 {
    font-size: 22px;
    font-size: 1.375em;
  }
  h5 {
    font-size: 18px;
    font-size: 1.125em;
  }
  h6{
    font-size: 16px;
    font-size: 1em;
  }
  .border-none{
    border:none!important;
  }
  ul, li {
    margin: initial;
    padding: initial;
    list-style: initial;
  }
  ul{
  list-style-type: disc;       /* 通常の黒丸 */
  list-style-position: inside; /* テキストボックス内に収める */
  padding-left: 1em;           /* インデントの調整（必要に応じて） */
  }
  ul li{
    margin-top: 0.5em;
  }
  /*  
  ul li:first-of-type{
    margin-top: 0;
  }
}
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++
基本ブロックの拡張
++++++++++++++++++++++++++++++++++++++++++++++++ */
/*ボタン スタイル01*/
.is-style-cmspro-btnstyle01 .wp-element-button {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  background:#e5555d;
  color: #fff;
  padding: 0.8em 3em;
}
/*タイトルタグにアイコンを表示する*/
.heading-style-1{
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: clamp(1.5rem, 1.2063rem + 1.2698vw, 2rem)!important;
}
.heading-style-1::before{
  content: '';
  width: 1em;
  height: 1em;
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20269.48%20269.48%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23d8545a%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M170.24%2C64.25c-9.8%2C0-18.74.51-26.9%2C1.5-.19%2C7.49-.26%2C15-.27%2C19.42%2C7.59-.25%2C15.1-.82%2C22.07-1.7.11-.01.22-.02.33-.02.99%2C0%2C1.92.57%2C2.36%2C1.48.49%2C1.01.28%2C2.22-.52%2C3.01-7.15%2C7.04-19.33%2C11.24-32.57%2C11.24s-25.42-4.2-32.57-11.24c-.8-.79-1.01-2-.52-3.01.44-.91%2C1.36-1.48%2C2.36-1.48.11%2C0%2C.22%2C0%2C.33.02%2C6.97.88%2C14.48%2C1.45%2C22.07%2C1.7%2C0-2.75.04-10.76.26-19.36-8.3-1.03-17.41-1.56-27.42-1.56-50.34%2C0-84.46%2C44.56-74.43%2C97.42%2C10.87%2C57.28%2C42.65%2C89.06%2C91.15%2C97.42%2C6.59%2C1.14%2C12.85%2C1.46%2C18.77%2C1.07%2C5.92.39%2C12.18.07%2C18.77-1.07%2C48.5-8.36%2C80.28-40.14%2C91.15-97.42%2C10.03-52.86-24.09-97.42-74.43-97.42Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M171.04%2C21.45c-11.64%2C3.42-21.6%2C8.81-27.99%2C14.62%2C2.09-7.63%2C5.09-16.7%2C6.42-20.56.86-2.5-.46-5.23-2.96-6.09-.51-.18-1.04-.27-1.57-.27-2.04%2C0-3.86%2C1.3-4.53%2C3.23-.07.2-7.01%2C20.28-8.73%2C30.16-1.37%2C7.88-1.74%2C30.94-1.74%2C43.33%2C0%2C2.64%2C2.15%2C4.79%2C4.79%2C4.79%2C2.64%2C0%2C4.79-2.15%2C4.79-4.79%2C0-.29.02-26.63%2C1.18-38.42%2C8.47%2C3.27%2C22.41%2C2.94%2C37.06-1.54%2C17.29-5.29%2C30.34-14.77%2C33.41-23.28-6.98-5.48-22.85-6.27-40.14-1.19Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22269.48%22%20height%3D%22269.48%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: cover;
}

/* 文字内の装飾 */
.tk1 {
  background: linear-gradient(transparent 60%, rgba(255, 216, 0, 1) 40%);
  text-shadow: 0 2px 0 rgb(255, 255, 255);
  padding-bottom: 3px;
  color: #000;
}
.tk2 {
  background: linear-gradient(transparent 70%, #ff3737 20%);
  text-shadow: 0 2px 0 rgb(255, 255, 255);
  padding-bottom: 3px;
}
.spanbold{
  font-weight: bold;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++
パターンライブラリー
++++++++++++++++++++++++++++++++++++++++++++++++ */
/* h2見出し */
h2.title-arrangement {
  clear: both;
  height: auto;
  color: #000;
  border-bottom: #d2d2d2 solid 1px;
  border-top: #d2d2d2 solid 1px;
  margin: 60px 0 14px 0;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: normal;
  padding: 10px 0;
}
/* h3見出し */
h3.title-arrangement {
  clear: both;
  height: auto;
  color: #303030;
  border-bottom: #bdbdbd dashed 1px;
  margin: 30px 0 10px 0;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: normal;
  padding: 8px 0;
}

/* Square Box01 */
.sq1 {
  display: block;
  border: 1px solid #ecebeb;
  background-color: #f3f3f3;
  margin: 10px 0;
  padding: 20px;
}

/* Square Box02 */
.sq2 {
  border: 5px solid #f3f3f3;
  background-color: #fff;
  margin: 10px 0;
  padding: 20px;
}

/* Square Box Red */
.sqred {
    border: 1px solid #f29e9e;
    background-color: #fffafa;
    margin: 10px 0;
    padding: 20px;
}

/* Inner Box */
.inner_box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #b5b5b5;
}
.inner_box .ttl_wrap {
    background: #ffd99d;
}
.inner_box .ttl {
    padding: 3%;
    font-weight: bold;
    margin-bottom: 0 !important;
}
.inner_box .txt {
    padding: 3%;
}
.inner_box .more{
    padding: 0 3% 3%;
}
.inner_box .more a{
    text-decoration: none;
    position: relative;
}
.inner_box .more a::before {
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #ff9e1c;
    border-right: 1px solid #ff9e1c;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* ビッグカード01 */
/*ビックカードから外してもこの組み合わせは適用*/
.title-group{
  margin-bottom: 1.5em;
}
.title-group p{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e5555d;
  margin-bottom: 0.5em;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.title-group p + *{
  margin-top: 0px;
  padding: 0px;
  /*font-size:2.19em;*/
  font-size: clamp(1.5rem, 1.2063rem + 1.2698vw, 2rem)!important;
}

.bigcard-type01 .title-group{
  margin-bottom: 1.5em;
}
.bigcard-type01 .title-group p{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e5555d;
  margin-bottom: 0.5em;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.bigcard-type01 .title-group p + *{
  margin-top: 0px;
  padding: 0px;
  /*font-size:2.19em;*/
  font-size: clamp(1.5rem, 1.2063rem + 1.2698vw, 2rem)!important;
}
.bigcard-type01 figure.wp-block-image img{
/*border-radius: 100vmax;*/
border-radius: 5vmax;
aspect-ratio: 440 / 300;
object-fit: cover;
max-width: 440px;
}
.bigcard-type01 .title-group + p{
  line-height: 2;
}
.repl > div{
  order: 2;
}
.repl > div + div{
  order: 1;
}
@media (max-width: 781px) {
  .repl > div{
    order: 1;
  }
  .repl > div + div{
    order: 2;
  }
}


/* ハーフカード */
.card-half{
  border: 1px solid #f5bfc2;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  padding: 5%;
  box-shadow: 3px 3px 0px 0px #f5bfc2;
}
.card-half figure img{
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 420 / 280;
  border-radius: 15px;
}
.card-half h3 {
  text-align: center;
  font-size: clamp(1rem, 0.8532rem + 0.6349vw, 1.25rem);
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.card-half h3::after{
  content: '';
  display: block;
  width: 60px;
  height: 10px;
  background-image : linear-gradient(to right, #f5bdc0 2px, transparent 2px);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: right bottom;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}
.card-half a h3::after{
  display: none;
}

/*カードショート*/
.card-threecoll{
  background-color: #fff;
  overflow: hidden;
  border-radius: 15px;
  padding: 0;
  box-shadow: 3px 3px 0px 0px #f5bfc2;
  height: 100%;
  width: 100%;
}
.card-threecoll figure{
  width: 100%;
  aspect-ratio: 3 / 2;
}
.card-threecoll figure img{
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}
.card-threecoll .inner-group{
  padding: 5%;
  margin-top: 0;
}
.card-threecoll .inner-group p{
line-height: 2;
}

/*パーツカード03 アイコンの組み合わせ*/
.card-threecoll__icon{
  background-color: #fff;
  overflow: hidden;
  border-radius: 15px;
  padding: 0;
  box-shadow: 3px 3px 0px 0px #f5bfc2;
  height: 100%;
  width: 100%;
}
.card-threecoll__icon figure{
  width: 100px;
  height: auto;
  aspect-ratio: 1 / 1;
  display: block;
  margin: auto;
  padding: 8% 0 0;
}
.card-threecoll__icon figure img{
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.card-threecoll__icon .inner-group{
  padding: 5%;
  margin-top: 0;
}
.card-threecoll__icon .inner-group h3{
font-size: 1.125em;
line-height: 1.6;
}
.card-threecoll__icon .inner-group p{
line-height: 2;
}

/* タイトルグループ01 */
.main-title-group p{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e5555d;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
.main-title-group p + *{
  margin: 0;
  padding: 0;
  font-size: clamp(1.5rem, 1.2063rem + 1.2698vw, 2rem)!important;
  padding-bottom: 1em;
}
/* タイトルグループ インスタ */
.main-title-group__insta > *{
  margin: 0;
  padding: 0;
  font-size: 2.188em;
  padding-bottom: 1em;
}
.main-title-group__insta::before{
  content: '';
  width: 28px;
  height: 28px;
  margin: auto;
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_106_100)%22%3E%3Cpath%20d%3D%22M14.4839%2027C12.4371%2027%2010.4803%2026.9382%208.50662%2026.8651C4.26127%2026.7076%201.44415%2023.8849%201.13488%2019.5271C0.859357%2015.6191%200.97744%2012.116%201.13488%208.56786C1.32607%204.15382%204.00823%201.47165%208.48413%201.19612C12.6114%200.943089%2015.5803%200.943089%2019.4546%201.19612C23.8799%201.4829%2026.4889%204.09196%2026.8038%208.53413C27.1018%2012.6839%2027.1018%2015.8721%2026.8038%2019.5271C26.4552%2023.8062%2023.6437%2026.612%2019.4546%2026.8538C17.7115%2026.9607%2016.0752%2026.9888%2014.4895%2026.9888L14.4782%2027H14.4839ZM14.0734%203.11356C12.3752%203.11356%2010.6434%203.17542%208.62471%203.2935C4.3681%203.54653%203.35596%206.34678%203.26037%208.64658C3.10293%2012.1328%202.99609%2015.5629%203.26037%2019.364C3.49092%2022.7097%205.39149%2024.6215%208.60221%2024.7396C12.0322%2024.8689%2015.4341%2024.9701%2019.3309%2024.7396C22.491%2024.5484%2024.4422%2022.586%2024.6952%2019.3528C24.982%2015.8046%2024.982%2012.712%2024.6952%208.6747C24.4647%205.31778%2022.6484%203.5128%2019.3196%203.28788C17.4303%203.15855%2015.7603%203.10794%2014.0621%203.10794H14.0734V3.11356Z%22%20fill%3D%22%23E5555D%22%2F%3E%3Cpath%20d%3D%22M14.0003%2020.6965C10.3173%2020.6965%207.31458%2017.6995%207.31458%2014.0108C7.31458%2010.3221%2010.3116%207.32507%2014.0003%207.32507C17.689%207.32507%2020.686%2010.3221%2020.686%2014.0108C20.686%2017.6995%2017.689%2020.6965%2014.0003%2020.6965ZM14.0003%209.42807C11.4756%209.42807%209.42882%2011.4748%209.42882%2013.9996C9.42882%2016.5243%2011.4756%2018.5711%2014.0003%2018.5711C16.525%2018.5711%2018.5718%2016.5243%2018.5718%2013.9996C18.5718%2011.4748%2016.525%209.42807%2014.0003%209.42807Z%22%20fill%3D%22%23E5555D%22%2F%3E%3Cpath%20d%3D%22M20.9783%208.81521C21.8883%208.81521%2022.6259%208.07759%2022.6259%207.16768C22.6259%206.25777%2021.8883%205.52014%2020.9783%205.52014C20.0684%205.52014%2019.3308%206.25777%2019.3308%207.16768C19.3308%208.07759%2020.0684%208.81521%2020.9783%208.81521Z%22%20fill%3D%22%23E5555D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_106_100%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-size: cover;
}

/* メインイメージ */
.mainimages figure{
  width: 100%;
  text-align: center;
}
.mainimages figure img{
  display: block;
  margin: auto;
}

/*ギャラリー*/
.original-gallery figure{
  aspect-ratio: 3 / 2;
}
.original-gallery figure img{
  aspect-ratio: 3 / 2;
  border-radius: 20px;
  object-fit:cover;
}

/*SNS-Demo*/
.sample-sns figure{
  aspect-ratio: 1 / 1;
}
.sample-sns figure img{
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  object-fit:cover;
}


/*3カラム固定*/
@media (min-width: 782px) {
  .wp-block-columns.three-column-fixed {
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: 100%;
    gap: 2%;
  }
  .wp-block-columns.three-column-fixed > .wp-block-column {
    width: 32% !important;
    flex-grow: 0 !important;
    margin-bottom: 2%;
  }
  .wp-block-columns.three-column-fixed > .wp-block-column {
      flex-grow: 0 !important;
      flex-basis: 32% !important;
      max-width: 32% !important;
  }
}

/*質問と回答01・02*/
@media (max-width: 781px) {
.questions-and-answers__wrap > div{order:2}
.questions-and-answers__wrap > div + div{order:1}
}
.questions-and-answers{
  border-top:1px dotted #ccc;
  padding: 1.25em 0 0;
}
.questions-and-answers p{
  margin-bottom: 1em;
}
.questions-and-answers .question{
  display: flex;
  gap: 15px;
  align-items: center;
  background-color: #FFEFEF;
  padding: 5px;
  border-radius: 10px;
}
.questions-and-answers .question::before{
  font-size: 1.125em;
  font-weight: 700;
  content: 'Q';
  display: block;
  background-color: #e5555d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 5px;
  line-height:0 ;
}
.questions-and-answers .answer{
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 5px;
}
.questions-and-answers .answer::before{
  content: 'A';
  font-size: 1.125em;
  font-weight: 700;
  display: block;
  background-color: #e5555d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 5px;
  line-height: 0;
}
.questions-and-answers__imagewrap figure img{
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 15px;
}

/*フローブロック*/
.flow-block{
background-color:#FFEFEF;
border-radius: 20px;
padding: 2em 5em;
position: relative;
}
.flow-block::after{
  content:'';
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2094.74%2094.74%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23d8545a%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2247.37%2090.79%2094.24%209.61%20.5%209.61%2047.37%2090.79%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2294.74%22%20height%3D%2294.74%22%2F%3E%3C%2Fsvg%3E');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.flow-block:last-of-type::after{
  display: none;
}
.flow-block > .wp-block-column p{
  font-size: 17px;
}
.flow-block > .wp-block-column:first-of-type p{
  font-weight: bold;
}
:root .is-layout-constrained > .flow-block {
  margin-top: 50px;
}
:root .is-layout-constrained > .flow-block:first-child {
  margin-block-start: 0;
}
@media (max-width: 781px) {
  .flow-block{
  padding: 2em;
  }
}

/*ブロック組み合わせ 01*/
.applenursery-block-type01{
  margin-bottom: 3em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++
ショートコード挿入
++++++++++++++++++++++++++++++++++++++++++++++++ */
/* リクルート */
.include-recruit{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.include-recruit > li{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 49%;
  background-color: #fff;
  border-radius: 20px;
  padding: 0;
  border:1px solid #f5bfc2;
  box-shadow: 3px 3px 0px 0px #f5bfc2;
  padding: 2.5%;
  margin-bottom: 2%;
}
.include-recruit > li > a{
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
}
.include-recruit > li > a figure {
  aspect-ratio: 6 / 4;
  width: 48%;
}

.include-recruit > li > a figure img{
  width: 100%;
  aspect-ratio: 6 / 4;
  object-fit: cover;
  border-radius: 15px;
}
.include-recruit > li > a figure + div{
  width: 45%;
}
.include-recruit > li > a figure + div h3{
  margin-bottom: 0.8em;
  font-size: 1.25em;
}
.include-recruit > li > a figure + div h3::after{
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background-image : linear-gradient(to right, #f5bdc0 2px, transparent 2px);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: right bottom;
  margin-top: 0.3em;
}
.front-tag {
  display: flex;
  flex-wrap: wrap;
  gap:15px;
}
.front-tag li{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  background-color: #e5555d;
  padding: 5px 20px;
  border-radius: 999px;
  font-size: 0.875em;
  color: #fff;
}
@media (max-width: 781px) {
  .include-recruit > li{
    width: 100%;
  }
}

/* ニュース */
.include-news {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 0px!important;
}
.include-news li{
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 10px;
}
.include-news li::after{
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background-image : linear-gradient(to right, #f5bdc0 2px, transparent 2px);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: right bottom;
}
.include-news li a{
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  padding: 1.5% 0;
}
.include-news li a .time{
  width: 100px;
}
.include-news li a .linktitle{
  width: calc(100% - 100px);
}

/* インタビュー */
/*パーツカードをベースに作成*/
.include-interview{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.include-interview > li{
  margin: 0;
  padding: 0;
  list-style: none;
  flex-basis: 48%;
  margin-bottom: 2%;
}
.include-interview > li h3{
  text-align: left;
}
.include-interview a{
  text-decoration: none;

}

/*CF7のコード*/
/* テーブル全体 */
.CF7_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
/* 見出しセル */
.CF7_table th {
  width: 25%;
  text-align: left;
  padding: 12px;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  vertical-align: middle;
}
/* 入力フィールドセル */
.CF7_table td {
  padding: 12px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
/* 必須マーク */
.CF7_req {
  display: inline-block;
  background: #e63946;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px;
  margin-right: 6px;
  border-radius: 3px;
}
/* テキストフィールドやテキストエリアを統一デザインに */
.CF7_table input[type="text"],
.CF7_table input[type="email"],
.CF7_table textarea {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}
/* フォーカス時のアクセント */
.CF7_table input[type="text"]:focus,
.CF7_table input[type="email"]:focus,
.CF7_table textarea:focus {
  outline: none;
  border-color: #0077cc;
  box-shadow: 0 0 3px rgba(0, 119, 204, 0.3);
}
/* テキストエリアは少し高さを確保 */
.CF7_table textarea {
  min-height: 120px;
  resize: vertical;
}
/* 送信ボタン */
.CF7_btn input[type="submit"] {
  width: 270px;
  display: block;
  margin: 2em auto 0;
  border-radius: 9999px;
  background: #e5555d;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 30px;
  border: none;
  cursor: pointer;
}

@media (max-width: 781px) {
  /* テーブルをブロック表示に */
  .CF7_table,
  .CF7_table tbody,
  .CF7_table tr,
  .CF7_table th,
  .CF7_table td {
    display: block;
    width: 100%;
  }

  /* 行の余白を確保 */
  .CF7_table tr {
    margin-bottom: 20px;
    border-bottom: none;
  }

  /* 項目名(th)のデザインを調整 */
  .CF7_table th {
    background: none;
    padding: 0 0 6px;
    font-size: 14px;
    border: none;
  }

  /* 入力欄(td)はそのまま幅100% */
  .CF7_table td {
    padding: 0;
    border: none;
    background: none;
  }

  /* 必須マークを少し小さく */
  .CF7_req {
    font-size: 11px;
    padding: 1px 4px;
  }

  /* テキストエリアは少し高さ控えめに */
  .CF7_table textarea {
    min-height: 100px;
  }

  /* 送信ボタンは中央寄せ */
  .CF7_btn {
    text-align: center;
  }
  .CF7_btn input[type="submit"] {
    width: 80%;
    max-width: 300px;
  }
}


/*新エントリーフォーム*/
.field_wrap {
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    display: table;
    margin-bottom: 30px;
}
.field_wrap.first {
    margin-top: 30px;
}
.field_name {
    display: table-cell;
    width: 250px;
    padding: 0 0 10px 30px;
    font-weight: bold;
    border-bottom: 2px dashed #ddd;
    color: #555;
    vertical-align: middle;
}
.field_name label {
    font-weight: bold;
}
.field {
    display: table-cell;
    padding: 0 0 30px 30px;
    border-bottom: 2px dashed #ddd;
}
.label_wrap {
    display: inline-flex;
    flex-direction: column;
}
.field_name.require::after,
.field_name.any::after {
    display: inline-block;
    font-size: 10px;
    line-height: normal;
    border-radius: 2px;
    padding: 0 6px 1px;
    margin: 0 10px 0;
    position: relative;
    bottom: 2px;
    visibility: visible;
    height: auto;
}
.field_name.any::after {
    content: "任意";
    color: rgb(153, 153, 153);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial;
}
.field_name.require::after {
    content: "必須";
    color: rgb(238, 99, 84);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 99, 84);
    border-image: initial;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.wpcf7-radio .wpcf7-list-item {
    display: inline-flex;
    margin: 7.5px;
    line-height: 1;
}

.wpcf7-list-item-label {
    display: inline-flex;
    align-items: center;
    padding-left: 7.5px;
    color: #555;
}

.wpcf7-form-control input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    outline: none;
    background-color: #fff;
}


.wpcf7-form-control input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    outline: none;
    background-color: #fff;
}
.wpcf7-checkbox .wpcf7-list-item {
    display: inline-flex;
    margin: 7.5px;
    line-height: 1;
}
input.wpcf7-form-control {
    width: 100%;
    height: 52px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 15px;
    background-color: #fff;
    font-size: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 1000px) {
    textarea.wpcf7-form-control.wpcf7-textarea {
        width: 100%;
    }
}
textarea.wpcf7-form-control {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
    background-color: #fff;
    font-size: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
}
.near-st {
    display: flex;
}
.field_wrap p {
    margin-bottom: 0 !important;
}
.route-box {
    margin-right: 20px;
}
.route-box, .station-box {
    display: flex;
    align-items: center;
}
.route-box, .station-box {
    white-space: nowrap;
}
div.sbtn_2 input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 250px;
    height: 50px;
    border-radius: 25px;
    background: #e5555d;
    font-weight: bold;
    letter-spacing: 0.075em;
    transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
    margin: auto;
    font-weight: bold;
    font-size: 1em;
}
@media screen and (max-width: 800px) {
    .field_name {
        display: block;
        width: auto;
        border: none;
        padding: 0;
        margin-bottom: 10px;
        font-size: 1.1em;
    }
    .field_wrap {
        display: block;
    }
    .field {
    display: block;
    padding: 0 0 30px 0px;
    border-bottom: 2px solid #ddd;
  }
  .field.near-st {
      display: flex;
  }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++
クラスのオーバーライド
++++++++++++++++++++++++++++++++++++++++++++++++ */
.frontpage-newscol__adjustment_wrap h2{
  padding-bottom: 0;
}


/*---------------------------------------------------------------------
【 重要 】
● このファイル上部・注意の項目を必ず参照してください
● この行以降にはコードを記述しないでください。必ずこのコメントアウト最終行にあること
---------------------------------------------------------------------*/