/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 06:22:31 */
/*--------------------------------
サイト全体
--------------------------------*/
/*----- 24/11/27 ナビゲーション部分とLPバナー部分のスクロールバーの被りの解消用 -----*/
body { height: auto; }
/*----- bodyの幅調整（タブレット対応） -----*/
/* @media screen and (min-width: 768px) and (max-width: 1024px) */
@media screen and (min-width: 768px) and (max-width: 1180px) {
     body {
          width: 100%!important;
          overflow-x: hidden!important;
     }
     div#container {
          width: 100%!important;
          overflow-x: hidden!important;
     }
}
/*----- bodyの幅調整（スマホ対応） -----*/
@media screen and (max-width: 767px) {
     body {
          /* width: 101%!important; */
          width: 100%!important;
          /* overflow: hidden!important; */
          box-sizing: border-box!important;
     }
     div#container {
          width: 100%!important;
          /* overflow: hidden!important; */
          box-sizing: border-box!important;
     }
}
/*----- フォントファミリー -----*/
body {
     /* font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif!important; */
     font-family: 'メイリオ', 'ヒラギノ角ゴシック', 'Arial';
}
@media screen and (max-width: 767px) {
     /* ページタイトルのスマホ調整 */
     .container__col--spaced--last {
          margin-left: 0;
     }
     /* ページタイトル横の画像のスマホ調整 */
     .container__col--spaced {
          margin-right: 0;
		  width: 106%;
     }
     .btn-mobile .container__col--spaced  {
          display: block!important;
     }
}
/*----- 段落<p>の基準マージン設定 -----*/
p {
     margin: 0 0 1.1em;
     line-height: 1.6;
}
p.before_list {
     margin-bottom: 0;
}
/*----- リンク<a>のカーソル設定 -----*/
a {
     cursor: pointer!important;
}
/*----- アイコン下のリンク（テキストカラーとアンダーバー）調整（「3つの推し」用） -----*/
a.title-link {
     text-decoration: none;
     color: #000;
}
/*----- 画像の位置調整（サイズ含む） -----*/
/* 画像右配置、テキスト回り込み */
/* p.sub-image-right */
.sub-image-right {
     float: right;
     margin: 0 0 1em 1em;
     width: 35%;
}
/* p.sub-image-right-20 */
.sub-image-right-20 {
     float: right;
     margin: 0 0 1em 1em;
     width: 20%;
}
.sub-image-right-25 {
     float: right;
     margin: 0 0 1em 1em;
     width: 25%;
}
.sub-image-right-25.order-right-area {
     position: relative;
     /* z-index: 1000; */
     z-index: 3;
}
/* 画像左配置、テキスト回り込み */
/* p.sub-image-left */
.sub-image-left {
     float: left;
     margin: 0 1em 1em 0;
     width: 35%;
}
/* p.sub-image-left-20 */
.sub-image-left-20 {
     float: left;
     margin: 0 1em 1em 0;
     width: 20%;
}
/* p.sub-image-left-25 */
.sub-image-left-25 {
     margin: 0 auto 2em 0;
     width: 25%!important;
}
/* 画像左配置、テキスト回り込み（プロフィール用） */
/* p.sub-image-left-prof */
.sub-image-left-prof {
     float: left;
     margin: 0 1em 1em 0;
     width: 20%;
}
/* 画像左配置、テキスト回り込み（プライバシーポリシーで使用） */
/* p.sub-image-left-privact */
.sub-image-left-privact {
     float: left;
     margin: 0 1em 0 0;
     width: 25%;
     /* width: 45%; */
}
@media screen and (max-width: 767px) {
     .sub-image-right {
          width: 45%;
     }
     .sub-image-right-20 {
          width: 45%;
     }
     .sub-image-right-25 {
          margin-bottom: 4em!important;
          width: 50%;
     }
}
/* 中央配置 */
.sub-image-center {
     margin: 0 auto 2em;
     width: 75%;
     /* width: 100%; */
}
/* 中央配置（幅75％） */
.sub-image-center-75 {
     margin: 0 auto 2em;
     width: 75%;
}
/* 中央配置（幅50％） */
.sub-image-center-50 {
     margin: 0 auto 2em;
     width: 50%!important;
}
/* 中央配置（幅25％） */
.sub-image-center-25 {
     margin: 0 auto 2em;
     width: 25%!important;
}
/* 中央配置（幅73.6％）class="sub-image-flex"の前後配置の時 */
.sub-image-center-item {
     margin: -1.5em auto 2em;
     width: 73.6%;
}
/* 回り込み画像のサイズ調整 */
.sub-image-right img,
.sub-image-right-20 img,
.sub-image-left img,
.sub-image-left-20 img,
.sub-image-left-25 img,
.sub-image-center img,
.sub-image-center-75 img,
.sub-image-center-50 img,
.sub-image-center-25 img,
.sub-image-left-privact img,
.sub-image-flex .img-item img {
     width: 100%;
}
/* テキスト回り込み画像の重なり防止（画像右配置時） */
.box-TextImage {
     margin: 0!important;
     padding: 0!important;
     height: auto;
     overflow: hidden;
}
/* 画像のキャプション */
.img-caption {
     display: block;
     /* margin-bottom: -1em; */
     margin-bottom: .5em;
     padding: 0;
     font-size: 85%;
     text-align: center;
     line-height: 1.3;
}
/* 画像のキャプション（枠付き） */
.img-caption-frame {
     display: block;
     margin-bottom: -2em;
     padding: 5px 5px 4px;
     font-size: 85%;
     text-align: center;
     line-height: 1.3;
     border: 1px solid #999;
}
/* 画像のキャプション（左付き） */
.img-caption-justleft {
     display: block;
     margin-top: -0.7em;
     padding: 5px;
     font-size: 70%;
     text-align: left;
     line-height: 1.4;
}
/* プレスリリースのリンクエリア */
.pr-link-area {
     display: block;
     margin-bottom: 1em;
     padding: 0 1.5em!important;
     font-size: 65%;
     text-align: left;
     line-height: 1.3;
     background-color: #fff;
     position: relative;
     z-index: 1000;
}
.pr-link-area .dl-area,
.pr-link-area .contact-area {
     margin-bottom: 1em;
     padding: .8em 1.5em .1em;
     border-radius: .5em;
}
.pr-link-area .dl-area {
     background-color: #d8e7f7;
     border: 1px solid #aec5dd;
}
.pr-link-area .contact-area {
     background-color: #f7efd8;
     border: 1px solid #e2d6b5;
}
.pr-link-area .dl-area a.pdf-icon,
.pr-link-area .contact-area a.book-icon {
     display: block;
     position: relative;
     margin-top: .5em;
     margin-bottom: 1em;
     margin-left: 1em;
     padding-left: 30px;
     line-height: 24px;
     box-sizing: border-box;
}
.pr-link-area .dl-area a.pdf-icon::before,
.pr-link-area .contact-area a.book-icon::before {
     content: "";
     position: absolute;
     left: 0;
     width: 24px;
     height: 24px;
}
.pr-link-area .dl-area a.pdf-icon::before {
     background: url(/wp-content/uploads/2022/10/pdficon_small.png) center center no-repeat;
     background-size: 100%;
}
.pr-link-area .contact-area a.book-icon::before {
     background: url(/wp-content/uploads/2022/10/book_addresses.png) center center no-repeat;
     background-size: 100%;
}
/* プレスリリース時の画像下マージン調整 */
img.pr-img {
     margin-bottom: .5em;
}
.sub-image-flex div.img-item .img-caption {
     margin-bottom: -.5em;
}
@media screen and (max-width: 767px) {
     .pr-link-area {
          margin-top: -2em;
          margin-bottom: -5em;
     }
     .pr-link-area .dl-area,
     .pr-link-area .contact-area {
          padding: .8em .6em .1em;
     }
     /* プレスリリース時の画像下マージン調整 */
     img.pr-img {
          margin-bottom: 1.5em;
     }
}
/* 画像を横に並べて表示 */
.sub-image-flex div.img-item {
     margin-bottom: 1.5em;
}
.sub-image-flex div.img-item:last-child {
     margin-bottom: 0;
}
/* テーブル内でのテキスト回り込み画像 */
.img-left-in-table {
     float: left;
     margin-right: 1em;
     width: 45%;
}
/* テーブルと画像を並べて表示 */
table.left-side {
     float: left;
     width: 65%!important;
}
p.right-side-table {
     float: right;
     width: 33%!important;
}
p.right-side-table img {
     width: 100%;
}
@media screen and (max-width: 767px) {
     table.left-side {
          float: none;
          width: 100%!important;
     }
     p.right-side-table {
          float: none;
          width: 100%!important;
     }
}
@media screen and (min-width: 768px) {
/* @media screen and (max-width: 767px) { */
     /* 画像右配置、テキスト回り込み */
     .sub-image-right {
          /* margin: 3em 0 1em 1em; */
          width: 30%!important;
     }
     /* 画像左配置、テキスト回り込み */
     .sub-image-left {
          /* margin: 3em 0 1em 1em; */
          width: 30%!important;
     }
     /* 画像左配置、テキスト回り込み（プロフィール用） */
     .sub-image-left-prof {
          /* width: 30%!important; */
          width: 20%!important;
     }
     /* 画像左配置、テキスト回り込み */
     .sub-image-left-privact {
          width: 25%!important;
     }
     /* 画像を横に並べて表示 */
     .sub-image-flex {
          margin: 0 auto 2em!important;
          width: 75%!important;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
     }
     .sub-image-flex .img-item {
          margin: 0 1%!important;
          width: 48%!important;
          box-sizing: border-box;
     }
     /* digitalラーニング サービス中の販売パートナーロゴの調整用 */
     .sub-image-flex .img-item.partner {
          margin: 0 5%!important;
          width: 40%!important;
          box-sizing: border-box;
     }
}
@media screen and (max-width: 767px) {
     /* 中央配置と中央配置（幅100%,75%,50%,25%） */
     .sub-image-center,
     .sub-image-center-75,
     .sub-image-center-50,
     .sub-image-center-25,
     .sub-image-center-item {
          width: 100%!important;
     }
     .sub-image-center-item {
          margin-top: 0;
     }
     /* 左配置（幅25%） */
     .sub-image-left-25 {
          width: 100%!important;
     }
     /* digitalラーニング サービス中の販売パートナーロゴの調整用 */
     .img-item.partner:nth-child(2) {
          position: relative;
          margin-top: 3em;
     }
     .sub-image-flex div.img-item.partner .img-caption {
          margin-bottom: -0.5em;
          position: relative;
          z-index: 2;
     }
     /*本番機用*/
     .sub-image-flex div.img-item.partner img[src="/wp-content/uploads/2023/02/img-learning-011_08.jpg"] {
          position: relative;
          z-index: 1;
          margin-top: -3em;
     }
     /*ステージング用*/
     /* .sub-image-flex div.img-item.partner img[src="/wp-content/uploads/2023/02/img-learning-011_08.jpg"] {
          position: relative;
          z-index: 1;
          margin-top: -3em;
     } */
}
/*----- マージン調整 -----*/
/* 上マージンを0 */
.margin-top-0 {
     margin-top: -1em!important;
}
/* 上マージンを-0.5em */
.margin-top-0_5 {
     margin-top: -.5em!important;
}
/* 上マージンを1em */
.margin-top--1 {
     margin-top: 1em!important;
}
/* 上マージンを2em */
.margin-top--2 {
     margin-top: 2em!important;
}
/* 上マージンを1.5em */
.margin-top--1_5 {
     margin-top: 1.5em!important;
}
/* 下マージンを3em */
.margin-bottom-3 {
     margin-bottom: 3em!important;
}
/* 下マージンを2em */
.margin-bottom-2 {
     margin-bottom: 2em!important;
}
/* 下マージンを1em */
.margin-bottom-1 {
     margin-bottom: 1em!important;
}
/* 下マージンを1.5em */
.margin-bottom-1_5 {
     margin-bottom: 1.5em!important;
}
/* 下マージンを0.5em */
.margin-bottom-0_5 {
     margin-bottom: .5em!important;
}
/* 下マージンを0 */
.margin-bottom-0 {
     margin-bottom: 0!important;
}
/*----- テキスト配置 -----*/
.text-center {
     text-align: center!important;
}
.text-right {
     text-align: right!important;
}
.text-left {
     text-align: left!important;
}
/*----- テキスト マーカー付き -----*/
/* マーカー（黄色）/ テキスト（茶色） */
.text-bg_yellow-brown {
     background-color: #ffff99;
     color: #993300;
}
/* マーカー（黄色）/ テキスト（黒） */
.text-bg_yellow-black {
     background-color: #ffff99;
     color: #000;
}
/*----- テキストを左右（pre/next）に配置する -----*/
p.text-pre-next {
     clear: both;
     height: auto;
     overflow: hidden;
}
p.text-pre-next a.pre,
p.text-pre-next a.next {
     display: block;
     width: 45%;
}
p.text-pre-next a.pre {
     float: left;
     text-align: left;
}
p.text-pre-next a.next {
     float: right;
     text-align: right;
}
p.text-pre-next br {
     display: none;
}
/*----- テーブル設定 -----*/
table.nomal-table {
     margin-bottom: 2.5em;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     /* border-top: 1px solid #999;
     border-right: 1px solid #999; */
     table-layout: fixed;
     box-sizing: border-box;
}
table.nomal-table th,
table.nomal-table td {
     padding: 10px 1em 8px!important;
     /* border-bottom: 1px solid #999;
     border-left: 1px solid #999; */
     border: 1px solid #999;
     word-break: break-word;
     box-sizing: border-box;
}
table.nomal-table th {
     font-weight: 700;
     background-color: #b4d2ff;
     text-align: center;
}
table.nomal-table td {
     line-height: 1.5;
     background-color: #fff;
     text-align: left;
}
table.nomal-table td ul,
table.nomal-table td p:last-child {
     margin-bottom: 0;
}
/* キャプション */
caption {
     padding-bottom: .5em;
     white-space: nowrap;
}
/* <th><td>の背景色（青・ピンク・緑） */
th.bg-blue,
td.bg-blue {
     background-color: #b4d2ff!important;
}
th.bg-pink,
td.bg-pink {
     background-color: #ffc7cf!important;
}
th.bg-white,
td.bg-white {
     background-color: #fff!important;
}
th.bg-green,
td.bg-green {
     background-color: #e2f0e3!important;
}
/*----- 最初の段落の設定を無効にする（テキストサイズなど） -----*/
.invalidation-first-p {
     margin: 0!important;
}
/*----- リスト表示 -----*/
/* 標準設定を調整 */
ul li::before {
     margin-left: -1em;
     width: .75em;
     /* color: #f9bd38; */
     color: #444;
}
ol li::before {
     margin-left: -1.25em;
     width: 1em;
     /* color: #f9bd38; */
     color: #444;
}
/* チェックアイコン付きのリスト */
ul.check-icon li::before {
     font-family: "Font Awesome 5 Free";
     content: "\f046";
     margin-left: -1em;
     width: .75em;
}
/* 注意文用のリスト */
ul.attention {
     margin-top: -1em;
     /* margin-top: -2em!important; */
     font-size: 85%;
     line-height: 1.3;
     list-style-type: none!important;
}
ul.attention li {
     list-style-type: none!important;
     margin-top: 1em;
}
ul.attention li::before {
     content: "※";
     margin-left: -1.25em!important;
     width: 1em!important;
}
/* 任意の数字から始めるリスト */
ol.free-count {
     list-style: auto!important;
}
ol.free-count li {
     padding-left: .25em!important;
}
ol.free-count li::before {
     content: "";
     margin-left: -1em;
     width: .75em;
}
ol.free-count li::marker {
     /* color: #f9bd38; */
     color: #444;
}
/* 丸数字のリスト */
ol.round-number,
ol.round-number-nomal {
     counter-reset: my-counter;
     list-style: none;
     padding: 0;
     /* margin: 0 0 .5em 0; */
}
ol.round-number {
     margin: 0 0 .5em 1em;
}
ol.round-number-nomal {
     margin: 0 0 1.5em 0;
}
ol.round-number li,
ol.round-number-nomal li {
     line-height: 1.5;
     padding-left: 8px;
     position: relative;
     margin-top: 0.5em;
}
ol.round-number li:before,
ol.round-number-nomal li:before {
     content: counter(my-counter);
     counter-increment: my-counter;
     /* border: 1px solid #f9bd38; */
     border: 1px solid #444;
     border-radius: 50%;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 1.5em;
     width: 1.5em;
     /* color: #f9bd38; */
     color: #444;
     font-size: 85%;
     line-height: 1;
     position: absolute;
     top: 0;
     left: .1em;
     /* padding-top: 0.1%;
     padding-left: 0.2%; */
     padding-top: 0.15%;
     padding-left: 0.25%;
}
/* 自由にアイコンを設定 */
ul.free-icon {
     margin-left: -1.5em;
}
ul.free-icon-inbox {
     margin-left: -1em;
}
ul.free-icon,
ul.free-icon li,
ul.free-icon-inbox,
ul.free-icon-inbox li {
     list-style-type: none!important;
}
ul.free-icon li {
     text-indent: -1.35em;
     margin-left: 1.35em;
}
ul.free-icon-inbox li {
     text-indent: -.62em;
     margin-left: 1em;
}
ul.free-icon li::before,
ul.free-icon-inbox li::before {
     content: "";
     display: none;
}
/* アンカーリンク用のリスト */
ul.anchor {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 0;
}
ul.anchor li {
     margin: 0 .5em .5em;
     width: 30%;
}
ul.anchor li::before {
     content: "▼";
     float: left;
     vertical-align: middle;
     margin-right: .5em;
}
@media screen and (max-width: 767px) {
     ul.anchor li {
          width: 45%;
     }
}
/*----- ここから目次 -----*/
ul.anchor-menu li {
     margin-bottom: .8em;
}
ul.anchor-menu li:last-child {
     margin-bottom: 0;
}
ul.anchor-menu li::after {
     content: "▼";
     float: left;
     vertical-align: middle;
     margin-right: 0!important;
}
@media screen and (min-width: 768px) {
     .box-TextImage { width: 99.2%; }
     /* 幅調整 width: 71% (写真に回り込んだテキストを目次の横に配置した時) */
     .box-TextImage.narrow-width {
          float: left;
          width: 71%;
     }
     /* 目次（アンカーリンク）の配置設定用 */
     .menu_box {
          position: relative;
          z-index: 2;
          float: right;
          margin: 0 0 1em 1em;
          padding-left: 2em;
          padding-top: 1em;
          padding-right: 2em;
          width: 25%;
          font-size: .8em;
          line-height: 1!important;
          border: 1px solid #ccc;
          background-color: #e6edf8;
          box-sizing: border-box;
     }
     .menu_box h3 {
          margin-top: 0!important;
          font-size: 1.2em!important;
          border: none!important;
     }
     .menu_box a { text-decoration: none; }
     .menu_box a:hover { text-decoration: underline; }
     /* ここまで */
     /* ここからアンカーリンク */
     ul.anchor-menu {
          display: block;
          margin-top: -.3em!important;
          margin-left: -1em!important;
          margin-bottom: 1.5em!important;
     }
     ul.anchor-menu li {
          margin-top: .5em!important;
          width: 100%;
          line-height: 1.2;
     }
     .anchor-point {
          display: block;
          margin-top: -.5em;
          padding-top: .5em;
     }
     /* ここまで */
}
@media screen and (max-width: 767px) {
     .menu_box {
          margin-top: 2em;
          margin-bottom: 1em;
          padding: 0 2em 1em;
          border: 1px solid #ccc;
          background-color: #e6edf8;
     }
     .menu_box h3 {
          margin-top: 1em!important;
     }
     ul.anchor-menu {
          display: block;
          margin-left: -1.2em;
          margin-bottom: 1em;
     }
     ul.anchor-menu li {
          width: 100%;
          line-height: 1.5;
     }
    .anchor-point {
          display: block;
          margin-top: -5em;
          padding-top: 5em;
     }
     /* ここからリードのマージン調整 */
     p.first-read {
          padding: 1em 1em .9em;
          background-color: #e6edf8;
     }
     /* ここまで */
}
/*----- ここまで -----*/
/*----- 動画表示調整 -----*/
.movie-area {
     text-align: center;
}
@media screen and (max-width: 767px) {
     .movie-area iframe {
          width: 100%;
     }
}
/*----- テキストカラー -----*/
/* 青 */
.font-blue {
     color: #236192;
}
/* 赤 */
.font-red {
     color: #800000;
}
/* グレー */
.font-gray {
     color: #777;
}
/* 四季 */
.font-season {
     color: #9a73b4;
}
/* 春永 */
.font-spring {
     color: #c186a3;
}
/* 夏木 */
.font-summer {
     color: #6d9cc3;
}
/* 秋本 */
.font-autumn {
     color: #d2691e;
}
/* 冬崎 */
.font-winter {
     color: #008b8b;
}
/*----- 蛍光マーカー -----*/
/* 黄色 */
span.marker-yellow {
     background-color: #ffff00;
}
/*----- テキストサイズ -----*/
.font-size150 {
     font-size: 150%!important;
}
.font-size125 {
     font-size: 125%!important;
}
.font-size110 {
     font-size: 110%!important;
}
.font-size85 {
     font-size: 85%!important;
}
.font-size75 {
     font-size: 75%!important;
}
.font-size65 {
     font-size: 65%!important;
}
/*----- 区切り線 -----*/
/* 点線 */
hr.dott-line {
     display: block;
     margin: 1.5em 0 1.2em;
     border: none;
     border-bottom: 1px dotted #999;
}
/*----- ボックスを並べて表示 flexbox -----*/
/* 通常表示や画像やリンクボタンなどを下に配置など */
.box-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     height: auto;
     overflow: hidden;
}
.box-flex .box-item-3,
.box-flex .box-item-2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: .5em 1em;
     background-color: #c3dafc;
     box-sizing: border-box;
     margin-left: 1%;
     margin-right: 1%;
}
.box-flex .box-item-3 p,
.box-flex .box-item-2 p {
     margin: 1em 0 0;
}
.box-flex .box-item-3 .item-bottom,
.box-flex .box-item-2 .item-bottom {
     margin-top: auto;
}
.box-flex .box-item-3 .item-bottom img,
.box-flex .box-item-2 .item-bottom img {
     width: 100%;
}
/* ３列 */
.box-flex .box-item-3 {
     width: calc(93% / 3);
}
/* ２列 */
.box-flex .box-item-2 {
     margin-top: 1.3em;
     width: calc(96% / 2);
}
/* 背景付タイトル */
.box-flex2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
.box-flex_item2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -ms-flex-direction: column;
     flex-direction: column;
     box-sizing: border-box;
     background-color: #ebf3ff;
     margin-bottom: calc((16/1100)*100%);
}
.box-flex_item2 {
     padding: 0 1em;
     width: 24%;
     box-sizing: border-box;
}
.p_bg {
     display:flex;
     justify-content:center;
     align-items:center;
     height:100px;
     padding: 0 1em;
     margin: 15px 0 0;
     background-color: #c3dafc;
     text-align: center;
     box-sizing: border-box;
 }
