@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('lp.css?date=20211202');
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーボタン（固定ヘッダー内／ドロワー内）※PCでも使用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_hamburger2 {
    right: 0px;
    top: 0px;
    border-radius: 0;
}

body.active:not(.tablet):not(.sp) .cmn_hamburger2 {
    right: calc(17px + 0px);
}

/* adminバー */
body.logged-in .cmn_hamburger2 {
    top: calc(32px + 0px);
}

/*==================================
　5-2-1 3本線が×に
===================================*/
.openbtn1 {
    background: #143787;
    width: 110px;
    height: 110px;
    border-radius: 0;
}

.openbtn1.active {
    background: transparent;
}

/*ボタン内側*/
.openbtn1 span {
    left: calc(50% - 18%);
    height: 2px;
    width: 36%;
}

.openbtn1.active span {
    background: #143787;
}

.openbtn1 span:nth-of-type(1) {
    top: calc(50% - 13px);
}

.openbtn1 span:nth-of-type(2) {
    top: calc(50% - 1px);
    width: 36%;
}

.openbtn1 span:nth-of-type(3) {
    top: calc(50% + 11px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
自作ナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#fixed_navi .bg {
    background: rgba(255,255,255,1);
}

#fixed_navi .box > div {
    width: auto;
    min-width: 1200px;
}

#fixed_navi .inner {
    display: block;
}

#fixed_navi .inner .area_a {
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    padding: 15px 110px 15px 35px;
}

#fixed_navi .inner p.menu_logo {
    margin-bottom: 0;
}

#fixed_navi .inner p.menu_logo img {
    width: 234px;
}

#fixed_navi .inner .area_b {
    width: 1200px;
    padding: 35px 0 130px;
    border-left: 0;
    margin: 0 auto;
}

#fixed_navi .inner .area_b .menu_wrap {
    padding: 0;
    position: relative;
}

#fixed_navi .inner .area_b .menu_wrap::before {
    content: "SERVICE";
    font-family: 'Montserrat', sans-serif;
    font-size: 4.0rem;
    color: #143788;
    display: block;
    padding-left: 120px;
    margin-bottom: 50px;
}

#fixed_navi .inner .area_b .menu_wrap::after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 30px;
    background-color: #143788;
}

#fixed_navi .inner .menu_wrap nav > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

#fixed_navi .inner .menu_wrap nav > ul > li {
    margin-bottom: 50px;
    width: 20%;
}

#fixed_navi .inner .menu_wrap nav > ul > li.service, #fixed_navi .inner .menu_wrap nav > ul > li.btn {
    width: 380px;
    margin-right: 30px;
}

#fixed_navi .inner .menu_wrap nav > ul > li.sozoku {
    margin-right: calc(30px + 380px);
}

#fixed_navi .inner .menu_wrap nav > ul > li.hr {
    border-top: 1px solid #a8a8a8;
    padding-top: 50px;
}

#fixed_navi .inner .menu_wrap nav > ul > li.hr ul{
    display: none;
}

#fixed_navi .inner .menu_wrap nav > ul > li.news {
    width: calc(20% - 30px);
}

#fixed_navi .inner .menu_wrap nav > ul > li > a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#fixed_navi .inner .menu_wrap nav > ul > li.service > a {
    border-bottom: 2px solid #143788;
    padding: 0 30px 15px 70px;
    position: relative;
    background: url(../images/arrow.png) no-repeat 100% 8px / 20px 12px;
    margin-bottom: 10px;
}

/* サービスアイコン */
#fixed_navi .inner .menu_wrap nav > ul > li.service > a::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: no-repeat 50% 50% #143787;
    z-index: 0;
    transition: all 0.2s linear;
}

#fixed_navi .inner .menu_wrap nav > ul > li.keiei > a::before {
    background-image: url(../images/icon01.svg);
}

#fixed_navi .inner .menu_wrap nav > ul > li.zeimu > a::before {
    background-image: url(../images/icon02.svg);
}

#fixed_navi .inner .menu_wrap nav > ul > li.jinji > a::before {
    background-image: url(../images/icon03.svg);
}

#fixed_navi .inner .menu_wrap nav > ul > li.shokei > a::before {
    background-image: url(../images/icon04.svg);
}

#fixed_navi .inner .menu_wrap nav > ul > li.sozoku > a::before {
    background-image: url(../images/icon05.svg);
}

/* アルファベット */
#fixed_navi .inner .menu_wrap nav > ul > li > a::after {
    color: #143788;
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
}

#fixed_navi .inner .menu_wrap nav > ul > li.keiei > a::after {
    content: "KEIEI SODAN";
}

#fixed_navi .inner .menu_wrap nav > ul > li.zeimu > a::after {
    content: "ZEIMUKAIKEI";
}

#fixed_navi .inner .menu_wrap nav > ul > li.jinji > a::after {
    content: "JINJIROMU";
}

#fixed_navi .inner .menu_wrap nav > ul > li.shokei > a::after {
    content: "JIGYOSHOKEI";
}

#fixed_navi .inner .menu_wrap nav > ul > li.sozoku > a::after {
    content: "SOZOKU";
}

