@charset "utf-8";

/*----------------------------------
フォント読み込み
----------------------------------*/
@import url('//fonts.googleapis.com/earlyaccess/sawarabigothic.css');

/****
 *
 * Fontname:sawarabigothic
 * Copyright (c) mshio
 * Creative Commons Attribution 3.0 : http://sawarabi-fonts.osdn.jp/
 *
 ****/

/*----------------------------------
イメージロールオーバー
----------------------------------*/
body a:hover img {
    opacity: 0.8;
}

#recommend_gallery a:hover img {
    /** index　メインビジュアルロールオーバーなし　**/
    opacity: 1.0;
    cursor: default;
}

/*----------------------------------
テキストリンク
----------------------------------*/
a,
a:visited {
    color: #001e43;
}

a:hover {
    color: #003f8e;
}

/** トップページ戻り・ページ送り **/
.page_navi p.back a {
    background: #518DD7;
    color: #fff;
}

.page_navi p.back a:hover {
    background: #87B0E2;
    color: #fff;
}

.page_navi span.current {
    background: #493759;
}

.page_navi a:hover {
    background: #1F4472;
}

/*----------------------------------
全体背景
----------------------------------*/
body {
    background: #fff;
    letter-spacing: 0.05rem;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ ゴシック", sans-serif;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}


@media screen and (max-width: 640px) {

    body {
        background: url(./img/ph_back.jpg) no-repeat;
    }

    /*　ヘッダーの柄のため調整　*/
    #index_top {
        margin-top: 0;
        margin-bottom: -20px;
        padding: 0 0 15px 0;
        /*横幅いっぱい*/
    }

}

#logo img {
    margin: 25px 0 0 0;
    width: 50%;
}

@media screen and (max-width: 640px) {

    /**　スマホロゴ調整　**/
    #logo_sm {
        width: 60%;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }

}


p {
    margin: 0;
    padding: 0;
    line-height: 1.7;
}


/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
    letter-spacing: 0.15rem;
    /*background:#9BD5FB;*/
    background: none;
}

#site_description {
    color: #444;
    font-weight: normal;
}


/*----------------------------------
グローバルメニュー
----------------------------------*/
#menu_wrap {
    background: #C7E6FC;
    border-color: #9AC7EB;
    letter-spacing: 0.15rem;
    color: #666;
    font-family: "Sawarabi Gothic";
}

#global_menu {
    border-right: 1px solid #9AC7EB;
}

#global_menu li a {
    border-left: 1px solid #9AC7EB;
    background: #C7E6FC;
    font-size: 15px;
    color: #444;
}

#global_menu li a:hover {
    background: #B0DBFB;
    color: #333;
}




@media screen and (max-width: 640px) {
    .title_text {
        letter-spacing: 0.1rem;
        color: #444;
    }


    /**** 折りたたみメニュー ****/
    #header {
        min-height: 40px;
        padding: 7px 0 0 0;
        background: #9FD3FB;
    }

    #menu_fit {
        margin: 40px 0 0 0;
    }


    /**** メニューボタン ****/
    #header a.menu_button {
        padding: 10px;
        line-height: 1;
        color: #fff;
        border: 1px solid #fff;
        font-weight: bold;
        background: #098AE5;
    }

    #header a.menu_button:hover,
    #header a.menu_button:active {
        background: #098AE5;
        opacity: 1.0;
        box-shadow: none;
    }


    /**** グローバルメニュー ****/
    #global_menu {
        margin-top: 40px;
        top: 0;
    }


    #global_menu li a {
        font-weight: bold;
        border-color: #999;
        font-size: 15px;
        background: #fff url(./img/arrow4.png) no-repeat 20px;
        color: #333;
    }

    #global_menu li a:hover {
        color: #333;
        background: #ECF8FF url(./img/arrow4.png) no-repeat 20px;
    }


}



/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
    background: linear-gradient(to bottom, #D2EBFD 0%, #fff 100%);
}




/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/
/*　電話番号・お問い合わせ　*/
@media screen and (min-width: 641px) {
    #header .header_banner {
        margin-top: 0;
        /* 住所が3行　*/
    }

}

.header_banner .banner_row .barb_text_banner {
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.header_banner .banner_row {
    margin-top: 0px;
    width: 335px;
}

.header_banner .banner_row .barb_text_banner span {
    letter-spacing: 0.1rem;
}

.header_banner .banner_row .barb_text_banner .fa {
    margin-right: 0.15em;
}

/**** 住所　文字間 ****/
.textwidget {
    letter-spacing: 0.1rem;
}



@media screen and (max-width: 640px) {

    /*　電話番号・お問い合わせ　矩形　*/
    .header_banner > div {
        font-size: 14px;
        letter-spacing: 0.1rem;
        margin: 10px 0 0 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    /*　電話番号・お問い合わせリンク　*/
    .header_banner > div a {
        text-decoration: none;
    }


    /*　住所テキスト　*/
    .textwidget {
        line-height: 1.5;
        padding: 0 0 15px 0;
    }


}


@media screen and (min-width: 641px) and (max-width: 768px) {
    #index_top {
        margin-top: -67px;
    }
}

/*----------------------------------
一覧画像 ※firefoxでの線消し
----------------------------------*/
@media screen and (min-width: 641px) {

    /**  PC ***/
    #post_list a.image img {
        max-width: initial;
    }
}

/*----------------------------------
サムネイル横　テキスト(下層関連情報も含む)
----------------------------------*/
#post_list .info {
    width: 365px;
    margin: 0;
}

#related_post .info {
    font-size: 12px;
}

#related_post li .title {
    margin-bottom: 5px;
}

#post_list li,
#featured_post .post1,
#featured_post ul.post2 {
    border-bottom: 1px dotted #999;
}


#recent_post .info .excerpt {
    /*トップ　ご案内テキスト*/
    margin: 0 15px;
    text-align: justify;
}


