@charset "utf-8";
/* CSS Document */

/*  区分けclass 
「複数人・名前有り」の場合
theme-has_name
「複数人・名前無し」の場合
theme-no_name
「単数・名前無し」（古い記事）の場合
theme-old
****************/

/***************
▼共通
*/

/*===============================

　　kataru_common.cssから移管

================================*/
body {
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .025em;
  line-height: 1.5;
  overflow-x: hidden;
}
#base{
  width: 1220px;
}

div#cont {
  margin-top: 30px;
}
.wrapper {
  display: flex;
  justify-content: space-between;
}
#main {
  width: 730px;
}
.contents {}
/*
    見出し
================================*/
.headingPrimary {
  color: #6e390f;
  display: flex;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.headingPrimary__subText {
  display: block;
  font-size: .8em;
  padding-left: 1em;
  text-indent: -1em;
}
.headingSecondary{
  position: relative;
  font-family: 'noto serif jp', serif;
  font-size: 22px;
  margin-bottom: 24px;
  border-left: 10px solid #333;
  border-color: #f08792;
  padding-left: 10px;
}
#main-contents #cbox1 .headingSecondary br{
  display: block;
}
@media screen and (max-width: 768px) {
  .headingSecondary {
    font-size: 20px;
  }
}

/*===============================

    contents__header

================================*/
.contents__header {
  margin-bottom: 30px;
}
.keyvisual {}
.theme-no_name .keyvisual__image{
  height: auto;
}
.keyvisual__image {
  display: block;
}
/*===============================

    contents__body

================================*/
.contents__body {}
.contents__body > *:last-child {
  margin-bottom: 0;
}
.section {
  margin-bottom: 48px;
}
.section > *:last-child {
  margin-bottom: 0px;
}
.section__item {
  margin-bottom: 20px;
}
.theme-no_name .section__item{
  background-color: #F8F9FA;
  padding:20px 20px 0 20px;
  margin-bottom: 0;
}
.theme-no_name .section__item:last-child{
  padding-bottom: 20px;
}
/*
    キャプションボックス
================================*/
.captionBox {
  border: 1px solid #ccc;
  padding: 16px;
}
.captionBox > *:last-child {
  margin-bottom: 0;
}
.captionBox__title {
  color: #6E390F;
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  padding-bottom: 16px;
  position: relative;
  text-align: center;
}
.captionBox__title::after {
  background-color: #ccc;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
}
.captionBox__text {
  margin-bottom: 20px;
  text-align: center;
}
/*
    インタビュアー
================================*/
.interviewer {
  margin-bottom: 30px;
}
.interviewer > *:last-child {
  margin-bottom: 0;
}
.interviewer > p {
  font-weight: bold;
  margin-bottom: 20px;
}
/*
    インタビュイー
================================*/
.interviewee {
  margin-bottom: 30px;
}
.interviewee > *:last-child {
  margin-bottom: 0;
}
.interviewee > p {
  margin-bottom: 20px;
}
/*
    関連コンテンツ
================================*/
.relatedContents {
  border-color: #ccc #ccc #ccc #DB711E;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  padding: 8px 12px;
}
.relatedContents__title {
  display: flex;
  font-family: 'Noto Serif JP', serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.relatedContents__title > span {
  display: block;
}
.relatedContents__title > span::first-letter {
  color: #DB711E;
}
.relatedContents__title::before {
  content: '\f002';
  display: block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
}
/* リスト */
.relatedContents .list--hasIcon {
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  font-weight: 600;
}
.list--hasIcon {}
.list--hasIcon > *:last-child {
  margin-bottom: 0;
}
.list--hasIcon__item {
  margin-bottom: 8px;
  font-weight: 400;
}
.list--hasIcon__item > a {
  display: flex;
}
.list--hasIcon__item > a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.list--hasIcon__item > a::before {
  content: '\f138';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.2em;
  font-weight: 900;
}
/*===============================

　　2022月12月～

================================*/
@media screen and (max-width: 768px) {
  #base{
    width: 100%;
  }
  #main {
    width: 100%;
  }
}
/*contents__header*/
.contents__header {
  position: relative;
  font-family: 'noto serif jp', serif;
}
.contents__header .kataruTag{
  letter-spacing: .025em;
}
.kataruTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 48px;
  width: 143px;
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff;
}
.kataruTag:after {
  display: inline-block;
  width: 133px;
  height: 38px;
  position: absolute;
  top: 3px;
  left: 3px;
  content: "";
  border: 2px solid #5E8136;
}
.releaseDate {
  text-align: right;
  font-size: 12px;
  color: #919191;
  margin-top: 15px;
  font-family: 'Noto Sans JP';
  font-weight: 400;
}
.conversationTag {
  margin-top: 44px;
}
.conversationTag__main {
  background-color: #8F1E35;
  color: #fff;
  min-height: 40px;
  width: 130px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.headingPrimary {
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
.headingPrimary::before {
  content: none;
}
.headingPrimary__inner {
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.headingPrimary__subText {
  display: block;
  font-size: 20px;
  padding-left: 0;
  text-indent: 0;
  color: #222222;
  margin-top: 20px;
}
.leadSentence {
  margin: 80px 0;
  background-color: #F8F9FA;
  padding: 20px;
}
.leadSentence-beforeInterviwee{
  margin: 40px 0 90px 0;
  background-color: transparent;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .headingPrimary__inner {
    font-size: 24px;
  }
  .headingPrimary__subText {
    font-size: 18px;
  }
  .kataruTag {
    height: 40px;
    width: 100px;
    font-size: 16px;
  }
  .kataruTag:after {
    width: 90px;
    height: 30px;
  }
  .conversationTag__main {
    font-size: 16px;
    min-height: 30px;
    width: 100px;
  }
  .leadSentence {
    padding: 10px;
  }
  .leadSentence-beforeInterviwee{
    padding: 0 10px;
  }
}
/*関連リンク*/
#cbox2{
  padding: 30px;
  background-color: #F8F9FA;
}
/*追従ナビ*/
.chaseNav {
  display: none;
  background-color: rgba(255, 255, 255, 0.6);
  /*box-shadow: 0 1px 8px #cccccc;*/
  position: fixed;
  left: 0;
  z-index: 2;
  width: 100%;
  /*transform: translateY(100%);*/
  transition: 0.7s transform;
}
.flex-chaseNav_item a:hover {
  text-decoration: none;
}
.flex-chaseNav {
  max-width: 960px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px;
  margin: 0 auto;
}
.flex-chaseNav_item + .flex-chaseNav_item {
  margin-left: 16px;
}
.flex-chaseNav_item a {
  display: inline-block;
  background-color: #fff;
  color: #FF7D00;
  font-size: 11px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700px;
  border: 3px solid #FF7D00;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 120px;
  text-align: center;
  letter-spacing: 0;
}
.flex-chaseNav_item a:hover {
  background-color: #FF7D00;
}
.flex-chaseNav_item a:hover, .flex-chaseNav_item a:hover::before {
  color: #fff;
}
.flex-chaseNav_toLineup a, .flex-chaseNav_toRelativeLink a, .flex-chaseNav_contact a {
  position: relative;
}
.flex-chaseNav_toLineup a::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_return.png");
  line-height: 1;
  position: absolute;
  top: 14px;
  left: 26px;
}
.flex-chaseNav_toRelativeLink a::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_link.png");
  line-height: 1;
  position: absolute;
  top: 12px;
  left: 26px;
}
.flex-chaseNav_contact a::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_inquiry.png");
  line-height: 1;
  position: absolute;
  top: 18px;
  left: 24px;
}
.flex-chaseNav_toLineup a:hover::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_return_hover.png");
  position: absolute;
  top: 14px;
  left: 26px;
}
.flex-chaseNav_toRelativeLink a:hover::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_link_hover.png");
  position: absolute;
  top: 12px;
  left: 26px;
}
.flex-chaseNav_contact a:hover::before {
  display: inline-block;
  content: url("/common/img/kataru/storyTraning_icon_nav_inquiry_hover.png");
  position: absolute;
  top: 18px;
  left: 24px;
}
@media screen and (max-width: 599px) { /*スマホ用*/
  /* ==============
lauout@smacss
============== */
  .flex-chaseNav_item {
    width: 33.333%;
  }
  .flex-chaseNav_item + .flex-chaseNav_item {
    margin-left: 0;
  }
  /* ==============
module@smacss
============== */
  #main-contents #cbox2 h2 {
    font-size: 23px;
  }
  #main-contents #cbox2 li a {
    font-size: 18px;
  }
  .flex-chaseNav {
    padding: 0;
  }
  .flex-chaseNav_item a {
    background-color: rgba(128, 128, 128, 0.9);
    color: #fff;
    border: none;
    border-radius: 0;
    width: 100%;
    height: auto;
    font-size: 13px;
    line-height: normal;
    padding: 36px 4px 8px 4px;
  }
  .flex-chaseNav_toLineup a::before, .flex-chaseNav_toRelativeLink a::before, .flex-chaseNav_contact a::before {
    color: #fff;
  }
  .flex-chaseNav_toLineup a::before {
    display: inline-block;
    content: url("/common/img/kataru/storyTraning_icon-back_hover.png");
    position: absolute;
    top: 16px;
    left: 41%;
  }
  .flex-chaseNav_toRelativeLink a:before {
    display: inline-block;
    content: url("/common/img/kataru/storyTraning_icon-relative_hover.png");
    position: absolute;
    top: 14px;
    left: 40%;
  }
  .flex-chaseNav_contact a:before {
    display: inline-block;
    content: url("/common/img/kataru//storyTraning_icon-contact_hover.png");
    position: absolute;
    top: 14px;
    left: 41%;
  }
  .flex-chaseNav_toLineup a:hover::before {
    display: inline-block;
    content: url("/common/img/kataru/storyTraning_icon-back_hover.png");
    position: absolute;
    top: 16px;
    left: 41%;
  }
  .flex-chaseNav_toRelativeLink a:hover:before {
    display: inline-block;
    content: url("/common/img/kataru/storyTraning_icon-relative_hover.png");
    position: absolute;
    top: 14px;
    left: 40%;
  }
  .flex-chaseNav_contact a:hover:before {
    display: inline-block;
    content: url("/common/img/kataru/storyTraning_icon-contact_hover.png");
    position: absolute;
    top: 14px;
    left: 41%;
  }
  .link-return {
    width: 90%;
    margin: 0 5%;
  }
}
/*
▲共通
***************/
/***************
▼theme-old
*/
.theme-old{
  font-weight: 400;
}
.theme-old .keyvisual img {
  height: auto;
  width: 100%;
}
#main-contents, div#cont div#c3_lr .section-pageLink {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  color: #333333;
  font: normal 16px;
  line-height: 1.6;
  letter-spacing: .1em;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*既存CSS上書き*/