#fixed_navi .inner .menu_wrap nav > ul > li.about > a::after {
    content: "ABOUT";
}

#fixed_navi .inner .menu_wrap nav > ul > li.seminar > a::after {
    content: "SEMINAR";
}

#fixed_navi .inner .menu_wrap nav > ul > li.staff > a::after {
    content: "STAFF";
}

#fixed_navi .inner .menu_wrap nav > ul > li.voice > a::after {
    content: "VOICE";
}

#fixed_navi .inner .menu_wrap nav > ul > li.news > a::after {
    content: "NEWS";
}

#fixed_navi .inner .menu_wrap nav > ul > li.recruit > a::after {
    content: "RECRUIT";
}

#fixed_navi .inner .menu_wrap nav > ul > li.group > a::after {
    content: "GROUP";
}

#fixed_navi .inner .menu_wrap nav > ul > li.contact > a::after {
    content: "CONTACT";
}

#fixed_navi .inner .menu_wrap nav > ul > li.success > a::after {
    content: "SUCCESS";
}

/* サービスの子ページ */
#fixed_navi .inner .menu_wrap nav > ul > li.service ul.sub-menu {
    padding-left: 0;
    justify-content: space-between;
}

#fixed_navi .inner .menu_wrap nav > ul > li.service ul.sub-menu li {
    width: 49%;
}

/* ボタン */
#fixed_navi .inner .menu_wrap nav > ul > li.btn > a {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #bebebe;
    padding: 30px 50px;
}

#fixed_navi .inner .menu_wrap nav > ul > li.btn > a:hover {
    border: 1px solid #3c65c2;
    background-color: #3c65c2;
    opacity: 1;
    color: #fff;
}

/* ボタンアイコン */
#fixed_navi .inner .menu_wrap nav > ul > li.recruit > a::before {
    content: '';
    width: 17px;
    height: 15px;
    background: url(../images/popup_bk.svg) no-repeat 50% 50%/contain;
    margin-right: 1.0em;
    transition: all 0.2s linear;
}

#fixed_navi .inner .menu_wrap nav > ul > li.recruit > a:hover::before {
    background-image: url(../images/popup.svg);
}

#fixed_navi .inner .menu_wrap nav > ul > li.contact > a::before {
    content: '\e90d';
    font-family: "icomoon";
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 1.5em;
}

/* ボタンアルファベット */
#fixed_navi .inner .menu_wrap nav > ul > li.btn > a::after {
    margin-left: 1em;
    transition: all 0.2s linear;
}

#fixed_navi .inner .menu_wrap nav > ul > li.btn > a:hover::after {
    color: #fff;
}

#fixed_navi .inner .menu_wrap nav > ul > li.btn ul.sub-menu {
    display: none;
}

/* ログインアイコン */
#fixed_navi ul.other_link2 {
    border-top: 1px solid #bebebe;
    padding-top: 30px;
}

#fixed_navi ul.other_link2 a {
    border: none;
    padding: 0;
    font-size: 1.3rem;
}

#fixed_navi ul.other_link2 li:not(:first-child) {
    margin-left: 0;
}

#fixed_navi ul.other_link2 li:not(:last-child) {
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 10px;
}