#post_list .excerpt,
/*下層　一覧テキスト*/
#featured_post .post1 .excerpt {
    /*トップ　安全への取組　テキスト*/
    padding-right: 0;
}

#post_list .title,
#related_post .title,
#featured_post .post1 .title,
#featured_post ul.post2 li .title {
    font-size: 14px;
}


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

    /**  PC ***/
    #recent_post .title {
        font-size: 14px;
        border-top: none;
        padding: 0 0 0 0;
    }
}

@media screen and (max-width: 640px) {
    #post_list .info {
        width: 100%;
    }

    #main_col #recent_post li,
    #related_post li {
        border-bottom: 1px dotted #999;
        margin: 0;
    }

    #main_col #recent_post .title {
        border-top: none;
        padding: 0 0 0 0;
    }


    #recent_post .info,
    #featured_post ul.post2 li .info,
    #related_post .info {
        width: 62%;
        float: right;
        margin: 0 5px 0 0;
        line-height: 1.6;
        font-size: 12px;
    }

    #recent_post .info .excerpt {
        margin: 0 10px 0 0;
    }

    #contents .text_recent_post {
        /*トップ・他　調整*/
        margin: 0 0 0 0;
    }

    #recent_post {
        /*トップ・他　調整*/
        margin: 0 0 20px 0;
    }


    #featured_post {
        /*トップ・他　調整*/
        margin: 0 0 0 0;
    }

}



/*----------------------------------
お知らせ
----------------------------------*/
#contents .text_recent_post .post_list li,
#contents .text_recent_post .post_list li:not(:last-child) {
    border-bottom: 1px dotted #999;
}


@media screen and (max-width: 640px) {
    #contents .text_recent_post .post_list li {
        padding: 5px 0;
    }


    #contents .text_recent_post .list_date {
        /*日付*/
        margin-left: 8px;
        line-height: 1.0;
    }

    #contents .text_recent_post .list_title {
        /*タイトル*/
        margin-left: 5px;
        line-height: 1.2;
    }
}

.news_img {
    margin: 0 0 20px 0;
}

.news_title {
    padding: .5em .75em;
    border: 1px solid #ccc;
}

.news_line {
    text-align: right;
    margin-top: 55px;
    margin-bottom: -30px;
    padding: 0.5em;
    border-top: 1px dashed #ccc;
    font-size: 14px;
}

.news_line2 {
    padding-bottom: 25px;
    border-bottom: 1px dashed #ccc;
}

@media only screen and (max-width:640px) {
    .news_line {
        font-size: 12px;
        text-align: center;
    }
}

.news_info p {
    margin-bottom: 10px;
}
.news_info .info-kakko {
    margin-left: -.5em;
    margin-bottom: 3px;
}
.news_info .indent-dtl {
    padding-left: 4.2em;
    text-indent: -4.2em;
    margin-bottom: 2px;
}
@media only screen and (min-width:640px) {
    .news_info .indent-dtl br.br-sp {
        display: none;
    }

}
@media only screen and (max-width:380px) {
    .news_info .indent-dtl {
        padding-left: 0;
        text-indent: 0;
    }
    .news_info .indent-dtl br.br-sp {
        display: none;
    }

}
/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/
#main_col .headline1,
.headline2,
.headline3 {
    background: #fff;
    font-size: 18px;
    /*letter-spacing:0.1rem;*/
    color: #2b2b2b;
    font-family: "Sawarabi Gothic";
}


.headline3 {
    margin-top: 50px;
}

#main_col .headline1,
.headline2 {
    border-left: 7px solid #3EBDB7;
    border-bottom: 2px solid #5483DA;
}


.headline3 {
    border-left: 7px solid #5483DA;
    border-bottom: 2px solid #3EBDB7;
    border-top: none;
}


@media screen and (max-width: 640px) {


    .headline1 {
        /*トップ・他　調整*/
        height: 22px;
        line-height: 20px;
        padding-top: 15px;
    }


    #main_col .headline1,
    .headline2,
    .headline3 {
        padding-bottom: 5px;
        border-left: none;
        /*左線の削除*/
    }

}


/*----------------------------------
下層ページ調整
----------------------------------*/
#content {
    border: none;
    padding-bottom: 0;
}

/*下層ページブロック　枠ナシ*/


/*.post img{下層　大画像
    padding:0 0 0 0;}
*/

/*** お知らせリスト***/
#contents .text_recent_post .post_list li a {
    text-decoration: none;
}


#contents .text_recent_post {
    /***ニュース　お知らせ枠調整**/
    padding: 10px 10px 0 10px;
}


@media screen and (max-width: 640px) {
    #main_col {
        padding: 20px 0 0 0;
    }

    #content {
        padding-bottom: 0;
    }

    /*下層ページブロック　bottom調整*/

}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
    margin: 60px 0 0 0;
    background: #D2EBFD;
}

#footer {
    color: #333;
}

#footer .footer_logo img {
    /** フッダーロゴ調整 1 **/
    width: 330px;
}

#footer .header_banner {
    /** フッダーロゴ調整 2 **/
    margin-top: 10px;
}

.footer_headline {
    background: #0985E5;
    color: #333;
}

#footer li a,
#footer li a:visited {
    color: #333;
    border-bottom: 1px dotted #666;
}

#footer li a:hover {
    /*color: #999;*/
    color: #003f8e;
    border-bottom: 1px dotted #333;
}

#copyright {
    background: #9FD3FB;
    color: #444;
}

#copyright a {
    color: #444;
}



@media screen and (max-width: 640px) {
    #footer_wrap {
        margin: 40px 0 0 0;
        padding: 40px 0 25px 0;
    }

    #footer .footer_menu_wrap {
        margin-bottom: 20px;
        text-align: center;
    }

    #footer .header_banner {
        /** フッダーロゴ調整 2 **/
        margin-top: 0;
    }

    #footer li {
        line-height: 1.6;
        margin: 0 0 10px 0;
    }

    #footer li a {
        border-bottom: 1px dotted #666;
    }


}

