@charset "utf-8";
/**************************************************************
color
**************************************************************/

/* body背景 */
body {
    background: #fff;
}

p {
    line-height: 1.5;
}

body a:hover img {
    opacity: initial;
}

/* アンカー */
a,
a:visited {
    color: #037e45;
}

a:hover {
    color: #004626;
}

/*----------------------------------
共通
----------------------------------*/
/* リスト設定 */
#post_list .link {
    font-size: 12px;
    display: block;
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_01.png) no-repeat 15px;
}

.page_navi a,
.page_navi a:hover,
.page_navi span {
    text-decoration: none;
    color: initial;
    font-size: 11px;
    padding: 13px 15px;
    line-height: 100%;
    margin: 0 4px 4px 0;
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_02.png) no-repeat 0 9px;
    border-radius: 3px;
}

.page_navi p.back a,
.page_navi p.back a:hover {
    padding: 10px 22px;
}

#contents .past_list_link a:before {
    content: url(img/ico_arrow_03_14.png);
    position: relative;
    top: 1px;
    margin-right: 5px;
}

#contents .past_list_link a {
    text-decoration: none;
    font-size: 15px;
    /*background: url(img/ico_arrow_03_14.png) no-repeat 0 1px;*/
    background-color: #e3f7c4;
    padding: 5px 8px;
    border-radius: 5px;
}

#content .post img {
    padding: 0;
}

#featured_post .post1 .link {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_01.png) no-repeat 0px;
    padding: 0 0 0 15px;
}

#featured_post2 .post1 .link {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_01.png) no-repeat 0px;
    padding: 0 0 0 15px;
}

/* 見出し */
#post_list .title,
#related_post .title,
#featured_post .post1 .title,
#featured_post ul.post2 li .title,
#featured_post2 .post1 .title,
#featured_post2 li .title {
    font-size: 16px;
}

.info h4.title a,
.info p.title a {
    text-decoration: none;
}

h2.title-2 {
    background-color: #f1f1f1;
    padding: 10px 10px 10px 20px;
    color: #007f42;
    border-radius: 4px;
    font-size: 18px;
}

h3.title-3 {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #037e45;
    border-bottom: 2px solid #037e45;
    padding-bottom: 8px;
    line-height: 1.35;
    margin: 57px 0 30px 0;
}

h3.title-3:before {
    content: url(img/ico-headline.png);
}

h4.title-4 {
    font-size: 18px;
    border: 2px solid #a40000;
    color: #a40000;
    padding: 10px;
}

/* サイト説明文 */
#desc_wrap {
    background: linear-gradient(to bottom, #00608d 0%, #001e43 100%);
}

#site_description {
    color: #333;
}

#header_logo_cover {}

/* 画像背景色 */
a.image {}

/* 画像枠２背景色 */
#featured_post2 .post1 .image_area {}

/* メインイメージ */
#recommend_gallery.full_width {
    margin-top: 1px;
    margin-bottom: 40px;
}

/* ヘッダー　*/
#header_logo_wrap {
    height: 120px;
}

/* ヘッダー 右（バナーテキストエリア）*/
.header_banner .banner_row .barb_text_banner {
    font-size: 14px;
    border-radius: 3px;
}

.header_banner .banner_row>div:first-child {
    font-size: 15px;
    font-weight: bold;
}

/* ヘッダー 説明文 */
#site_description {
    top: 10px;
}

/* グローバルメニュー */
#menu_wrap {
    background: #007f42;
    letter-spacing: 0.15rem;
    border: none;
}

#global_menu a {
    color: #ddd;
}

#global_menu a:hover {}

/*-- 1階層目 --*/
#global_menu li a {
    background: #007f42;
    color: #fff;
}

#global_menu li a:hover {
    background: #fff;
    color: #007f42;
}

/*-- 2階層目 --*/
#global_menu ul ul a {}

#global_menu ul ul a:hover {}

/* トピックス */
#news_wrap {
    background: #fff;
}

#newslist li a {}

/* コンテンツ */
#contents .text_recent_post {
    margin: 0 0 32px 0;
}

#contents .text_recent_post .list_date {
    font-weight: bold;
    color: #017e44;
}

#contents .text_recent_post .post_list li,
#contents .text_recent_post .post_list li:not(:last-child) {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

#featured_post,
#featured_post2 {
    margin: 0 0 32px 0;
}

.post img {
    float: left;
}

#post_list li,
#featured_post .post1,
#featured_post ul.post2,
#featured_post2 li {
    border-bottom: 1px solid #e1e1e1;
}

#index_top {
    margin-bottom: 0;
}

#footer_banner ol {
    margin: 33px 0 0 0;
}

.eye-catch_area {
    margin-bottom: 20px;
    overflow: hidden;
}

.contents_area {
    margin: 20px 0;
    overflow: hidden;
    clear: both;
}

.left_txt {
    float: left;
    width: 52%;
    margin: 18px 0 0 0;
}

.right_txt {
    float: right;
    width: 52%;
    margin: 18px 0 0 0;
}