#fixed_navi ul.other_link2 a:hover {
    background-color: transparent;
    color: inherit;
    opacity: .7;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after, .cmn_kadomaru {
    color: #143787;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after, .cmn_kadomaru {
    border-color: #143787;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after, #h_navi_main ul:not(.sub-menu) > li > a:after {
    background-color: #143787;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話番号のフォントファミリーを指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*div#tel_lb .num,a[href*="tel:"]:not(.ja) {*/
.tel_font,.tel_font a {
    font-family: 'Montserrat', sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　画像がない場合の汎用スタイル（一覧ページ／ショートコード／関連記事…などで共有）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.noimage {
    background: url(https://1ikenaga.jp/wordpress/wp-content/themes/cyber-child/images/noimage.png) no-repeat 50% / auto 30% #e4eef5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="h2"] {
    font-size: 3.0rem;
    font-weight: bold;
}

h2[class*="h2a"] {
    padding: 10px 15px;
    border: none;
    border-left: 7px solid #143787;
    background-color: #f8f8f8;
}

h2[class*="h2b"] {
    padding: 0 0 25px 0;
}

h2[class*="h2b"]:before {
    width: 50px;
    height: 3px;
    top: auto;
    bottom: 0;
    right: calc(50% - 25px);
    background-color: #143787;
}

h3[class*="h3"] {
    font-weight: bold;
}

h3[class*="h3a"] {
    padding: 11px 0 11px 20px;
    border: none;
    border-top: 2px solid #143787;
    border-bottom: 2px solid #143787;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    font-weight: bold;
}

body.home a.basic_btn01 {
    padding: 25px 30px;
    min-width: 280px;
}

body.home a.basic_btn01:after {
    display: none;
}

/* アイコン付き */
a.icon {
    padding-left: 50px;
}

a.icon.popup::before {
    content: '';
    width: 17px;
    height: 15px;
    background: url(../images/popup.svg) no-repeat 50% 50%/contain;
    position: absolute;
    top: calc(50% - 7px);
    left: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f4f7ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border: 1px solid #9eafd7;
}

.basic_table01 th {
    background-color: #f1f5ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02　　※スマホの時だけ縦並びになるレスポンシブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.res_table table {
  border-collapse: collapse;
}
.res_table table td, .res_table table th {
  width: 100%;
  padding: 8px;
  display: block;
}
.res_table table th {
  background-color: #eee;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル03　※相続ページのtable
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

table {
  margin: 20px auto;
}
.tbl-03 th {
  background: #006eb0;
  border: solid 1px #ffffff;
  color: #fff;
  padding: 10px 20px;
}
.tbl-03 td {
　border: solid 1px #808080;
  padding: 10px 20px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #808080;
    width: 100%;
  }
  .tbl-03 {
    width: 80%;
  }
  .tbl-03 th,
  .tbl-03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_ttl {
    margin-bottom: 40px;
    text-align: center;
}

.cmn_ttl .en {
    font-family: 'Montserrat', sans-serif;
    color: #143787;
    font-size: 7.0rem;
}

.cmn_ttl .ja {
    font-size: 2.0rem;
    font-weight: bold;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト　投稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_post_list {
    justify-content: space-between;
    margin-bottom: -40px;
}

.cmn_post_list li {
    width: 48%;
    /*align-items: center;*/
    margin-bottom: 40px;
}

.cmn_post_list li > div {
    width: 48%;
}

.cmn_post_list li .area_a .img {
    padding-top: 56.25%;
}

.cmn_post_list li .area_b {
    margin-left: auto;
}

.cmn_post_list li .flag{
    display:table;
    font-size:1.1rem;
    font-weight:bold;
    border: 1px solid #151515;
    padding: 1px 10px;
    border-radius: 2px;
    margin-bottom:5px;
}

.cmn_post_list li .flag.fin {
    background-color: #151515;
    color: #fff;
}

.cmn_post_list li p.meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 5px;
}

.cmn_post_list li p.meta .date {
    font-size: 1.5rem;
    color: #727272;
}

.cmn_post_list li p.meta .cat {
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #143787;
    color: #fff;
    border-radius: 2px;
    margin-left: 1em;
    padding: 3px 15px;
}

.cmn_post_list li h3.ttl {
    font-weight: bold;
}

.cmn_post_list li .kaisai {
    border-top: 1px solid #c4c4c4;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 1.6rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト　サービス一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_service_list {
    justify-content: space-between;
    text-align: center;
    margin-bottom: -20px;
}

.cmn_service_list > div {
    min-width: 380px;
    margin-bottom: 20px;
}

.cmn_service_list > div.shokei,.cmn_service_list > div.sozoku {
    width: 585px;
}

.cmn_service_list ul.items li:not(:last-child) {
    margin-bottom: 10px;
}

/* アイコンと矢印 .ttl */
.cmn_service_list .ttl a {
    display: block;
    color: #143787;
    font-weight: bold;
    position: relative;
}

.cmn_service_list .ttl a::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: -0.5em;
    background: no-repeat 50% 50% #143787;
    margin-right: 15px;
}

.cmn_service_list .keiei .ttl a::before {
    background-image: url(../images/icon01.svg);
}

.cmn_service_list .zeimu .ttl a::before {
    background-image: url(../images/icon02.svg);
}

.cmn_service_list .jinji .ttl a::before {
    background-image: url(../images/icon03.svg);
}

.cmn_service_list .shokei .ttl a::before {
    background-image: url(../images/icon04.svg);
}

.cmn_service_list .sozoku .ttl a::before {
    background-image: url(../images/icon05.svg);
}

.cmn_service_list .ttl a::after {
    font-family: "icomoon";
    content: '\ea3c';
    font-size: 0.9em;
    position: absolute;
    top: 50%;
    margin-top: -.48em;
    line-height: 1;
    right: 25px;
    font-weight: normal;
    transition: 0.2s;
}

.cmn_service_list .ttl a:hover::after {
    right: 15px;
}

/* 親タイトル .oya */
.cmn_service_list .ttl.oya {
    margin-bottom: 20px;
}

.cmn_service_list .ttl.oya a {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 13px 50px;
    font-size: 2.2rem;
}

/* ボタンスタイル .btn */
.cmn_service_list .btn a {
    background-color: #fff;
    border: 1px solid #c5c5c5;
    font-size: 1.8rem;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cmn_service_list .btn.ttl a {
    font-size: 2.4rem;
    padding: 10px 50px;
    height: 130px;
}

.cmn_service_list .btn:not(.ttl) a {
    color: inherit;
    padding: 10px 50px;
    height: 90px;
}

.cmn_service_list .btn:not(.ttl) a::after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.48em;
    line-height: 1;
    right: 20px;
    font-weight: normal;
    color: #143787;
    transition: 0.2s;
}

.cmn_service_list .btn:not(.ttl) a:hover::after {
    right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　アーカイブページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li.event_post .meta > .date {
    display: none;
}

ul.post_archive li .cat_wrap > * {
    font-size: 1.4rem;
    min-width: 84px;
    padding: 4px 10px;
    line-height: 1;
    font-weight: bold;
    border-radius: 2px;
}

ul.post_archive li .cat_wrap > *:not(:last-child) {
    margin-right: 5px ;
}

ul.post_archive li .cat_wrap > .flag {
    color: inherit;
    border: 1px solid #151515;
    padding: 3px 10px;
}

ul.post_archive li .cat_wrap > .fin {
    background-color: #151515;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　詳細ページ（セミナー用）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single .flag {
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    min-width: 84px;
    padding: 3px 10px;
    line-height: 1;
    font-weight: bold;
    border-radius: 2px;

    margin-bottom: 0.5em;
    color: inherit;
    border: 1px solid #151515;
}

body.single .fin {
    background-color: #151515;
    color: #fff;
}

body.single .article_date_area_event {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

body.single #main_area .article_date_area.event_post {
    display: none;
}

body.single p.pdf_btn {
    text-align: center;
    margin: 2em auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　お客様の声　＞　アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="archive-voice"] ul.post_archive li {
    padding: 40px;
    border: 1px solid #bebebe;
    margin-bottom: 20px;
}

body[class*="archive-voice"] ul.post_archive li .area_a {
    width: 280px;
    float: left;
    margin-left: 0;
    margin-right: 50px;
}

body[class*="archive-voice"] ul.post_archive li .area_a p.img {
    border: 1px solid #d7d7d7;
    padding-top: 66.6666%;
}

body[class*="archive-voice"] ul.post_archive li .ttl {
    font-size: 2.0rem;
    font-weight: bold;
}

body[class*="archive-voice"] ul.post_archive li .meta {
    margin-top: 0;
    color: #143787;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 20px;
}

body[class*="archive-voice"] ul.post_archive li .meta > span:not(:first-child) {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid;
}

body[class*="archive-voice"] ul.post_archive li p.txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　お客様の声　＞　詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="single-voice"] #main_area .article_title.plain_type h1 {
    font-size: 2.4rem;
    margin-bottom: 15px;
}

body[class*="single-voice"] #main_area .article_date_area {
    text-align: left;
    margin-bottom: 35px;
    padding: 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #143787;
}

body[class*="single-voice"] #main_area .article_date_area p.meta > span:not(:first-child) {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid;
}