/* フォームボタン */
.mw_wp_form > form .buttons input {
    background: linear-gradient(to bottom, #00608d 0%, #001e43 100%);
}


/*----------------------------------
ボタン
----------------------------------*/
.button {
    width: 50%;
    font-size: 16px;
    letter-spacing: .15rem;
    display: block;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    line-height: 41px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
}


.button.button-primary {
    color: #fff;
    background: #06c;
}

.button.button-primary:hover {
    color: #fff;
    background: #0080FF;
}


.button.button-resized {
    color: #fff;
    background: #48b0b9;
}

.button.button-resized:hover {
    color: #fff;
    background: #5acec7;
}


@media only screen and (max-width:640px) {
    .button {
        width: 90%;
    }

}
.button_to_form {
    width: 80%;
    margin: 30px auto 50px !important;
    max-width: 360px;
}
.button_to_form a {
    color: #fff;
    background: #06c;
    font-size: 16px;
    letter-spacing: .15rem;
    display: block;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
    line-height: 19px;
}
.button_to_form a:hover {
    background: #0080FF;
}
@media screen and (max-width: 639px) {
    .button_to_form {
        width: 100%;
    }
}
@media screen and (max-width: 319px) {
    .button_to_form a {
        font-size: 13px;
    }

}
/*----------------------------------
固定ページ hヘッダ・コンテンツ間調整
----------------------------------*/
.under_contents,
.under_contents_end {
    clear: both;
    overflow: hidden;
    line-height: 1.7;
}

.under_contents {
    margin: 0 0 40px 0;
}

.under_contents_end {
    margin: 0;
}

.under_contents img,
.under_contents_end img {
    vertical-align: bottom;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*h3打ち消し*/

.under_contents h3,
.under_contents_end h3 {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-family: "Sawarabi Gothic";
    /*-webkit-margin-after:0.8em;*/
}

/*h3装飾*/
.under_contents h3:after,
.under_contents_end h3:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-size: 4px 3px, 100% 3px;
    background-image:
        linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(90deg, #75E0FB, #006FDD, #81C57A, #006FDD, #75E0FB);
}

.under_contents h3:before,
.under_contents_end h3:before {
    content: "\f0d1";
    font-size: 18px;
    font-family: FontAwesome;
    color: #108DDC;
    padding: 0 8px 0 3px;
}




/*h4装飾*/
.under_contents h4,
.under_contents_end h4 {
    content: "";
    display: block;
    width: 100%;
    margin: 20px 0 5px 0;
}

.under_contents h4.space,
.under_contents_end h4.space {
    margin: 15px 0 5px 0;
}

.under_contents h4 span,
.under_contents_end h4 span {
    padding: 0 0 2px 0;
    border-bottom: 2px solid #57B8A8;
    line-height: 2.0;
}


.under_contents h4 span:before,
.under_contents_end h4 span:before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 16px;
    color: #57B8A8;
    padding: 0 8px 0 3px;
}

/*----------------------------------
テーブル設定
----------------------------------*/

/*** table 元スタイル打消し****/
.post table {
    border: none;
    margin: 0;
}

.post td,
.post th {
    border: none;
    padding: 0;
}

.post th {
    background: #eee;
    font-weight: normal;
}


@media only screen and (max-width:480px) {
    tbody tr {
        display: table-row;
        /******/
        margin-bottom: 0;
    }

    tbody th,
    tbody td {
        display: table-cell;
        list-style-type: none;
        border: none;
    }

}


/*******  テーブル再設定　*******/
.under_contents table,
.under_contents_end table {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.under_contents table td,
.under_contents table th,
.under_contents_end table td,
.under_contents_end table th {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;
    /*white-space: nowrap;*/
}

.under_contents table th,
.under_contents_end table th {
    width: 30%;
}

.under_contents table td span,
.under_contents_end table td span {
    padding: 0 20px 0 0;
}


@media only screen and (max-width:480px) {

    .under_contents table,
    .under_contents_end table {
        font-size: 12px;
        line-height: 1.7;
    }

    .under_contents table td span,
    .under_contents_span table td span {
        display: block;
    }

}


/*----------------------------------
レイアウト　冒頭文章 強調文章
----------------------------------*/
.read_txt {
    line-height: 1.5;
    margin: 0 0 30px 0;
}

.spacetxt {
    /*文章内強調 上下マージン*/
    margin: 20px 0;
}

.bold_txt {
    font-weight: bold;
}

.bl {
    color: #3366CC;
}

.or {
    color: #EF821F;
}

.pk {
    color: #EF4E82;
}

.pspace {
    /*汎用p space*/
    margin: 15px 0 0 0;
}

.pwaku {
    /*枠囲み*/
    padding: 15px;
    background: #FAF9DC;
    border: 2px dotted #C0A267;
}

.check:before {
    /*枠囲み内チェック*/
    content: "\f046";
    font-family: FontAwesome;
    font-size: 16px;
    color: #EF821F;
    padding: 0 5px 0 3px;
}

.bwaku {
    /*枠囲み*/
    padding: 15px;
    background: #FAF9DC;
    border: 2px dotted #364e96;
}
.bwaku .kakko_tit{
    font-weight: bold;
    padding-bottom: 2px;
    font-size: 110%;
}
.bwaku .kakko_teian{
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 8px;
    color:#364e96;
}
.bwaku .kakko_hope{
    color:#e81d79;
    font-weight: bold;
    font-size: 110%;
    margin: 0 8px;
}
.bwaku .kakko_txt{
    margin: 0 8px;
}
.bwaku .ud-dot{
    border-bottom: 2px dotted #364e96;
    margin-bottom: 20px;
}
/*----------------------------------
NAP
----------------------------------*/
iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 464px;
    frameborder: 0;
    border: 0;
}

@media only screen and (max-width:640px) {
    iframe {
        height: 300px;
    }
}


/*----------------------------------
レイアウト　画像2列
----------------------------------*/
.column_wrap {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin: 0 0 0 0;
}

.column_wrap .left,
.column_wrap .right {
    width: 49%;
}

.column_wrap .left {
    float: left;
}

.column_wrap .right {
    float: right;
}


@media only screen and (max-width:640px) {

    .column_wrap .left,
    .column_wrap .right {
        width: 100%;
        float: none;
    }

    .column_wrap .left {
        margin: 0 0 10px 0;
    }

}



/*----------------------------------
レイアウト　画像＋テキスト
----------------------------------*/
.column_wrap_02 {
    padding: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.column_wrap_02 .leftimg {
    float: left;
    width: 49%;
    padding: 0 0 0 0;
    vertical-align: bottom;
}

.column_wrap_02 .righttxt {
    float: right;
    width: 48%;
}


@media only screen and (max-width:640px) {

    .column_wrap_02 .leftimg,
    .column_wrap_02 .righttxt {
        float: none;
        width: 100%;
    }

    .column_wrap_02 .righttxt {
        padding: 15px 0 0 0;
    }

}


/*----------------------------------
レイアウト　テキス＋ト画像
----------------------------------*/
.column_wrap_03 {
    padding: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.column_wrap_03 .lefttxt {
    float: left;
    width: 49%;
    padding: 0 0 0 0;
    vertical-align: bottom;
}

.column_wrap_03 .rightimg {
    float: right;
    width: 48%;
}


@media only screen and (max-width:640px) {

    .column_wrap_03 .lefttxt,
    .column_wrap_03 .rightimg {
        float: none;
        width: 100%;
    }

    .column_wrap_02 .lefttxt {
        padding: 15px 0 0 0;
    }

}


/*----------------------------------
レイアウト　画像＋テキスト回り込み
----------------------------------*/
.around img {
    float: left;
    margin: 0 20px 15px 0;
    width: 50%;
    vertical-align: bottom;
}


@media only screen and (max-width:640px) {
    .around img {
        margin: 0 0 10px 0;
        float: none;
        width: 100%;
    }
}


@media screen and (min-width: 641px) {
    #content .post img {
        padding: 0;
    }
}


/*----------------------------------
採用ＱＡ
----------------------------------*/
.senpai {
    overflow: hidden;
}

.senpai .leftimg {
    float: left;
    width: 49%;
    padding: 0 0 0 0;
    vertical-align: bottom;
}

.senpai .righttxt {
    float: right;
    width: 48%;
}

@media only screen and (max-width:640px) {

    .senpai .leftimg,
    .senpai .righttxt {
        float: none;
        width: 100%;
    }

    .senpai .righttxt {
        padding: 15px 0 0 0;
    }

}

.name {
    font-size: 16px;
    font-weight: bold;
    border-top: 2px solid #3A8B63;
    border-bottom: 2px solid #3A8B63;
    padding: 8px 0 7px 0;
    margin: 0 0 15px 0;
}


@media only screen and (max-width:640px) {
    .name {
        text-align: center;
    }

}

.both_clear {
    /*テキスト回り込み解除 QA枠*/
    clear: both;
    margin: 20px 0 0 0;
    padding: 0 0 40px 0;
}

.both_clear_last {
    /*テキスト回り込み解除 QA枠ラスト*/
    clear: both;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

.question {
    position: relative;
    content: "";
    display: block;
    width: 100%;
    margin: 20px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.question span {
    font-size: 14px;
    color: #3A8B63;
}

.question:before {
    content: "\f2c4";
    font-size: 14px;
    font-family: FontAwesome;
    color: #3A8B63;
    padding: 0 8px 0 3px;
}


.question:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    height: 3px;
    width: 100%;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 3px, #7DBD9A 3px, #7DBD9A 6px);
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, #7DBD9A 3px, #7DBD9A 6px);
}


/*----------------------------------
サイトマップ
----------------------------------*/
ul {
    margin: 0 0 0 0;
}

ul.sitemap li {
    margin: 0 0 10px 0;
}


ul.sitemap ol li {
    margin: 0 0 0 0;
    list-style-type: none;
}


/*----------------------------------
トップページメインにバナー表示（スマホのみ）2019/11/22追記
----------------------------------*/
@media screen and (min-width: 641px) {
    .mm_resize_bnn {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .mm_resize_bnn {
        margin: 0 15px
    }

    .mm_resize_bnn img {
        width: 100%;
    }
}


/*----------------------------------
業務内容 2020/06/08 追記
----------------------------------*/
/*PC SP 画像切り替え*/
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

@media only screen and (max-width: 640px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .t_head {
        font-size: 1.2em;
    }
}

/*頭タイトル サブタイトルなど*/
@media screen and (min-width: 641px) {
    .t_head {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 640px) {
    .t_head {
        font-size: 1.3em;
    }
}

.t_head {
    background-color: #FFFFFF;
    background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%);
    background-size: 5px 5px;
    background-position: 0 0, 5px 5px;
    font-weight: bold;
    padding: 0.5em 1em;
    margin-bottom: 1.5em;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(90deg, #75E0FB, #006FDD, #81C57A, #006FDD, #75E0FB);
    border-image-slice: 1;
}

.t_head p {
    margin: 0;
    padding: 0;
}

.t_c {
    text-align: center;
}


.b_list {
    font-size: 1.1em;
    font-weight: bold;
}

/*タイトル付ボックス*/
.box_b {
    margin: 2em 0 3em 0;
    background: #dcefff;
}

.box_b .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box_b p {
    padding: 15px 20px;
    margin: 0;
}


/*----------------------------------
サービス内容 2020/08/03 追記
----------------------------------*/

#service h4 {
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #ccc;
    margin-top: 2em;
    margin-bottom: 0.5em;
    font-size: 1.1em;
    margin: 2.0em 0 0.5em 0;
}

.lnone {
    list-style-type: none;
}

#service h5 {
    color: #364e96;
    font-size: 1.3em;
    font-weight: normal;
    position: relative;
    display: inline-block;
    padding: 0 55px;
    margin: 0.5em 0;
}

#service h5:before,
#service h5:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #364e96;
}

#service h5:before {
    left: 0;
}

#service h5:after {
    right: 0;
}