.right_pic {
    float: right;
    padding-left: 15px;
    margin: 18px 0 0 0;
}

.left_pic {
    float: left;
    padding-right: 15px;
    margin: 18px 0 0 0;
}

/* table */
.post th {
    background: #007f42;
    color: #fff;
    width: 33%;
}

.post td,
.post th {
    border-bottom: 2px solid #f1f1f1;
    padding: 15px;
    border-top: none;
    border-right: none;
    border-left: none;
}

table.system th {
    width: auto;
    word-break: keep-all;
}

table.system td,
table.system th {
    border-bottom: 2px solid #f1f1f1;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
}

.ph_responsive,
.under_contents {
    margin-bottom: 24px;
}

/* 右サイドメニュー */
.barb_side_widget ul li {
    border-bottom: 1px solid #017e44;
}

.barb_side_widget ul li a {
    text-decoration: none;
    display: block;
    padding: 14px 0 14px 22px;
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_03.png) no-repeat left;
}


/*----------------------------------
システム開発
----------------------------------*/
#system {}

/* お困りなら */
#system .trouble {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 24px;
}

#system .trouble h4.title-4 {
    font-size: 18px;
    color: #fff;
    padding: 10px 18px 10px;
    margin: 0;
    background: #a40000;
    text-align: center;
}

#system .trouble ul {
    padding: 18px;
    margin: 0;
    background: #fff;
}

#system .trouble li {
    border-bottom: 1px #d1d1d1 dashed;
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_circle_01.png) no-repeat 0 10px !important;
    padding: 0 0 0 22px !important;
}

/* 各種フェーズ */
#system .txt_deco-1 {
    color: #007f42;
    font-weight: bold;
}

/* 開発実績ビジュアル */
#system .system-visual00 {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_system-visual00.jpg) no-repeat 0 0;
    height: 120px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    width: 720px;
    font-weight: bold;
}

#system .system-visual01 {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_system-visual01.jpg) no-repeat 0 0;
    height: 120px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    width: 720px;
    font-weight: bold;
}

#system .system-visual02 {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_system-visual02.jpg) no-repeat 0 0;
    height: 120px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    width: 720px;
    font-weight: bold;
}

#system .system-visual03 {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_system-visual03.jpg) no-repeat 0 0;
    height: 120px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    width: 720px;
    font-weight: bold;
}

#system .system-visual04 {
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_system-visual04.jpg) no-repeat 0 0;
    height: 120px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    width: 720px;
    font-weight: bold;
}

#system .system-visual01 span.none {
    font-weight: normal;
    font-size: 14px;
}


/*----------------------------------
手書きOCR
----------------------------------*/
#ocr {}

sup {
    font-size: 10px;
    font-weight: bold;
}

.notes {
    padding: 14px 10px 2px 14px;
    background: #f1f1f1;
    border-radius: 4px;
}

p.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}


/*----------------------------------
RPA
----------------------------------*/
#rpa .media_area {
    width: 100%;
    margin: 0 auto;
    max-width: 660px;
    padding-top: 36px;
}

.media {
    width: 660px;
    height: 380px;
}

h4.title_demo {
    font-weight: bold;
    font-size: 16px;
    border-bottom: #d1d1d1;
    color: #017e44;
    margin: 8px 0;
}

/* 記事枠背景色 */
#index_pickup,
#recent_post li,
#index_right_col .search_area,
#featured_post,
#featured_post2,
.side_widget {}

/* 記事枠 / バーブアイテム枠 */
.headline1,
.headline2,
.side_headline,
#page_headline {
    background: #017e44;
    color: #fff;
}

#main_col .headline1,
.headline2,
.headline3 {
    font-size: 18px;
    margin-bottom: 16px;
}

.headline1,
.headline2 {
    position: relative;
    padding: 4px 6px 4px 24px;
    background: #017e44;
    color: white;
}

.headline1::before,
.headline2::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 12px #004626;
    /*border-bottom: solid 15px transparent;
    border-right: solid 20px #004626;*/
}

/* サイドナビ */

#side_widget2 {
    background: #001e43;
}

#side_widget2 .side_headline {}

#side_widget2 li a {
    background: #00608d;
}

/* フッタ */
#footer {
    color: #333;
}

#footer_wrap {
    background: #f1f1f1;
}

.footer_headline {
    background: #001e43;
    color: #ddd;
}

#footer_description {
    color: #ddd;
}

#footer li a {
    border-bottom: none;
}

#footer a {
    color: #037e45;
}

#footer a:hover {
    color: #3D996D;
}

#copyright {
    background: #007f42;
    color: #fff;
}

#copyright a {
    color: #ddd;
}

.footer_logo {
    margin-bottom: 10px;
}

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

/* 汎用性class */
.txt-deco_01 {
    font-size: 16px;
    font-weight: bold;
    color: #037e45;
}

.fontbold {
    font-weight: bold;
}

.font18 {
    font-size: 18px;
}

