@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500,600&display=swap'); /* 基本のフォントを游ゴシックにする */
@font-face {
    font-family: "my_gothic";
    font-weight: 400;
    src: url('../cyber/font/yu/yu_goth_m.woff?date=2020108') format('woff');
}

@font-face {
    font-family: "my_gothic";
    font-weight: 700;
    src: url('../cyber/font/yu/yu_goth_b.woff?date=2020108') format('woff');
}

body,input, textarea, keygen, select, button, .gothic {
    font-family: "my_gothic";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トータルソリューションページのタイトルスラッグを非表示にする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-total-solution-child p.slug {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページスラッグに「index」が含まれる場合は「親と同名のページ」と見なして、親ページ名を非表示にする(2020-09-07mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*=page-index] .page_promo .sub_ttl {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディングアイコン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ローディング時の背景 */
#loading_container .back {
    z-index: 0;
    background-color: #001930;
}

.sk-cube-grid {
    width: 60px;
    height: 60px;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.btn02, .list01 li:before, ol.list02 > li:after, a.cmn_color_font, [class*="current"] .cmn_color_font_cur, [class*="current"] .cmn_color_font_cur:hover, .cmn_color_font_bf:before, .cmn_color_font_af:after {
    color: #003057;
}

body.sp dl.type01, body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .box02, .list02 > li, .cmn_color_border, .cmn_color_border_bg:before, .cmn_color_border_af:after {
    border-color: #001930;
}

body.sp dl.type01 dd > ul:before, h3[class*="h3b"], ol.list02 > li:before, .cmn_color_bg, .cmn_color_bg_bf:before, .cmn_color_bg_af:after {
    background-color: #001930;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　汎用　＞　h2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a]のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

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

h2[class*="h2b"]:before {
    content: '';
    width: 66px;
    height: 38px;
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/plain.svg) no-repeat 50% / contain;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01 {
    color: #ffffff;
    background: #003057;
    border: 1px solid #003057;
    overflow: hidden;
    padding: 17px 45px 20px 45px;
    z-index: 0;
    min-width: 270px;
    font-weight: bold;
}

a.btn01:hover {
    color: #003057;
    opacity: 1;
}

a.btn01:after {
    transition: right 0.3s;
    content: '';
    width: 28px;
    height: 10px;
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/arrow_white.svg) no-repeat 50% / contain;
    position: absolute;
    top: calc(50% - 7px);
    margin: 0;
    line-height: 1;
    right: 7px;
}

a.btn01:hover:after {
    background-image: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/arrow_r.svg);
}

a.btn01:before {
    content: '';
    position: absolute;
    z-index: -1;
    background-color: #ececec;
    height: 100%;
    left: -100%;
    top: 0px;
    transform: skew(50deg);
    transition: .3s linear;
    transform-origin: top left;
    width: 0%;
}

a.btn01:hover:before {
    width: 200%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #003057;
    color: #fff;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background-color: #003057;
}

dl.faq > dd {
    background-color: #ffffff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th {
    background-color: rgba(60, 101, 168, 0.14);
}

.table01 td {
    background-color: #fff;
}

.table01 th, .table01 td {
    border: 1px solid rgba(84, 111, 154, 0.51);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box01 {
    background-color: #003057;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {
    background: #fff;
    border: 1px solid #b9c3cc;
    color: inherit;
    border-radius: 5px;
}

.next_pickup a:hover {
    border: 1px solid #003057;
}

body.en .next_pickup a:before {
    content: 'Next page';
}

.next_pickup a:after {
    color: #a2b3c2;
    transition: .2s;
}

.next_pickup a:hover:after {
    color: #003057;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(コンタクトフォーム)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.form_table th {
    vertical-align: top;
    padding-top: 23px;
    width: 33%;
}

.form_table th, .form_table td {
    border: none;
}

.form_table span.multi_txt {
    display: inline-block;
    margin-top: .3em;
    text-indent: 3em;
}

.wpcf7-list-item{
    min-width: 45%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォームの必須項目の表示をカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7-not-valid {
    background: #fdf2f2!important;
    border-radius: 5px;
}

.wpcf7-select {
    border-radius: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.require,.any {
    font-size: 13px;
    border-radius: 3px;
    padding: 3px 8px;
    margin: 0 13px 0 0;
    font-weight: normal;
    color: #fff;
}

.require {
    background: #d9534f;
}

.any {
    background: #78909C;
}

input, textarea {
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"],/* forIE(IEでは入力欄が表示されるため) */
textarea {
    background: #f5f5f5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
チェックボックスのカスタマイズ(フォームのみ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* インプットの｢枠組み｣部分を作成 */
.wpcf7-form-control-wrap.user-kamoku input[type*="checkbox"] + span:before {
    width: 17px;
    height: 17px;
    margin-top: -8px;
    border-radius: 4px;
}

.wpcf7-form-control-wrap.user-kamoku input[type*="checkbox"] + span {
    padding: 10px 5px 10px 35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用h2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

h2.cmn_ttl:before {
    content: '';
    width: 1px;
    height: 28px;
    display: inline-block;
    background-color: #0361ee;
    transform: rotate(45deg);
}

h2.cmn_ttl span.en {
    font-size: 48px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    display: block;
}

h2.cmn_ttl span.ja {
    font-size: 15px;
}

/*---デザイン変更ここから2019-06-19---*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルト変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) {
    background-color: #ececec;
}

body:not(.home) {
    color: #003057;
}

body,input, textarea, keygen, select, button {
    color: #003057;
}

/*---トップページのみ---*/
body.home [id*="home"] {
    background-color: #001930;
    color: #fff;
}

/*---トップページ・コンタクトエリアのみ---*/
body.home [id*="home"] a,#contact_area,#contact_area a {
    color: #fff;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリーの画像拡大機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼IEで虫眼鏡に下線がつかないようにする為の記述---*/
[rel=lightbox] {
    position: relative;
    text-decoration: none;
    display: block;
}

[rel=lightbox] img {
    margin-bottom: 0px!important;
}

[rel=lightbox]:after {
    font-size: 24px;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    height: 523px;
    background: transparent;
    color: #fff;
}

.page_promo .sub_ttl {
    font-size: 18px;
    display: inline-block;
    background: rgba(255, 255, 255,0);
    margin: -5px auto 10px;
}

.page_promo .ttl {
    font-size: 28px;
}

.page_promo .slug {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 5px;
}

/*---Englishの時はスラッグ非表示---*/
body.en .page_promo .slug {
	display: none;	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトマップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id="contents_area"] #sitemap_list {
    background: transparent;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ウィジェット全体(サイドバー＆SP) */
#sub_area .side_menu {
    background-color: transparent;
}

#sub_area .side_menu ul {
    background: rgb(236, 236, 236);
}

.sns_btn_wrap > li.gp {
    display: none;
}

ul.post_archive li .cat > * {
    background: #001930;
}

ul.post_archive li .ttl a {
    color: #003057;
}

ul.post_archive li .meta, ul.post_archive li .meta a {
    color: #003057;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-contact .contact_form_wrap {
    background-color: #fff;
    padding: 30px 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用クラス・タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home a.btn01 {
    font-size: 20px;
    padding: 25px 40px;
    min-width: 330px;
    max-width: 350px;
    border-color: #fff;
    background-color: transparent;
}

body.home a.btn01:hover {
    color: #003057;
}

body.home a.btn01:before {
    background-color: #fff;
}

body.home a.btn01:after {
    right:10px;
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/arrow_white.svg) no-repeat 50% / contain;
}

body.home a.btn01:hover:after {
    right:5px;
    background-image: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/arrow_r.svg);
}

.f_wrap {
    display: flex;
    flex-wrap: wrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    width: 100vw;
    height: 100vh;
    /*---可変時縮まりすぎない為の記述---*/
    min-height: 570px;
    /*---タブレット用---*/
    max-height: 50vw;
    color: #fff;
    position: relative;
	background-color: #001930;
}

#promo_frame .txt_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

#promo_frame .en {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 90px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-bottom: 15px;
}

#promo_frame .ja {
    font-size: 20px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(プロモ)　＞　vegasスライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame .vegas {
    height: 100%!important;
    min-width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
vegasスライダーのズームのスピードを変更する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.vegas-animation-kenburnsUp {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#header .tweet_area {
    padding: 0px;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
	/*2023-03-31・井深（投稿がすべて削除されていたので非表示に）*/
    display: none;
}

div#header .tweet_area .txt_wrap {
    width: 750px;
    padding: 20px 20px 20px 40px;
    display: flex;
    align-items: center;
}

div#header .tweet_area .txt_wrap .icon {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #003057;
    margin-right: 35px;
}

div#header .tweet_area ul.items li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 545px;
}

div#header .tweet_area ul.items .date {
    margin-right: .5em;
}

div#header .tweet_area .more {
    margin-left: auto;
    margin-top: -5px;
}

div#header .tweet_area .more a {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #003057;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    transition: .05s;
}