#cont #main-contents #cbox1 {
  font-size: 16px;
  line-height: 1.6;
}
#cont #main-contents #chead h1 span {
  display: block;
  padding: 0;
  border-bottom: none;
  color: #6E390F;
  font-size: 24px;
  line-height: 1.45;
  letter-spacing: 0;
}
#cont #cbox1 .caption_top, #cont #cbox1 .caption_middle, #cont #cbox1 .caption_bottom {
  background-image: none;
  width: 100%;
}
#cont #cbox1 .caption_box {
  padding: 0;
  margin: 0;
}
#cont #cbox1 h3.c0000CC, #cont #cbox1 h3.c6600CC, #cont #cbox1 h3.cFF0099, #cont #cbox1 h3.cFF0000, #cont #cbox1 h3.cFF6600, #cont #cbox1 h3.c663300, #cont #cbox1 h3.c009900 {
  background: none;
}
#cont #main-contents #cbox1 h3 {
  clear: both;
  width: 100%;
  height: auto;
}
#cont #cbox1 #kaBox h3 {
  float: none;
  color: #003366;
  font-size: 14px;
  width: 500px height: 20px;
}
#cont #cbox1 h3 {
  float: left;
  width: 40px;
  height: 40px;
}
#cont #main-contents #cbox1 h3 span {
  margin-top: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  display: inline-block;
}
#cont #main-contents #cbox1 h4 {
  margin: 0;
  color: #333333;
}
#cont #main-contents #cbox1 p {
  margin: 0 0;
}
#cont #main-contents div.cd40000 {
  background: none;
}
#cont #main-contents #cbox2 ul {
  border: none;
  font-weight: 400;
}
#cont #main-contents #cbox2 h2 {
  background: none;
}
#cont #main-contents #cbox2 ul li {
  line-height: 1.6;
  text-indent: 0;
}
#cont #main-contents #cbox2 ul {
  padding: 0;
  margin-bottom: 0;
}
#cont #main-contents #cbox1 .caption_bottom {
  border: none;
  margin: 0;
}
#cont #main-contents #cbox1 .caption_middle {
  border: 0;
  background-color: #fff;
}
#cont #main-contents #cbox1 .caption_box h2 {
  line-height: 1.6;
}
#cont #cbox1 .caption_box h2, .decor {
  text-align: center;
  color: #8E8012;
  line-height: 120%;
}
#cont #main-contents #cbox2 ul li a:hover {
  opacity: 0.6;
}

/*見出し*/
#cont #main-contents #chead h1 {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding: 4px 0 4px 48px;
  position: relative;
  background: linear-gradient(to right, #6E390F 0%, #6E390F 44px, transparent 44px, transparent 100%);
}
#cont #main-contents #chead h1::before {
  content: "語る";
  display: block;
  position: absolute;
  top: 10px;
  left: 1px;
  width: 44px;
  height: 44px;
  font-size: 16px;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