@media screen and (min-width: 641px) {
    #service .ltext {
        font-size: 1.3em;
    }
}

@media only screen and (max-width:640px) {
    #service .ltext {
        font-size: 1.2em;
    }

    #service h5 {
        font-size: 1.15em;
    }
}

#service h6 {
    position: relative;
    padding-left: 1.5em;
    font-size: 1.1em;
    color: #364e96;
    margin: 2.0em 0 0.5em 0;
}

#service h6::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 10px;
    border: solid 4px #364e96;
    border-radius: 100%;
}

.center {
    text-align: center;
}

.dblue {
    color: #364e96;
}

.srv_sub {
    padding: 0.4em 1em;
    margin: 0.5em 0;
    border: solid 1px #364e96;
    color: #364e96;
    font-weight: bold;
}

.srv_resized {
    padding: 0.8em 1.5em;
    margin: 0.5em 0;
    border: solid 1px #48b0b9;
    font-size: 1.2em;
    /*color: #364e96;
  font-weight: bold;*/
}

@media only screen and (max-width:640px) {
    .srv_resized {
        padding: 0.8em 0em;
        border-left: none;
        border-right: none;
        border-bottom: solid 1px #48b0b9;
        border-top: solid 1px #48b0b9;
        font-size: 1.1em;
    }
}