.p_small {
     font-size: 95%;
     margin-top: 15px;
     margin-bottom: -1em;
}
@media screen and (max-width:767px) {
     /*----- ボックスを並べて表示 flexbox -----*/
     /* 通常表示や画像やリンクボタンなどを下に配置など */
     .box-flex {
          display: inherit!important;
          margin-bottom: 0!important;
     }
     .box-flex .box-item-3 {
          display: block;
          margin-bottom: 1em;
          width: 100%;
     }
     /* 背景付タイトル */
     .box-flex2 {
          display: inherit;
     }
     .box-flex_item2 {
          display: block;
          margin-bottom: 1em;
          padding-top: .5em;
          padding-bottom: .5em;
          width: 100%;
     }
     /* 上記の.box-flex用のマージン調整 */
     .margin-bottom-2 {
          margin-bottom: 0!important;
     }
     /* ２列 */
     .box-flex .box-item-2 {
          /* margin-top: 1.3em; */
          width: 100%;
     }
}
/*----- 提供サービス下階層の一覧ページ調整 -----*/
/* ページタイトル横の円形画像のかけている部分調整 */
.container.container__grid.grid-change {
     position: relative;
     z-index: 2!important;
}
.panel--arc-bottom::after {
     /* z-index: -1; */
     z-index: 1;
}
@media screen and (max-width: 767px) {
     .panel--arc-bottom::after {
          z-index: 0;
     }
}
/*----- PCとモバイルの表示・非表示 -----*/
.mobile_only {
     display: none;
}
@media screen and (max-width:767px) {
     .pc_only {
          display: none;
     }
     .mobile_only {
          display: block;
     }
}
/*----- 上下に配置された１桁と２桁の日付の位置を揃える -----*/
span.letter-space-date {
	letter-spacing: .65em;
}
/*----- トップページ、アーカイブページでのガジェットの調整 -----*/
a.u-textDecoNone.u-textColorBlack {
     display: block;
     margin-top: .5em;
     margin-bottom: -1em;
     font-size: .9rem;
}
.container__col.container__col-sm-12.container__col-md-5.container__col-lg--fit-content.feed__item.card.u-textColorBlack.u-bgColorWhite {
     padding-bottom: 1.5em;
}
body.home .container__col.container__col-sm-12.container__col-md-5.container__col-lg--fit-content.feed__item.card.u-textColorBlack.u-bgColorWhite {
     padding-bottom: 4em;
}
@media screen and (max-width:767px) {
     /* スマホ用 */
     .container__col.container__col-sm-12.container__col-md-5.container__col-lg--fit-content.feed__item.card.u-textColorBlack.u-bgColorWhite {
          /* margin: 0 0.5em 1.5em; */
          flex-basis: 45%;
     }
}
/* タイトルテキストの幅調整（自動改行を防ぐ） */
.feed__title--inner {
     width: 600px!important;
}
/*----- ガジェットのフォント調整 -----*/
h2.h3.u-marginBottom3gu {
     /* font-size: 1.25em; */
     font-size: 1.1em;
     font-weight: bold;
     line-height: 1.5;
}
/*----- フッタ上部のマージン調整 -----*/
@media screen and (min-width: 768px) {
     .panel--standard {
          /* margin-top: 0!important; */
          padding-bottom: 0;
     }
}
/*----- タイトル横に丸抜き画像の重ね順 -----*/
.container__col--spaced {
     z-index: 2;
}
/*----- アーカイブページの絞り込み欄の非表示（プルダウン表示） -----*/
/* イベント */
body.post-type-archive-events fieldset.container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu,
body.tag-event-information.tag-170 fieldset.container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu {
     display: none;
}
/* 公開講座 */
body.post-type-archive-seminar fieldset.container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu {
     display: none;
}
/* プレスリリース */
body.archive.tag.tag-press-releases fieldset.container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu {
     display: none;
}
/* 上記以外のアーカイブページで絞り込みが機能していないため一時的にプルダウンの絞り込みを非表示にする（修正後は削除する設定） */
fieldset.container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu {
     display: none;
}
/*----- アーカイブページの絞り込み欄の非表示 -----*/
body.post-type-archive-events fieldset.container__col.container__col-12,
body.tag-event-information fieldset.container__col.container__col-12,
body.tag-articles fieldset.container__col.container__col-12,
body.tag-ebooks fieldset.container__col.container__col-12,
body.tag-press-releases fieldset.container__col.container__col-12,
body.category-salesforce fieldset.container__col.container__col-12,
body.category-research fieldset.container__col.container__col-12,
body.category-event-report fieldset.container__col.container__col-12,
body.category-growth fieldset.container__col.container__col-12,
body.category-learning fieldset.container__col.container__col-12,
body.category-leadership-management fieldset.container__col.container__col-12,
body.category-working-style fieldset.container__col.container__col-12,
body.category-innovation fieldset.container__col.container__col-12,
body.category-engagement fieldset.container__col.container__col-12,
body.category-topics fieldset.container__col.container__col-12,
body.category-services fieldset.container__col.container__col-12,
body.category-case-study fieldset.container__col.container__col-12,
body.category-case-study_leadership-management fieldset.container__col.container__col-12,
body.category-case-study_innovation-leadership fieldset.container__col.container__col-12,
body.category-case-study_innovation fieldset.container__col.container__col-12,
body.category-case-study_services-instructor fieldset.container__col.container__col-12,
body.category-case-study_salesforce fieldset.container__col.container__col-12 {
     display: none;
}
/*----- 投稿ページのタグアイコンの位置調整 -----*/
@media screen and (max-width: 767px) {
     .u-md-marginRight20gu.u-print-hidden {
          margin-bottom: 4em;
     }
}
/*----- グローバル下の検索アイコンを非表示 -----*/
/* span#headerSearchIcon  {
     display: none;
} */
/*----- PC表示、モバイル表示、それぞれで使用する<br> -----*/
br.br-pc {
     display: block;
}
br.br-mobile {
     display: none;
}
@media screen and (max-width: 767px) {
     br.br-pc {
          display: none;
     }
     br.br-mobile {
          display: block;
     }
}
/*----- トップページとアーカイブページのガジェットの調整（会社名を追加した時） -----*/
/* body.home .block-rows.change-button.container.container__grid.container--gutters.container__grid--justify-center.u-marginBottom8gu.u-md-marginBottom10gu */
.container.container__grid.container--gutters.container__grid--justify-center.u-marginBottom8gu.u-md-marginBottom10gu {
	display: -webkit-box;
     display: -ms-flexbos;
     display: flex;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     /* justify-content: space-between; */
}
/* body.home .container__col.container__col-sm-12.container__col-md-5.container__col-lg--fit-content.feed__item.card.u-textColorBlack.u-bgColorWhite */
.container__col.container__col-sm-12.container__col-md-5.container__col-lg--fit-content.feed__item.card.u-textColorBlack.u-bgColorWhite {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
     -ms-flex-direction: column;
     flex-direction: column;
 }
