@charset "UTF-8";

/* /////////////////////////////////////////////////////////////

INDEX

※ブロックスタイルは、mystyle/my-code.php=ブロックエディター関連と連動

=エディタースタイル
=基本見出しスタイル
=ブロックスタイル
/* 引用
/* ボタン
/* テーブル
/* コンテンツ枠
/* 見出し
/* リストマーク
/* 画像
/* スペーサー
/* カラム
/* ハイライトスタイル

=ホーム
=コンテンツ
=カラーパレット関連


///////////////////////////////////////////////////////////// */


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

=エディタースタイル

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

/* エディター幅 */
html :where(.wp-block){
  max-width: 1100px;
}
.is-root-container{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1100px;
}
.editor-styles-wrapper .is-root-container {
  margin-top: 50px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-bottom: 50px!important;
}

/* タイトル */
.edit-post-visual-editor__post-title-wrapper{
  border: solid 1px #eee;
  padding: 10px;
  margin-bottom: 50px;
}

/* エディタータイトル */
.editor-post-title__input {
  font-size: 1.8em;
  word-break: break-word;
  margin-bottom: 30px;
}

/* エディターツールバー */
.block-editor-block-contextual-toolbar{
  background-color:#eee;
}

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

=基本見出しスタイル

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

/* 見出しフォントサイズ */
h1{
  font-size:1.6em;
}
h2{
  font-size:1.5em;
}
h3{
  font-size:1.3em;
}
h4{
  font-size:1.2em;
}
h5{
  font-size:1.1em;
}
h6{
  font-size:1em;
}

/* 見出しスタイル */
h1, h2, h3, h4, h5, h6 {
  color: #222;
  margin: 1.2em 0;
  line-height:1.3;
}

/* コンテンツタイトル */
h1.entry-title-contents{
  font-size:1.6em;
  margin: 0 0 0 0;
}
@media screen and (min-width: 768px) {
  h1.entry-title-contents{
    font-size:1.8em;
  }
}
@media screen and (min-width: 992px) {
  h1.entry-title-contents{
    font-size:2em;
  }
}
@media screen and (min-width: 1280px) {
  h1.entry-title-contents{
    font-size:2.2em;
  }
}

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

=ブロックスタイル

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

/* コード
-------------------------------------------------------------- */

.wp-block-code code{
  padding: 10px;
}
.block-editor-block-list__block.wp-block-code code{
  border: 1px solid lightgray;
}

/* 引用
-------------------------------------------------------------- */

/* 引用：blue-quote */
.wp-block-quote.is-style-blue-quote { 
  color: blue; 
}

/* ボタン
-------------------------------------------------------------- */

