@charset "UTF-8";
/*======================================
title
/*======================================*/
.post-style .wp-block-group:first-of-type {
  margin-top: 0;
}
.post-style .is-style-g h2:first-of-type, .post-style .is-style-g h3:first-of-type, .post-style .is-style-g h4:first-of-type, .post-style .point-block h4:first-of-type {
  margin-top: 0;
}
.post-style h2:first-of-type, .post-style h3:first-of-type, .post-style h4:first-of-type {
  margin-top: 0;
}
.article-title-CMN {
  margin-bottom: 3em;
}
.article-title-CMN .time {
  font-size: 85%;
  margin-top: 1em;
  color: rgb(var(--navy-rgb) / .7);
  letter-spacing: 3px;
  font-weight: 300;
}
@media screen and (min-width:768px) {
  .article-title-CMN {
    margin-bottom: 4em;
  }
} /*END query*/
/* h1 :::::::::::::::: */
.post-style h1 {
  text-align: left;
  font-size: 160%;
}
.post-style h1 br {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style h1 {
    font-size: 200%;
  }
  .post-style h1 br {
    display: block;
  }
} /*END query*/
/*======================================
title (components)
/*======================================*/
/*--------------------------------------
  1) ラベル（背景あり）
--------------------------------------*/
.title-label {
  display: block;
  text-align: left;
  font-size: 140%;
  padding: .5em;
  margin-bottom: 1em;
  /* default */
  --tl-bg-rgb: var(--navy-rgb);
  --tl-bg-alpha: .12;
  --tl-bar-color: var(--navy);
  background-color: rgb(var(--tl-bg-rgb) / var(--tl-bg-alpha));
  border-left: 5px solid var(--tl-bar-color);
}
/* has-*-color 連動（変数だけ差し替え） */
.title-label.has-navy-color {
  --tl-bg-rgb: var(--navy-rgb);
  --tl-bg-alpha: .12;
  --tl-bar-color: var(--navy);
}
.title-label.has-blue-color {
  --tl-bg-rgb: var(--blue-rgb);
  --tl-bg-alpha: .12;
  --tl-bar-color: var(--blue);
}
.title-label.has-purple-color {
  --tl-bg-rgb: var(--purple-rgb);
  --tl-bg-alpha: .12;
  --tl-bar-color: var(--purple);
}
.title-label.has-pink-color {
  --tl-bg-rgb: var(--pink-rgb);
  --tl-bg-alpha: .12;
  --tl-bar-color: var(--pink);
}
.title-label.has-red-color {
  --tl-bg-rgb: var(--red-rgb);
  --tl-bg-alpha: .08;
  --tl-bar-color: var(--red);
}
.title-label.has-gray-color {
  --tl-bg-rgb: var(--gray-rgb);
  --tl-bg-alpha: .4;
  --tl-bar-color: var(--gray);
}
.title-label.has-white-color {
  --tl-bg-rgb: var(--white-rgb);
  --tl-bg-alpha: .6;
  --tl-bar-color: var(--white);
}
.title-label.has-yellow-color {
  --tl-bg-rgb: var(--yellow-rgb);
  --tl-bg-alpha: .35;
  --tl-bar-color: var(--yellow);
}
.title-label.has-black-color {
  --tl-bg-rgb: var(--black-rgb);
  --tl-bg-alpha: .15;
  --tl-bar-color: var(--black);
}
/* テキスト色は変更させない（has-text-color 等を潰す） */
.title-label.has-text-color, .title-label[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/*--------------------------------------
  2) ラベル（背景なし）
--------------------------------------*/
.title-label-bg-none {
  padding: .2em .75em;
  margin: 0 0 1.375em;
  font-size: 130%;
  text-align: left;
  /* default */
  --tlb-rgb: var(--navy-rgb);
  --tlb-alpha: .5;
  border-left: 6px solid rgb(var(--tlb-rgb) / var(--tlb-alpha));
}
/* has-*-color 連動（変数だけ差し替え） */
.title-label-bg-none.has-navy-color {
  --tlb-rgb: var(--navy-rgb);
  --tlb-alpha: .5;
}
.title-label-bg-none.has-blue-color {
  --tlb-rgb: var(--blue-rgb);
  --tlb-alpha: .5;
}
.title-label-bg-none.has-purple-color {
  --tlb-rgb: var(--purple-rgb);
  --tlb-alpha: .5;
}
.title-label-bg-none.has-pink-color {
  --tlb-rgb: var(--pink-rgb);
  --tlb-alpha: .5;
}
.title-label-bg-none.has-red-color {
  --tlb-rgb: var(--red-rgb);
  --tlb-alpha: .5;
}
.title-label-bg-none.has-gray-color {
  --tlb-rgb: var(--gray-rgb);
  --tlb-alpha: .7;
}
.title-label-bg-none.has-white-color {
  --tlb-rgb: var(--white-rgb);
  --tlb-alpha: .8;
}
.title-label-bg-none.has-yellow-color {
  --tlb-rgb: var(--yellow-rgb);
  --tlb-alpha: .7;
}
.title-label-bg-none.has-black-color {
  --tlb-rgb: var(--black-rgb);
  --tlb-alpha: .6;
}
/* テキスト色は変更させない */
.title-label-bg-none[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/*--------------------------------------
  3) 上下線（title-line）
--------------------------------------*/
.title-line {
  position: relative;
  text-align: left;
  font-size: 150%;
  padding: .75em .5em;
  margin: 0 0 1.25em;
  /* default*/
  --tl-color: var(--navy);
  --tl-rgb: var(--navy-rgb);
  color: var(--tl-color);
  border-top: 2px solid rgb(var(--tl-rgb) / .5);
  border-bottom: 2px solid rgb(var(--tl-rgb) / .5);
}
/* has-*-color */
.title-line.has-navy-color {
  --tl-color: var(--navy);
  --tl-rgb: var(--navy-rgb);
}
.title-line.has-blue-color {
  --tl-color: var(--blue);
  --tl-rgb: var(--blue-rgb);
}
.title-line.has-purple-color {
  --tl-color: var(--blue);
  --tl-rgb: var(--blue-rgb);
}
.title-line.has-pink-color {
  --tl-color: var(--pink);
  --tl-rgb: var(--pink-rgb);
}
.title-line.has-red-color {
  --tl-color: var(--red);
  --tl-rgb: var(--red-rgb);
}
.title-line.has-gray-color {
  --tl-color: var(--gray);
  --tl-rgb: var(--gray-rgb);
}
.title-line.has-white-color {
  --tl-color: var(--white);
  --tl-rgb: var(--white-rgb);
}
.title-line.has-yellow-color {
  --tl-color: var(--yellow);
  --tl-rgb: var(--yellow-rgb);
}
.title-line.has-black-color {
  --tl-color: var(--black);
  --tl-rgb: var(--black-rgb);
}
/*--------------------------------------
  4) 下線（title-line-bottom）
--------------------------------------*/
.title-line-bottom {
  text-align: left;
  font-size: 140%;
  margin: 1em auto 1em;
  border-bottom: 2px solid rgb(var(--navy-rgb) / .85);
  padding-bottom: .5em;
}
/* has-*-color 連動 */
.title-line-bottom.has-navy-color {
  border-bottom-color: rgb(var(--navy-rgb) / .85);
}
.title-line-bottom.has-blue-color {
  border-bottom-color: rgb(var(--blue-rgb) / .85);
}
.title-line-bottom.has-purple-color {
  border-bottom-color: rgb(var(--purple-rgb) / .85);
}
.title-line-bottom.has-pink-color {
  border-bottom-color: rgb(var(--pink-rgb) / .85);
}
.title-line-bottom.has-red-color {
  border-bottom-color: rgb(var(--red-rgb) / .85);
}
.title-line-bottom.has-gray-color {
  border-bottom-color: rgb(var(--gray-rgb) / .85);
}
.title-line-bottom.has-white-color {
  border-bottom-color: rgb(var(--white-rgb) / .85);
}
.title-line-bottom.has-yellow-color {
  border-bottom-color: rgb(var(--yellow-rgb) / .85);
}
.title-line-bottom.has-black-color {
  border-bottom-color: rgb(var(--black-rgb) / .85);
}
/*--------------------------------------
  5) アイコン（Dashicons）
--------------------------------------*/
.title-icon {
  position: relative;
  text-align: left;
  font-size: 120%;
  line-height: 1.4;
  padding: .5em 0 .5em 1.3em;
  margin: 0 auto;
  /* default */
  --ti-color: var(--navy);
  --ti-scale: 1.3;
  color: var(--ti-color);
}
.title-icon:before {
  font-family: "dashicons";
  content: "\f534"; /* default icon */
  position: absolute;
  left: 0;
  transform: scale(var(--ti-scale));
  color: inherit;
}
.title-icon.exclamation:before {
  content: "\f534";
}
.title-icon.check:before {
  content: "\f12a";
}
.title-icon.question:before {
  content: "\f223";
  --ti-scale: 1.5;
}
.title-icon.has-navy-color {
  --ti-color: var(--navy);
}
.title-icon.has-blue-color {
  --ti-color: var(--blue);
}
.title-icon.has-purple-color {
  --ti-color: var(--purple);
}
.title-icon.has-pink-color {
  --ti-color: var(--pink);
}
.title-icon.has-red-color {
  --ti-color: var(--red);
}
.title-icon.has-gray-color {
  --ti-color: var(--gray);
}
.title-icon.has-white-color {
  --ti-color: var(--white);
}
.title-icon.has-yellow-color {
  --ti-color: var(--yellow);
}
.title-icon.has-black-color {
  --ti-color: var(--black);
}
/*--------------------------------------
  6) カッコ
--------------------------------------*/
.title-center-brackets {
  position: relative;
  text-align: center;
  margin: 0 auto .5em;
  font-size: 170%;
  line-height: 1.4em;
  letter-spacing: 3px;
  padding: 0.25em 1em;
  display: block;
  width: fit-content;
  max-width: 100%;
  --bracket-grad: linear-gradient(90deg, var(--blue), var(--pink));
  color: var(--navy);
}
.title-center-brackets::before, .title-center-brackets::after {
  content: '';
  width: 20px;
  height: 30px;
  position: absolute;
}
.title-center-brackets::before {
  top: 0;
  left: 0;
  border-left: 1px solid;
  border-top: 1px solid;
  border-image: var(--bracket-grad) 1;
}
.title-center-brackets::after {
  bottom: 0;
  right: 0;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-image: var(--bracket-grad) 1;
}
.title-center-brackets.has-navy-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--navy-rgb)), rgb(var(--navy-rgb)));
}
.title-center-brackets.has-blue-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--blue-rgb)), rgb(var(--blue-rgb)));
}
.title-center-brackets.has-purple-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--purple-rgb)), rgb(var(--purple-rgb)));
}
.title-center-brackets.has-pink-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--pink-rgb)), rgb(var(--pink-rgb)));
}
.title-center-brackets.has-red-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--red-rgb)), rgb(var(--red-rgb)));
}
.title-center-brackets.has-yellow-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--yellow-rgb)), rgb(var(--yellow-rgb)));
}
.title-center-brackets.has-black-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--black-rgb)), rgb(var(--black-rgb)));
}
.title-center-brackets.has-white-color {
  --bracket-grad: linear-gradient(90deg, rgb(var(--white-rgb)), rgb(var(--white-rgb)));
}
.title-center-brackets[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/*--------------------------------------
  7) 短い下線
--------------------------------------*/
.title-line-bottom-short {
  position: relative;
  text-align: center;
  margin: 0 auto .5em;
  font-size: 150%;
  line-height: 1.4em;
  letter-spacing: 3px;
  padding: 0.25em 0;
  display: block;
  width: fit-content;
  max-width: 100%;
  --line-grad: linear-gradient(90deg, rgb(var(--navy-rgb) / .5), rgb(var(--blue-rgb) / .5));
  color: var(--navy);
}
.title-line-bottom-short::before {
  content: '';
  position: absolute;
  bottom: -15px;
  width: 60px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--line-grad);
  border-radius: 2px;
}
.title-line-bottom-short.has-navy-color {
  --line-grad: linear-gradient(90deg, rgb(var(--navy-rgb) / .7), rgb(var(--navy-rgb) / .7));
}
.title-line-bottom-short.has-blue-color {
  --line-grad: linear-gradient(90deg, rgb(var(--blue-rgb) / .7), rgb(var(--blue-rgb) / .7));
}
.title-line-bottom-short.has-purple-color {
  --line-grad: linear-gradient(90deg, rgb(var(--purple-rgb) / .7), rgb(var(--purple-rgb) / .7));
}
.title-line-bottom-short.has-pink-color {
  --line-grad: linear-gradient(90deg, rgb(var(--pink-rgb) / .7), rgb(var(--pink-rgb) / .7));
}
.title-line-bottom-short.has-red-color {
  --line-grad: linear-gradient(90deg, rgb(var(--red-rgb) / .7), rgb(var(--red-rgb) / .7));
}
.title-line-bottom-short.has-yellow-color {
  --line-grad: linear-gradient(90deg, rgb(var(--yellow-rgb) / .7), rgb(var(--yellow-rgb) / .7));
}
.title-line-bottom-short.has-black-color {
  --line-grad: linear-gradient(90deg, rgb(var(--black-rgb) / .7), rgb(var(--black-rgb) / .7));
}
.title-line-bottom-short.has-white-color {
  --line-grad: linear-gradient(90deg, rgb(var(--white-rgb) / .8), rgb(var(--white-rgb) / .8));
}
.title-line-bottom-short[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/*--------------------------------------
  8) シンプル
--------------------------------------*/
/* title-simple :::::::::::::::: */
.title-simple {
  text-align: left;
  font-size: 120%;
  margin: 0 auto .5em;
}
.is-style-g h2:first-of-type, .is-style-g h3:first-of-type {
  margin-top: 0;
}
.has-text-align-left {
  text-align: left !important;
}
.has-text-align-center {
  text-align: center !important;
}
.has-text-align-right {
  text-align: right !important;
}
/*======================================
block
/*======================================*/
.wp-block-columns .is-style-justify {
  justify-content: space-between;
}
.wp-block-columns .is-style-center {
  justify-content: center;
}
.is-style-g {
  text-align: center;
  font-size: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.is-style-g * {
  text-align: left;
}
.is-style-g p {
  margin-bottom: 0 !important;
}
/*--------------------------------------
  枠線
--------------------------------------*/
.block-border {
  /* default（navy） */
  --bb-rgb: var(--navy-rgb);
  --bb-alpha: .1;
  border: 1em solid rgb(var(--bb-rgb) / var(--bb-alpha));
  padding: 1.5em;
}
.block-border.has-navy-color {
  --bb-rgb: var(--navy-rgb);
  --bb-alpha: .1;
}
.block-border.has-blue-color {
  --bb-rgb: var(--blue-rgb);
  --bb-alpha: .2;
}
.block-border.has-purple-color {
  --bb-rgb: var(--purple-rgb);
  --bb-alpha: .2;
}
.block-border.has-pink-color {
  --bb-rgb: var(--pink-rgb);
  --bb-alpha: .2;
}
.block-border.has-red-color {
  --bb-rgb: var(--red-rgb);
  --bb-alpha: .1;
}
.block-border.has-gray-color {
  --bb-rgb: var(--gray-rgb);
  --bb-alpha: .4;
}
.block-border.has-white-color {
  --bb-rgb: var(--white-rgb);
  --bb-alpha: .5;
}
.block-border.has-yellow-color {
  --bb-rgb: var(--yellow-rgb);
  --bb-alpha: .25;
}
.block-border.has-black-color {
  --bb-rgb: var(--black-rgb);
  --bb-alpha: .1;
}
.block-border.has-text-color, .block-border [class*="has-"][class*="-color"] {
  color: inherit !important;
}
/*--------------------------------------
  タイトル付
--------------------------------------*/
.block-title {
  /* default（navy） */
  --bt-rgb: var(--navy-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
  position: relative;
  border: 2px solid rgb(var(--bt-rgb) / var(--bt-alpha));
  padding: 2em 2em 1em;
  margin: 3em auto;
}
.block-title > .wp-block-group__inner-container > .wp-block-heading:first-child {
  position: absolute;
  left: -2px;
  top: -1.3em;
  background: rgb(var(--bt-rgb) / var(--bt-label-alpha));
  color: var(--white);
  margin: 0;
  display: inline-block;
  padding: .3em .5em;
  letter-spacing: 2px;
}
.block-title.has-navy-color {
  --bt-rgb: var(--navy-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
}
.block-title.has-blue-color {
  --bt-rgb: var(--blue-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
}
.block-title.has-purple-color {
  --bt-rgb: var(--purple-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
}
.block-title.has-pink-color {
  --bt-rgb: var(--pink-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
}
.block-title.has-red-color {
  --bt-rgb: var(--red-rgb);
  --bt-alpha: .1;
  --bt-label-alpha: .8;
}
.block-title.has-gray-color {
  --bt-rgb: var(--gray-rgb);
  --bt-alpha: .3;
  --bt-label-alpha: .9;
}
.block-title.has-yellow-color {
  --bt-rgb: var(--yellow-rgb);
  --bt-alpha: .25;
  --bt-label-alpha: .85;
}
.block-title.has-black-color {
  --bt-rgb: var(--black-rgb);
  --bt-alpha: .15;
  --bt-label-alpha: .85;
}
.block-title.has-white-color {
  --bt-rgb: var(--white-rgb);
  --bt-alpha: .5;
  --bt-label-alpha: .9;
}
.block-title.has-text-color, .block-title [class*="has-"][class*="-color"] {
  color: inherit !important;
}
@media screen and (min-width:768px) {
  .block-border {
    padding: 3em;
  }
  .block-title {
    padding: 2em 2em 1em;
  }
} /*END query*/
/*======================================
common
/*======================================*/
.post-style .desc p span {
  display: inline;
}
.post-style p {
  text-align: left;
  line-height: 1.6em;
}
.post-style p:not(:last-of-type) {
  margin-bottom: 1em !important;
}
.post-style p br {
  display: none;
}
.post-style p br.sp {
  display: block;
}
.post-style p br.pc {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style p br {
    display: block;
  }
  .post-style p br.sp {
    display: none;
  }
  .post-style p br.pc {
    display: block;
  }
} /*END query*/
.post-style p mark {
  padding: 3px 0;
}
.post-style p img {
  max-width: 600px;
}
.post-style .wp-block-group img {
  width: auto;
}
/*======================================
color (Gutenberg classes :root準拠 最新版)
/*======================================*/
/* =========================
   濃色系（白文字）
========================= */
.has-navy-background-color, .wp-block-button__link.has-navy-background-color {
  background-color: var(--navy);
  color: var(--white);
}
.has-blue-background-color, .wp-block-button__link.has-blue-background-color {
  background-color: var(--blue);
  color: var(--white);
}
.has-blue-background-color, .wp-block-button__link.has-purple-background-color {
  background-color: var(--purple);
  color: var(--white);
}
.has-pink-background-color, .wp-block-button__link.has-pink-background-color {
  background-color: var(--pink);
  color: var(--white);
}
.has-red-background-color, .wp-block-button__link.has-red-background-color {
  background-color: var(--red);
  color: var(--white);
}
.has-black-background-color, .wp-block-button__link.has-black-background-color {
  background-color: var(--black);
  color: var(--white);
}
/* =========================
   淡色系（黒文字）
========================= */
.has-gray-background-color, .wp-block-button__link.has-gray-background-color {
  background-color: var(--gray);
  color: var(--black);
}
.has-yellow-background-color, .wp-block-button__link.has-yellow-background-color {
  background-color: var(--yellow);
  color: var(--black);
}
.has-white-background-color, .wp-block-button__link.has-white-background-color {
  background-color: var(--white);
  color: var(--black);
}
/* =========================
   50%系（半透明）
========================= */
.has-navy-50-background-color, .wp-block-button__link.has-navy-50-background-color {
  background-color: rgb(var(--navy-rgb) / .5);
  color: var(--white);
}
.has-blue-50-background-color, .wp-block-button__link.has-blue-50-background-color {
  background-color: rgb(var(--blue-rgb) / .5);
  color: var(--white);
}
.has-blue-50-background-color, .wp-block-button__link.has-purple-50-background-color {
  background-color: rgb(var(--purple-rgb) / .5);
  color: var(--white);
}
.has-pink-50-background-color, .wp-block-button__link.has-pink-50-background-color {
  background-color: rgb(var(--pink-rgb) / .5);
  color: var(--white);
}
/*======================================
text / border  （最新版パレット準拠）
/*======================================*/
/* =========================
   テキスト＋ボーダー色
========================= */
.has-navy-color {
  color: var(--navy);
  border-color: var(--navy);
}
.has-blue-color {
  color: var(--blue);
}
.has-purple-color {
  color: var(--purple);
}
.has-pink-color {
  color: var(--pink);
}
.has-red-color {
  color: var(--red);
}
.has-gray-color {
  color: var(--gray);
}
.has-yellow-color {
  color: var(--yellow);
}
.has-white-color {
  color: var(--white);
}
.has-black-color {
  color: var(--black);
}
.has-txt-color {
  color: var(--txt);
}
/* =========================
   50%カラー（必要なら）
========================= */
.has-navy-50-color {
  color: rgb(var(--navy-rgb) / .5);
  border-color: rgb(var(--navy-rgb) / .5);
}
.has-blue-50-color {
  color: rgb(var(--blue-rgb) / .5);
  border-color: rgb(var(--blue-rgb) / .5);
}
.has-purple-50-color {
  color: rgb(var(--purple-rgb) / .5);
  border-color: rgb(var(--purple-rgb) / .5);
}
.has-pink-50-color {
  color: rgb(var(--pink-rgb) / .5);
  border-color: rgb(var(--pink-rgb) / .5);
}
/* =========================
   pseudo 要素対応
========================= */
.has-navy-color:before {
  color: var(--navy);
}
.has-blue-color:before {
  color: var(--blue);
}
.has-purple-color:before {
  color: var(--purple);
}
.has-pink-color:before {
  color: var(--pink);
}
.has-red-color:before {
  color: var(--red);
}
.has-gray-color:before {
  color: var(--gray);
}
.has-yellow-color:before {
  color: var(--yellow);
}
.has-white-color:before {
  color: var(--white);
}
.has-black-color:before {
  color: var(--black);
}
.has-txt-color:before {
  color: var(--txt);
}
.has-navy-50-color:before {
  color: rgb(var(--navy-rgb) / .5);
}
.has-blue-50-color:before {
  color: rgb(var(--blue-rgb) / .5);
}
.has-purple-50-color:before {
  color: rgb(var(--purple-rgb) / .5);
}
.has-pink-50-color:before {
  color: rgb(var(--pink-rgb) / .5);
}
.post-style .check-list li:not(:last-of-type) {
  margin-bottom: .7em;
}
@media screen and (min-width:768px) {
  .post-style .check-list li:not(:last-of-type) {
    margin-bottom: 1em;
  }
} /*END query*/
figure {
  margin: 0;
  padding: 0;
}
figcaption {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  text-align: left;
  font-size: 85%;
  line-height: 1.5em;
  margin-top: 1em;
}
.post-style .img.max-wrap {
  max-width: 500px;
  margin: 2em auto;
}
.wp-block-column .wp-block-image:first-of-type {
  margin: .5em 0 1em;
}
@media screen and (min-width:768px) {
  .wp-block-column .wp-block-image:first-of-type {
    margin: 1em 0 2em;
  }
}
.post-style .point-block {
  position: relative;
  text-align: left;
  font-size: 100%;
  width: 100%;
  padding: 1em;
  background: rgb(var(--gray-rgb) / .6);
  border-radius: 0 10px 10px 10px;
  margin-top: 4em;
}
.post-style .point-block:after {
  position: absolute;
  font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif;
  font-weight: 900;
  content: '\f00c  Check';
  background: var(--blue);
  color: var(--white);
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: .5em .5em .3em;
  font-size: 85%;
  line-height: 1em;
  letter-spacing: 0.05em;
}
.post-style .point-block .title-line-bottom {
  margin-top: 0;
}
@media screen and (min-width:768px) {
  .post-style .point-block {
    padding: 1.5em;
  }
  .post-style .point-block {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
} /*END query*/
.post-style .img, .wp-block-image {
  width: 100%;
  margin: 1em 0;
}
.post-style .wp-block-group .img-center img {
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .post-style .wp-block-group .img-100 img {
    width: 100%;
    max-width: 100%;
  }
  .post-style .wp-block-group .img-75 img {
    width: 75%;
    max-width: none;
  }
  .post-style .wp-block-group .img-50 img {
    width: 50%;
    max-width: none;
  }
} /*END query*/
/*======================================
list (layout)
/*======================================*/
.has-small-font-size {
  font-size: 80%;
}
.has-medium-font-size {
  font-size: 100%;
}
.has-large-font-size {
  font-size: 140%;
}
.has-x-large-font-size {
  font-size: 180%;
}
.post-style p + ul {
  margin: 1.5em auto;
}
.post-style p + .list-style {
  margin-top: .5em;
}
.post-style ul + p:first-of-type, .post-style .is-style-g ul + p:first-of-type {
  margin-top: 1em;
}
.post-style dl {
  padding: 1em 0 .5em;
  border-bottom: 1px solid rgb(var(--navy-rgb) / .2);
}
.post-style dt {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.3em;
  margin-bottom: .5em;
}
.post-style dd {
  padding-left: 0;
  line-height: 1.3em;
  margin-bottom: .5em;
}
.post-style dd p, .post-style dd p:not(:last-of-type) {
  margin-bottom: 0;
}
@media screen and (min-width:768px) {
  .post-style dt {
    width: 20%;
  }
  .post-style dd {
    flex: 1;
    padding-left: 1em;
  }
} /*END query*/
/*======================================
list (icons)
======================================*/
ol, ul {
  list-style: none;
}
/* ======================================
  共通設定
====================================== */
.post-list {
  --li-rgb: var(--navy-rgb);
  --li-alpha: .5;
}
.post-list li {
  position: relative;
  text-align: left;
  padding-left: 2em;
  line-height: 1.5em;
  color: inherit !important; /* 文字色は変えない */
}
.post-list li:not(:last-of-type) {
  margin-bottom: .7em;
}
/* テキスト色は変更させない（list単位） */
.post-list[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/* テキスト色は変更させない（li単体） */
.post-list li[class*="has-"][class*="-color"] {
  color: inherit !important;
}
/* ======================================
  has-*-color（list全体）
====================================== */
.post-list.has-navy-color {
  --li-rgb: var(--navy-rgb);
}
.post-list.has-blue-color {
  --li-rgb: var(--blue-rgb);
}
.post-list.has-purple-color {
  --li-rgb: var(--purple-rgb);
}
.post-list.has-pink-color {
  --li-rgb: var(--pink-rgb);
}
.post-list.has-red-color {
  --li-rgb: var(--red-rgb);
}
.post-list.has-gray-color {
  --li-rgb: var(--gray-rgb);
}
.post-list.has-white-color {
  --li-rgb: var(--white-rgb);
}
.post-list.has-yellow-color {
  --li-rgb: var(--yellow-rgb);
}
.post-list.has-black-color {
  --li-rgb: var(--black-rgb);
}
/* ======================================
  has-*-color（li単体・優先）
====================================== */
.post-list li.has-navy-color {
  --li-rgb: var(--navy-rgb);
}
.post-list li.has-blue-color {
  --li-rgb: var(--blue-rgb);
}
.post-list li.has-purple-color {
  --li-rgb: var(--purple-rgb);
}
.post-list li.has-pink-color {
  --li-rgb: var(--pink-rgb);
}
.post-list li.has-red-color {
  --li-rgb: var(--red-rgb);
}
.post-list li.has-gray-color {
  --li-rgb: var(--gray-rgb);
}
.post-list li.has-white-color {
  --li-rgb: var(--white-rgb);
}
.post-list li.has-yellow-color {
  --li-rgb: var(--yellow-rgb);
}
.post-list li.has-black-color {
  --li-rgb: var(--black-rgb);
}
/* ======================================
  1) list-style-check（チェックボックス）
====================================== */
.list-style-check li:before, .list-style-check li:after {
  position: absolute;
  content: "";
  font-size: 1em;
  line-height: 1em;
}
.list-style-check li:before {
  background: var(--white);
  border: 1px solid rgb(var(--li-rgb) / .3);
  width: 1.5em;
  height: 1.5em;
  top: -.1em;
  left: 0;
}
.list-style-check li:after {
  border-left: 2px solid rgb(var(--li-rgb) / var(--li-alpha));
  border-bottom: 2px solid rgb(var(--li-rgb) / var(--li-alpha));
  width: .8em;
  height: .4em;
  transform: rotate(-45deg);
  left: .35em;
  top: .35em;
}
/* ======================================
  2) list-style-simple（◎）
====================================== */
.list-style-simple li {
  position: relative;
  margin-left: 1em;
  padding-left: 0;
}
.list-style-simple li:before {
  position: absolute;
  display: block;
  content: "◎";
  margin-left: -1em;
  color: rgb(var(--li-rgb) / var(--li-alpha));
}
/* ======================================
  3) list-style-num（①〜⑩）
====================================== */
.list-style-num li {
  position: relative;
  margin-left: 1em;
  padding-left: 0;
}
.list-style-num li:before {
  position: absolute;
  display: block;
  margin-left: -1em;
  color: rgb(var(--li-rgb) / var(--li-alpha));
}
.list-style-num li:nth-of-type(1):before {
  content: "①";
}
.list-style-num li:nth-of-type(2):before {
  content: "②";
}
.list-style-num li:nth-of-type(3):before {
  content: "③";
}
.list-style-num li:nth-of-type(4):before {
  content: "④";
}
.list-style-num li:nth-of-type(5):before {
  content: "⑤";
}
.list-style-num li:nth-of-type(6):before {
  content: "⑥";
}
.list-style-num li:nth-of-type(7):before {
  content: "⑦";
}
.list-style-num li:nth-of-type(8):before {
  content: "⑧";
}
.list-style-num li:nth-of-type(9):before {
  content: "⑨";
}
.list-style-num li:nth-of-type(10):before {
  content: "⑩";
}
/* ======================================
  4) list-style-icon（Dashicons）
====================================== */
.list-style-icon li:before {
  position: absolute;
  font-family: "dashicons";
  font-weight: 900;
  font-size: 1em;
  line-height: 1em;
  color: rgb(var(--li-rgb) / var(--li-alpha));
  transform: scale(1.6);
  left: 0;
  top: .3em;
}
.list-style-exclamation-icon li:before {
  content: "\f534";
}
.list-style-check-icon li:before {
  content: "\f12a";
}
/*======================================
Btn
/*======================================*/
.post-style li a {
  display: inline;
  text-decoration: underline;
}
.wp-block-button {
  text-align: center;
  margin: 1em auto;
}
.post-btn a {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  display: block;
  text-align: center;
  cursor: pointer;
}
.wp-block-button.has-small-font-size {
  font-size: 90%;
}
.wp-block-button.has-medium-font-size {
  font-size: 110%;
}
.wp-block-button.has-large-font-size {
  font-size: 130%;
}
.wp-block-button.has-x-large-font-size {
  font-size: 150%;
}
.wp-block-button__width-25 {
  width: 25%;
}
.wp-block-button__width-50 {
  width: 50%;
}
.wp-block-button__width-75 {
  width: 75%;
}
.wp-block-button__width-100 {
  width: 100%;
}
/*======================================
column
/*======================================*/
.post-style .wp-block-columns.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.flex-2column > div, .flex-3column > div {
  margin-bottom: 2.5em;
}
.flex-2column:last-of-type > div:last-of-type, .flex-3column:last-of-type > div:last-of-type {
  margin-bottom: 1em;
}
.post-style .wp-block-columns.flex .wp-block-image:first-of-type {
  margin: 0 auto 1em;
}
.post-style .wp-block-columns.flex p {
  font-size: 95%;
  line-height: 1.4em;
}
@media screen and (min-width:768px) {
  .flex-2column > div {
    width: calc((100% - 1.5em)/2);
  }
  .flex-2column > div:not(:nth-of-type(2n)) {
    margin-right: 1.5em;
  }
  .flex-3column > div {
    width: calc((100% - 2.5%*2)/3);
  }
  .flex-3column > div:not(:nth-of-type(3n)) {
    margin-right: 2.5%;
  }
  .flex-2column:last-of-type > div, .flex-3column:last-of-type > div {
    margin-bottom: 0;
  }
}
/*======================================
rtoc-mokuji-wrapper
/*======================================*/
.rtoc-mokuji-content {
  margin: 4em auto 5em !important;
}
/*======================================
youtube
/*======================================*/
.video-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*======================================
maps
/*======================================*/
.post-style .maps {
  width: 100%;
  margin: 2em auto 0;
}
.post-style .maps .maps-wrap {
  position: relative;
  width: 100%;
  padding-top: 70%;
  margin: 0 auto;
}
/*======================================
hr
/*======================================*/
.post-style hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
hr.wp-block-separator {
  margin: 4em auto;
  background: none;
}
hr.is-style-default {
  border-top: 2px solid rgb(var(--navy-rgb) / .2);
}
hr.is-style-wide {
  border-top: 4px double rgb(var(--navy-rgb) / .35);
}
hr.is-style-dots {
  border-top: 2px dotted rgb(var(--navy-rgb) / .35);
}
/*======================================
table（root準拠 + variants）
/*======================================*/
.wp-block-table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.wp-block-table table {
  margin: 4em auto;
}
/* 罫線（基本はnavy 0.3） */
.wp-block-table th {
  border-bottom: 3px solid rgb(var(--navy-rgb) / .3);
}
.wp-block-table td {
  border-bottom: 3px solid rgb(var(--navy-rgb) / .3);
}
/* width util */
.w-20 table th {
  width: 20%;
}
.w-30 table th {
  width: 30%;
}
.w-40 table th {
  width: 40%;
}
.w-50 table th {
  width: 50%;
}
.w-free table th {
  width: auto;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: rgb(var(--navy-rgb) / .05);
}
/* table color variants（付与クラス：.wp-block-table に付ける） */
.wp-block-table.is-navy th {
  border-bottom-color: rgb(var(--navy-rgb) / .3);
}
.wp-block-table.is-navy td {
  border-bottom-color: rgb(var(--navy-rgb) / .3);
}
.wp-block-table.is-navy.is-style-stripes tbody tr:nth-child(odd) {
  background: rgb(var(--navy-rgb) / .05);
}
.wp-block-table.is-red th {
  border-bottom-color: rgb(var(--red-rgb) / .3);
}
.wp-block-table.is-red td {
  border-bottom-color: rgb(var(--red-rgb) / .3);
}
.wp-block-table.is-red.is-style-stripes tbody tr:nth-child(odd) {
  background: rgb(var(--red-rgb) / .05);
}
@media screen and (min-width:768px) {
  .w-20 table th, .w-30 table th, .w-40 table th {
    width: 25%;
  }
  table th, table td {
    padding: 1.5em;
  }
  table th {
    text-align: center;
  }
} /*END query*/
/*br*/
.post-style .br-strong br {
  display: block !important;
}
.post-style .br-sp br {
  display: block;
}
.post-style .br-pc br {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style .br-sp br {
    display: none;
  }
  .post-style .br-pc br {
    display: block;
  }
} /*END QUERY*/
/*======================================
spacer
/*======================================*/
.wp-block-spacer {
  height: 4em !important;
}
.spacer-L {
  height: 6em !important;
}
.spacer-M {
  height: 4em !important;
}
.spacer-S {
  height: 2em !important;
}