body[class*="single-voice"] p.eye_img {
    text-align: center;
    margin-bottom: 50px;
}

body[class*="single-voice"] p.eye_img a {
    border: 1px solid #c6c6c6;
    width: 430px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　お客様サポート事例　＞　アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="archive-success"] ul.post_archive li {
    padding: 40px;
    border: 1px solid #bebebe;
    margin-bottom: 20px;
}

body[class*="archive-success"] ul.post_archive li .area_a {
    width: 280px;
    float: left;
    margin-left: 0;
    margin-right: 50px;
}

body[class*="archive-success"] ul.post_archive li .area_a p.img {
    border: 1px solid #d7d7d7;
    padding-top: 66.6666%;
}

body[class*="archive-success"] ul.post_archive li .ttl {
    font-size: 2.0rem;
    font-weight: bold;
}

body[class*="archive-success"] ul.post_archive li .meta {
    margin-top: 0;
    color: #143787;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 20px;
}

body[class*="archive-success"] ul.post_archive li .meta > span:not(:first-child) {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid;
}

body[class*="archive-success"] ul.post_archive li p.txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　お客様サポート事例　＞　詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="single-success"] #main_area .article_title.plain_type h1 {
    font-size: 2.4rem;
    margin-bottom: 15px;
}

body[class*="single-success"] #main_area .article_date_area {
    text-align: left;
    margin-bottom: 35px;
    padding: 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #143787;
}

body[class*="single-success"] #main_area .article_date_area p.meta > span:not(:first-child) {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid;
}

body[class*="single-success"] p.eye_img {
    text-align: center;
    margin-bottom: 50px;
}

body[class*="single-success"] p.eye_img a {
    border: 1px solid #c6c6c6;
    width: 430px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　スタッフ紹介　＞　アーカイブ（固定ページ）リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_staff_list {
    margin: 0 -15px -40px;
    position: relative;
}

ul.cmn_staff_list::after {
    content: "";
    width: 1920px;
    height: calc(100% + 75px + 70px - 40px);
    background-color: #e4eef5;
    position: absolute;
    top: -75px;
    z-index: -1;
}

ul.cmn_staff_list:nth-of-type(odd)::after {
    right: calc(165px + 15px);
}

ul.cmn_staff_list:nth-of-type(even)::after {
    left: calc(165px + 15px);
}

ul.cmn_staff_list li {
    width: 380px;
    border: 1px solid #c7c7c7;
    background-color: #fff;
}

body.page-staff-link .editor_area ul.cmn_staff_list li {
    margin: 0 15px 40px;
}

ul.cmn_staff_list li:hover {
    opacity: 1;
}

ul.cmn_staff_list li[class~="biggerlink"] .bl_area::after {
    z-index: 2;
}

ul.cmn_staff_list li .area_a {
    width: 100%;
}

ul.cmn_staff_list li p.img {
    padding-top: 70%;
}

ul.cmn_staff_list li p.img::before, ul.cmn_staff_list li p.img::after {
    position: absolute;
    opacity: 0;
    transition: .2s;
}

ul.cmn_staff_list li p.img::before {
    content: "MORE";
    font-size: 1.3rem;
    z-index: 1;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 10px 14px;
    top: calc(50% - 23px);
    left: calc(50% - 35px);
}

ul.cmn_staff_list li p.img::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(20,50,135,.6);
    left: 0;
    top: 0;
    z-index: 0;
}