.font-m {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.w-k {
    word-break: keep-all;
}

.bg-green {
    padding: 20px;
    background: #eff5f3;
    margin-bottom: 20px;
}

.clear {
    clear: both;
}

.w45 {
    width: 45%;
}

/* ボタンリンク ～～～～～～～～～～～～～～ */
.btn_rpa {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0em 1.5em 1.0em 1.5em;
    text-decoration: none;
    color: #FFF;
    background: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
    border-radius: 3px;
    vertical-align: middle;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.btn_rpa:hover {
    background: linear-gradient(45deg, #ff8b5f 0%, #FFC107 100%);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.btn_rpa:visited {
    color: #EFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.ct {
    text-align: center;
}


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

    /* ヘッダ */
    #header {
        background: linear-gradient(to bottom, #00608d 0%, #001e43 100%);
    }

    #logo_text a,
    #logo a {}

    /* 画像枠２背景色 */
    #featured_post2 .post1 .image_area a.image {}

    /* メニュー */
    #header,
    #menu_wrap {
        background: #005C88;
    }

    #header a.menu_button,
    #header a.menu_button:hover {
        background: #666;
        border: 2px solid #666;
    }

    /*-- 3階層目 --*/
    #global_menu ul ul ul a {
        background: linear-gradient(to bottom, #00608d 0%, #001e43 100%);
        color: #ddd;
    }

    #global_menu ul ul ul a:hover {
        background: #0073a8;
    }
}

@media screen and (min-width: 641px) {
    #contents {
        margin: 40px auto 45px auto;
    }

    #desc_wrap {
        background: #f1f1f1;
        height: 30px;
    }

    /* ヘッダー 右（バナーテキストエリア） */
    .header_banner .banner_row>div {
        width: 160px;
        height: 40px;
    }

    .header_banner .banner_row .barb_text_banner {
        line-height: 40px;
    }

    .header_banner .text_row .textwidget {
        font-size: 13px;
    }

    .textwidget {
        letter-spacing: initial;
    }
}

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

    /* ヘッダー */
    #header {
        box-shadow: none;
        padding: 0;
    }

    #header,
    #menu_wrap {
        background: #f1f1f1;
    }

    #header_logo_wrap {
        height: 4px;
    }

    #header a.menu_button {
        color: #fff;
        border: 2px solid #333;
        top: 11px;
        background: #333;
    }

    .barb_text_banner span {
        color: #fff !important;
    }

    /* サイト説明文 */
    #desc_wrap {
        background: none;
    }

    #site_description {
        display: none;
        font-size: 12px;
        padding: 0 16px;
        width: 72%;
    }

    .title_text {
        padding: 8px 0 8px 15px;
        float: left;
        letter-spacing: 0.1rem;
        font-size: 12px;
        color: #333;
        display: block;
        width: 75%;
    }

    /* menuボタン */
    #menu_fit {
        margin: 18px 0 0 0;
    }

    /* メインイメージ */
    #recommend_gallery.full_width {
        margin-bottom: 0;
    }

    /* 右サイドナビ非表示 */
    #side_col {
        display: none;
    }

    /* 見出し */
    #main_col .headline1,
    .headline2,
    .headline3 {
        padding: 10px 0 10px 18px;
        font-size: 16px;
    }

    #contents .text_recent_post {
        padding: 0 18px;
    }

    h3.title-3 {
        font-size: 16px;
    }

    /* コンテンツ　*/
    #main_col {
        padding: 16px 0 0 0;
    }

    .left_txt,
    .right_txt {
        float: none;
        width: 100%;
        margin: 18px 0 0 0;
    }

    .right_pic,
    .left_pic {
        float: none;
        width: 100%;
        padding: 0;
        margin: 18px 0 0 0;
    }

    #contents .text_recent_post {
        margin: 0 0 18px 0;
    }

    #featured_post,
    #featured_post2 {
        margin: 0;
    }

    #recent_post,
    #featured_post,
    #featured_post2,
    #footer_banner {
        padding: 0 0 24px 0;
    }

    /* table */
    .post table.system {
        display: block;
        position: relative;
    }

    .under_contents tbody {
        display: block;
        position: relative;
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
    }

    .under_contents tbody tr {
        display: inline-block;
    }

    /*----------------------------------
	システム開発
	----------------------------------*/
    #system .trouble {
        background: #f1f1f1;
        padding: 10px;
        border-radius: 6px;
        margin-bottom: 18px;
    }

    #system.trouble h4.title-4 {
        font-size: 16px;
        color: #fff;
        padding: 12px;
        margin: 0;
        background: #a40000;
        text-align: center;
    }

    #system .trouble ul {
        padding: 14px;
        margin: 0;
        background: #fff;
    }

    #system .trouble li {
        border-bottom: 1px #d1d1d1 dashed;
        background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_circle_01.png) no-repeat 0 22px !important;
        padding: 8px 0 8px 22px !important;
        line-height: 1.5;
    }

    .post th {
        background: #007f42;
        color: #fff;
        width: 93%;
    }

    /* 開発実績ビジュアル */
    #system .system-visual00,
    #system .system-visual01,
    #system .system-visual02,
    #system .system-visual03,
    #system .system-visual04 {
        height: 84px;
        font-size: 18px;
        background-size: contain;
    }

    /*----------------------------------
	手書きOCR
	----------------------------------*/
    .post img {
        float: none;
        width: 100%;
    }

    /*----------------------------------
	会社概要
	----------------------------------*/
    #company table.history th {
        background: #fff;
        color: #007f42;
        font-weight: bold;
        text-align: left;
    }

    #company table.history td,
    table.history th {
        padding: 0 8px;
        border: none;
    }

    /*----------------------------------
	RPA
	----------------------------------*/
    #rpa {
        overflow: hidden;
    }

    #rpa .ph_responsive th {
        background: #007f42;
        color: #fff;
        width: auto;
        min-width: 100px;
    }

    #rpa .media_area {
        width: 100%;
        padding-top: 18px;
    }

    .media {
        width: 100%;
        height: 240px;
    }
}

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