.chips-area {
	margin-top: auto;
	padding: 0 2rem;
}
/* body.home .button--tertiary */
.button--tertiary {
     margin-right: .5em!important;
     padding: .3em .5em!important;
}
p.company-name {
     /* font-size: .85em; */
     font-size: .75em;
     /* font-weight: bold; */
     line-height: 1.3;
}
p.company-name:hover {
     color: #000!important;
}
@media screen and (max-width: 767px) {
     p.company-name {
          font-size: .9em;
     }
}
.text-cta {
     padding: 0 2rem!important;
}
.company-mar-2 {
     margin-top: 2em;
}
@media screen and (min-width: 768px) {
     /* body.home a.button.button--tertiary.u-marginRight4gu.u-marginBottom4gu */
     a.button.button--tertiary.u-marginRight4gu.u-marginBottom4gu {
          font-size: .6em!important;
     }
     /* body.home .change-button .text-cta */
     .change-button .text-cta {
          font-size: .85em;
     }
}
@media screen and (max-width: 767px) {
     .chips-area {
          padding: 0 2rem 1rem;
     }
}
/*----- アーカイブページのタイトル文字調整 -----*/
@media (min-width: 991px) {
     h1, .h1, div.gform_wrapper h1, div.gform_wrapper .h1 {
        font-size: 2.37em;
     }
     body.home h1, .h1, div.gform_wrapper h1, div.gform_wrapper .h1 {
          font-size: 3.37em;
     }
}
.u-block {
     display: contents;
}
/* ヘッダ部分の検索アイコンを表示させる */
div.header-icon-blk span.search.header__subheader__search.u-inlineBlock.u-marginRight4gu.u-md-marginRight4gu a#header-search .u-block,
i.icon.icon--close.u-block {
     display: block;
}
span.feed__title--inner.u-block {
    text-shadow: 3px 3px 8px #fff;
}
.feed__title {
     background: rgba(255, 255, 255, 0.5)!important;
}
/* 固定ページ、投稿ページのメイン画像横タイトルの縦位置調整（中央配置） */
@media screen and (min-width: 768px) {
     /* 投稿ページ、プログラムページのメイン画像横のタイトル縦位置調整 */
     .box-center,
     .container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu {
          display: flex;
          align-items: center;
     }
     /* プログラムページのメイン画像のサイズ調整 */
     img.u-md-hidden.panel--hero--wrap__image {
          width: 583px;
     }
     /* プログラムページのメイン画像の枠線、ドロップシャドウ */
     img.u-md-hidden.panel--hero--wrap__image {
          box-shadow: 5px 5px 5px rgba(102, 102, 102, .5)!important;
          border: 1px solid #fff;
     }
     /* プログラムページのメイン画像左の右のマージン調整 */
     .panel--hero--wrap__image {
          margin: 0 1.5rem 0.5rem 0;
     }
     /* プログラムページのパンくずリストを含むタイトル部分の上部マージン調整 */
     body.products-template section.panel.panel--hero.u-md-marginBottom14gu {
          margin-top: -1em;
     }
}
@media (min-width: 768px) and (max-width: 1244px) {
     /* プログラムページのメイン画像のサイズ調整 */
     img.u-md-hidden.panel--hero--wrap__image {
          width: 50%;
     }
}
@media screen and (max-width: 767px) {
     .box-center {
          margin-bottom: 2em;
     }
     body.page-template-default div.box-center h1.u-md-marginTop30gu {
          margin-top: -.5em!important;
     }
     /* スマホでのパンくずリストの位置調整 */
     body.resources-template nav.breadcrumb.container__col.container__col-12.u-marginTop4gu.u-md-marginTop0gu.u-marginBottom4gu.u-md-marginBottom7gu,
     body.events-template nav.breadcrumb.container__col.container__col-12.u-marginTop4gu.u-md-marginTop0gu.u-marginBottom4gu.u-md-marginBottom7gu,
     body.seminar-template nav.breadcrumb.container__col.container__col-12.u-marginTop4gu.u-md-marginTop0gu.u-marginBottom4gu.u-md-marginBottom7gu {
          margin-bottom: 0;
     }
     body.page-template-default nav.breadcrumb.container__col.container__col-12.u-marginTop4gu.u-md-marginTop0gu.u-marginBottom4gu.u-md-marginBottom7gu {
          margin-bottom: -2em;
     }
     body.products-template nav.breadcrumb.container__col.container__col-12.u-marginTop4gu.u-md-marginTop0gu.u-marginBottom4gu.u-md-marginBottom7gu {
          margin-top: .2em;
          margin-bottom: 0;
     }
}