.srv_tel {
    padding: 0.8em 1.5em;
    margin: 0.5em 0;
    border: solid 1px #5483DA;
    font-size: 1.2em;
    /*color: #364e96;
  font-weight: bold;*/
}

@media only screen and (max-width:640px) {
    .srv_tel {
        padding: 0.8em 0em;
        border-left: none;
        border-right: none;
        border-bottom: solid 1px #5483DA;
        border-top: solid 1px #5483DA;
        font-size: 1.1em;
    }
}

#service .a_title {
    position: relative;
    padding: 5px 26px 5px 42px;
    background: #fff0d9;
    font-size: 20px;
    color: #2d2d2d;
    margin-left: -33px;
    line-height: 1.3;
    border-bottom: solid 3px orange;
    z-index: -2;
}

#service .a_title :before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -1;
}

#service .a_title :after {
    position: absolute;
    content: '';
    right: -3px;
    top: -7px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 79px white;
    z-index: -1;
}

#link1 {
    padding-top: 20px;
    margin-top: -20px;
}

#link2 {
    padding-top: 20px;
    margin-top: -20px;
}

#link3 {
    padding-top: 20px;
    margin-top: -20px;
}

#link4 {
    padding-top: 20px;
    margin-top: -20px;
}

#link5 {
    padding-top: 20px;
    margin-top: -20px;
}

#service .subT01 {
    position: relative;
    padding-left: 1.8em;
    line-height: 1.4;
    color: black;
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 15px;
}

#service .subT01::before {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    position: absolute;
    font-size: 1.4em;
    left: 0.1em;
    top: -0.2em;
    color: #5483DA;
}

#service .subT02 {
    position: relative;
    padding-left: 1.8em;
    line-height: 1.4;
    color: black;
    font-size: 1.5em;
    margin-top: 40px;
    margin-bottom: 15px;
}

#service .subT02::before {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    position: absolute;
    font-size: 1.4em;
    left: 0.1em;
    top: -0.2em;
    color: #48b0b9;
}

#service .kaki {
    line-height: 1.8;
    font-size: 1.1em;
    left: 0.5em;
    margin: 3px 0;
}

#service th {
    font-size: 1.1em;
    background: #e0faf9;
}

#service td {
    font-size: 1.1em;
    text-align: center;
}

#service .under {
    text-decoration: none;
    color: #364e96;
    border-bottom: dotted 2px #87CEFA;
}

/*----------------------------------
サービス内容 2022/02/14 追記
----------------------------------*/
/*-- ボタン --*/

.service_box .btn-inbox {
    position: relative;
    display: inline-block;
    padding: 7px 10px 10px 10px;
    text-decoration: none;
    color: #FFF;
    background: #364e96;
    margin: 10px 10px 10px 0;
    width: 41%;
    font-size: 14px;
    text-align: center;
}
  
.service_box .btn-inbox:hover {
    background: #5fb3f5;
}

.service_box .box-sp {
    padding: 20px 20px 10px;
}
.service_box .bk-ttx {
      display:block;
      margin: 10px 0 5px;
      font-size: 120%;
}
.service_box .bk-btn {
      display:block;
      margin-top: 20px;
}

.service_box2 .subt {
    font-size: 15px;
    font-weight: bold;
}
.service_box2 .subt:before {
    content: '■';
    margin-right: 3px;
    font-size: 24px;
}

.service_box2 .sub_com {
    font-size: 12px;
    margin-left: 12px !important;
}
.service_box2 .sub_com:before {
    content: '►';
    margin-right: 2px;
    color: #364e96;
}

  .service_box2 .box-sp {
    padding: 5px 20px 10px;
    margin-bottom: 10px;
}
@media only screen and (max-width:640px) {
    .service_box .btn-inbox {
        width: 100%;
    }
    .service_box img {
        margin: 20px 0 0 !important;
        padding-bottom: 0 !important;
    }
}
.bn_service05 {
    margin-top: 50px;
}
.bn_service05 img {
    padding: 0 !important;
}
.bn_service05-1{
    border-radius: 5px 5px 0 0;
}
.bn_service05-2{
    border-radius: 0 0 5px 5px;
}