#sitemap li {
    list-style-type: none;
    background: none;
    padding-left: 10px;
}

#sitemap a {
    text-decoration: none;
    display: block;
    padding:
        14px 0 14px 22px;
    background: url('/wp-content/themes/gorgeous_tcd013_barbpack/img/ico_arrow_03.png') no-repeat left;
}

/*----------------------------------
RPAお助けサービス関連 200828追記
----------------------------------*/
.red {
    color: #e34343;
}

.green {
    color: #037e45;
}

.kome {
    text-indent: -1em;
    padding-left: 1.5em;
    color: #e34343;
    font-weight: bold;
}

.btn-otasuke {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 5px 20px 5px 10px;
    text-decoration: none;
    background: #fee;
    transition: .4s;
    margin-bottom: 15px;
}

.btn-otasuke:hover {
    background: #ffe;
}

#box_otasuke {
    padding: .5em .75em;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
    margin: 0 0 1.5em 0;
}

#box_otasuke h3 {
    margin: 3px 0 10px 0;
}

#box_otasuke .box_G {
    font-weight: bold;
    color: #037e45;
    font-size: 18px;
    margin: 0 0 3px 0;
}


#box_otasuke_pk {
    padding: 1em 1.5em;
    background-color: #fee;
    margin: 0 0 1.5em 0;
}

.double_line {
    text-align: center;
    padding: .75em 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    color: #2a5baa;
    font-size: 18px;
    margin: 2em 0 3em 0;
}

@media screen and (max-width: 680px) {
    .double_line {
        text-align: left;
        font-size: 16px;
        padding: .75em 0.5em;
    }
}

@media screen and (min-width: 680px) {
    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
}

@media screen and (max-width: 680px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/*----------------------------------
プライバシーポリシー
----------------------------------*/
#privacy h3 {
    font-size: 15px;
    line-height: 20px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #037e45;
    border-bottom: 2px solid #037e45;
    padding-left: 8px;
    height: 22px;
    padding-top: 2px;
    margin-top: 20px;
}

#privacy p {
    margin-bottom: 5px;
    margin-left: 8px;
}

#privacy ul {
    margin-left: 8px;
}

/*----------------------------------
RPA
----------------------------------*/
#rpa p.indent-1{
	margin: 0 0 0.45em 0;
}

.faq p{
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

.faq p span:first-of-type,
.faq p span:nth-of-type(3) {
    display: flex;
    padding: 0 6px;
    color: #fff;
    width: 2%;
    height: calc(1em + 4px);
    margin-right: 10px;
    align-items: center;
	justify-content:space-around;
	text-align: center;
}
.faq p span:first-of-type{
    background: #5e9aed;
}
.faq p span:nth-of-type(3) {
    background: #f66f2f;
}

#rpa .faq span.indent-1{
	display: inline-block;
	width: calc(100% - 2% - 22px);
}

#rpa .faq span.indent-1:nth-of-type(2){
	margin-bottom: 5px;
}

/*--RPAまるごとお任せ 追加----*/
#rpa .catch01 {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5px;
    line-height: 1.7;
}
#rpa .catch02 {
    font-size: 1.2em;
    text-align: center;
}
#rpa .img_incolumns figure {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#rpa .price-table-wrap {
    border: 1px solid #269ac2;
    margin-top: 35px;
    margin-bottom: 14px;
}
#rpa table {
    margin-top: 35px;
}
#rpa .price-table-wrap table {
    margin-top: 0;
    margin-bottom: 0;
}
#rpa .marugoto td {
    text-align: center;
    /* border-right: 2px dotted #f1f1f1; */
    background: #fff;
}
#rpa .marugoto tr:first-child {
    /* border-top: 2px solid #f1f1f1; */
}
#rpa .marugoto td.head-1,
#rpa .marugoto td.head-1-btm {
    font-weight: bold;
    /* border-right: 4px double #f1f1f1; */
    background: #eff5f3;
    /* border-bottom: 2px solid #ffffff; */
}
#rpa .marugoto td.head-1-btm {
    /*border-bottom: 2px solid #f1f1f1; */
}
#rpa .marugoto td.head-2 {
    color: #037e45;
    font-weight: bold;
}
#rpa .marunage-wrap {
    padding: 10px 15px;
    background: #FFEBEE;
    border-radius: 10px;
}
#rpa .marugoto td {
    border-color: #A9CCE3;
    border-style: solid;
    border-width: 0 1px 1px 0;
}
#rpa .marugoto td:last-child {
    border-right-width: 0;
}