.block-editor-block-list__block.wp-block-buttons,
.wp-block-buttons{
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-buttons.is-content-justification-left{
  display: flex;
  justify-content: flex-start!important;
}
.wp-block-buttons.is-content-justification-center{
  display: flex;
  justify-content: center!important;
}
.wp-block-buttons.is-content-justification-right{
  display: flex;
  justify-content: flex-end!important;
}

.wp-block-button.is-style-fill a{
  background-color: #000000;
  color: #ffffff;
}

.wp-admin .is-style-btm-type1 .wp-block-button__link,
.is-style-btm-type1 a{
  color: #fff!important;
  width: 100%;
  font-size: 1em;
  background-color: #284980;
  border: solid 2px #284980;
  transition: all 0.3s;
  position: relative;
  padding: 0.8em 1.8em 0.8em 1em;
  text-align: left;
  box-sizing: border-box;
}

.wp-admin .is-style-btm-type1 .wp-block-button__link::after,
.is-style-btm-type1 a::after{
  content: '';
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  top:calc(50% - 0.5em);
  right: 20px;
  background-image: url("img/mblist-icon5.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
}
.wp-admin .is-style-btm-type1 .wp-block-button__link:hover::after,
.is-style-btm-type1 a:hover::after{
  right: 10px;
  background-image:url("img/mblist-icon3.png");
  transition: all 0.3s;
}

.wp-admin .is-style-btm-type1 .wp-block-button__link:hover,
.is-style-btm-type1 a:hover{
  color: #284980!important;
  background-color: #ffffff;
  transition: all 0.3s;
}

.wp-admin .is-style-btm-type1 .wp-block-button__link,
.wp-block-button.is-style-btm-type1{
  width: 100%;
  max-width: 300px;
}

.wp-block-button.is-style-btm-type1.btm-max-aoto{
  width: inherit!important;
  max-width: 80%!important;
}
.wp-block-button.is-style-btm-type1.btm-max-aoto a{
  padding-right: 3em!important;
}

.wp-admin .is-style-btm-type1.btm-type-s .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-max-200{
  max-width: 200px;
}
.wp-admin .is-style-btm-type1.btm-type-s .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-max-300{
  max-width: 300px;
}
.wp-admin .is-style-btm-type1.btm-type-m .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-max-400{
  max-width: 400px;
}
.wp-admin .is-style-btm-type1.btm-type-m .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-max-500{
  max-width: 500px;
}
.wp-admin .is-style-btm-type1.btm-type-l .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-max-700{
  max-width: 700px;
}

.wp-admin .is-style-btm-type1.btm-set90 .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-set90{
  width: 90%;
}
.wp-admin .is-style-btm-type1.btm-set80 .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-set80{
  width: 80%;
}
.wp-admin .is-style-btm-type1.btm-set70 .wp-block-button__link,
.wp-block-button.is-style-btm-type1.btm-set70{
  width: 70%;
}

.wp-admin .is-style-btm-type2,
.is-style-btm-type2{
  width: 100%;
  max-width: 300px;
}
.wp-admin .is-style-btm-type2 .wp-block-button__link,
.is-style-btm-type2 a{
  width: 100%;
  font-size: 1em;
  text-align: left;
  font-weight: normal!important;
  color: #313131!important;
  font-weight: bold;
  background-color: #ffffff;
  border:solid 2px #313131;
  transition: all 0.3s;
  position: relative;
  padding: 0.8em 1.8em 0.8em 1em;
  box-sizing: border-box;
}

.wp-admin .is-style-btm-type2 .wp-block-button__link:hover,
.is-style-btm-type2 a:hover{
  background-color: #ffffff;
  color: #313131!important;
}

.wp-admin .is-style-btm-type2 .wp-block-button__link::after,
.is-style-btm-type2 a::after{
  content: '';
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  top:calc(50% - 0.5em);
  right: 20px;
  background-image: url("img/mblist-icon8.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
}
.wp-admin .is-style-btm-type2 .wp-block-button__link:hover::after,
.is-style-btm-type2 a:hover::after{
  right: 10px;
}


.wp-admin .is-style-btm-type3,
.is-style-btm-type3{
  width: 100%;
  max-width: 650px;
}
.wp-admin .is-style-btm-type3 .wp-block-button__link,
.is-style-btm-type3 a{
  width: 100%;
  font-size: 1.15em;
  text-align: center;
  background-color: #ffffff;
  color: #f07502!important;
  font-weight: bold;
  border: solid 1px #f07502;
  transition: all 0.3s;
  position: relative;
  padding: 1em;
  box-sizing: border-box;
}
.wp-admin .is-style-btm-type3.set-icon .wp-block-button__link::before,
.is-style-btm-type3.set-icon a::before{
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background-image: url("img/header-icon-contact-o.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-top: -0.2em;
  margin-right: 0.3em;
}
.wp-admin .is-style-btm-type3.set-icon.set-mail .wp-block-button__link::before,
.is-style-btm-type3.set-icon.set-mail a::before{
  background-image: url("img/header-icon-contact-o.png");
}
.wp-admin .is-style-btm-type3.set-icon.set-book .wp-block-button__link::before,
.is-style-btm-type3.set-icon.set-book a::before{
  background-image: url("img/header-icon-shiryou.png");
}
.wp-admin .is-style-btm-type3 .wp-block-button__link:hover,
.is-style-btm-type3 a:hover{
  background-color: #f07502;
  color: #ffffff!important;
}
.wp-admin .is-style-btm-type3.set-icon.set-mail .wp-block-button__link:hover::before,
.is-style-btm-type3.set-icon.set-mail a:hover::before{
  background-image: url("img/header-icon-contact.png");
}
.wp-admin .is-style-btm-type3.set-icon.set-book .wp-block-button__link:hover::before,
.is-style-btm-type3.set-icon.set-book a:hover::before{
  background-image: url("img/header-icon-shiryou2.png");
}


/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* コンタクトフォーム共通調整 */
.fm-btm {
  padding-top: 30px ;
  text-align: center;
  position: relative;
}
.fm-btm .wp-block-button__link,
.fm-btm a,
.fm-btm input {
  background-image: none;
  background-color: #104280;
  color: #fff!important ;
  border: 0;
  margin: 0 5px;
  padding: 15px 20px;
  cursor: pointer;
  transition: .3s;
  font-size: 1em;
  border-radius: 10px;
}

.fm-btm input.wpcf7-previous {
  background-color: #aaaaaa;
}

.fm-btm a:hover,
.fm-btm input:hover {
  background-image: none;
  opacity: 0.7;
}

/* テーブル
-------------------------------------------------------------- */

/* --- テーブル（既存）：デフォルト --- */
.wp-block-table.is-style-regular table{
  
}
.wp-block-table.is-style-regular table thead{
  border: solid 1px #c2d8f2;
  background-color: #fffbe8;
}
.wp-block-table.is-style-regular table thead th{
  border: solid 1px #c2d8f2;
  font-weight: normal;
}
.wp-block-table.is-style-regular table th,
.block-editor-block-list__block.wp-block-table.is-style-regular table th,
.block-editor-block-list__block.wp-block-table.is-style-regular table thead th{
  border: solid 1px #c2d8f2;
}

.wp-block-table.is-style-regular tbody tr:nth-child(even) {
  background-color: #f2feff;
}
.wp-block-table.is-style-regular table td,
.block-editor-block-list__block.wp-block-table.is-style-regular table td{
  border: solid 1px #c2d8f2;
  background-color: #ffffff;
}
.wp-block-table.is-style-regular table tfoot td,
.block-editor-block-list__block.wp-block-table.is-style-regular table tfoot td{
  border: solid 1px #c2d8f2;
}

/* --- テーブル（既存）：ストライプ --- */
.wp-block-table.is-style-stripes {
  background-color: initial;
  border-bottom: 1px solid #f2feff;
  border-collapse: inherit;
  border-spacing: 0;
}
.wp-block-table.is-style-stripes table thead{
  border-bottom: solid 2px #c2d8f2;
  font-weight: normal;
}
.wp-block-table.is-style-stripes table thead th{
  font-weight: normal;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f2feff;
}

/* テーブル：基本 */
.wp-block-table.is-style-normal-table table {
  border-spacing: 0;
  border-collapse: collapse;
}

.wp-block-table.is-style-normal-table table thead{
  border: solid 1px #c2d8f2;
  background-color: #fffbe8;
}
.wp-block-table.is-style-normal-table table thead th{
  border: solid 1px #c2d8f2;
  font-weight: normal;
}
.wp-block-table.is-style-normal-table table th,
.block-editor-block-list__block.wp-block-table.is-style-normal-table table th,
.block-editor-block-list__block.wp-block-table.is-style-normal-table table thead th{
  border: solid 1px #c2d8f2;
}

.wp-block-table.is-style-normal-table td {
  border: solid 1px #c2d8f2;
  box-sizing: border-box;
  background-color: #ffffff;
}

/* テーブル：可変 */
.wp-block-table.is-style-rsp-table table {
  border-spacing: 0;
  border-collapse: collapse;
}
.wp-block-table.is-style-rsp-table th {
  box-sizing: border-box;
}
.wp-block-table.is-style-rsp-table td{
  background-color: #ffffff;
  border: solid 1px #c2d8f2;
  box-sizing: border-box;
}
.wp-block-table.is-style-rsp-table td:empty{
  display: none;
}
@media screen and (max-width: 640px) {

  .wp-block-table.is-style-rsp-table th {
    display: block;
    width: 100%;
  }
  .wp-block-table.is-style-rsp-table tr:first-child td:first-child {
    border-top: solid 1px #c2d8f2;
  }
  .wp-block-table.is-style-rsp-table td{
    border-top: 0;
    display: block;
    width: 100%;
    border-bottom: solid 1px #c2d8f2;
  }
}

/* テーブル下余白 */
.wp-block-table.is-style-regular table,
.wp-block-table.is-style-stripes,
.wp-block-table.is-style-normal-table table,
.wp-block-table.is-style-rsp-table table {
  margin-bottom: 1em;
}

/* セル背景 */
.wp-block-table.tr-base-even tr:nth-child(even),
.wp-block-table.tr-base-odd tr:nth-child(odd),
.wp-block-table.tr-base-5 tr:nth-child(5),
.wp-block-table.tr-base-4 tr:nth-child(4),
.wp-block-table.tr-base-3 tr:nth-child(3),
.wp-block-table.tr-base-2 tr:nth-child(2),
.wp-block-table.tr-base-1 tr:nth-child(1){
  background: #f2f6f8;
}

.wp-block-table.td-base-even td:nth-child(even),
.wp-block-table.td-base-odd td:nth-child(odd),
.wp-block-table.td-base-5 td:nth-child(5),
.wp-block-table.td-base-4 td:nth-child(4),
.wp-block-table.td-base-3 td:nth-child(3),
.wp-block-table.td-base-2 td:nth-child(2),
.wp-block-table.td-base-1 td:nth-child(1){
  background: #f2f6f8;
}

/* 左項目時：セル最低幅 */
.wp-block-table.hd-w3 td:first-child {
  min-width: 3em;
}
.wp-block-table.hd-w5 td:first-child {
  min-width: 5em;
}
.wp-block-table.hd-w10 td:first-child {
  min-width: 10em;
}

/* テーブル余白 */
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-normal-table td,
.wp-block-table.is-style-normal-table th,
.wp-block-table.is-style-rsp-table td,
.wp-block-table.is-style-rsp-table th{
  padding:5px;
}
@media screen and (min-width: 768px) {
  .wp-block-table.is-style-stripes td,
  .wp-block-table.is-style-stripes th,
  .wp-block-table.is-style-normal-table td,
  .wp-block-table.is-style-normal-table th,
  .wp-block-table.is-style-rsp-table td,
  .wp-block-table.is-style-rsp-table th{
    padding:7px;
  }
}
@media screen and (min-width: 992px) {
  .wp-block-table.is-style-stripes td,
  .wp-block-table.is-style-stripes th,
  .wp-block-table.is-style-normal-table td,
  .wp-block-table.is-style-normal-table th,
  .wp-block-table.is-style-rsp-table td,
  .wp-block-table.is-style-rsp-table th{
    padding:10px;
  }
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --- テーブル基本ベース --- */
.edit-post-visual-editor table td,
.site-content table td,
.edit-post-visual-editor table th,
.site-content table th{
  word-break: break-all;
}


/* コンテンツ枠
-------------------------------------------------------------- */

/* 全画面背景用 */
.wp-admin .is-style-fullarea{
  background-color: rgba(0, 0, 0, 0.1);
}

/* グループベース */
.wp-admin .wp-block-group{
  border:dotted 1px #ccc;
  padding:5px;
}

/* グループ：全幅背景（余白有り） */
.is-style-fullarea{
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px 0;
  background-color: #eee;
}
@media screen and (max-width: 767px) {
  .is-style-fullarea{
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  .is-style-fullarea{
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 50px 0;
  }
}

/* グループ：基本枠幅 */
.is-style-fullbox1{
  max-width:1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: inherit;
}
.all-full1 .is-style-fullbox1{
  max-width:90%;
  padding: 0 20px;
}
.all-full2 .is-style-fullbox1{
  max-width:100%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
  .is-style-fullbox1{
    box-sizing: border-box;
  }
  .all-full1 .is-style-fullbox1{
    max-width:100%;
  }
}

/* グループ：全幅背景（余白無し） */
.is-style-fullarea2{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #eee;
}

.is-style-fullbox2::after{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width:100%;
  background-color: #eee;
  z-index: -1;
}

/* ページ全幅背景カラー */
.block-editor-block-list__block.is-style-fullbox2.fb2-colset1,
.is-style-fullbox2.fb2-colset1::after{
  background-color:#F5D2ED;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset2,
.is-style-fullbox2.fb2-colset2::after{
  background-color:#CCFFE6;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset3,
.is-style-fullbox2.fb2-colset3::after{
  background-color:#AEC7FB;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset4,
.is-style-fullbox2.fb2-colset4::after{
  background-color:#DEB8FF;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset5,
.is-style-fullbox2.fb2-colset5::after{
  background-color:#FFE4B1;
}

.full-width .is-style-fullbox2::after,
.sideclm2 .is-style-fullbox2::after{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* グループ（カラムタイプ）
-------------------------------------------------------------- */

.clmbox-4>.wp-block-group__inner-container,
.clmbox-3>.wp-block-group__inner-container,
.clmbox-2l>.wp-block-group__inner-container,
.clmbox-2r>.wp-block-group__inner-container,
.clmbox-2>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 4%;
  margin-bottom: 20px;
}
.clmbox-4>.wp-block-group__inner-container>div,
.clmbox-3>.wp-block-group__inner-container>div,
.clmbox-2l>.wp-block-group__inner-container>div,
.clmbox-2r>.wp-block-group__inner-container>div,
.clmbox-2>.wp-block-group__inner-container>div{
  width: 100%;
}

@media screen and (max-width: 599px) {
  .clmbox-4.clmsp2>.wp-block-group__inner-container>div,
  .clmbox-3.clmsp2>.wp-block-group__inner-container>div,
  .clmbox-2.clmsp2>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-2l.clmsp2>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2l.clmsp2>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container{
    flex-direction: row-reverse;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
}

@media screen and (min-width: 600px) {
  
  .clmbox-2>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-2l>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2l>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-2r>.wp-block-group__inner-container{
    flex-direction: row-reverse;
  }
  .clmbox-2r>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2r>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-3>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-4>.wp-block-group__inner-container>div{
    width: 48%;
  }
}

@media screen and (min-width: 992px) {
  .clmbox-3>.wp-block-group__inner-container>div{
    width: 30.66%;
  }
  .clmbox-4>.wp-block-group__inner-container>div{
    width: 22%;
  }
}


/* 見出し
-------------------------------------------------------------- */

/* アーカイブ見出し */
.search h1.page-title,
.ufaq-title-box h2.ufaq-title-contents,
.archive-header h1.archive-title,
.archive-header{
  margin: 0 0 1.2em 0;
}
.search h1.page-title span,
.ufaq-title-box h2.ufaq-title-contents span,
.archive-header h1.archive-title a,
.archive-header h1.archive-title span{
  text-decoration: none;
}

/* アーカイブ見出しクリア */
.search h1.page-title span,
.ufaq-title-box h2.ufaq-title-contents span,
.archive-header h1.archive-title a,
.archive-header h1.archive-title span{
  display:inherit;
  text-decoration: none;
  color: #000;
  line-height: 1.2em;
  background-color:none;
  padding: 0;
  font-weight: normal;
  margin: 0;
}

/* タイトル上書き */
/*
.search h1.page-title,
.ufaq-title-box h2.ufaq-title-contents,
.archive-header h1.archive-title{
  background-color: #eeeeee;
}
*/
.search h1.page-title span,
.ufaq-title-box h2.ufaq-title-contents span,
.archive-header h1.archive-title a,
.archive-header h1.archive-title span{
  display: block;
  text-decoration: none;
  font-size:0.94em;
  color: #1835ad;
  padding: 0 0 0.5em 0;
  font-weight: normal;
  border-bottom: 1px solid #1835ad;
  margin: 0 0 1em 0;

}

/* サブタイトル */
.is-style-orgtitle{
  font-size:1.2em;
  color: #1835ad;
  padding: 0 0 0 0;
  font-weight: normal;
  margin: 1em 0 0.2em 0;
  
}

/* 大見出し（サブタイトル有り） */
.is-style-midashi01 {
  font-size:1.6em;
  color: #1835ad;
  padding: 0 0 0.5em 0;
  font-weight: normal;
  border-bottom: 1px solid #1835ad;
  margin: 0 0 1em 0;
  position: relative;
}
.is-style-midashi01::after{
  content: '';
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #1835ad;
}


/* 大見出し */
.is-style-midashi02 {
  position: relative;
  font-size:1.6em;
  color: #1835ad;
  padding: 0 0 0.5em 0;
  font-weight: normal;
  border-bottom: 1px solid #1835ad;
  margin: 1em 0;
}
.is-style-midashi02::after{
  content: '';
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #1835ad;
}

/* 中見出し */
.is-style-midashi03 {
  text-align: center;
  font-size:1.2em;
  color: #1835ad;
  padding: 0 0 0 0;
  font-weight: normal;
  margin: 1em 0;
}

/* 小見出し */
.is-style-midashi04 {
  font-size:1em;
  color: #1835ad;
  background-color: #f2f6f8;
  padding: 0.8em;
  font-weight: normal;
  margin: 1em 0;
}

/* 横ライン付与 */
.is-style-midashi05 {
  font-family: 'Zen Kaku Gothic Antique', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  font-weight: 500;
  border-left: solid 0.2em #1835ad;
  padding-left: 0.3em;
}

/* 明朝見出し */
.is-style-midashi06 {

  line-height: 1.5;
  
  font-family: 'Zen Old Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;

  /*
  font-family: 'Zen Old Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-feature-settings: 'palt';
  font-weight: 600;
  font-family: "FOT-筑紫Aオールド明朝 Pr6N D";
  */
  
}

/* 見出し頭にナンバー入れ */
.number-h05,
.number-h04,
.number-h03,
.number-h02,
.number-h01{
  position: relative;
  padding-left: 2.5em;
}
.number-h05::before,
.number-h04::before,
.number-h03::before,
.number-h02::before,
.number-h01::before{
  content: '01';
  position: absolute;
  font-size: 1.2em;
  line-height: 1em;
  display: block;
  top:-0.2em;
  left: 0;
  background: linear-gradient(0deg, rgb(22, 135, 237), rgb(20, 55, 90));
  color: #ffffff;
  padding: 0.2em 0.3em;
  border-radius: 0.2em;
}
.number-h02::before{
  content: '02';
}
.number-h03::before{
  content: '03';
}
.number-h04::before{
  content: '04';
}
.number-h05::before{
  content: '05';
}

/* リストマーク
-------------------------------------------------------------- */

/* リストマーク：基本リスト */
ul.is-style-mdlist00 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0 0 10px 0;
  list-style: none;
}
ul.is-style-mdlist00 > li {
  position: relative;
  margin:0 0 0 0;
  list-style-type: none;
  text-indent: 0;
  padding-left: 1.2em;
}
ul.is-style-mdlist00 > li::before{
  position: absolute;
  display: inline;
  content: "●";
  color: #ace3ff;
  top: 0;
  left: 0;
}

/* リストマーク：三角マーク */
.is-style-mdlist01 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0 0 10px 0;
  list-style: none;
}
.is-style-mdlist01 > li {
  position: relative;
  padding: 0px 0px 0px 1em;
  list-style: none;
}
.is-style-mdlist01 > li::before{
  position: absolute;
  top: 0.5em;
  left: 4px;
  width: 0px;
  height: 0px;
  border: 0.3em solid transparent;
  border-left: 0.4em solid #ace3ff;
  content: "";
}

/* リストマーク：※印マーク */
ul.is-style-mdlist02 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0 0 10px 0;
  list-style: none;
}
ul.is-style-mdlist02 > li {
  position: relative;
  margin:0 0 0 0;
  list-style-type: none;
  text-indent: 0;
  padding-left: 1.2em;
}
ul.is-style-mdlist02 > li::before{
  position: absolute;
  display: inline;
  content: "※";
  top: 0;
  left: 0;
}

/* リストスタイル ：※番号 */
ol.is-style-mdlist02{
  padding:0;
  padding-left: 0px!important;
  counter-reset: number;
  list-style: none;
}
ol.is-style-mdlist02 li{
  position: relative;
  margin:0 0 0 0;
  padding:0;
  padding-left: 2em;
  text-indent: 0;
}
ol.is-style-mdlist02 li:before {
  position: absolute;
  display: inline;
  counter-increment: number;
  content: "※"counter(number)" ";
  top: 0;
  left: 0;
}

/* リストマーク：帯リスト */
.is-style-mdlist03 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0px;
  list-style: none;
}
.is-style-mdlist03 > li {
  margin:0 0 0.5em 0;
  list-style-type: none;
  padding: 0.5em;
  background: #f2f6f8;
}


/* リストスタイル ：時計アイコン */
ul.is-style-mdlist04{
  margin: 0;
  padding:0!important;
  counter-reset: number;
  list-style: none;
}
ul.is-style-mdlist04 li{
  position: relative;
  margin:0 0 20px 0;
  padding:1.5em 1.5em 1.5em 5em;
  text-indent: 0;
  background: #f9f9f9;
  border:solid 1px #aaaaaa;
  background-image: url("img/time-obi3.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: left top;
  border-radius: 10px;
}

ul.is-style-mdlist04 li strong{
  color: #284980;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

ul.is-style-mdlist04 li:not(:last-child)::after{
  content: '';
  position: absolute;
  bottom: -24px;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #284980;
  
}

@media only screen and (min-width:600px){
  ul.is-style-mdlist04 li{
    background-size: 65px 100%;
  }
}
@media only screen and (min-width:782px){
  ul.is-style-mdlist04 li{
    background-size: 70px 100%;
  }
}
@media only screen and (min-width:992px){
  ul.is-style-mdlist04 li{
    background-size: 75px 100%;
  }
  ul.is-style-mdlist04 li.dmhset130{
    min-height: 130px;
  }
  ul.is-style-mdlist04 li.dmhset150{
    min-height: 150px;
  }
}

ul.is-style-mdlist04 li img{
  float: right;
  width: 200px!important;
  max-width: 50%;
  height: auto;
  margin: 0 0 10px 10px;
  vertical-align: middle;
    
  object-fit: cover;
  /* ここにアスペクト比を入れる */
  /*aspect-ratio: 4 / 3;*/
}
@media only screen and (max-width:599px){
  ul.is-style-mdlist04 li img{
    width: 100%!important;
    max-width: 100%;
    margin: 0 0 10px 0;
  }
}
ul.is-style-mdlist04 li {
  clear: both;
}
ul.is-style-mdlist04 li:before {
  content: '';
  position: absolute;
  display: block;
  top: 1.4em;
  left: 0.8em;
  /*
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  */
  width: 2.5em;
  height: 2.5em;
  background-image: url("img/tokei-i0000.png");
  background-repeat: no-repeat;
  background-size: cover;
}
ul.is-style-mdlist04 li.time0830:before {
  background-image: url("img/tokei-w/tokei-i0830.png");
}
ul.is-style-mdlist04 li.time1200:before {
  background-image: url("img/tokei-w/tokei-i1200.png");
}
ul.is-style-mdlist04 li.time1300:before {
  background-image: url("img/tokei-w/tokei-i1300.png");
}
ul.is-style-mdlist04 li.time1400:before {
  background-image: url("img/tokei-w/tokei-i1400.png");
}
ul.is-style-mdlist04 li.time1500:before {
  background-image: url("img/tokei-w/tokei-i1500.png");
}
ul.is-style-mdlist04 li.time1600:before {
  background-image: url("img/tokei-w/tokei-i1600.png");
}
ul.is-style-mdlist04 li.time1630:before {
  background-image: url("img/tokei-w/tokei-i1630.png");
}
ul.is-style-mdlist04 li.time1730:before {
  background-image: url("img/tokei-w/tokei-i1730.png");
}

/* リストスタイル ：※数字つきボックス */
ul.is-style-mdlist05{
  margin: 0;
  padding:0!important;
  counter-reset: number;
  list-style: none;
}
ul.is-style-mdlist05 li{
  position: relative;
  margin:0 0 0.5em 0;
  padding:1.5em 1.5em 1.5em 5em;
  text-indent: 0;
  background: #f9f9f9;
  border: solid 1px #aaaaaa;
  
  background-image: url("img/time-obi3.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: left top;

  border-radius: 10px;
}

ul.is-style-mdlist05 li strong{
  color: #284980;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

@media only screen and (min-width:600px){
  ul.is-style-mdlist05 li{
    background-size: 65px 100%;
  }
}
@media only screen and (min-width:782px){
  ul.is-style-mdlist05 li{
    background-size: 70px 100%;
  }
}
@media only screen and (min-width:992px){
  ul.is-style-mdlist05 li{
    background-size: 75px 100%;
  }
  ul.is-style-mdlist05 li.dmhset130{
    min-height: 130px;
  }
  ul.is-style-mdlist05 li.dmhset150{
    min-height: 150px;
  }
}


ul.is-style-mdlist05 li img{
  float: right;
  width: 200px!important;
  max-width: 50%;
  height: auto;
  margin: 0 0 10px 10px;
  vertical-align: middle;
    
  object-fit: cover;
  /* ここにアスペクト比を入れる */
  /*aspect-ratio: 4 / 3;*/
}
@media only screen and (max-width:599px){
  ul.is-style-mdlist05 li img{
    width: 100%!important;
    max-width: 100%;
    margin: 0 0 10px 0;
  }
}
ul.is-style-mdlist05 li {
  clear: both;
}
ul.is-style-mdlist05 li:before {
  position: absolute;
  display: block;
  counter-increment: number;
  content: ""counter(number)" ";
  top: 50%;
  left: 0.7em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 2em;
  color: #ffffff;
}


/* リストスタイル ：※流れボックス */
ul.is-style-mdlist06{
  margin: 0;
  padding:0!important;
  counter-reset: number;
  list-style: none;
}
ul.is-style-mdlist06 li{
  position: relative;
  margin:0 0 20px 0;
  padding:1.5em 1.5em 1.5em 5em;
  text-indent: 0;
  background: #f9f9f9;
  border: solid 1px #aaaaaa;
  background-image: 
    url("img/mdlist05-line2.png"),
    url("img/mdlist06-step3b.png");
  background-size: 
    1px calc(100% - 20px),
    50px 50px;
  background-repeat: 
    no-repeat,
    no-repeat;
  background-position:
    left 4em top 10px,
    left 0.7em top 20px;
  border-radius: 10px;
}


ul.is-style-mdlist06 li strong{
  color: #284980;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
ul.is-style-mdlist06 li img{
  float: right;
  width: 200px!important;
  max-width: 50%;
  height: auto;
  margin: 0 0 10px 10px;
  vertical-align: middle;
    
  object-fit: cover;
  /* ここにアスペクト比を入れる */
  /*aspect-ratio: 4 / 3;*/
}
@media only screen and (max-width:599px){
  ul.is-style-mdlist06 li img{
    width: 100%!important;
    max-width: 100%;
    margin: 0 0 10px 0;
  }
}
ul.is-style-mdlist06 li {
  clear: both;
}
ul.is-style-mdlist06 li:before {
  position: absolute;
  display: block;
  counter-increment: number;
  content: ""counter(number)"";
  top: 80px;
  left: 0.8em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 2em;
  color: #284980;
}
ul.is-style-mdlist06>li span.flowimg {
  content: '';
  position:absolute;
  display: block;
  width: 32px;
  height: 16px;
  background-image: url("img/mdlist06-flow.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -25px;
  left: calc(50% - 16px);
}

ul.is-style-mdlist06>li:last-child span.flowimg,
ul.is-style-mdlist06>li.flowimg-none span.flowimg{
  content:none;
  display: none;
}

ul.is-style-mdlist06 li:not(:last-child)::after{
  content: '';
  position: absolute;
  bottom: -22px;
  left:calc(50% - 10px);
  width: 20px;
  height: 22px;
  background-color: #f9f9f9;
  border-left: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  z-index: 1;
}

@media only screen and (max-width:599px){
  ul.is-style-mdlist06 li{
    position: relative;
    margin:0 0 20px 0;
    padding:1.5em 1.5em 1.5em 5em;
    text-indent: 0;
    background: #f9f9f9;
    border: solid 1px #aaaaaa;
    background-image: 
      url("img/mdlist05-line2.png"),
      url("img/mdlist06-step3b.png");
    background-size: 
      1px calc(100% - 20px),
      40px 40px;
    background-repeat: 
      no-repeat,
      no-repeat;
    background-position:
      left 4em top 10px,
      left 0.7em top 20px;
    border-radius: 10px;
  }
  
  ul.is-style-mdlist06 li:before {
    top: 70px;
  }
  
}

@media only screen and (min-width:992px){

  ul.is-style-mdlist06 li.dmhset130{
    min-height: 130px;
  }
  ul.is-style-mdlist06 li.dmhset150{
    min-height: 150px;
  }
  ul.is-style-mdlist06 li.dmhset160{
    min-height: 160px;
  }
}

.img-flort-left img{
  float: left!important;
  margin: 0 10px 10px 0!important;
}
.img-flort-right img{
  float: right!important;
  margin: 0 0 10px 10px!important;
}


/* 画像
-------------------------------------------------------------- */

/* 画像下マージンクリア */
figure{
  margin-bottom: 0;
}

/* 画像：正方形 */
.is-style-mdimg01{
  width: 100%;
  position: relative;
}
.is-style-mdimg01::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.is-style-mdimg01 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
/* 画像：正方形（エディター） */
.is-style-mdimg01,
.is-style-mdimg01 .components-resizable-box__container{
  display: block;
  position: relative;
}
.is-style-mdimg01 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 100%;
  margin-top: -100%;
}
.is-style-mdimg01 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.wp-block-image.is-style-mdimg01>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長70 */
.is-style-mdimg02 {
  width: 100%;
  position: relative;
}
.is-style-mdimg02::before {
  content: "";
  display: block;
  padding-top: 70%;
}
.is-style-mdimg02 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長70（エディター） */
.is-style-mdimg02,
.is-style-mdimg02 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg02 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 70%;
  margin-top: -70%;
}
.is-style-mdimg02 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.wp-block-image.is-style-mdimg02>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長50 */
.is-style-mdimg03 {
  width: 100%;
  position: relative;
}
.is-style-mdimg03::before {
  content: "";
  display: block;
  padding-top: 50%;
}
.is-style-mdimg03 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
/* 画像：固定横長35（エディター） */
.is-style-mdimg03,
.is-style-mdimg03 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg03 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 50%;
  margin-top: -50%;
}
.is-style-mdimg03 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg03>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長35 */
.is-style-mdimg04 {
  width: 100%;
  position: relative;
}
.is-style-mdimg04::before {
  content: "";
  display: block;
  padding-top: 35%;
}
.is-style-mdimg04 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長35（エディター） */
.is-style-mdimg04,
.is-style-mdimg04 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg04 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 35%;
  margin-top: -35%;
}
.is-style-mdimg04 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg04>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長35-60 */
.is-style-mdimg05 {
  width: 100%;
  position: relative;
}
.is-style-mdimg05::before {
  content: "";
  display: block;
  padding-top: 35%;
}
@media only screen and (max-width:767px){
  .is-style-mdimg05::before {
    padding-top: 60%;
  }
}
.is-style-mdimg05 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長35-60（エディター） */
.is-style-mdimg05,
.is-style-mdimg05 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg05 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 35%;
  margin-top: -35%;
}
@media only screen and (max-width:767px){
  .is-style-mdimg05 .components-resizable-box__container::before {
    padding-top: 60%;
    margin-top: -60%;
  }
}
.is-style-mdimg05 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg05>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：角丸 */
.is-style-mdimg06 img,
.is-style-mdimg06 .components-resizable-box__container img{
  border-radius: 10px;
}
.radset10 img,
.radset10 .components-resizable-box__container img,
.is-style-mdimg06.radset10 img,
.is-style-mdimg06.radset10 .components-resizable-box__container img{
  border-radius: 10px;
}
.radset10top img,
.radset10top .components-resizable-box__container img,
.is-style-mdimg06.radset10top img,
.is-style-mdimg06.radset10top .components-resizable-box__container img{
  border-radius: 10px 10px 0 0;
}
.radset20 img,
.radset20 .components-resizable-box__container img,
.is-style-mdimg06.radset20 img,
.is-style-mdimg06.radset20 .components-resizable-box__container img{
  border-radius: 20px;
}
.radset30 img,
.radset30 .components-resizable-box__container img,
.is-style-mdimg06.radset30 img,
.is-style-mdimg06.radset30 .components-resizable-box__container img{
  border-radius: 30px;
}
.radset40 img,
.radset40 .components-resizable-box__container img,
.is-style-mdimg06.radset40 img,
.is-style-mdimg06.radset40 .components-resizable-box__container img{
  border-radius: 40px;
}
.radset50 img,
.radset50 .components-resizable-box__container img,
.is-style-mdimg06.radset50 img,
.is-style-mdimg06.radset50 .components-resizable-box__container img{
  border-radius: 50px;
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 画像基本設定 */
img{
  margin:0;
  padding:0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

/* 画像キャプション */
figcaption{
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 10px;
}

/* ノーイメージスタイル */
.noimg-text{
  position: relative;
}
/*
.noimg-text::after{
  content: 'No Image';
  position: absolute;
  display: block;
  color: #fff;
  font-size: 1.3em;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 2;
}
*/
/* ノーイメージスタイル（エディター） */
.block-editor-block-list__block.noimg-text{
  content: none;
  position: relative;
}
/*
.block-editor-block-list__block.noimg-text div::after{
  content: 'No Image';
  position: absolute;
  display: block;
  color: #fff;
  font-size: 1.3em;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 2;
}
*/
/* 画像サイズ（サイズ指定） */
.myimgsize-30,
.wp-block-image.myimgsize-30 figure,
figure.wp-block-image.myimgsize-30{
  max-width: 30%;
}
.myimgsize-50,
.wp-block-image.myimgsize-50 figure,
figure.wp-block-image.myimgsize-50 {
  max-width: 50%;
}
.myimgsize-70,
.wp-block-image.myimgsize-70 figure,
figure.wp-block-image.myimgsize-70 {
  max-width: 70%;
}
.myimgsize-s,
.wp-block-image.myimgsize-s figure,
figure.wp-block-image.myimgsize-s {
  max-width: 200px;
}
.myimgsize-m,
.wp-block-image.myimgsize-m figure,
figure.wp-block-image.myimgsize-m{
  max-width: 400px;
}
.myimgsize-l,
.wp-block-image.myimgsize-l figure,
figure.wp-block-image.myimgsize-l{
  max-width: 600px;
}
@media only screen and (max-width:767px){
  .myimgsize-s,
  .wp-block-image.myimgsize-s figure,
  figure.wp-block-image.myimgsize-s{
    max-width: 50%;
  }
  .myimgsize-m,
  .wp-block-image.myimgsize-m figure,
  figure.wp-block-image.myimgsize-m{
    max-width: 70%;
  }
  .myimgsize-l,
  .wp-block-image.myimgsize-l figure,
  figure.wp-block-image.myimgsize-l{
    max-width: 90%;
  }
}

/* 画像トリミング */
.img-resize-19-12 img{
  aspect-ratio: 19 / 12;
  object-fit: cover;
}

/* スペーサー
-------------------------------------------------------------- */

/* スペース：余白30-50 */
.is-style-mdspacer01{
  height: 30px!important;
}
/* スペース：余白15-25 */
.is-style-mdspacer02{
  height: 15px!important;
}
.is-style-mdspacer01 .components-resizable-box__container{
  height: auto!important;
  min-height: 30px!important;
}
.is-style-mdspacer02 .components-resizable-box__container{
  height: auto!important;
  min-height: 15px!important;
}
@media only screen and (min-width:768px){
  .is-style-mdspacer01{
    height: 40px!important;
  }
  .is-style-mdspacer02{
    height: 20px!important;
  }
  .is-style-mdspacer01 .components-resizable-box__container{
    min-height: 40px!important;
  }
  .is-style-mdspacer02 .components-resizable-box__container{
    min-height: 20px!important;
  }
}
@media only screen and (min-width:992px){  
  .is-style-mdspacer01{
    height: 50px!important;
  }
  .is-style-mdspacer02{
    height: 25px!important;
  }
  .is-style-mdspacer01 .components-resizable-box__container{
    min-height: 50px!important;
  }
  .is-style-mdspacer02 .components-resizable-box__container{
    min-height: 25px!important;
  }
}

/* カラム
-------------------------------------------------------------- */



/* ハイライトスタイル
-------------------------------------------------------------- */
dl mark,
table mark,
ul mark,
p mark{
  color: #3e3e3e;
  background: linear-gradient(0deg, #F8F3D4 0%, #F8F3D4 50%, transparent 50%, transparent 100%);
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wp-block-columns {
  gap:2em 2em;
}
.wp-block-columns.wrap-gap1 {
  gap:1em 2em;
}
.wp-block-columns.wrap-gap0 {
  gap:0 2em;
}

/* 逆読み：基本カラムにクラス付与 */
@media screen and (max-width: 781px) {
  .reverse-set{
    flex-wrap:wrap-reverse!important;
  }
}

/* カラム間隔調整：基本カラムにクラス付与 */
.wp-block-columns.culumn-space{
  margin-bottom: 0;
}
.wp-block-columns.culumn-space .wp-block-column{
  margin-bottom: 20px;
}

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

=ホーム

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

.topimage-bs .topimage{
  margin-top: 35px!important;
}

.topimage-bs .topimage .slide-59 img{
  object-position: center top!important;
}

/*
.top-message::after{
  z-index: -1;
  content: '';
  position: absolute;
  top:0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
*/

.subtitle-col06 span:nth-child(6),
.subtitle-col05 span:nth-child(5),
.subtitle-col04 span:nth-child(4),
.subtitle-col03 span:nth-child(3),
.subtitle-col02 span:nth-child(2),
.subtitle-col01 span:nth-child(1){
  color: #182987;
}
.subtitle-col06b span:nth-child(6),
.subtitle-col05b span:nth-child(5),
.subtitle-col04b span:nth-child(4),
.subtitle-col03b span:nth-child(3),
.subtitle-col02b span:nth-child(2),
.subtitle-col01b span:nth-child(1){
  color: #182987;
}

/* ホーム見出し */
.home-eng-subtitle{
  font-size: 5em;
  margin: 0 0 0.1em 0!important;
  line-height: 1!important;
  color: #777777;
}
.home-jp-subtitle{
  font-size: 1.5em;
  margin: 0!important;
  color: #777777;
}

.top-message .home-jp-subtitle,
.top-message .home-eng-subtitle{
  color: #ffffff;
}
@media only screen and (min-width:600px){  
  .home-eng-subtitle{
    font-size: 5em;
  }
}
@media only screen and (min-width:782px){  
  .home-eng-subtitle{
    font-size: 5em;
  }
}
@media only screen and (min-width:782px) and (max-width:991px){
  
  .home-eng-subtitle{
    font-size: 4em;
  }
}
@media only screen and (min-width:992px){  
  .home-eng-subtitle{
    font-size: 6em;
  }
}

@media only screen and (min-width:1280px){  
  .home-eng-subtitle{
    font-size: 8em;
  }
}


.topimage-bs::after{
  content: '';
  position: absolute;
  bottom:-1px;
  left: 0;
  width: 100%;
  height: 0px;
  display: block;
  background-image: url("img/naname-base-w2.png");
  background-repeat:no-repeat;
  background-size: cover;
  background-position: top left;
}
.hometop-anime.topimage-bs::after{
  animation: hometopIn 0.5s ease-in forwards;
}
@media only screen and (max-width:600px){  
  .hometop-anime.topimage-bs::after{
    animation: hometopInmb 0.5s ease-in forwards;
  }
}

@keyframes hometopIn{
  0% {
    height: 0px;
  }
  100% {
    height: 180px;
  }
}
@keyframes hometopInmb{
  0% {
    height: 0px;
  }
  100% {
    height: 50px;
  }
}

.about-base{
  background-color: #ffffff;

  position: relative;

  background-image: url("img/hirotsu-81c.jpg");
  background-position: bottom center;
  background-size: cover;
  position: relative;
  padding-bottom: 1200px;

}
@media only screen and (max-width:768px){ 
  .about-base{
    background-position: top center;
    background-image: url("img/hirotsu-81c.jpg");
    padding-bottom: 1000px;
  }
}
/*
.about-base-image-box{
  position: absolute;
  left: -10%;
  bottom: 0;
}

.about-base-image{
    width: 50%;
    position: relative;
    overflow: hidden;
}
.about-base-image::before{
    content: "";
    padding-top: 100%;
    display: block;
}
.about-base-image img{
  border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
*/

.about-base::after{
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 0;
  display: block;
  background-image: url("img/about-grd-base.png");
  background-repeat: repeat-x;
  background-size:auto 100% ;

  opacity: 1;
  z-index:0;
}

.about-base-anime.about-base::after{
  animation: nanameIna 1.5s ease-out forwards;
}


@keyframes nanameIna{
  0% {
    height:0;
  }
  100% {
    height:70%;
  }
}


.about-box{
  position: relative;
  z-index: 1;
}
.wp-admin .about-box{
  background-color: rgba(255,255,255,0.7);
}

/* 背景ベース */
.haikei-base{
  padding: 80px 0 0 0;
  position: relative;
}
.haikei-base-ded::after{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 0;
  display: block;
  background-color: #eeeeee;
  /*
  background-image: url("img/naname-base-g.png");
  background-repeat:no-repeat;
  background-size: cover;
  background-position: bottom left;
  */
}
.haikei-base-anime.haikei-base-ded::after{
  animation: nanameInb 0.8s ease-in forwards;
}

@keyframes nanameInb{
  0% {
    height: 0px;
  }
  80% {
    height: 100%;
  }
  100% {
    height: 90%;
  }
}

/* ホームスライダー：横に流れる */
.wp-admin div.slider-home{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 2%;
}
.wp-admin div.slider-home div{
  width: 23.5%;
}

.home div.slider-home{
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
  z-index: 1;
}


.wp-admin ul.slider-home{
  margin: 0;
  padding: 0!important;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 2%;
  justify-content: start;
}

.wp-admin ul.slider-home li{
  width: 23.5%;
}
.wp-admin ul.slider-home li img{
  width: 100%!important;
  height: auto!important;
}

.home ul.slider-home{
  margin: 0;
  padding: 0!important;
  list-style-type: none;
}
.home ul.slider-home li img{
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16 / 11;
  object-fit: cover;
}

/* 画像正方形 */
/*
ul.slider-home li{
  position: relative;
  overflow: hidden;
}
ul.slider-home li::before{
  content: "";
  padding-top: 100%;
  display: block;
}
ul.slider-home li img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
*/

/* 画像再度余白 */
.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 15px;
}
@media only screen and (max-width:768px){  
  /* 画像再度余白 */
  .slick-slide {
    margin: 0 10px;
  }
  .slick-list {
    margin: 0 -10px;
  }
}

/* 画像角丸と影 */
.slick-slide img{
  border-radius: 10px;
  box-shadow: 0 0 2px #cccccc;
}

/* 画像上下調整 */
.home .slick-slide li.list-hs010 img{
  margin-top: 10px!important;
}
.home .slick-slide li.list-hs030 img{
  margin-top: 30px!important;
}
.home .slick-slide li.list-hs050 img{
  margin-top: 50px!important;
}
.home .slick-slide li.list-hs070 img{
  margin-top: 70px!important;
}
.home .slick-slide li.list-hs090 img{
  margin-top: 90px!important;
}
.home .slick-slide li.list-hs110 img{
  margin-top: 110px!important;
}
.home .slick-slide li.list-hs130 img{
  margin-top: 130px!important;
}


/* トップメッセージ */

.message-box{
  position: relative;
  z-index: 1;
}
.top-message{
  height: auto;
  background-image: url("img/hirotsu-10c.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
}
@media only screen and (min-width:992px){ 
  .top-message{
    background-attachment: fixed;
    background-image: url("img/hirotsu-10.jpg");
    background-position: center center;
  }
}

.top-message::after{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 0px;
  display: block;
  background-color: rgba(0,0,0,0.5);
  /*
  background-image: url("img/naname-base-b.png");
  background-repeat:no-repeat;
  background-size: cover;
  background-position: bottom left;
  opacity: 0.5;
  */
}

.message-base-anime.top-message::after{
  animation: nanameInmess 0.8s ease-in forwards;
}

@keyframes nanameInmess{
  0% {
    height: 0px;
  }
  100% {
    height: 100%;
  }
}

/* WORKS */
.works-area{
  position: relative;
}

.works-area::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 300px;
  background-color: #EDF6FF;
  top:10%;
  left:-5%;

  z-index: 0;
  transform: rotate(0);
}
.works-area.works-area-anime::after{
  animation: worksInanime 0.8s ease-in forwards;
}
@keyframes worksInanime{
  0% {
    width: 0;
    transform: rotate(0);
  }
  100% {
    width: 120%;
    transform: rotate(-10deg);
  }
}

.works-area.load-line-bottom{
  padding-bottom: 50px;
}

.works-box{
  position: relative;
  z-index: 1;
}

.works-clm2,
.works-clm{
  gap:2em 2em;
  position: relative;
  padding: 2em;
  z-index: 1;
}

@media only screen and (min-width:782px) and (max-width:991px){
  .works-clm2 .wp-block-column{
    flex-basis: 33%!important;
  }
}

@media only screen and (min-width:992px){
  
  .works-clm{
    padding: 2em 2em 2em 25%;
  }
  .works-clm2{
    padding: 2em 14% 2em 2em;
  }
  .works-area.load-line-bottom{
    padding-bottom: 100px;
  }
}

/* WORKボタン */
.work-link-btm{
  /*
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 2em;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  */
}

.work-link-btm a{
  display: inline-block;
  border: solid 2px #ffffff;
  padding: 0.8em;
  color: #ffffff!important;
  background-color: rgba(0,0,0,0.2);
  border-radius: 50vh;
  min-width: 8em;
  text-align: center;
  transition: all 0.5s;
}
.work-link-btm a:hover{
  background-color: rgba(0,0,0,0.3);
}
.work-link-btm a::after{
  content:'';
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin: -0.3em 0 0 0.5em;
  background-image: url("img/mblist-icon5.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/* PEOPLE */
.people-area{
  position: relative;
}

@media only screen and (min-width:992px){
  .people-text-box{
    padding-left: 10%;
  }
}

.people-area::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 300px;
  background-color: #EDF6FF;
  top:25%;
  right:-5%;

  z-index: 0;
  transform: rotate(0);
}
.people-area.people-area-anime::after{
  animation: peopleInanime 0.8s ease-in forwards;
}
@keyframes peopleInanime{
  0% {
    width: 0;
    transform: rotate(0);
  }
  100% {
    width: 120%;
    transform: rotate(10deg);
  }
}

.people-area.load-line-bottom{
  padding-bottom: 50px;
}

.people-box{
  position: relative;
  z-index: 1;
}

/* フェードインアップアニメ初期化 */
.home .aniset-fadeInUp{
  opacity: 0;
}

/* HOMEリンクボタン */
.home-link-btm{
  margin: 2em 0!important;
}
.home-link-btm.btmtop-10{
  margin-top: 1em!important;
}
.home-link-btm a{
  display: block;
  border: solid 2px #313131;
  margin: 0;
  padding: 0.8em 1.8em 0.8em 1em;
  color: #313131!important;
  background-color: rgba(255,255,255,1);
  border-radius: 50vh;
  width: 15em;
  min-width: 15em;
  transition: all 0.5s;
  position: relative;
  box-sizing: border-box;
  text-align: left;
}

@media only screen and (min-width:992px) and (max-width:1281px){
  .people-area .home-link-btm a,
  .works-area .home-link-btm a{
    width: 13em;
    min-width: 13em;
    font-size: 0.9em;
    padding: 0.5em 1.5em 0.5em 0.8em;
  }
}


.home-link-btm a:hover{
  background-color: rgba(255,255,255,1);
}
.home-link-btm a::after{
  content:'';
  position: absolute;
  top:50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  width: 1em;
  height: 1em;
  margin: 0 0 0 0;
  background-image: url("img/mblist-icon8.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
}
.home-link-btm.home-link-btm-type-w a{
  border: solid 2px #ffffff;
  color: #ffffff!important;
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
}
.home-link-btm.home-link-btm-type-w a::after{
  background-image: url("img/mblist-icon5.png");
}
.home-link-btm.home-link-btm-c a{
  margin: 0 auto;
}

.home-link-btm a:hover::after{
  right: 10px;
}

.home-link-btm2{
  text-align: center;
  margin: 0 0 0 0!important;
}
.home-link-btm2 a{
  display: inline-block;
  background-color: #333333;
  color: #ffffff!important;
  padding: 0.8em;
  border-radius: 0 0 10px 10px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

/*
.home-link-btm2 a:hover::after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: -100%;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0)100%);

  animation: btmBanime 0.2s ease-in forwards;
   overflow: hidden;
}
*/
@keyframes btmBanime{
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
    
  }
}


.kankyou-area{
  position: relative;
  padding-bottom: 500px;
}

.kankyou-area .kanban-illust{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  max-width: 300px;
  height: auto;
  z-index: 1;
}
.kankyou-area.iconInRight .kanban-illust{
  animation: iconInRighta 3s linear forwards;
}

.env-space{
  height: 50px!important;
}
@media only screen and (min-width:500px){
  .env-space{
    height: 150px!important;
  }
}
@media only screen and (min-width:992px){
  .env-space{
    height: 180px!important;
  }
}
@media only screen and (min-width:1280px){
  .env-space{
    height: 200px!important;
  }
}

@keyframes iconInRighta{
  0% {
    left: 0;
  }
  100% {
    left: 45%;
  }
}

.wp-admin .people-box-area::after,
.wp-admin .works-area::after{
  content: none;
}
.env-text-box{
  min-width: 250px;
}
.enviro-text{
  
}
@media only screen and (max-width:499px){
  
  .enviro-text{
     font-size: 3.5em!important;
  }
}
@media only screen and (max-width:320px){
  .enviro-text{
    font-size: 3em!important;
  }
}

.hover-block{
  transition: all 0.5s;
}
.hover-block:hover{
  opacity: 0.7!important;
}


.hero-road{
  margin: 0!important;
}

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

=コンテンツ

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


body:not(.home) .recruit-area{
  margin-top: 100px;
}

.recruit-area{
  padding-left: 20px;
  padding-right: 20px;
}

.recruit-box{
  border-radius: 10px;
  padding: 1em!important;
  position: relative;
  overflow: hidden;
  background-image: url("img/hirotsu-banner-base5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.recruit-box::after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.recruit-banner-engtitle{
  font-size: 3em;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.recruit-banner-jpsub{
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width:992px){
  
  .recruit-banner-engtitle{
    font-size: 5em;
  }
  .recruit-banner-jpsub{
    font-size: 1.5em;
  }
  .recruit-box{
    padding: 2em!important;
  }
}

.recruit-icon-img{
  margin: 0 auto 1em auto;
  width: 100px;
  height: 100px;
  border:solid 2px #2981ba;
  border-radius: 50%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.recruit-icon-img img{
  width: 100%;
  height: auto;
}

.recruit-clms{
  position: relative;
  z-index: 1;
  gap:1em;
}



@media only screen and (min-width:992px){
  
  .recruit-icon-img{
    width: 150px;
    height: 150px;
    border:solid 3px #2981ba;
  }
  
  .recruit-clms{
    gap:2em;
  }
}

.recruit-clms a{
  display: block;
  font-size: 1.2em;
  padding: 1em 0.5em 1em 0.5em;
  background-color: #00a66c;
  color: #ffffff!important;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.3s;
}


@media only screen and (max-width:350px){
  .recruit-clms a{
    font-size: 1em;
  }
}

.recruit-btm-saiyou a{
  display: block;
  border: solid 2px #b2312a;
  background-color: #b2312a;
  box-sizing: border-box;
}
.recruit-btm-entry a{
  display: block;
  border: solid 2px #284980;
  background-color: #284980;
  box-sizing: border-box;
}


.recruit-btm-saiyou a:hover{
  background-color: #ffffff;
  border: solid 2px #b2312a;
  color: #b2312a!important;
  
}
.recruit-btm-entry a:hover{
  background-color: #ffffff;
  border: solid 2px #284980;
  color: #284980!important;
  
}


.recruit-btm-saiyou a::before{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin: -0.2em 0.3em 0 0;
  background-image: url("img/icon-saiyou-w.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.recruit-btm-saiyou a:hover::before{
  background-image: url("img/icon-saiyou-r.png");
}
.recruit-btm-entry a::before{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin: -0.2em 0.3em 0 0;
  background-image: url("img/icon-entry-w.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.recruit-btm-entry a:hover::before{
  background-image: url("img/icon-entry-k.png");
}


/* 広津産業バナー調整 */
.single-recruiter .corp-area,
.page-id-646 .corp-area,
.page-id-644 .corp-area,
.page-id-78 .corp-area,
.page-id-76 .corp-area,
.page-id-71 .corp-area,
.page-id-69 .corp-area,
.page-id-73 .corp-area{
  margin-top: 100px;
}


.hirotsu-banner{
  background-color: #ffffff;
  padding: 2em 1em;position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 781px) {
  .hirotsu-banner::after{
    content: '';
    position: absolute;
    display: block;
    background-image: url("img/hirotsu-banner-base1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    bottom:0;
    left: 0;
    width: 100%;
    height: 0;
  }
  .hirotsu-banner-anime.hirotsu-banner::after{
    animation: hirotsuIns 0.8s ease-out forwards;
  }
}
@media screen and (min-width: 782px) {
  .hirotsu-banner::after{
    content: '';
    position: absolute;
    display: block;
    background-image: url("img/hirotsu-banner-base1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top:0;
    right: 0;
    width: 0;
    height: 100%;
    
  }
  .hirotsu-banner-anime.hirotsu-banner::after{
    animation: hirotsuInm 0.8s ease-out forwards;
  }
  
}

@keyframes hirotsuIns{
  0% {
    height: 0;
  }
  100% {
    height: 55%;
  }
}
@keyframes hirotsuInm{
  0% {
    width: 0;
  }
  100% {
    width: 60%;
  }
}

.hirotsu-banner-text,
.hirotsu-banner-logo{
  position: relative;
  z-index: 1;
}
.hirotsu-banner-logo .wp-block-image{
  margin: 0 auto;
}
.hirotsu-banner-logo img{
  width: 80%;
  height: auto;
}
@media screen and (max-width: 781px) {
  .hirotsu-banner-text{
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .hirotsu-banner-logo img{
    max-width: 300px;
  }
}
@media screen and (min-width: 992px) {
  .hirotsu-banner{
    padding: 2em;
    min-height: 250px;
  }
}

.hirotsu-banner-link a{
  display: inline-block;
  border: solid 2px #cccccc;
  padding: 1em 1em 1em 1em;
  margin-top: 1em;
  border-radius: 50vh;
  color: #222222!important;
}
.hirotsu-banner-link a:hover{
  background-color: #f9f9f9;
  color: #222222!important;
}
.hirotsu-banner-link a::after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -0.2em 0 0 0.5em;
  width: 1em;
  height: 1em;
  background-image: url("img/mblist-icon8.png");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
  
}

.hirotsu-banner-text-eng{
  font-size: 1em;
  font-weight: bold!important;
  color: #ffffff;
  text-shadow: 0 0 5px black;
}
.hirotsu-banner-text-jp{
  font-size: 1.5em;
  color: #ffffff;
  text-shadow: 0 0 5px black;
}
@media screen and (min-width: 992px) {
  .hirotsu-banner-text-eng{
    font-size: 1.2em;
  }
  .hirotsu-banner-text-jp{
    font-size: 1.7em;
  }
}


/* 会社概要
-------------------------------------------------------------- */


.company-gaiyou table td:first-child{
  background-color: #f5f5f5;
}

.company-enkaku table td:first-child{
  min-width: 4em;
}


.faqanc-box{
  list-style-type: none;
  margin: 0;
  padding: 0!important;
  display: flex;
  flex-wrap: wrap;
  gap:5px 2%;
}
.faqanc-box li{
  width: 49%;
}
.faqanc-box li a{
  display: block;
  padding: 0.5em;
  border: solid 1px #284980;
  text-align: center;
  color: #284980!important;
}
.faqanc-box li a:hover{
  background-color: #284980;
  color: #ffffff!important;
}

@media screen and (min-width: 992px) {
  .faqanc-box li{
    width: 23.5%;
    
  }
}

/* 福利厚生・制度
-------------------------------------------------------------- */

.career-pass-area{
  width: 100%;
}

.career-pass-area>.wp-block-group__inner-container{
  display: flex!important;
  flex-wrap: wrap;
  gap:1em 2%;
  width: 100%;
}
.career-pass-area>.wp-block-group__inner-container>div{
  width: 32%;
  margin: 0;
  padding: 0;
}
.career-pass-area>.wp-block-group__inner-container>div img{
  width: 100%;
  height: auto;
}
@media screen and (min-width: 600px) {
  .career-pass-area>.wp-block-group__inner-container>div{
    width: 32%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 782px) {
  .career-pass-area>.wp-block-group__inner-container>div{
    width: 23.5%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .career-pass-area>.wp-block-group__inner-container>div{
    width: 18.4%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .career-pass-area>.wp-block-group__inner-container>div{
    width: 15%;
    margin: 0;
    padding: 0;
  }
}

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

=カラーパレット関連（mystyle/my-code.phpと連動）

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

/* 基本カラー設定（mystyle/my-code.phpの「カラーパレット関連（基本カラー設定 ）」と合わせる） */
.has-black-color{color:#000;}
.has-black-background-color{background-color:#000;}
.has-dark-gray-color{color:#333;}
.has-dark-gray-background-color{background-color:#333;}
.has-medium-gray-color{color:#999;}
.has-medium-gray-background-color{background-color:#999;}
.has-light-gray-color{color:#d3d3d3;}
.has-light-gray-background-color{background-color:#d3d3d3;}
.has-ghost-white-color{color:#f8f8ff;}
.has-ghost-white-background-color{background-color:#f8f8ff;}
.has-white-color{color:#FFF;}
.has-white-background-color{background-color:#FFF;}
.has-mycola-color{color:#0a76b9;}
.has-mycola-background-color{background-color:#0a76b9;}
.has-mycolb-color{color:#ff0000;}
.has-mycolb-background-color{background-color:#ff0000;}
.has-mycolc-color{color:#0000ff;}
.has-mycolc-background-color{background-color:#0000ff;}
.has-mycold-color{color:#0693e3;}
.has-mycold-background-color{background-color:#0693e3;}
.has-mycole-color{color:#008000;}
.has-mycole-background-color{background-color:#008000;}
.has-mycolf-color{color:#00d084;}
.has-mycolf-background-color{background-color:#00d084;}

/* サイトカラー設定（mystyle/my-code.phpの「カラーパレット関連（サイトカラー設定 ）」と合わせる） */
.has-sitecola-color{color:#bbaaa4;}
.has-sitecola-background-color{background-color:#bbaaa4;}
.has-sitecolb-color{color:#a08980;}
.has-sitecolb-background-color{background-color:#a08980;}
.has-sitecolc-color{color:#85685b;}
.has-sitecolc-background-color{background-color:#85685b;}
.has-sitecold-color{color:#6d4f43;}
.has-sitecold-background-color{background-color:#6d4f43;}
.has-sitecole-color{color:#4f352c;}
.has-sitecole-background-color{background-color:#4f352c;}
.has-sitecolf-color{color:#32221c;}
.has-sitecolf-background-color{background-color:#32221c;}