/*----------------------------------
Contact
----------------------------------*/
.wpcf7 .label {
    font-weight: bold;
}

/*----------------------------------
Contact 見積り
----------------------------------*/
.wpcf7 #contact .from {
    margin-bottom: 8px;
}

.wpcf7 #contact .from span.wpcf7-list-item {
    display: block;
    line-height: 2;
}

.wpcf7 #contact.quotation textarea {
    height: 100px;
}


/*----------------------------------
q-and-a よくあるご質問
----------------------------------*/
.cp_qa *,
.cp_qa *:after,
.cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_qa dt {
    padding-left: 1em;
    text-indent: -1em;
    position: relative;
    margin: 0 0 1.5em 0;
    font-size: 1.1em;

    counter-increment: num 1;
}

.cp_qa dt::before {
    /*--content  counter(num)に指定--*/
    content: counter(num);

    /*--以下 装飾--*/
    color: #febe3e;
    /*margin: 0 20px 0 0;*/
    font-weight: bold;

    font-size: 1.2em;
    background: #f57c00;
    padding: 0.14em 0.32em 0.1em 1.0em;
    text-indent: -0.597em;
}

.cp_qa_dt10 dt::before {
    text-indent: -0.95em !important;
}

.cp_qa dd {
    padding-left: 1em;
    text-indent: -1em;
    position: relative;
    margin: 0 0 2em 0;
    padding: 0 0 1.5em 2.5em;
    border-bottom: 1px dotted #0097a7;
}

.cp_qa dt::before,
.cp_qa dd::before {
    font-size: 1.2em;
    margin: 0 0.5em 0 0;
    color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.15em;
}

.cp_qa dd::before {
    padding: 0.05em 0.3em 0.1em 1.0em;
    text-indent: -0.66em;
    content: 'A';
    background: #0097a7;
}

/*.cp_qa dt::after,*/
.cp_qa dd::after {
    position: absolute;
    top: 0.5em;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border-width: 5px 0 5px 5px;
    /*border-style: solid;*/
}

.cp_qa_sub {
    padding: 0.5em 1.4em;
    margin: 0.5em 0;
    text-indent: 0em;
    /*border: solid 1px #5483DA;*/
    /*color: #364e96;
  font-weight: bold;*/
}

.cp_qa_a {
    font-size: 1.05em;
}

/*----------------------------------
service02 上部画像のボタン化
2021/03/17 追記
----------------------------------*/
.serv_button02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.3em 144px 1em;
}

.serv_button_02 {
    width: 210px;
}

.serv_button03 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0em 26px 1.3em;
}

.serv_button_03 {
    width: 215px;
}

.serv_button_bg {
    border-radius: 5px;
    background-color: #dddbe8;
    background-image: url(/wp-content/uploads/2021/03/service_arrang_bg.png);
}


@media only screen and (max-width:640px) {

    .serv_button_03,
    .serv_button_02 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: initial;
    }

    .serv_button02 {
        padding: 1.1em 1.5em 0;
    }

    .serv_button03 {
        padding: 0 1.5em 0.4em;
    }
}


/*----------------------------------
サイドナビ：コラム一覧
----------------------------------*/
.side_t_column {
    text-align: right;
    margin-top: -13px;
    margin-right: 2px;
}

#side_col .cat-post-item {
    line-height: 1.4em;
}

@media screen and (max-width: 640px) {
    #side_col .cat-post-item {
        text-align: left;
        margin-top: 0;
        padding-top: 0;
        margin-left: 3px;
        line-height: 1.3em;
    }
}

/*----------------------------------
コラムページ
2021/07/19 追記
----------------------------------*/

/*下部「お問い合せ」部分*/
.column_t01 {
    margin-top: 15px;
    position: relative;
    color: #364e96;
    font-size: 1.2em;
    font-weight: bold;
}

/*水平線*/
.col_hr {
    text-align: center;
    margin: 10px 25% 40px;
    position: relative;
    height: 1px;
    border-width: 0;
    background-image: -webkit-linear-gradient(left,
            transparent 0%, #108DDC 50%, transparent 100%);
    background-image: linear-gradient(90deg,
            transparent 0%, #108DDC 50%, transparent 100%);
}
#column{
	margin-bottom: 60px;
}

#column h3 {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-family: "Sawarabi Gothic";
    /*-webkit-margin-after:0.8em;*/
}

#column h3:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-size: 4px 3px, 100% 3px;
    background-image:
        linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(90deg, #75E0FB, #006FDD, #81C57A, #006FDD, #75E0FB);
}

#column h3:before {
    content: "\f0d1";
    font-size: 18px;
    font-family: FontAwesome;
    color: #108DDC;
    padding: 0 8px 0 3px;
}

#column h4 {
    padding: 0.4em 1em;
    margin: 0.5em 0;
    border: solid 1px #364e96;
    color: #364e96;
    font-weight: bold;
}

#column p {
    margin-bottom: 15px;
}

#column img {
    border-radius: 5px;
}

/*----------------------------------
会社概要 テーブル
2021/09/27 追記
----------------------------------*/
figure.prof-tbl {
    margin: 14px 0;
}

.prof-tbl table {
    border-spacing: 0 15px;
    border: 0;
    width: 100%;
}

.prof-tbl table tr,
.prof-tbl table th {
    border: 0;
}

.prof-tbl table th {
    font-weight: 600;
    position: relative;
    color: #333;
    font-size: 15px;
}