div#header .tweet_area .more a:hover {
    border-color: transparent;
    text-decoration: none;
}

div#header .tweet_area a:hover {
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_future
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_future {
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/new/tizu_a.png) no-repeat, url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/new/tizu_b.png) no-repeat #001930;
    background-position: calc(50% - 752px) 46%,calc(50% + 650px) 46%;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

div#home_future .main_ttl {
    margin-bottom: 27px;
}

/*---Englishページ用---*/
body.en div#home_future .main_ttl {
    font-size: 50px;
    font-family: "my_mincho", serif;
}

div#home_future .main_lead {
    margin-bottom: 30px;
}

/*---Englishページ用---*/
body.en div#home_future .main_lead {
    font-size: 25px;
    font-family: "my_mincho", serif;
}

div#home_future .main_txt {
    max-width: 735px;
    margin: 0 auto 45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　div#home_menu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_menu ul.items {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
}

div#home_menu ul.items li {
    position: relative;
    width: 20%;
    height: 18%;
}

div#home_menu ul.items li:hover {
    opacity: 1;
}

div#home_menu ul.items .txt_wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s linear;
}

div#home_menu ul.items li:hover .txt_wrap {
    background-color: transparent;
}

div#home_menu ul.items .ttl {
    font-size: 28px;
    font-weight: bold;
    margin: 25px 0 5px;
}