ul.cmn_staff_list li:hover p.img::before, ul.cmn_staff_list li:hover p.img::after {
    opacity: 1;
}

ul.cmn_staff_list li p.img img {
    margin-bottom: 0;
}

ul.cmn_staff_list li .area_b {
    padding: 15px 20px;
}

ul.cmn_staff_list li p.tanto {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.cmn_staff_list li h3.ttl {
    font-size: 2.0rem;
    font-weight: bold;
}

ul.cmn_staff_list li h3.ttl span {
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    color: #143787;
    display: block;
    margin-top: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　スタッフ紹介　＞　アーカイブ（固定ページ）パーツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-staff-link ul.bnr_list li {
    width: 20%;
    border: 1px solid #bebebe;
    margin: 0;
}

body.page-staff-link ul.bnr_list li:not(:last-child) {
    border-right: none;
}

body.page-staff-link ul.bnr_list li p a {
    display: block;
    text-align: center;
    padding: 10px 10px 20px;
    position: relative;
    text-decoration: none;
    /* IE用 */
}

body.page-staff-link ul.bnr_list li p a:hover {
    opacity: .7;
}

body.page-staff-link ul.bnr_list li p a img:hover {
    opacity: 1;
}

body.page-staff-link ul.bnr_list li p a::after {
    font-family: "icomoon";
    content: '\e915';
    font-size: 1.5em;
    position: absolute;
    bottom: 3px;
    line-height: 1;
    left: calc(50% - 0.5em);
    font-weight: normal;
    color: #143787;
}

body.page-staff-link ul.bnr_list li p a img {
    margin-bottom: 0;
}

body.page-staff-link h2.h2c {
    margin-top: 150px;
    margin-bottom: 40px;
}

body.page-staff-link h2.h2c::after {
    content: "";
    width: 40px;
    height: 4px;
    background-color: #143787;
    display: block;
    margin-top: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　スタッフ紹介　＞　詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="single-staff"] .detail_wrap {
    align-items: center;
    margin-bottom: 25px;
}

body[class*="single-staff"] .detail_wrap .area_a {
    width: 380px;
    margin-right: 100px;
}

body[class*="single-staff"] .detail_wrap .area_b {
    flex: 1;
}

body[class*="single-staff"] .detail_wrap p.img {
    padding-top: 93%;
}

body[class*="single-staff"] .detail_wrap p.cat {
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
}

body[class*="single-staff"] .detail_wrap p.cat span {
    background-color: #143787;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 4px 20px;
    margin-bottom: 5px;
}

body[class*="single-staff"] .detail_wrap p.tanto {
    font-weight: bold;
    margin-bottom: 0;
}

body[class*="single-staff"] .detail_wrap p.name {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
}

body[class*="single-staff"] .detail_wrap p.name span {
    font-size: 1.4rem;
    margin-left: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #143787;
    vertical-align: middle;
}

body[class*="single-staff"] #main_area .article_title.plain_type h1 {
    border-bottom: none;
    padding: 0;
    margin-bottom: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_promo .txt_box_wrap {
    width: 27%;
    position: static;
}

.page_promo .img_wrap {
    height: 400px;
    max-height: 45vh;
    position: static;
    width: 73%;
}

.page_promo img {
    position: static;
    -webkit-transform: translate(-0%, -0%);
    -ms-transform: translate(-0%, -0%);
    transform: translate(0%, 0%);
}

.page_promo .txt_box {
    text-align: left;
    width: 100%;
    padding: 0 0 0 20%;
}

body:not(.search) .page_promo .sub_ttl {
    display: none;
}

.page_promo .sub_ttl {
    font-size: 3.0rem;
}

.page_promo .ttl {
    font-size: 1.8rem;
    max-width: 100%;
}

.page_promo .slug {
    display: block;
    text-transform: uppercase;
    font-size: 5.0rem;
    font-family: 'Montserrat', sans-serif;
    color: #143787;
    word-break: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame .txt_box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-weight: bold;
    width: 100%;
    padding: 0 10% 80px;
}

#promo_frame .txt_box p.sub {
    background-color: #143787;
    color: #fff;
    font-size: 2.6rem;
    padding: 17px 40px;
    margin-bottom: 30px;
}

#promo_frame .txt_box p.ttl {
    font-size: 6.0rem;
    margin-bottom: 15px;
}