#rpa .marugoto tr:last-child td {
    border-bottom-width: 0;
}

#rpa .box-type1{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #269ac2;
    background: #fffefa;
    border: solid 1px #269ac2;
    border-radius: 10px;
}
#rpa .box-type2{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #269ac2;
    background: #eff5f3;
    border: solid 1px #269ac2;
    border-radius: 10px;
    font-size: 1.1em;
}
#rpa .box-type1 .wp-block-image,
#rpa .box-type2 .wp-block-image{
    text-align: center;
}
#rpa .box-type1 .wp-block-columns,
#rpa .box-type2 .wp-block-columns{
    margin-bottom: 0;
}
#rpa .box-type1 img,
#rpa .box-type2 img{
    width: 100%;
    max-width: 220px;
}
#rpa .box-type1 ul{
    margin: 10px 0;
    font-weight: bold;
}
#rpa .box-type2 p{
    margin: 10px 0;
    max-width: 420px;
    font-weight: bold;
}
#rpa .box-type2 .kome{
    font-weight: normal;
    color: #333;
    margin-top: -8px;
    margin-bottom: 15px;
}
#rpa .point_list h4 {
    position: relative;
    overflow: hidden;
    padding: 0.5rem 2rem 0.5rem 110px;
    border: 1px solid #269ac2;
    border-radius: 20px;
    font-size: 18px;
    background: #fff;
}

#rpa .point_list h4:before {
    position: absolute;
    top: -150%;
    left: -100px;
    width: 180px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #269ac2;
}
  
#rpa .point_list h4 span {
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding-top: 1px;
    padding-left: 16px;
    color: #fff;
}
#rpa .point_list h4 font {
    font-size: 14px;
    font-weight: normal;
}
#rpa .point_list p {
    margin-top: -15px;
    margin-left: 100px;
}
@media (min-width: 600px) and (max-width: 781px){
    #rpa .box-type1 .wp-block-column:not(:only-child) ,    
    #rpa .box-type2 .wp-block-column:not(:only-child){
        flex-basis: inherit !important;
    }
    #rpa .box-type1 .wp-block-column:nth-child(2n) ,
    #rpa .box-type2 .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
    
}
@media only screen and (max-width: 640px){
    #rpa .point_list h4 {
        font-size: 1.2em;
    }
    #rpa .point_list h4 span {
        font-size: 28px;
    }
    #rpa .box-type1 .wp-block-column,
    #rpa .box-type2 .wp-block-column{
        width: 100%;
    }
    #rpa .box-type2 p{
        width: 100%;
        max-width: 600px;
        margin: 0 auto 15px;
    }
    #rpa .box-type1 ul{
        width: 100%;
        max-width: 400px;
        margin: 0 auto 15px;
    }
    #rpa .box-type1 img{
        max-width: 300px;
    }
    #rpa .box-type2 img{
        max-width: 350px;
    }
    #rpa .point_list p {
        margin-left: 17px;
    }
}
@media only screen and (max-width: 480px){
    #rpa tbody.marugoto tr {
        display: table-row;
    }
    #rpa tbody.marugoto td {
        display: table-cell;
    }
}
/*----------------------------------
AS400（IBMi）サポート（25−05−07追加）
----------------------------------*/
#as400 .img-monitor figure{
    padding-right: 10px;
}
#as400 ul li{
        margin: .5em 0;
        font-weight: bold;
        color: #269ac2;
        display: inline-block;
        line-height: 1.2;
        background-position: left 7px;
}

/*----------------------------------
お問い合わせ
----------------------------------*/
#contact p {
	font-size:13px;
}

/*----------------------------------
採用情報
----------------------------------*/
.recruit-sttl{
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #f9ea60 0%);
    display: inline;
    padding: 0 2px 2px;
}

.recruit-strong-point{
    display: inline-block;
    border: 1px solid #017e44;
    padding: 15px;
    margin-bottom: 0;
}
.recruit-strong-point ul,
.recruit-strong-point ul li{
    list-style: none;
}
.recruit-strong-point li{
    font-size: 16px;
    border-bottom: 1px dashed #9eb9b1;
    background: none;
    font-weight: bold;
}
.recruit-strong-point li:last-child{
    border-bottom: none;
}
.recruit-strong-point li:before{
    font-family: "FontAwesome";
    content: '\f14a';
    font-weight: 500;
    color: #017e44;
    margin-right: 8px;
}
.recruit-strong-point-wrap{
    position: relative;
}
.recruit-strong-point-wrap:after{
    display: block;
    position: absolute;
    content: "";
    background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_recruit-pic01.jpg) no-repeat;
    width: 320px;
    height: 154px;
    background-size: contain;
    right: 0;
    top: -25px;
}