#main-contents #cbox1 .caption_box h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 18.5px;
  letter-spacing: 0;
  color: #6E390F;
  font-weight: 600;
  padding-bottom: 16px;
  margin-bottom: 16px;
  position: relative;
  line-height: 1.6;
}
#main-contents #cbox1 h2 br {
  display: none;
}
#main-contents .caption_box h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 30%;
  width: 40%;
  height: 1px;
  background-color: #cccccc;
}
#cont #main-contents #cbox1 h3 {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  padding-left: 56px;
  padding-left: 0;
  position: relative;
  margin: 20px 0 0 0;
}
#cont #main-contents #cbox1 h3 br {
  display: none;
}
#cont #main-contents #cbox1 h4, #cont #main-contents #cbox1 h3 + p {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-left: 56px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.45;
}
/*　▼見出しニーズ▼　*/
#cont #main-contents #cbox1 h3.c0000CC {
  margin: 0;
}
#cont #main-contents #cbox1 h3.c0000CC, #cont #main-contents #cbox1 h3.c0000CC span {
  color: #DB3752;
}
#cont #main-contents #cbox1 h3.c0000CC::after {
  left: 108px;
  top: -1px;
}
#cont #main-contents #cbox1 h3.c0000CC::before {
  content: '\f004';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-needs.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 22px;
  line-height: 1;
}
/*　▲見出しニーズ▲　*/
/*　▼見出し効果▼　*/
#cont #main-contents #cbox1 h3.c6600CC, #cont #main-contents #cbox1 h3.c6600CC span {
  color: #DB8313;
}
#main-contents .c6600CC::after {
  left: 90px;
  top: -1px;
}
#main-contents .c6600CC::before {
  content: '\f161';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-effect.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 24px;
  line-height: 1;
}
/*　▲見出し効果▲　*/
/*　▼見出し特徴▼　*/
#cont #main-contents #cbox1 h3.cFF0099, #cont #main-contents #cbox1 h3.cFF0099 span {
  color: #519536;
}
#main-contents .cFF0099::after {
  left: 90px;
  top: -1px;
}
#main-contents .cFF0099::before {
  content: '\f0eb';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-characteristic.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 24px;
  line-height: 1;
}
/*　▲見出し特徴▲　*/
/*　▼見出し重要ポイント▼　*/
#cont #main-contents #cbox1 h3.cFF0000, #cont #main-contents #cbox1 h3.cFF0000 span {
  color: #C72F1F;
}
#main-contents .cFF0000::after {
  left: 155px;
  top: -1px;
}
#main-contents .cFF0000::before {
  content: '\f0a6';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-point.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 26px;
  line-height: 1;
}
/*　▲見出し重要ポイント▲　*/
/*　▼見出し研修の流れ▼　*/
#cont #main-contents #cbox1 h3.cFF6600, #cont #main-contents #cbox1 h3.cFF6600 span {
  color: #328EDD;
}
#main-contents .cFF6600::after {
  left: 141px;
  top: -1px;
}
#main-contents .cFF6600::before {
  content: '\f101';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-flow.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 29px;
  line-height: 1;
}
/*　▲見出し研修の流れ▲　*/
/*　▼見出し演習▼　*/
#cont #main-contents #cbox1 h3.c663300, #cont #main-contents #cbox1 h3.c663300 span {
  color: #894D83;
}
#main-contents .c663300::after {
  left: 93px;
  top: -1px;
}
#main-contents .c663300::before {
  content: '\f304';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-exercise.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 22px;
  line-height: 1;
}
/*　▲見出し演習▲　*/
/*　▼見出しひと言▼　*/
#cont #main-contents #cbox1 h3.c009900, #cont #main-contents #cbox1 h3.c009900 span {
  color: #228E9D;
}
#main-contents .c009900::after {
  left: 109px;
  top: -1px;
}
#main-contents .c009900::before {
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/bg-aWord.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 0;
  font-size: 22px;
  line-height: 1;
}
/*　▲見出しひと言▲　*/
/*　▼見出し汎用アイコン▼　*/
#cont #main-contents #cbox1 h3.icon_common {
  color: currentColor;
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-left: 56px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.45;
}
#cont #main-contents #cbox1 h3.icon_common::before {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/kataru/common_c.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  line-height: 1;
}
#cont #main-contents #cbox1 h3.icon_common.icon_a::before {
  background-image: url("../img/kataru/common_a.png");
}
#cont #main-contents #cbox1 h3.icon_common.icon_b::before {
  background-image: url("../img/kataru/common_b.png");
}
#cont #main-contents #cbox1 h3.icon_common.icon_d::before {
  background-image: url("../img/kataru/common_d.png");
}
/*　▲見出し汎用アイコン▲　*/
/* 見出し_インタビュー */
#cont #main-contents #cbox1 h3.heading-normal {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
  margin-bottom: 20px;
}
/*ボックス*/
#cont #main-contents #cbox1 .caption_box {
  border: 1px solid #cccccc;
  padding: 16px;
}
#cont #main-contents .decor {
  display: none;
}
#cont #main-contents #cbox1 .caption_box p {
  font-weight: 500;
}
#cont #main-contents #cbox2 img {
  display: none;
}
#cont #main-contents #cbox2 h2 span {
  font-size: 30px;
}
#cont #main-contents #cbox2 h2::first-letter {
  color: #DB711E;
}
#cont #main-contents #cbox2 h2::before {
  content: '\f002';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-text-stroke: 2px #fff;
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 27px;
}
main-contents #cbox2 li a::before {
  display: inline-block;
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #ffffff;
  position: absolute;
  background-color: #052674;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -32px;
  top: 2px;
}
#cont #main-contents #cbox2 li + li {
  margin-top: 8px;
}
#cont #main-contents #cbox2 .clr {
  display: none;
}
#cont #main-contents #cbox2 {
  border: none;
  background-color: #F8F9FA;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  margin-top:90px!important;
}
#cont #main-contents #cbox2 h2 span {
  font-size: 20px;
}
#cont #main-contents #cbox2 h2::before {
  content: none;
}
#cont #main-contents #cbox2 h2 {
  padding-left: 0px;
  font-size: 20px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  position: relative;
  margin-bottom: 8px;
}
#cont #main-contents #cbox2 h2::first-letter {
  color: inherit;
}
#cont #main-contents #cbox2 li a {
  font-size: 16px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  color: #154EB8;
  font-weight: 400;
  letter-spacing: 0;
  position: relative;
  display: flex;
}
#cont #main-contents #cbox2 li a::before {
  display: inline-block;
  content: '・';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #919191;
  position: relative;
  background-color: transparent;
  border-radius: 0;
  height: 24px;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: -1px;
}
/*
▲theme-old
***************/
/***************
▼theme-has_name and theme-no_name
*/
/*contents__body*/
.contents__body {
  margin-top: 40px;
}
.contents__body > .interviewee {
  background-color: #F8F9FA;
  display: flex;
  justify-content: center;
  padding: 20px;
  margin-bottom: 30px;
}
.theme-has_name .contents__body > .interviewee p br {
  margin-top: 6px;
  display: block;
  content: "";
}
.section {
  margin-top: 48px;
}
.interviewee_member p:first-of-type {}
.interviewee_member p:nth-of-type(2) {
  margin-left: 50px;
}
.interviewee_member br {
  display: block;
  content: "";
  margin-top: 10px;
}