#promo_frame .txt_box p.lead {
    font-size: 2.4rem;
    letter-spacing: 0.075em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　社名ロゴの下部分：　経営統合のお知らせリンク文章
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.header_notice_bar {
    background: #143787;
    color: #ffffff;
    font-size: 12px;

    padding: 4px 10px;
    border-radius: 3px;

    cursor: pointer;

    display: inline-block;

   line-height: 1.2;    
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　新着情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_topic {
    background-color: #e4eef5;
}

#home_topic.kugiri_m {
    padding-top: 70px;
    padding-bottom: 70px;
}

#home_topic h2.cmn_ttl {
    margin-bottom: -75px;
    position: relative;
    z-index: 1;
}

#home_topic .box {
    padding: 115px 6% 60px;
    position: relative;
    z-index: 0;
    background-color: #fff;
}

#home_topic .tab {
    justify-content: space-between;
}

#home_topic .tab li {
    width: 24.5%;
    text-align: center;
}

#home_topic .tab li a {
    display: block;
    font-weight: bold;
    color: #143787;
    border: 1px solid #143787;
    padding: 14px 20px;
}

#home_topic .tab li.current a {
    background-color: #143787;
    color: #fff;
}

#home_topic .tab_body {
    padding-top: 50px;
}

#home_topic .tab_body p.btn {
    text-align: center;
    margin-top: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ABOUT US
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_about.kugiri_m {
    padding-top: 80px;
    padding-bottom: 80px;
}

#home_about .container {
    position: relative;
    padding: 0 58% 0 0;
    height: 577px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#home_about .inner {
    width: 415px;
}

#home_about h2.cmn_ttl {
    text-align: left;
    margin-bottom: 15px;
}

#home_about h2.cmn_ttl .en {
    font-size: 2.8rem;
}

#home_about h3.sub_ttl {
    font-size: 3.4rem;
    font-weight: bold;
    margin-bottom: 25px;
}

#home_about p.img {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #d6d6d6;
    width: 58%;
    max-width: 870px;
    height: 577px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 35px;
}

#home_about p.img img {
    width: 100%;
    max-width: 720px;
}

#home_about p.main_txt {
    margin-bottom: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　お客様サポート事例
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_success {
    background-color: #3c65c2;
    color: #ffffff;
}

#home_success.kugiri_m {
    padding-top: 70;
    padding-bottom: 70px;
}

#home_success .container {
    position: relative;
    padding: 0 58% 0 0;
    height: 290px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#home_success .inner {
    width: 415px;
}

#home_success h2.cmn_ttl {
    font-size: 3.4rem;
    font-weight: bold;
    margin-bottom: 25px;
}

#home_success p.main_txt {
    margin-bottom: 25px;
}

#home_success p.img img {
    width: 100%;
    max-width: 720px;
}

#home_success p.img {
    position: absolute;
    right: 0;
    top: 0;
    border: 0px;
    width: 60%;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 17px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
個別ページ　＞　お客様サポート事例　＞　段落ごとの見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.line_h_15{
font-size: 1em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 1px #d3d3d3;/* 線 */
color: #003366;/* フォント色 */
}

.line_h_15:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #1469e1;
width: 15%;
bottom: -3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　SERVICE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service {
    background-color: #f4f4f4;
}

#home_service.kugiri_m {
    padding-top: 70px;
    padding-bottom: 70px;
}

#home_service h2.cmn_ttl {
    margin-bottom: 30px;
}

#home_service p.main_txt {
    text-align: center;
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　GROUP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_group {
    background: no-repeat 0 0;
}

#home_group.kugiri_m {
    padding-top: 80px;
    padding-bottom: 55px;
}

#home_group p.logo {
    text-align: center;
    margin-bottom: 20px;
}

#home_group p.main_txt {
    text-align: center;
    margin-bottom: 40px;
}

#home_group ul.items li {
    width: 20%;
    border: 1px solid #bebebe;
}

#home_group ul.items li:not(:last-child) {
    border-right: none;
}

#home_group ul.items li p {
    text-align: center;
    padding: 13px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　MESSAGE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_message.kugiri_m {
    padding-top: 0;
    padding-bottom: 70px;
}

#home_message .inner {
    position: relative;
    z-index: 1;
    padding: 75px 550px 75px 0;
    min-height: calc(477px + 75px + 75px);
}

#home_message .inner::after {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #e4eef5;
    position: absolute;
    top: 0;
    left: 160px;
    z-index: -1;
}

#home_message .inner .area_b {
    position: absolute;
    right: 0;
    top: 75px;
}

#home_message h3.main_ttl {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 15px;
}

#home_message p.sub {
    font-size: 1.8rem;
    font-weight: bold;
}

#home_message p.name {
    font-size: 4.0rem;
    font-weight: bold;
    margin-bottom: 20px;
}

#home_message p.name span {
    font-size: 1.8rem;
    vertical-align: 0.5em;
    margin-left: 30px;
}

#home_message p.main_txt {
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　LINK
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_link .inner_wrap > div {
    width: 50%;
}

#home_link .inner_wrap > div:not(:last-child) {
    border-right: 1px solid #fff;
}

#home_link .inner_wrap a {
    background: no-repeat 50% 50%/cover;
    height: 355px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 19%;
    color: #fff;
    text-decoration: none;
    position: relative;
}

#home_link.lazyloaded .inner_wrap .staff a {
    background-image: url(../images/staff.jpg);
}