@media only screen and (min-width:641px) {
    figure.prof-tbl {
        overflow: hidden;
    }

    .prof-tbl table tr th {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfe1d2+0,daf2eb+50,6ac6c9+100 */
        background: rgb(191, 225, 210);
        /* Old browsers */
        background: -moz-linear-gradient(right, rgba(191, 225, 210, 1) 0%, rgba(218, 242, 235, 1) 50%, rgba(106, 198, 201, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(right, rgba(191, 225, 210, 1) 0%, rgba(218, 242, 235, 1) 50%, rgba(106, 198, 201, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to left, rgba(191, 225, 210, 1) 0%, rgba(218, 242, 235, 1) 50%, rgba(106, 198, 201, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe1d2', endColorstr='#6ac6c9', GradientType=1);
        /* IE6-9 */
        background-size: 200% auto;
        background-position: right;
    }

    .prof-tbl table tr th::after {
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        top: calc(50% - 7px);
        right: -7px;
        border-left: 7px solid rgba(179, 220, 201, 0.9);
        border-top: 7px solid rgba(255, 255, 255, 0.000);
        border-bottom: 7px solid rgba(255, 255, 255, 0.000);
    }

    .prof-tbl table tr td {
        padding: 0;
        background-color: rgba(106, 198, 201, 0.1);
        border: none;
    }

    .prof-tbl table tr td span {
        border: 0;
        box-sizing: border-box;
        position: relative;
        vertical-align: middle;
        transition: color 0.25s;
        margin-left: -1px;
        padding: 20px;
        display: block;
        transition: color 0.25s;
    }

    .prof-tbl table tr td span::before,
    .prof-tbl table tr td span::after {
        box-sizing: inherit;
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border: 2px solid rgba(255, 255, 255, 0.000);
    }

    .prof-tbl table tr td span::before {
        top: 0;
        left: 0;
    }

    .prof-tbl table tr td span::after {
        bottom: 0;
        right: 0;
        top: 0;
        left: 0;
    }

    .prof-tbl table tr:hover th {
        -webkit-transition: all .3s;
        transition: all .3s;
        background-position: left center;
    }

    .prof-tbl table tr:hover th::after {
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        top: calc(50% - 7px);
        right: -7px;
        border-left: 7px solid rgba(210, 239, 230, 1);
        border-top: 7px solid rgba(255, 255, 255, 0.000);
        border-bottom: 7px solid rgba(255, 255, 255, 0.000);
    }

    .prof-tbl table tr:hover td span {
        background-color: rgba(188, 240, 251, 0.1);
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .prof-tbl table tr:hover td span::before,
    .prof-tbl table tr:hover td span::after {
        width: 100%;
        height: 100%;
    }

    .prof-tbl table tr:hover td span::before {
        border-top-color: rgba(210, 239, 230, 1);
        border-right-color: rgba(210, 239, 230, 1);
        transition: width 0.5s ease-out,
            width 0.5s ease-out,
            height 0.5s ease-out 0.5s;
    }

    .prof-tbl table tr:hover td span::after {
        border-bottom-color: rgba(210, 239, 230, 1);
        border-left-color: rgba(255, 255, 255, 0.000);
        transition:
            border-color 0s ease-out 0.75s,
            height ease-in,
            width 0.5s ease-in 0.5s;
    }
}

/* SP */
@media only screen and (max-width: 640px) {

    .prof-tbl table,
    .prof-tbl table tr,
    .prof-tbl table tr th,
    .prof-tbl table tr td {
        border: none;
        border-collapse: collapse;
    }

    .prof-tbl table tr th{
        width: 100%;
        display: block;
    }
    .prof-tbl table tr td {
        display: block;
    }

    .prof-tbl table tr {
        padding: 0;
        width: 100%;
        display: block;
    }

    .prof-tbl table tr td {
        margin-bottom: 15px;
        font-size: 0.938rem;
        padding: 15px;
        background-color: rgba(106, 198, 201, 0.15);
    }

    .prof-tbl table tr th {
        padding: 10px 0;
        font-size: 0.938rem;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ac6c9+0,daf2eb+100 */
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ac6c9+1,a1ead4+100 */
        background: rgb(106, 198, 201);
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(106, 198, 201, 1) 1%, rgba(161, 234, 212, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(106, 198, 201, 1) 1%, rgba(161, 234, 212, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(106, 198, 201, 1) 1%, rgba(161, 234, 212, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ac6c9', endColorstr='#a1ead4', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */

    }
}

/*お知らせ*/
#info-style figure {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
#info-style .wp-block-column figure {
    margin-top: 0;
    margin-bottom: 0;
}
#info-style h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}
#info-style p {
    margin-bottom: 30px;
}
#info-style .info-link-box {
    border: #333 dashed 1px;
    padding: 15px;
    margin-bottom: 30px;
}
#info-style .info-link-box h4 {
    margin: 0 auto 10px;
}
#info-style .wp-block-column p {
    margin-bottom: 0;
}
#info-style .info-link-box p {
    margin-bottom: 10px;
}
#info-style .info-link-box .go-link-box {
    border: #555 solid 1px;
    background-color: #eee;
    padding: 15px;
    margin-bottom: 0;
    max-width: 500px;
}
#info-style .info-link-box .go-link-box:hover{
    border: #888 solid 1px;
    background-color: #e9f6ff;
}
#info-style .info-link-box .go-link-box figure {
    margin-top: 0;
    margin-bottom: 0;
}