.interviewer {
  color: #777777;
}
.interviewer > p {
  font-weight: 400;
  margin-bottom: 28px;
}
.theme-no_name .interviewer{
  color:#777777;
  font-weight: normal;
}
.theme-no_name .interviewer > p {
  text-indent: -1rem;
  padding-left: 1rem;
}
.interviewee {}
.interviewee > p {
  font-weight: 500;
  margin-bottom: 28px;
}
.interviewer > p, .interviewee > p {
  line-height: 1.7;
}
.interviewer > p:first-of-type, .interviewee > p:first-of-type {
  margin-bottom: 10px;
}
.theme-has_name .interviewer p:nth-of-type(n+2), .theme-has_name .interviewee p:nth-of-type(n+2) {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .interviewee_member {
    flex-direction: column;
    align-items: center;
  }
  .interviewee_member p:first-of-type {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .theme-has_name .contents__body {
    position:relative;
  }
  .theme-has_name .contents__body > .interviewee{
    display: inline-block;
    position:relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .theme-has_name .contents__body >.interviewer p:nth-of-type(n+2), .theme-has_name .contents__body >.interviewee p:nth-of-type(n+2){
    padding-left: 0;
  }
}
/*relatedContents*/
#cbox2 {
  margin-top: 90px;
}
.relatedContents {
  border: none;
  padding: 0px;
  background-color: #F8F9FA;
}
.relatedContents__title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
}
.relatedContents__title::before {
  content: none;
}
.relatedContents__title > span::first-letter {
  color: inherit;
}
.relatedContents .list--hasIcon {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.list--hasIcon__item > a {
  color: #154EB8;
}
.list--hasIcon__item > a::before {
  content: '・';
  font-size: 16px;
  color: #919191;
}
@media screen and (max-width: 768px) {
}
/*section-pageLink*/
.section-pageLink {
  margin-top: 50px;
  margin-bottom: 50px;
}

.flex-pageLink_lead {
  display: flex;
  justify-content: space-between;
  padding: 0 25px;
  font-weight: bold;
}
.flex-pageLink_lead_right{
  margin-left:auto;
}
.flex-pageLink {
  display: flex;
  align-items: center;
  margin: 10px 0 32px;
}
.flex-pageLink_left, .flex-pageLink_right {
  border: none;
  width: 50%;
}
.flex-pageLink_right {
  text-align: right;
  margin-left:auto;
}
.flex-pageLink_left a, .flex-pageLink_right a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  padding: 0 25px;
  color: #154EB8;
  position: relative;
  display: inline-block;
  text-align: left;
}
.flex-pageLink_left a:hover, .flex-pageLink_right a:hover {
  color: #154EB8;
  opacity: .6;
}
.flex-pageLink_left a::before, .flex-pageLink_right a::after {
  position: absolute;
  line-height: 1;
  color: #8F1E35;
  font-weight: bold;
  font-size: 20px;
  font-family: FontAwesome;
  -webkit-text-stroke: unset;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}
.flex-pageLink_left a::before {
  content: "\f104";
  left: 0;
}
.flex-pageLink_right a::after {
  content: "\f105";
  right: 0;
}
.link-return {
  text-align: center;
}
.link-return a {
  background-color: #8F1E35;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  padding: 12px 36px 12px 12px;
  border: none;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  position: relative;
  display: inline-block;
}
.link-return a:hover {
  background-color: #8F1E35;
  border: none;
  text-decoration: none;
  color: #fff;
  opacity: .6;
  transition: .3s;
}
.link-return a::before {
  content: none;
}
.link-return a::after {
  position: absolute;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
@media screen and (max-width: 768px) {
  .flex-pageLink_left a, .flex-pageLink_right a{
    padding: 0 15px 0 15px;
  }
}
/*
▲theme-has_name and theme-no_name
***************/

/* レイアウト */
.entry_sec {
  margin-top: 45px;
}
.entry_sec_itm {
  margin-top:50px;
}
.entry_sec_itm * + p {
  margin-top: 1.5em;
}
.entry_sec_itm .entry_sec_grid * + p{
  margin-top: 0.5em;
}

/* 区切り線 */
.entry_horizontal_rule{
  margin: 30px 0;
  border-top: 1px solid #C2C2C2;
}

/* ２段組み・３段組みカラム */
.entry_sec_itm * + .entry_sec_grid{
  margin-top: 1.5em;
}
.entry_sec_grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  &:has(.entry_sec_grid_2col){
    row-gap: 20px;
    &:after{
      display: block;
      content:"";
      width:calc(100% / 2 - 10px);
    }
  }
  &:has(.entry_sec_grid_3col){
    row-gap: 16px;
    &:after{
      display: block;
      content:"";
      width:calc(100% / 3 - 8px);
    }
  }
}
.entry_sec_grid_2col{
  width:calc(100% / 2 - 10px);
}
.entry_sec_grid_3col{
  width:calc(100% / 3 - 8px);
}
@media (max-width: 599px) {
  .entry_sec_grid{
    &:has(.entry_sec_grid_2col){
      row-gap: 1.5em;
      &:after{content:none;}
    }
    &:has(.entry_sec_grid_3col){
      row-gap: 1.5em;
      &:after{content:none;}
    }
  }
  .entry_sec_grid_2col,
  .entry_sec_grid_3col{
    width: 100%;
  }
}

/* ダウンロード */
.entry_sec_dl_imgCont{
  width: calc(30% - 10px);
  @media (max-width: 599px) {
    width:100%;
  }
}
.entry_sec_dl_imgCont .entry_sec_imgMain{
  width:100%;
  height: auto;
}
.entry_sec_dl_actionCont{
  width: calc(70% - 10px); 
  @media (max-width: 599px) {
    width:100%;
    margin-top:0.5em;
  }
}
.entry_sec_btn{
  text-align: center;
  margin-top: 0.5em;
}
.entry_sec_btn_target{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  transition: .3s opacity;
  padding: 5px 20px;
  border-color: #E5002D;
  box-shadow: 3px 3px 10px rgba(158, 39, 48, .16);
}
.entry_sec_btn_target-widthMax{
  width: 100%;
}

/* 見出し */
.entry_sec_itm h2:not(.entry_aside_ttl) {
  padding: 10px;
  font-size: 22px;
  line-height: 1.45;
  border: none;
  background-color: #f5f5f5;
}

/* 画像リンク */
.entry_sec_itm .entry_sec_img {
  line-height: 0;
  text-align: center;
}
.entry_sec_itm .entry_sec_imgLink{
  text-align: center;
}
.entry_sec_itm .entry_sec_imgLink:hover{
  opacity: .7;
}
.entry_sec_imgMain{max-width: 100%;}
.entry_sec_grid_2col .entry_sec_imgMain,
.entry_sec_grid_3col .entry_sec_imgMain{
  width: 100%;
  height: auto;
}

/* 画像モーダル */
.entry_sec_modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.7);
  align-items: center;
  justify-content: center;
  animation: modalFadeIn 0.3s;
}
.entry_sec_modal img {
  max-width: 90%; 
  max-height: 100vh; 
  object-fit: contain; 
}
.js_clickable-modal:hover {
  cursor: zoom-in;
}
.entry_sec_modal img:hover {
  cursor: zoom-out;
}
@keyframes modalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes modalFadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}