#home_link.lazyloaded .inner_wrap .voice a {
    background-image: url(../images/voice.jpg);
}

#home_link .inner_wrap a::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(20,55,135,.57);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.2s;
}

#home_link .inner_wrap a:hover::before {
    opacity: 1;
}

#home_link .inner_wrap a .inner {
    border-left: 2px solid;
    padding-left: 25px;
    line-height: 1.2;
    position: relative;
    z-index: 0;
}

#home_link .inner_wrap a .inner .en {
    font-family: 'Montserrat', sans-serif;
    font-size: 4.0rem;
}

#home_link .inner_wrap a .inner .ja {
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　RECRUIT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_recruit {
    background: linear-gradient(transparent 55%, #eef3ff 55%);
}

#home_recruit.kugiri_m {
    padding-top: 90px;
    padding-bottom: 90px;
}

#home_recruit .inner {
    background: no-repeat;
    background-position: calc(50% - 387px) 0;
    padding: 130px 5% 130px 52%;
    position: relative;
}

#home_recruit.lazyloaded .inner {
    background-image: url(../images/bg_recruit.jpg);
}

#home_recruit .inner::before {
    content: "";
    width: 690px;
    height: 117px;
    background: url(../images/recruit_logo.png) no-repeat 50% 50%;
    position: absolute;
    right: 3%;
    top: -3px;
}

#home_recruit .inner .box {
    background-color: #fff;
    padding: 75px 13%;
    max-width: 765px;
    min-width: 630px;
}

#home_recruit .inner .box h2.main_ttl {
    font-size: 3.0rem;
    font-weight: bold;
    margin-bottom: 15px;
}

#home_recruit .inner .box h2.main_ttl img {
    vertical-align: -6px;
    margin-left: 20px;
}

#home_recruit .inner .box p.main_txt {
    margin-bottom: 30px;
    line-height: 2.1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　INVOICE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_invoice {
    background: no-repeat 0 0;
}

#home_invoice.kugiri_m {
    padding-top: 80px;
    padding-bottom: 55px;
}

#home_invoice p.logo {
    text-align: center;
    margin-bottom: 20px;
}

#home_invoice p.main_txt {
    text-align: center;
    margin-bottom: 40px;
}

#home_invoice ul.items li {
    width: 20%;
    border: 1px solid #bebebe;
}

#home_invoice ul.items li:not(:last-child) {
    border-right: none;
}

#home_invoice ul.items li p {
    text-align: center;
    padding: 13px 10px;
}

/*
.pc_flex_container{
    PC画面用のCSS
}

@media screen and (min-width:900px){
    .pc_flex_container{
        スマホ画面用のCSS
    }
}

.pc_flex_container{
    display: flex;
    justify-content: space-around;
}
.pc_flex_container a{
    background-color: #fff;
    color: #444;
    display: block;
    padding: 10px;
    margin: 10px;
    text-align: center;
    border: 0px solid;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background-color: #143787;
    color: #fff;
}

#contact_area h2.cmn_ttl {
    margin-bottom: 5px;
}

#contact_area h2.cmn_ttl .en {
    font-size: 4.4rem;
    color: #fff;
}

#contact_area p.main_txt {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

#contact_area .btn_wrap {
    width: 675px;
    margin: 0 auto;
    justify-content: space-between;
}

#contact_area .btn_wrap > p {
    width: 325px;
    text-align: center;
}

#contact_area .btn_wrap > p a {
    display: block;
}

/* 電話 */
#contact_area .btn_wrap > p.tel a {
    padding: 3px 20px 4px 55px;
    line-height: 1.5;
}

#contact_area .btn_wrap > p.tel a .num {
    font-size: 3.4rem;
    position: relative;
}

#contact_area .btn_wrap > p.tel a .num::before {
    font-family: "icomoon";
    content: '\f095';
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid;
    font-size: 0.7em;
    position: absolute;
    top: calc(50% - 23px);
    line-height: 1;
    left: -60px;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#contact_area .btn_wrap > p.tel a .open {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}

/* お問い合わせ */
#contact_area .btn_wrap > p.contact a {
    background-color: #3c65c2;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    padding: 24px 75px;
    position: relative;
}

#contact_area .btn_wrap > p.contact a::before {
    font-family: "icomoon";
    content: '\e90d';
    font-size: 1em;
    position: absolute;
    top: calc(50% - 0.5em);
    line-height: 1;
    left: 45px;
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(企業情報)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap .navi_a .com_area {
    width: 390px;
    padding: 30px 30px 0 0;
}

div#f_navi_wrap .navi_a .com_area p.footer_logo {
    margin-bottom: 20px;
}

div#f_navi_wrap .navi_a .com_area p.footer_logo img {
    width: 300px;
}

div#f_navi_wrap .navi_a .com_area p.addr {
    margin-bottom: 20px;
}

div#f_navi_wrap .navi_a .com_area p.btn {
    width: 295px;
}

div#f_navi_wrap .navi_a .com_area p.btn:not(:last-child) {
    margin-bottom: 10px;
}

div#f_navi_wrap .navi_a .com_area p.btn a {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 17px 45px;
}