.recruit-menu{
    gap: initial;
    margin-bottom: 0;
    margin-left: 10px;
}
.recruit-menu .wp-block-button__link {
    padding: 10px 0;
}
.recruit-menu .wp-block-buttons{
    width: 97%;
}
.recruit-menu a:before{
    font-family: "FontAwesome";
    content: '\f107';
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}
.recruit-menu a:hover,
.recruit-menu a:visited{
    color: #fff;
}
.recruit-menu a:hover{
    opacity: 0.8;
}

.recruit-job-description{
    margin-left: 35px;
    margin-bottom: 30px;
    margin-top: -15px;
}
.recruit-job-description li:before{
    font-family: "FontAwesome";
    content: '\f111';
    font-weight: 900;
    font-size: 8px;
    color: #017e44;
    margin-right: 8px;
}
.post ul.recruit-strong-point li,
.post ul.recruit-job-description li{
    background: none;   
}

.recruit-request-wrap{
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #2cacc7;
    padding: 15px 15px 0;
}
.recruit-request-wrap:after{
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #2cacc8;
    bottom: -15px;
    left: 50%;
}
.recruit-request-wrap p:last-child{
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 12px;
}
.recruit-request-wrap .wp-block-column:last-child img:first-child{
    max-width: 68%;
    display: block;
    padding-left: 25px !important;
}
.recruit-request-wrap .wp-block-column:last-child img:last-child{
    max-width: 57%;
    display: block;
    float: right;
}

.recruit-request{
    border-radius: 14px;
    background: #f0f6f7;
    padding: 5px 15px;
    margin-bottom: 10px;
    padding-left: 3em;
    text-indent: -1.5em;
}
.recruit-request:before{
    font-family: "FontAwesome";
    content: '\f007';
    font-weight: 900;
    font-size: 16px;
    color: #2cacc8;
    margin-right: 10px;
}

.recruit-merit{
    background: #fff9f6;
    padding: 25px 20px 25px 25px;
}
.recruit-merit p{
    font-size: 15px;
    padding: 0;
    margin-bottom: 0;
}
.recruit-merit .wp-block-column:last-child{
    margin-left: 1em;
}

.recruit-interview-name{
    font-size: 20px;
    margin: 30px 0 15px;
}
.recruit-interview-name:nth-child(2){
    border-top: 1px dashed #666;
    padding-top: 40px;
}
.recruit-interview-name span{
    font-size: 14px;
}
.recruit-interview-name:before{
    font-family: "FontAwesome";
    content: '\f130';
    font-weight: 900;
    font-size: 18px;
    color: #007f42;
    margin-right: 10px;
}
.recruit-interview-question{
    margin: 0 0 10px;
    color: #007f42;
    font-size: 16px;
}
.recruit-interview-question:before{
    content: "ー";
    font-size: 16px;
    margin-right: 10px;
}

.bdr-top_gray01{
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
}
.txt-indent_01{
    margin-bottom: 15px;
    margin-top: -15px;
    padding-left: 3em;
    text-indent: -3em;
}
@media only screen and (min-width:640px) {
    .recruit-job-content{
        padding-left: 45px;
    }
}
@media (min-width: 782px){
    .recruit-menu .wp-block-column:not(:first-child) {
        margin-left: 1em;
    }

    .recruit-request-wrap .wp-block-column:not(:first-child) {
        margin-left: initial;
    }
}
@media only screen and (max-width:639px) {
    .recruit-interview-wrap{
        flex-wrap: initial;
    }
    .recruit-request-wrap p:last-child{
        margin-bottom: 0;
    }
    .recruit-interview-wrap .wp-block-column:first-child{
        flex-basis: 45% !important;
        margin-right: 10px;
    }
    .recruit-request-wrap:after{
        left: 47%;
    }

    .recruit-menu{
        margin-bottom: 0;
    }
    .recruit-menu .wp-block-button__link {
        padding: 0.667em 0;
    }

    .recruit-job-description{
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1.2em;
    }
    
    .recruit-strong-point {
        display: block;
    }
    .recruit-strong-point-wrap:after {
        display: none;
    }
    .recruit-strong-point-wrap:before {
        display: block;
        position: initial;
        content: "";
        background: url(/wp-content/themes/gorgeous_tcd013_barbpack/img/img_recruit-pic01.jpg) no-repeat;
        width: 100%;
        height: 154px;
        background-size: contain;
        left: 0;
        background-position: center;
    }

    .recruit-request{
        padding: 5px 5px 5px 32px;
    }
    .recruit-request:before{
        margin-top: 25px;
    }
    .recruit-request-wrap .wp-block-column:last-child{
        display: flex;
        justify-content: center;
    }
    .recruit-request-wrap .wp-block-column:last-child img:first-child{
        max-width: 47%;
        display: block;
        float: left;
    }
    .recruit-request-wrap .wp-block-column:last-child img:last-child{
        max-width: 40%;
        display: block;
        float: right;
    }
}
.recruit_it {
    margin: 45px 0;
    position: relative;
    border: 1px dashed #2cacc7;
    background: #f3fcfd;
    padding: 15px 15px 0;
}
.recruit_it .subt-1{
    font-weight: bold;
    color: #2cacc8;
    font-size: 16px;
    background-color: #f1f1f1;
    padding: 8px 8px 8px 16px;
    margin-bottom: 15px;
}
@media only screen and (max-width:639px) {
    .recruit_it .subt-1{
        padding-left: 15px;
    }
    .recruit_it .subt-1 span{
        display: block;
        margin-left: -10px;
    }
}
.recruit_it .p-txt{ 
    padding: 0 6px;
    margin-bottom: 15px;
}
.recruit_it_img img{
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}
/*----------------------------------
AI-OCR
----------------------------------*/
.ocr-products .wp-block-columns{
    margin-bottom: 0;
}