/*---２行になっても文字の高さを揃える為の記述---*/
div#home_menu ul.items .txt {
    min-height: 3.5em;
}

/*---可変時に２行にする為の記述（PC・スマホ両方）---*/
div#home_menu ul.items .txt span.block {
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background-color: #001930;
    padding-bottom: 20px;
}

#contact_area > * {
    line-height: 1.8;
    font-size: 16px;
}

#contact_area h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 36px;
    position: relative;
    padding-left: 70px;
}

#contact_area h2:before {

    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 0px;
    width: 47px;
    height: 5px;
    background-color: #fff;
}

#contact_area .info {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 45px;
    margin-bottom: 45px;
}

#contact_area .info > *:not(:last-child) {
    margin-right: 0px;
    width: 200px;
}

#contact_area .info .addr {
    width: 310px;
}

#contact_area .info .tel {
    font-size: 18px;
}

#contact_area .info .tel a:before {
    content: '\f095';
    font-family: "icomoon";
    font-size: 21px;
    vertical-align: -3px;
    margin-right: 10px;
}

/*---中ページでも崩れないようにする為の記述---*/
#contact_area .info .btn a {
    font-weight: bold;
    padding-left: 105px;
    padding-right: 85px;
    border-color: #fff;
    font-size: 20px;
    padding: 25px 85px 25px 105px;
    min-width: 330px;
    background: transparent;
}

#contact_area .info .btn a.btn01:before {
    background-color: #ffffff;
}

#contact_area .info .btn a:after {
    width: 28px;
    height: 22px;
    top: calc(50% - 13px);
    left: 70px;
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/mail_white.svg) no-repeat 50% / contain;
}

#contact_area .info .btn a:hover:after {
    background-image: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/mail_blue.svg);
}

#contact_area .info .btn a:hover {
    color: #003057;
}

#contact_area .kyoten {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 45px;
}

#contact_area .kyoten dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contact_area .kyoten dl:not(:last-child) {
    margin-bottom: 15px;
}

#contact_area .kyoten dl a:hover {
    opacity: .8;
}

#contact_area .kyoten dt a {
    font-weight: bold;
    background: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/kyoten_box.svg) no-repeat 50% / contain;
    width: 184px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact_area .kyoten dt a:before {
    content: '';
    display: inline-block;
    background: no-repeat 50% / contain;
    margin-right: 12px;
    margin-left: -12px;
}

#contact_area .kyoten dl.ja dt a:before {
    background-image: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/flag_ja.svg);
    width: 29px;
    height: 18px;
}

#contact_area .kyoten dl.gl dt a:before {
    background-image: url(https://iac-corp.co.jp/wordpress/wp-content/themes/cyber-child/images/svg/flag_gl.svg);
    width: 21px;
    height: 21px;
}

#contact_area .kyoten dd {
    width: 985px;
}

#contact_area .kyoten ul.items li:not(:last-child) {
    margin-right: 25px;
}

#contact_area .kyoten ul.items a:before {
    content: '\e917';
    font-family: "icomoon";
    font-size: 26px;
    line-height: 1;
    vertical-align: -7px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.to_page_top a .fa-angle-up:before {
    color: #001930;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    display: none;
}