/* グループ */
div#f_navi_wrap .navi_a .com_area p.group a {
    background-color: #143787;
}

/* 採用情報 */
div#f_navi_wrap .navi_a .com_area p.recruit a {
    background-color: #3c65c2;
    position: relative;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#f_navi_wrap ul li.recruit a::before,#f_navi_wrap ul li.teikei a::before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/popup_bk.svg) no-repeat 50% 50%/contain;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 0.25em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#copy_frame {
    background-color: #f8f8f8;
}

div#copy_area, div#copy_area a {
    color: inherit!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人事労務　内　＞　社員研修内容の表
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table-training {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid black;
}

.table-training td {
  padding: 10px;
}

.table-training th {
  background-color: #e0efff;
  padding: 10px;  
}

.table-training td, .table-training th {
  border: 1px solid black;
}

.table-training td:first-child, .table-training th:first-child {
  width: 300px;
}

.target-blue-sq {
  font-size: 1.2rem;
}

.target-blue-sq {
  display: inline-block;
  margin: 0.2rem 0.3rem 0.2rem 0;
  padding: 0.3rem 0.8rem;
  border-radius: 0.2rem;
  background: #fff4f9;
  border: #696969 solid 0.1rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人事労務　内　＞　社員研修内容の表（スマホの場合のみ縦に表示する）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 480px) {

  table-training {
    display: block;
    width: 100%;
  }

  table-training tbody{
    display: block;
    width: 100%;
  }

  table-training th{
    display: block;
    width: 100%;
  }

  table-training tr{
    display: block;
    width: 100%;
  }

  table-training td{
    display: block;
    width: 100%;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
本文に吹き出しを利用する（左向き）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 18px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 10px;/*角丸にする*/
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コラム投稿ページ　＞　見出し文字装飾など
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h2_c {
  position: relative;
  padding-left: 25px;
}

h2_c:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
h2_c:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コラム投稿ページ　＞　この記事を書いた人
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*プロフィール枠*/
#author_profile {
  border: 1px solid #194c80;
  width: 100%;
  margin: 40px auto;
  overflow: hidden;
}
#author_profile p {
  margin-bottom: 20px;
  line-height: 1.8;
}
/*この記事を書いた人の見出し*/
#author_profile p.label {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #194c80;
  padding: 10px 15px;
}
/*名前*/
#author_profile p.author_name {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
/*名前下の下線*/
#author_profile p.author_name::after {
  content: "";
  border-bottom: solid 3px #194c80;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
}
/*左側画像ブロック*/
#author_profile .left {
  width: 14%;
  float: left;
  margin: 10px 0 15px 30px;
}
/*画像サイズ*/
#author_profile .left img {
  width: 100%;
}
/*右側テキストブロック*/
#author_profile .right {
  width: 74%;
  float: left;
  font-size: 12px;
  line-height: 1.6;
  padding: 5px 0 20px 30px;
}
/*テキスト下部SNSブロック*/
#author_profile .right ul.author_sns {
  margin: 0;
  border-top: 1px dotted #dddddd;
  margin-top: 15px;
  padding-top: 20px;
}
#author_profile .right ul.author_sns li {
  float: left;
  margin-right: 15px;
  list-style: none;
}
#author_profile .right ul.author_sns li:last-child {
  margin-right: 0;
}
/*SNSアイコンを使う場合は別途アイコンCSSの設定が必要*/
#author_profile .right ul.author_sns li i.icon-facebook {
  color: #fff;
  background-color: #194c80;
  margin-right: 8px;
  padding: 6px 8px 0;
  position: relative;
  bottom: -3px;
}
/*SP時の挙動（画面サイズが小さい時）*/
@media (max-width: 480px) {
  #author_profile p.author_name {
    text-align: center;
  }
  #author_profile .left {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
  #author_profile .left img {
    width: 33%;
  }
  #author_profile .right {
    width: 100%;
    float: none;
    padding: 10px 20px 0;
  }
  #author_profile .right ul.author_sns li {
    margin-bottom: 20px;
  }
}

/*ContactFormカスタマイズ（見学会用フォーム）*/

table.kengaku_table{
	width:80%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}
table.kengaku_table tr{
	border-top: 1px solid #e5e5e5;
}
/*入力欄*/
.kengaku_table input, .kengaku_table textarea {
	border: 1px solid #d8d8d8;
}
.kengaku_table ::placeholder {
	color:#797979;
}
/*「必須」文字*/
.kengaku_req{
	font-size:.9em;
	padding: 5px;
	background: #0000cd;/*ブルー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/*「任意」文字*/
.kengaku_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/* タイトル列 */
@media screen and (min-width: 768px){
	.kengaku_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	text-align:left;
	}	
}
/* レスポンシブ */
@media screen and (max-width: 768px){
	table.kengaku_table{
	width:95%;
}
.kengaku_table tr, .CF7_table td, .kengaku_table th{
	display: block;
	width: 100%;
line-height:2.5em;
}
.kengaku_table th{
	background-color:#ebedf5;
}
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#0000cd;/*ブルー*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}
.kengaku_btn{
	text-align:center;
	margin-top:20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}