.ocr-trial-sttl{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #db3d3d;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 0;
}
ol.ocr-trial {
    list-style-type: none;
    counter-reset: number;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    border: 1px solid #db3d3d;
    padding: 10px 15px;
}
ol.ocr-trial li {
    position: relative;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 1.75em;
    text-indent: -1.4em;
}
ol.ocr-trial li::before {
    content: counter(number);
    counter-increment: number;
    margin-right: 10px;
}
ol.ocr-trial li::after {
    content: '';
    position: absolute;
    display: block;
    top: 14px;
    left: 0;
    transform: translateY(-50%);
    width: 1.1em;
    height: 1.1em;
    border: 1px solid #000;
    border-radius: 50%;
}
ol.ocr-trial li:first-child{
    border-bottom: 1px dashed #d1d1d1;
    margin-bottom: 10px;
}
.ocr-trial-notes{
    margin-top: 10px;
    margin-bottom: 0;
}
.ocr-trial-mrkr{
    background: linear-gradient(transparent 70%, #ffdfdf 0%);
    display: inline;
}

.ocr-three-point{
    padding: 13px 20px 15px;
    min-height: 370px !important;
}
.ocr-three-point h2{
    margin-bottom: 15px;
    margin-top: 0;
}
.ocr-three-point .wp-block-columns .wp-block-column p:first-child{
    overflow: hidden;
}
.ocr-three-point .wp-block-column{
    background: #fff;
}
.ocr-three-point figure{
    overflow: hidden;
}
.ocr-three-point p{
    margin-bottom: 0;
}
.ocr-three-point p:last-child{
    padding: 0 10px 10px;
}
.ocr-three-point .menu-link a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    text-decoration: none;
}
.ocr-three-point .menu-link a:before{
    font-family: "FontAwesome";
    content: '\f138';
    font-weight: 900;
    font-size: 14px;
    color: #017e44;
    margin-right: 10px;
}

.ocr-rpa-intro{
    gap: 1.5em;
}
.ocr-rpa-intro p{
    margin: 10px 0;
}
.ocr-rpa-intro .wp-block-column{
    position: relative;
}
.ocr-rpa-intro .wp-block-column:before {
    content: "";
    display: block;
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #289b3a;
    top: 22%;
    right: -15px;
}
.ocr-rpa-intro .wp-block-column:last-child:before{
    display: none;
}

.ocr-plan-menu{
    gap: 1.5em;
}
.ocr-plan-menu .wp-block-button__link {
    width: 80% !important;
}
.ocr-plan-menu a:before{
    font-family: "FontAwesome";
    content: '\f107';
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}
.ocr-plan-menu a:visited{
    color: #fff;
}

.ocr-plan-ttl{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 38px 0 0 0;
    padding: 10px 10px 10px 20px;
    text-align: center;
}
.ocr-plan-ttl.light{
    background: #32c088;
}
.ocr-plan-ttl.standard{
    background: #547acc;
}
.ocr-plan-ttl.premium{
    background: #864aaf;
}