/* 対話 */
.entry_sec_itm .entry_sec_talk_itm {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.entry_sec_itm .entry_sec_talk_ttl {
  flex-shrink: 0;
  padding-left: 0;
  color: #8f1e35;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.entry_sec_itm .entry_sec_talk_ttl::after {
  content: "：";
  font-size: 18px;
  vertical-align: text-top;
}
.entry_sec_itm .entry_sec_talk_cont {
  padding-left: 0;
}

/* 箇条書き */
.entry_sec_itm .entry_sec_lst {
  margin-top: 1.5em;
}
.entry_sec_itm .entry_sec_lst_itm {
  position: relative;
  padding-left: calc(0.6em + 10px);
  text-indent: calc((0.6em + 10px) * -1);
}
.entry_sec_itm .entry_sec_lst_itm::before {
  content: "●";
  font-size: 0.6em;
  margin-right: 10px;
  vertical-align: middle;
}
.entry_sec_itm .entry_sec_lst_itm-num{
  list-style-type: decimal;
  padding-left: 0;
  text-indent: 0;
}
.entry_sec_itm .entry_sec_lst_itm-num:before{
  content: none;
}


/* 枠箱 */
.entry_sec_itm .borderBox {
  padding: 20px;
  border: 1px solid #333;
}
.entry_sec_itm * + .borderBox {
  margin-top: 1.5em;
}

/* 背景色 */
.entry_sec_bg{
  background-color: #f7f7f7;
  padding: 20px;
}

/* 表（table） */
.entry_sec_itm * + .entry_sec_table{
  margin-top: 1.5em;
}
.entry_sec_table{
  border: 2px solid #333;
}
.entry_sec_thead{}
.entry_sec_tr{}
.entry_sec_th{}
.entry_sec_td{}

.entry_sec_th,
.entry_sec_td{
  border: 1px solid #333;
  padding: 8px 10px;
}

/* サンプル例 */
.entry_sec_itm .sampleSheet {
  max-width: 500px;
  margin: auto;
  padding: 20px;
  border: 1px solid #333;
}
.entry_sec_itm .sampleSheet p {
  font-size: 12px;
  line-height: 150%;
  word-wrap: break-word;
  word-break: break-all;
}
.entry_sec_itm .sampleSheet .sample-six {
  padding: 0 30px;
  position: relative;
}
.entry_sec_itm .sampleSheet .sample-six .sample-six_text {
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.entry_sec_itm .sampleSheet .sample-six::after {
  content: "。";
  position: absolute;
  right: 20px;
  bottom: 0;
}
.entry_sec_itm .sampleSheet .p_first {
  line-height: 300%;
}
.entry_sec_itm .sampleSheet .p_second {
  line-height: 150%;
}

/* 関連系見出し */
.entry_sec_itm .entry_aside_ttl {
  position: relative;
  padding-left: 0.7em;
  font-size: 26px;
  line-height: 1.3;
}
.entry_sec_itm .entry_aside_ttl::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 0.3em;
  height: 1.4em;
  background-color: #333;
}
@media (max-width: 768px) {
  .entry_sec_itm h2:not(.entry_aside_ttl) {
    font-size: 20px;
  }
  .entry_sec_itm h3 {
    padding: 10px 0;
    font-size: 16px;
  }
  .entry_sec_imgMain{
    width: auto;
  }
  .entry_sec_itm .entry_sec_talk_ttl::after {
    font-size: 16px;
  }
  .entry_sec_itm .entry_sec_lst_itm {
    padding-left: calc(0.5em + 8px);
    text-indent: calc((0.5em + 8px) * -1);
  }
  .entry_sec_itm .entry_sec_lst_itm::before {
    font-size: 0.5em;
    margin-right: 8px;
  }
  .entry_sec_itm .entry_sec_lst_itm-num{
    list-style-type: decimal;
    padding-left: 0;
    text-indent: 0;
  }
  .entry_sec_itm .entry_aside_ttl {
    font-size: 24px;
  }
}

/* 関連リンク
__________*/
.entry_relatedLink_lst .entry_relatedLink_lst_ttl {
  color: #333;
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont {
  position: relative;
  padding-left: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 0.5em;
  left: 0;
  border-top: 1px solid #052674;
  border-right: 1px solid #052674;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont + .entry_relatedLink_lst_cont {
  margin-top: 5px;
}
@media (any-hover: hover) {
  .entry_relatedLink_lst .entry_relatedLink_lst_cont a:hover {
    text-decoration: underline;
  }
}
/*
上書き ～～
________*/
:root{
  --theme_bup : #164A84;
  --theme_haken : #9E2730;
  --theme_douga : #e40056;
  --ihl_color-basic: #e6002d;
  --ihl_color-basic_lighter: #f08792;
  --ihl_color-light: #f9bfca;
  --ihl_indent_padding: 0 20px;
  --ihl_indent_padding-left: 20px;
  --ihl_indent_padding-right: 20px;
  --ihl_indent_padding-vertical: 20px 0;
  --ihl_indent_margin-left: 20px;
  --ihl_indent_margin-right: 20px;
}
/* タイトル 
________*/
.entry_head .entry_head_ttl{
  border-left: 20px solid #333;
  border-color: var(--ihl_color-basic);
  padding: 0px;
  padding-left: 20px;
  line-height: 1.6;
}
/* 見出し 
________*/
.entry_sec_itm h2:not(.entry_aside_ttl){
  background-color: transparent;
  position: relative;
  font-family: 'noto serif jp', serif;
  font-size: 22px;
  margin-bottom: 24px;
  border-left: 10px solid #333;
  border-color: #f08792;
  padding: 0;
  padding-left: 10px;
}
.entry_sec_itm h3,
#cont #main-contents #cbox1 .entry_sec_itm h3{
  float: none;
  border: none;
  border-left: 4px solid #333;
  border-color: var(--ihl_color-light);
  padding: 0;
  padding-left: 16px;
  font-size: 16px;
  font-family: 'noto serif jp', serif;
  font-weight: bold;
  background-color: transparent;
  margin-top: 0;
}
/* 本文 
________*/
.entry_sec_itm{
  margin-top: 30px;
  clear: both;
}

/* 文章 */
.entry_sec_txt{
  overflow-wrap: break-word;
}

/* float */
.entry_sec_fl_r{
  padding-right: var(--ihl_indent_padding-right);
  @media (max-width: 768px) {
    padding:0;
  }
}
.entry_sec_fl_l{
  padding-left: var(--ihl_indent_padding-left);
  @media (max-width: 768px) {
    padding:0;
  }
}

/* テキストリンク */
.entry_sec_link {
  &:hover{
    opacity: .7;
  }
}
@media (max-width: 768px){
  .entry_sec_itm img{
    width: auto;
  }
}
/* 箇条書き */
.entry_sec_lst{
  padding: var(--ihl_indent_padding);
  @media (max-width: 768px) {
    padding:0;
  }
}
.entry_sec_lst_itm-num{
  margin-left: var(--ihl_indent_margin-left);
}

/* 画像 */
.entry_sec_img-1col{
  padding: var(--ihl_indent_padding);
  @media (max-width: 768px) {
    padding:0;
  }
}

/* 背景 */
.entry_sec_bg{
  padding: var(--ihl_indent_padding-vertical);
  margin-left: var(--ihl_indent_margin-left);
  margin-right: var(--ihl_indent_margin-right);
  @media (max-width: 768px) {
    padding-left: var(--ihl_indent_padding-left);
    padding-right: var(--ihl_indent_padding-right);
    margin-left: 0;
    margin-right: 0;    
  }
}
/* float */
.fl_l {
  float: left;
  @media (max-width: 768px) { float: none;}
}
.fl_r {
  float: right;
  @media (max-width: 768px) { float: none;}
}

/*===============================

    Utility

================================*/
/* color */
.u_color-coral {color: #ff7f50 !important;}
.u_color-rouge {color: #ec2c43 !important;}
.u_color-crimson {color: #e6002d !important;}
/* display */
.u_d-b {display: block !important;}
.u_d-ib {display: inline-block !important;}
.u_d-fx {display: flex !important;}
.u_res_d-b {display: none;}
@media screen and (max-width: 599px) {
  .u_res_d-n {display: none;}
  .u_res_d-b {display: block;}
}
/* float */
.u_fl-n {float: none !important;}
.u_fl-l {float: left !important;}
.u_fl-r {float: right !important;}
/* font-size */
.u_fz-xs {font-size: .75em !important;}
.u_fz-sm {font-size: .875em !important;}
.u_fz-md {font-size: 1em !important;}
.u_fz-lg {font-size: 1.25em !important;}
.u_fz-xl {font-size: 1.5em !important;}
.u_fz-sr {font-size: smaller !important;}
.u_fz-lr {font-size: larger !important;}
.u_fz10 {font-size: 10px !important;}
.u_fz11 {font-size: 11px !important;}
.u_fz12 {font-size: 12px !important;}
.u_fz13 {font-size: 13px !important;}
.u_fz14 {font-size: 14px !important;}
.u_fz15 {font-size: 15px !important;}
.u_fz16 {font-size: 16px !important;}
.u_fz17 {font-size: 17px !important;}
.u_fz18 {font-size: 18px !important;}
.u_fz19 {font-size: 19px !important;}
.u_fz20 {font-size: 20px !important;}
/* font-weigth */
.u_fw-b {font-weight: bold !important;}
.u_fw-n {font-weight: normal !important;}
/* line-height */
.u_lh-nm {line-height: normal !important;}
.u_lh-ih {line-height: inherit !important;}
.u_lh0 {line-height: 0 !important;}
.u_lh1 {line-height: 1 !important;}
.u_lh2 {line-height: 2 !important;}
.u_lh3 {line-height: 3 !important;}
.u_lh4 {line-height: 4 !important;}
.u_lh5 {line-height: 5 !important;}
.u_lh6 {line-height: 6 !important;}
.u_lh-xs {line-height: 1.25 !important;}
.u_lh-sm {line-height: 1.33 !important;}
.u_lh-md {line-height: 1.5 !important;}
.u_lh-lg {line-height: 1.75 !important;}
.u_lh-xl {line-height: 2 !important;}
/* padding */
.u_py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* margin */
.u_mt0 {margin-top: 0 !important;}
.u_mt-a {margin-top: auto !important;}
.u_mt-xs {margin-top: 0.2rem !important;}
.u_mt-sm {margin-top: 0.5rem !important;}
.u_mt-md {margin-top: 1rem !important;}
.u_mt-lg {margin-top: 1.5rem !important;}
.u_mt-xl {margin-top: 3rem !important;}
.u_ml0 {margin-left: 0 !important;}
.u_ml-a {margin-left: auto !important;}
.u_ml-xs {margin-left: 0.2rem !important;}
.u_ml-sm {margin-left: 0.5rem !important;}
.u_ml-md {margin-left: 1rem !important;}
.u_ml-lg {margin-left: 1.5rem !important;}
.u_ml-xl {margin-left: 3rem !important;}
.u_mb0 {margin-bottom: 0 !important;}
.u_mb-a {margin-bottom: auto !important;}
.u_mb-xs {margin-bottom: 0.2rem !important;}
.u_mb-sm {margin-bottom: 0.5rem !important;}
.u_mb-md {margin-bottom: 1rem !important;}
.u_mb-lg {margin-bottom: 1.5rem !important;}
.u_mb-xl {margin-bottom: 3rem !important;}
.u_mr0 {margin-right: 0 !important;}
.u_mr-a {margin-right: auto !important;}
.u_mr-xs {margin-right: 0.2rem !important;}
.u_mr-sm {margin-right: 0.5rem !important;}
.u_mr-md {margin-right: 1rem !important;}
.u_mr-lg {margin-right: 1.5rem !important;}
.u_mr-xl {margin-right: 3rem !important;}
.u_my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.u_my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.u_my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.u_my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.u_mt5 {margin-top: 5px !important;}
.u_mt10 {margin-top: 10px !important;}
.u_mt15 {margin-top: 15px !important;}
.u_mt20 {margin-top: 20px !important;}
.u_mt30 {margin-top: 30px !important;}
.u_mt50 {margin-top: 50px !important;}
.u_mt100 {margin-top: 100px !important;}
.u_mt-5 {margin-top: -5px !important;}
.u_mt-10 {margin-top: -10px !important;}
.u_mt-15 {margin-top: -15px !important;}
.u_mt-20 {margin-top: -20px !important;}
.u_mt-30 {margin-top: -30px !important;}
.u_mt-50 {margin-top: -50px !important;}
.u_mt-100 {margin-top: -100px !important;}
.u_mr5 {margin-right: 5px !important;}
.u_mr10 {margin-right: 10px !important;}
.u_mr15 {margin-right: 15px !important;}
.u_mr20 {margin-right: 20px !important;}
.u_mr30 {margin-right: 30px !important;}
.u_mr50 {margin-right: 50px !important;}
.u_mr100 {margin-right: 100px !important;}
.u_mr-5 {margin-right: -5px !important;}
.u_mr-10 {margin-right: -10px !important;}
.u_mr-15 {margin-right: -15px !important;}
.u_mr-20 {margin-right: -20px !important;}
.u_mr-30 {margin-right: -30px !important;}
.u_mr-50 {margin-right: -50px !important;}
.u_mr-100 {margin-right: -100px !important;}
.u_mb5 {margin-bottom: 5px !important;}
.u_mb10 {margin-bottom: 10px !important;}
.u_mb15 {margin-bottom: 15px !important;}
.u_mb20 {margin-bottom: 20px !important;}
.u_mb30 {margin-bottom: 30px !important;}
.u_mb50 {margin-bottom: 50px !important;}
.u_mb100 {margin-bottom: 100px !important;}
.u_mb-5 {margin-bottom: -5px !important;}
.u_mb-10 {margin-bottom: -10px !important;}
.u_mb-15 {margin-bottom: -15px !important;}
.u_mb-20 {margin-bottom: -20px !important;}
.u_mb-30 {margin-bottom: -30px !important;}
.u_mb-50 {margin-bottom: -50px !important;}
.u_mb-100 {margin-bottom: -100px !important;}
.u_ml5 {margin-left: 5px !important;}
.u_ml10 {margin-left: 10px !important;}
.u_ml15 {margin-left: 15px !important;}
.u_ml20 {margin-left: 20px !important;}
.u_ml30 {margin-left: 30px !important;}
.u_ml50 {margin-left: 50px !important;}
.u_ml100 {margin-left: 100px !important;}
.u_ml-5 {margin-left: -5px !important;}
.u_ml-10 {margin-left: -10px !important;}
.u_ml-15 {margin-left: -15px !important;}
.u_ml-20 {margin-left: -20px !important;}
.u_ml-30 {margin-left: -30px !important;}
.u_ml-50 {margin-left: -50px !important;}
.u_ml-100 {margin-left: -100px !important;}
.u_m-a {margin: auto !important;}
/* position */
.u_pos-r {position: relative !important;}
.u_pos-a {position: absolute !important;}
/* text-align */
.u_ta-c {text-align: center !important;}
.u_ta-r {text-align: right !important;}
.u_ta-l {text-align: left !important;}
.u_alignC {text-align: center;}
.u_alignL {text-align: left;}
.u_alignR {text-align: right;}
/*-- md --*/
@media (max-width: 768px) {
  .u_alignC_md {text-align: center;}
  .u_alignL_md {text-align: left;}
  .u_alignR_md {text-align: right;}
}
/*-- sm --*/
@media (max-width: 599px) {
  .u_alignC_sm {text-align: center;}
  .u_alignL_sm {text-align: left;}
  .u_alignR_sm {text-align: right;}
}
/* text-indent */
.u_ti--1 {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
.u_ti-0 {
  text-indent: 0em !important;
  padding-left: 0em !important;
}
/* text-decoration */
.u_td-n {text-decoration: none !important;}
.u_td-u {text-decoration: underline !important;}
.u_td-o {text-decoration: overline !important;}
.u_td-l {text-decoration: line-through !important;}
/* vertical-align */
.u_va-sup {vertical-align: super !important;}
.u_va-t {vertical-align: top !important;}
.u_va-tt {vertical-align: text-top !important;}
.u_va-m {vertical-align: middle !important;}
.u_va-bl {vertical-align: baseline !important;}
.u_va-b {vertical-align: bottom !important;}
.u_va-tb {vertical-align: text-bottom !important;}
.u_va-sub {vertical-align: sub !important;}
/* flexbox */
.u_ac-fs {align-content: flex-start !important;}
.u_ac-fe {align-content: flex-end !important;}
.u_ac-c {align-content: center !important;}
.u_ac-sb {align-content: space-between !important;}
.u_ac-sa {align-content: space-around !important;}
.u_ac-s {align-content: stretch !important;}
.u_ai-fs {align-items: flex-start !important;}
.u_ai-fe {align-items: flex-end !important;}
.u_ai-c {align-items: center !important;}
.u_ai-b {align-items: baseline !important;}
.u_ai-s {align-items: stretch !important;}
.u_as-a {align-self: auto !important;}
.u_as-fs {align-self: flex-start !important;}
.u_as-fe {align-self: flex-end !important;}
.u_as-c {align-self: center !important;}
.u_as-b {align-self: baseline !important;}
.u_as-s {align-self: stretch !important;}
.u_jc-fs {justify-content: flex-start !important;}
.u_jc-fe {justify-content: flex-end !important;}
.u_jc-c {justify-content: center !important;}
.u_jc-sb {justify-content: space-between !important;}
.u_jc-sa {justify-content: space-around !important;}
.u_fx0-1-a {flex: 0 1 auto !important;}
.u_fx1-0-a {flex: 1 0 auto !important;}
.u_fx1-1-a {flex: 1 1 auto !important;}
.u_fx0-0-a {flex: 0 0 auto !important;}
.u_fx1-0-0 {flex: 1 0 0% !important;}
/* order */
.u_ord0 {order: 0 !important;}
.u_ord1 {order: 1 !important;}
.u_ord2 {order: 2 !important;}
.u_ord3 {order: 3 !important;}
.u_ord4 {order: 4 !important;}
.u_ord5 {order: 5 !important;}
.u_ord6 {order: 6 !important;}
.u_ord9999 {order: 9999 !important;}
.u_ord-1 {order: -1 !important;}
/* table-layout */
.u_tbl-a {table-layout: auto !important;}
.u_tbl-f {table-layout: fixed !important;}
/* width */
.u_w350 {width: 350px !important;}
.u_w400 {width: 400px !important;}
.u_w40p {width: 40% !important;}
.u_w45p {width: 45% !important;}
.u_w50p {width: 50% !important;}
.u_w100p {width: 100% !important;}
.u_maW70p {max-width: 70% !important;}
.u_maW75p {max-width: 75% !important;}
.u_maW80p {max-width: 80% !important;}
/*横幅*/
.u_col1 {width: 8.333%;}
.u_col2 {width: 16.667%;}
.u_col3 {width: 25%;}
.u_col4 {width: 33.333%;}
.u_col5 {width: 41.666%;}
.u_col6 {width: 50%;}
.u_col7 {width: 58.333%;}
.u_col8 {width: 66.666%;}
.u_col9 {width: 75%;}
.u_col10 {width: 83.33%;}
.u_col11 {width: 91.666%;}
.u_col12 {width: 100%;}
@media screen and (max-width:768px) {
  .u_resMdCol1 {width: 8.333%;}
  .u_resMdCol2 {width: 16.667%;}
  .u_resMdCol3 {width: 25%;}
  .u_resMdCol4 {width: 33.333%;}
  .u_resMdCol5 {width: 41.666%;}
  .u_resMdCol6 {width: 50%;}
  .u_resMdCol7 {width: 58.333%;}
  .u_resMdCol8 {width: 66.666%;}
  .u_resMdCol9 {width: 75%;}
  .u_resMdCol10 {width: 83.33%;}
  .u_resMdCol11 {width: 91.666%;}
  .u_resMdCol12 {width: 100%;}
}
@media screen and (max-width:599px) {
  .u_resSmCol1 {width: 8.333%;}
  .u_resSmCol2 {width: 16.667%;}
  .u_resSmCol3 {width: 25%;}
  .u_resSmCol4 {width: 33.333%;}
  .u_resSmCol5 {width: 41.666%;}
  .u_resSmCol6 {width: 50%;}
  .u_resSmCol7 {width: 58.333%;}
  .u_resSmCol8 {width: 66.666%;}
  .u_resSmCol9 {width: 75%;}
  .u_resSmCol10 {width: 83.33%;}
  .u_resSmCol11 {width: 91.666%;}
  .u_resSmCol12 {width: 100%;}
}
/*-- color --*/
.u_colorHaken{ color: var(--theme_haken)}
.u_colorBup{ color: var(--theme_bup)}
.u_colorDouga{ color: var(--theme_douga)}

/*-- Text Indent --*/
.u_indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*-- Color --*/
.u_c_red {
  color: #f00;
}
/*-- link --*/
.u_link {
  color: #052674;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .u_link:hover {
    text-decoration: none;
  }
}
/*-- Font Size --*/
.u_fz40 {font-size: 40px;}
.u_fz38 {font-size: 38px;}
.u_fz36 {font-size: 36px;}
.u_fz34 {font-size: 34px;}
.u_fz32 {font-size: 32px;}
.u_fz30 {font-size: 30px;}
.u_fz28 {font-size: 28px;}
.u_fz26 {font-size: 26px;}
.u_fz24 {font-size: 24px;}
.u_fz22 {font-size: 22px;}
.u_fz20 {font-size: 20px;}
.u_fz18 {font-size: 18px;}
.u_fz16 {font-size: 16px;}
.u_fz15 {font-size: 15px;}
.u_fz14 {font-size: 14px;}
.u_fz13 {font-size: 13px;}
.u_fz12 {font-size: 12px;}
.u_fz11 {font-size: 11px;}
.u_fz10 {font-size: 10px;}
@media (max-width: 768px) {
  .u_fz30_md {font-size: 30px;}
  .u_fz28_md {font-size: 28px;}
  .u_fz26_md {font-size: 26px;}
  .u_fz24_md {font-size: 24px;}
  .u_fz22_md {font-size: 22px;}
  .u_fz20_md {font-size: 20px;}
  .u_fz18_md {font-size: 18px;}
  .u_fz16_md {font-size: 16px;}
  .u_fz15_md {font-size: 15px;}
  .u_fz14_md {font-size: 14px;}
  .u_fz13_md {font-size: 13px;}
  .u_fz12_md {font-size: 12px;}
  .u_fz11_md {font-size: 11px;}
  .u_fz10_md {font-size: 10px;}
}
@media (max-width: 599px) {
  .u_fz30_sm {font-size: 30px;}
  .u_fz28_sm {font-size: 28px;}
  .u_fz26_sm {font-size: 26px;}
  .u_fz24_sm {font-size: 24px;}
  .u_fz22_sm {font-size: 22px;}
  .u_fz20_sm {font-size: 20px;}
  .u_fz18_sm {font-size: 18px;}
  .u_fz16_sm {font-size: 16px;}
  .u_fz15_sm {font-size: 15px;}
  .u_fz14_sm {font-size: 14px;}
  .u_fz13_sm {font-size: 13px;}
  .u_fz12_sm {font-size: 12px;}
  .u_fz11_sm {font-size: 11px;}
  .u_fz10_sm {font-size: 10px;}
}
/*-- Font Weight --*/
.u_black {font-weight: 900;}
.u_bold {font-weight: 700;}
.u_semibold {font-weight: 600;}
.u_medium {font-weight: 500;}
.u_regular {font-weight: 400;}
.u_light {font-weight: 300;}
.u_exlight {font-weight: 200;}
.u_thin {font-weight: 100;}
/*-- Text Transform --*/
.u_tt_up {text-transform: uppercase;}
.u_tt_low {text-transform: lowercase;}
.sp {display: none;}
/*-- top --*/
.mt_point5em {margin-top: .5em !important;}
.mt_0 {margin-top: 0 !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_35 {margin-top: 35px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_45 {margin-top: 45px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_70 {margin-top: 70px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_90 {margin-top: 90px !important;}
.mt_100 {margin-top: 100px !important;}
@media (max-width: 768px) {
  .mt_0_md {margin-top: 0 !important;}
  .mt_5_md {margin-top: 5px !important;}
  .mt_10_md {margin-top: 10px !important;}
  .mt_15_md {margin-top: 15px !important;}
  .mt_20_md {margin-top: 20px !important;}
  .mt_25_md {margin-top: 25px !important;}
  .mt_30_md {margin-top: 30px !important;}
  .mt_35_md {margin-top: 35px !important;}
  .mt_40_md {margin-top: 40px !important;}
  .mt_45_md {margin-top: 45px !important;}
  .mt_50_md {margin-top: 50px !important;}
  .mt_60_md {margin-top: 60px !important;}
  .mt_70_md {margin-top: 70px !important;}
  .mt_80_md {margin-top: 80px !important;}
  .mt_90_md {margin-top: 90px !important;}
  .mt_100_md {margin-top: 100px !important;}
}
@media (max-width: 599px) {
  .mt_5_sm {margin-top: 1.3vw !important;}
  .mt_10_sm {margin-top: 2.6vw !important;}
  .mt_15_sm {margin-top: 4vw !important;}
  .mt_20_sm {margin-top: 5.3vw !important;}
  .mt_25_sm {margin-top: 6.6vw !important;}
  .mt_30_sm {margin-top: 8vw !important;}
  .mt_35_sm {margin-top: 9.3vw !important;}
  .mt_40_sm {margin-top: 10.6vw !important;}
  .mt_45_sm {margin-top: 12vw !important;}
  .mt_50_sm {margin-top: 13.3vw !important;}
  .mt_60_sm {margin-top: 16vw !important;}
  .mt_70_sm {margin-top: 18.6vw !important;}
  .mt_80_sm {margin-top: 21.3vw !important;}
  .mt_90_sm {margin-top: 24vw !important;}
  .mt_100_sm {margin-top: 26.6vw !important;}
}
/*-- bottom --*/
.mb_0 {margin-bottom: 0 !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_25 {margin-bottom: 25px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_35 {margin-bottom: 35px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_45 {margin-bottom: 45px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_80 {margin-bottom: 80px !important;}
.mb_90 {margin-bottom: 90px !important;}
.mb_100 {margin-bottom: 100px !important;}
@media (max-width: 768px) {
  .mb_0_md {margin-bottom: 0 !important;}
  .mb_5_md {margin-bottom: 5px !important;}
  .mb_10_md {margin-bottom: 10px !important;}
  .mb_15_md {margin-bottom: 15px !important;}
  .mb_20_md {margin-bottom: 20px !important;}
  .mb_25_md {margin-bottom: 25px !important;}
  .mb_30_md {margin-bottom: 30px !important;}
  .mb_35_md {margin-bottom: 35px !important;}
  .mb_40_md {margin-bottom: 40px !important;}
  .mb_45_md {margin-bottom: 45px !important;}
  .mb_50_md {margin-bottom: 50px !important;}
  .mb_60_md {margin-bottom: 60px !important;}
  .mb_70_md {margin-bottom: 70px !important;}
  .mb_80_md {margin-bottom: 80px !important;}
  .mb_90_md {margin-bottom: 90px !important;}
  .mb_100_md {margin-bottom: 100px !important;}
}
@media (max-width: 599px) {
  .mb_5_sm {margin-bottom: 1.3vw !important;}
  .mb_10_sm {margin-bottom: 2.6vw !important;}
  .mb_15_sm {margin-bottom: 4vw !important;}
  .mb_20_sm {margin-bottom: 5.3vw !important;}
  .mb_25_sm {margin-bottom: 6.6vw !important;}
  .mb_30_sm {margin-bottom: 8vw !important;}
  .mb_35_sm {margin-bottom: 9.3vw !important;}
  .mb_40_sm {margin-bottom: 10.6vw !important;}
  .mb_45_sm {margin-bottom: 12vw !important;}
  .mb_50_sm {margin-bottom: 13.3vw !important;}
  .mb_60_sm {margin-bottom: 16vw !important;}
  .mb_70_sm {margin-bottom: 18.6vw !important;}
  .mb_80_sm {margin-bottom: 21.3vw !important;}
  .mb_90_sm {margin-bottom: 24vw !important;}
  .mb_100_sm {margin-bottom: 26.6vw !important;}
}
/*-- left --*/
.ml_30 {margin-left: 30px !important;}
@media (max-width: 768px) {
  .ml_0_md {margin-left: 0px !important;}
  .ml_30_md {margin-left: 30px !important;}
}
@media (max-width: 599px) {
  .ml_0_sm {margin-left: 0vw !important;}
  .ml_30_sm {margin-left: 8vw !important;}
}
/*-- right --*/
.mr_30 {margin-right : 30px !important;}
@media (max-width: 768px) {
  .mr_0_md {margin-right : 0px !important;}
  .mr_30_md {margin-right : 30px !important;}
}
@media (max-width: 599px) {
  .mr_0_sm {margin-right : 0vw !important;}
  .mr_30_sm {margin-right : 8vw !important;}
}