#info-style .info-link-box .go-link-box p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 13px;
}
#info-style .info-link-box .go-link-box p a {
    text-decoration: none;
}
@media (min-width: 600px) { 
    #info-style .info-link-box .go-link-box div {
        position:relative;
    }
    #info-style .info-link-box .go-link-box p {
        position: absolute;
        top: 50%;
        -webkit-transform : translateY(-50%);
        transform : translateY(-50%);
    }
}
@media only screen and (max-width: 599px) {
    #info-style .info-link-box .go-link-box {
        max-width: 300px;
        padding: 10px;
        margin: 0 auto;
    }
    #info-style .info-link-box .go-link-box p br {
        display: none;
    }
    #info-style figure {
        margin-bottom: 20px;
    }
}
/*----------------------------------
業務内容 2023/10/04 追記
/ 採用情報のお知らせ追加 /
----------------------------------*/
#recruit_office_staff .t_head {
    text-align: center;
}
#recruit_office_staff .h_text {
    font-size: 1.1em;
    line-height: 1.8;
}
#recruit_office_staff h3 {
    margin-top: 40px;
}
#recruit_office_staff h4 {
    padding: 0.25em 0 0.25em 0.75em;
    border-left: 6px solid #ccc;
    font-size: 1.1em;
    margin: 20px 0 10px;

}
#recruit_office_staff h6 {
    position: relative;
    padding-left: 1.5em;
    font-size: 1.1em;
    color: #364e96;
    margin: 20px 5px 2px;
    width: auto;
}
#recruit_office_staff h6::after {    
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 10px;
    border: solid 4px #364e96;
    border-radius: 100%;
}
#recruit_office_staff figure.wp-block-image {
    margin: 20px 0;
}
#recruit_office_staff .five-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1px;
    margin: 10px 0 40px;
    background-color: #ffffea;
    padding: 4px;
}
#recruit_office_staff .five-column li {
    line-height: 1.6;
    background: none;
    padding: 0;
}
#recruit_office_staff .five-column li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 900;
    margin-left: 5px;
    margin-right: 5px;
    color: #3EBDB7;
}
#recruit_office_staff figcaption {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 0;
}
#recruit_office_staff figcaption::before {
    content: "▲";
    font-weight: 900;
    margin-right: 5px;
}
#recruit_office_staff .wp-block-columns {
    margin-bottom: 0;
}
#recruit_office_staff .wp-block-columns figure {
    margin-bottom: 0;
}
#recruit_office_staff .wp-block-table {
    margin: 0 0 40px;
    width: 100%;
}
#recruit_office_staff .wp-block-table td {
    padding: 6px;
    line-height: 1.6;
}
#recruit_office_staff .wp-block-table td:nth-child(odd) {
    text-align: center;
    font-weight: 900;
    color: #364e96;
    background-color: #d8eaff;
}
#recruit_office_staff .wp-block-table td span {
    display: block;
    color: #364e96;
}
#recruit_office_staff .wp-block-table td span::before {
    content: "\f0c8";
    font-family: FontAwesome;
    margin-left: 1px;
    margin-right: 2px;
    color: #364e96;
}
#recruit_office_staff .wp-block-table td span:not(:first-child) {
    margin-top: 10px;
}
#recruit_office_staff .wp-block-table td a {
    text-decoration: none;
    color: #364e96;
}
#recruit_office_staff .wp-block-table td a:hover{
    text-decoration: underline;
}
#recruit_office_staff .to_form {
    text-align: center;
    margin-bottom: 20px;
}
#recruit_office_staff .to_form p {
    line-height: 1.5;
}
#recruit_office_staff .to_form .txt_b {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#recruit_office_staff .button_to_form {
    margin: 0 auto 40px !important;
}
#recruit_office_staff .access_txt {
    margin-left: 20px;
}
#recruit_office_staff iframe {
    margin-top: 20px;
}
@media screen and (min-width: 640px) {
    #recruit_office_staff .to_form br {
        display: none;
    }
}
@media screen and (max-width: 639px) {
    #recruit_office_staff .five-column {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0;
    }
    #recruit_office_staff .five-column li {
        line-height: 1.5;
    }
    #recruit_office_staff table {
        font-size: 13px;
    }
    #recruit_office_staff .button_to_form {
        width: 100%;
    }
}

@media screen and (max-width: 499px) {
    #recruit_office_staff .wp-block-table tr {
        width: 100%;
        display: block;
    }
    #recruit_office_staff .wp-block-table td {
        display: block;
        padding-left: 10px;
    }

}
@media screen and (min-width: 500px) {
    #recruit_office_staff .wp-block-table td:nth-child(odd) {
        width: 120px;
    }

}
@media screen and (max-width: 449px) {
    #recruit_office_staff .five-column {
        grid-template-columns: 1fr 1fr;
    }
}
.ban_recruit_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: solid 4px #6cc6e9;
    width: 550px;
    margin: auto;
}
.ban_recruit_box a {
    text-decoration: none;
}
.ban_recruit_box img {
    width: 100%;
}
.ban_recruit_box .wp-block-column {
    margin: 0;
}
.ban_recruit_box figure {
    margin: 0;
}
.ban_recruit_box .kochira {
    margin: 12px 0 0 40px;
    font-size: 22px;
    line-height: 1.5;
}
.ban_recruit_box .kochira::after {
    content: "\f138";
    font-family: FontAwesome;
    position: absolute;
    margin-left: 46px;
    margin-top: -22px;
    color: #6cc6e9;
    font-size: 30px;
}
@media screen and (max-width: 639px) {
    .ban_recruit_box {
        grid-template-columns: 1fr;
        max-width: 240px;
        width: 90%;
        margin: 0 auto 40px;
    }
    .ban_recruit_box .kochira {
        margin: 8px auto;
        line-height: 1.5;
        width: 100%;
        max-width: 170px;
        font-size: 20px;
    }
    .ban_recruit_box img {
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 279px) {
    .ban_recruit_box .kochira {
        font-size: 18px;
    }
    .ban_recruit_box .kochira::after {
        position: absolute;
        margin-left: 41px;
        margin-top: -15px;
        color: #6cc6e9;
        font-size: 24px;
    }

}
/*----------------------------------
2023/10/06追記 お知らせレイアウト用
----------------------------------*/
.info_style p {
    margin-bottom: 15px;
}
.info_style figure {
    margin: 0;
}