.ocr-plan-light .wp-block-column{
    background: #fff;
    border: 1px solid #33ab7c;
}
.ocr-plan-standard .wp-block-column{
    background: #fff;
    border: 1px solid #547acc;
}
.ocr-plan-premium .wp-block-column{
    background: #fff;
    height: 100%;
    border: 1px solid #864aaf;
}
.ocr-plan-light .wp-block-column:first-child,
.ocr-plan-standard .wp-block-column:first-child,
.ocr-plan-premium .wp-block-column:first-child{
    position: relative;
}
.ocr-plan-light .wp-block-column:first-child:after,
.ocr-plan-standard .wp-block-column:first-child:after,
.ocr-plan-premium .wp-block-column:first-child:after{
    display: block;
    position: absolute;
    content: "+";
    color: #666;
    font-size: 30px;
    font-weight: bold;
    right: -25px;
    top: 40%;
}
.ocr-plan-light .wp-block-column:last-child,
.ocr-plan-standard .wp-block-column:last-child,
.ocr-plan-premium .wp-block-column:last-child{
    border: 1px solid #666;
    height: 100%;
}
.ocr-plan-light .menu-sttl{
    background: #33ab7c;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}
.ocr-plan-standard .menu-sttl{
    background: #2d509b;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}
.ocr-plan-premium .menu-sttl{
    background: #59227e;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}
.ocr-plan-light table,
.ocr-plan-light .wp-block-table,
.ocr-plan-standard table,
.ocr-plan-standard .wp-block-table,
.ocr-plan-premium table,
.ocr-plan-premium .wp-block-table{
    margin-bottom: 0;
}
.ocr-plan-light .wp-block-table td,
.ocr-plan-standard .wp-block-table td,
.ocr-plan-premium .wp-block-table td{
    padding: 10px 15px;
    border-bottom: 1px solid #d1d1d1;
}
.ocr-plan-light .wp-block-table td:nth-child(odd),
.ocr-plan-standard .wp-block-table td:nth-child(odd),
.ocr-plan-premium .wp-block-table td:nth-child(odd){
    background: #f5f5f5;
    font-weight: bold;
}
.ocr-plan-light .option-sttl,
.ocr-plan-standard .option-sttl,
.ocr-plan-premium .option-sttl{
    background: #f7f7f7;
    color: #333;
    padding: 5px 0;
    margin-bottom: 15px;
}
.ocr-plan-light .trial-sttl,
.ocr-plan-standard .trial-sttl,
.ocr-plan-premium .trial-sttl{
    background: #fffbd7;
    padding: 5px 0;
    margin-bottom: 15px;
}
.ocr-plan-light .fee-sttl,
.ocr-plan-standard .fee-sttl,
.ocr-plan-premium .fee-sttl{
    background: #666;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
}
.ocr-plan-light .fee-menu-sttl,
.ocr-plan-standard .fee-menu-sttl,
.ocr-plan-premium .fee-menu-sttl{
    background: #f7f7f7;
    padding: 5px 0;
}

.num{
    font-size: 18px;
    font-weight: bold;
}
.ocr-plan-light .num{
    color: #33ab7c;
}
.ocr-plan-standard .num{
    color: #2d509b;
}
.ocr-plan-premium .num{
    color: #59227e;
}

.ocr-inquiries .phone a:before{
    font-family: "FontAwesome";
    content: "\f095";
    font-size: 15px;
    font-weight: 900;
    margin-right: 10px;
}
.ocr-inquiries .form a:before{
    font-family: "FontAwesome";
    content: "\f0e0";
    font-size: 15px;
    font-weight: 500;
    margin-right: 10px;
}

@media (min-width: 782px){
    .ocr-three-point .wp-block-columns .wp-block-column:not(:first-child) {
        margin-left: 1.5em;
    }
    .ocr-plan-menu .wp-block-column:not(:first-child),
    .ocr-rpa-intro .wp-block-column:not(:first-child){
        margin-left: 0;
    }
}
@media only screen and (max-width:639px) {
    .ocr-products img{
        object-fit: cover;
        height: 190px;
    }

    .ocr-three-point{
        padding: 13px 30px 15px;
    }
    .ocr-three-point h2{
        margin-top: 10px;
    }
    .ocr-three-point .wp-block-column{
        margin-bottom: 15px;
    }

    .ocr-rpa-intro .wp-block-column:before{
        border-top: 10px solid #289b3a;
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: initial;
        right: 48%;
        bottom: -15px;
    }

    .ocr-plan-menu {
        gap: 0.5em;
        margin-bottom: 0;
    }
    .ocr-plan-menu .wp-block-button{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .ocr-plan-light,
    .ocr-plan-standard,
    .ocr-plan-premium{
        padding: 1.25em 1em !important;
    }

    .ocr-plan-light .wp-block-table tr,
    .ocr-plan-standard .wp-block-table tr,
    .ocr-plan-premium tr{
        margin-bottom: 0;
    }
    .ocr-plan-light .wp-block-table td,
    .ocr-plan-standard .wp-block-table td,
    .ocr-plan-premium .wp-block-table td{
        text-align: center;
    }
    .ocr-plan-light .option-sttl,
    .ocr-plan-standard .option-sttl,
    .ocr-plan-premium .option-sttl{
        padding: 10px 0;
    }
    .ocr-plan-light .wp-block-column:first-child,
    .ocr-plan-standard .wp-block-column:first-child,
    .ocr-plan-premium .wp-block-column:first-child{
        margin-bottom: 40px;
    }
    .ocr-plan-light .wp-block-column:first-child:after,
    .ocr-plan-standard .wp-block-column:first-child:after,
    .ocr-plan-premium .wp-block-column:first-child:after{
        right: 46%;
        top: initial;
    }

    .ocr-inquiries .phone,
    .ocr-inquiries .form{
        width: 100% !important;
    }
    .ocr-inquiries .phone a,
    .ocr-inquiries .form a{
        padding: 10px 0;
    }   
}
/*----------------------------------
お知らせ
----------------------------------*/
.news-column-img figure{
    margin: 0 0 15px;
}