@charset "utf-8";
:root {
    --header-menu-link-color: #3c3c3c;
    --header-menu-link-color-8p: rgba(60, 60, 60, .08);
    --header-menu-link-color-34p: rgba(60, 60, 60, .34);
    --header-menu-bg-color: #ffffff;
    --base-font-color: #3c3c3c;
    --base-font-color-8p: rgba(60, 60, 60, .08);
    --base-font-color-34p: rgba(60, 60, 60, .34);
    --container-bg-color: #ffffff;
    --primary-color: #f40e0e;
}
body {
    background-color: #ffffff;
}
body {
    font-family: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.header_content .h_group .hd_title *, #banner_title *, #banner_roll_title *, .ct-hd .hd-title *, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .loop-sec-header h1, .loop-title a, .excerpt_title_wid a, .inside-title *, .wd-title *, .plx_title, #reply-title {
    font-weight: bold;
}
.entry, .widget-box .dp_text_widget, .widget-box .textwidget {
    font-size: 16px;
}
.mb-theme .entry, .mb-theme .widget-box .dp_text_widget, .mb-theme .widget-box .textwidget {
    font-size: 14px;
}
.dp-container .entry a, .dp-container .dp_text_widget a, .dp-container .textwidget a, #comment_section .commentlist a:hover {
    color: #e88686;
}
.dp-container .entry a:hover, .dp-container .dp_text_widget a:hover, .dp-container .textwidget a:hover, .fake-hover:hover {
    color: #ff7777;
}
.single-date-top, .dp-container pre, .entry input[type="submit"], .plane-label, input#submit {
    color: #ffffff;
    background-color: #f40e0e;
}
.hd_slideshow .bx-wrapper .bx-pager .bx-pager-item a {
    background-color: #ffffff;
}
.bx-controls-direction a {
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(60, 60, 60, .44);
}
.bx-controls-direction a i::before, .bx-controls-direction a i::after {
    background-color: #f40e0e;
}
.header-banner-inner, .header-banner-inner a {
    color: #ffffff;
    text-shadow: 0 0 15px rgba(0, 0, 0, .6);
}
.header-banner-inner .sl-article {
    color: #ffffff;
    background-color: #f40e0e;
}
.header-banner-inner .sl-article a {
    color: #ffffff;
}
.mb-theme .header-banner-inner, .mb-theme .header-banner-inner a {
    color: #ffffff;
    text-shadow: 0 0 15px rgba(0, 0, 0, .72);
}
#banner_caption::before, #banner_caption::after, .widget-on-top-banner.show_ticker::before, .widget-on-top-banner.show_ticker::after, .ct-hd .title-desc::before, .ct-hd .meta-info::before, .ct-hd .title-desc::after, .ct-hd .meta-info::after {
    background-color: #ffffff;
}
.pc .ct-hd.no_bgimg {
    padding-top: 18vh;
    padding-bottom: 18vh;
}
.pc .ct-hd {
    padding-top: 14vh;
    padding-bottom: 22vh;
}
.mb-theme .ct-hd {
    padding-top: 8vh;
    padding-bottom: 10vh;
}
.dp-container.home, .dp-container::after {
    background-color: var(--bg-color, rgba(255, 255, 255, 1));
}
.dp-container, .dp-container a, .main-wrap a {
    color: #3c3c3c;
}
#gotop.pc {
    color: #ffffff;
}
#gotop.pc::after {
    border-color: transparent #f40e0e #f40e0e transparent;
}
.pace {
    background-color: #ffffff;
}
.pace .pace-activity {
    background-color: #f40e0e;
}
.pace .pace-progress::after {
    color: #3c3c3c;
}
.header_content.pc.home {
    background-color: rgba(255, 255, 255, .52);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .9) 100%);
}
.header_content.pc.not-home, .header_content.pc.fixed, .header_container.mb.float {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .2) 100%);
}
#headline-sec {
    border-color: rgba(60, 60, 60, .2);
}
#headline-sec a, #headline-sec a:hover {
    color: #3c3c3c;
}
.headline_main_title {
    color: #ffffff;
    background-color: #3c3c3c;
}
.headline_main_title::before {
    border-color: transparent transparent #3c3c3c transparent;
}
.headline_main_title::after {
    border-color: #3c3c3c transparent transparent transparent;
}
.header_content.pc:hover, #global_menu_nav.mq-mode, #headline-sec, #global_menu_ul .sub-menu li:hover, #global_menu_ul .sub-menu li.current-menu-item {
    color: #3c3c3c;
    background-color: #ffffff;
}
#global_menu_nav .gnav_sline, #global_menu_ul .sub-menu li:hover::before, #global_menu_ul .sub-menu li.current-menu-item::before {
    background-color: #f40e0e;
}
.header_container.mb {
    border-color: #f40e0e;
    color: #3c3c3c;
    background-color: #ffffff;
}
#hidden_global_menu_wrapper, #hidden-search-wrapper, .hidden-searchtext {
    color: #3c3c3c;
    background-color: rgba(255, 255, 255, .92);
}
#hd_hidden_menu_btn::before, #hd_hidden_menu_btn::after, #hd_hidden_menu_btn span, #expand_float_menu.show i::before, #expand_float_menu.show i::after {
    background-color: #3c3c3c;
}
.header_content, .header_content a, #hidden_global_menu_wrapper a, #hidden-search-wrapper a, #hd_tel a {
    color: #3c3c3c;
}
.header_content a:hover {
    color: #f47f7f;
}
#global_menu_ul .sub-menu {
    background-color: rgba(255, 255, 255, .78);
    box-shadow: 0 1px 4px rgba(60, 60, 60, .7);
}
.hidden-close-btn::before, .hidden-close-btn::after, #global_menu_nav.mq-mode .mq_sub_li {
    color: #ffffff;
    background-color: #3c3c3c;
}
.ft-widget-content .widget-area {
    width: 100%;
}
.dp-container .entry a {
    font-weight: normal;
    text-decoration: none;
}
.dp-container .entry a:hover {
    text-decoration: underline;
}
.loop-section:not(.portfolio) .loop-article::after, .loop-section:not(.portfolio) .loop-date time {
    color: #ffffff;
    background-color: #f40e0e;
}
.single_post_meta .loop-share-num .share-icon::after {
    background-color: #ffffff;
}
.single-article .single_post_meta .loop-share-num a, .loop-section:not(.portfolio) .loop-share-num a, .loop-section .loop-title a, .loop-section .meta-author a {
    color: #3c3c3c;
}
.loop-section.portfolio .loop-flipper.flipover::before {
    background-color: rgba(244, 14, 14, .9);
}
.loop-post-thumb .thumb-link::after {
    background-color: rgba(244, 14, 14, .86);
}
.loop-media-icon {
    background-color: rgba(255, 255, 255, .9);
    color: #f40e0e;
}
.ct-hd {
    background-color: #f40e0e;
}
.meta-cat a {
    color: #3c3c3c;
}
.news .meta-cat .item-link {
    color: #ffffff;
    background-color: #f40e0e;
}
.bx-wrapper .bx-pager .bx-pager-item a {
    background-color: #3c3c3c;
}
.bx-controls-direction a {
    color: #ffffff;
}
table.gsc-search-box {
    background-color: #ffffff !important;
}
td.gsc-search-button {
    color: #3c3c3c !important;
    background-color: #ffffff !important;
}
#hd_searchform td.gsc-search-button::before {
    color: #3c3c3c;
}
#hd_searchform td.gsc-search-button {
    color: #3c3c3c !important;
    background-color: #ffffff !important;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
    background-color: #e88686;
}
select {
    color: #3c3c3c;
}
.footer select {
    color: #545454;
}
.dp_toc_container {
    border-color: rgba(244, 14, 14, .2);
    background: #ffffff;
}
.dp_toc_container::before {
    background: rgba(244, 14, 14, .04);
}
.dp_toc_container ul.dp_toc_ul {
    border-color: rgba(244, 14, 14, .24);
}
.dp_toc_container p.toc_title_block > span::before, .dp_toc_container ul.dp_toc_ul > li::before {
    background: rgba(244, 14, 14, .16);
}
.dp_toc_container ul.dp_toc_ul li a, .dp_toc_container ul.dp_toc_ul li a:hover, .dp_toc_container ul.dp_toc_ul > li li::before {
    color: #3c3c3c;
}
.rank_label.thumb {
    background-color: #f40e0e;
}
.rank_label.no-thumb {
    color: rgba(60, 60, 60, .1);
}
.entry ul li::before, .dp_text_widget ul li::before, .textwidget ul li::before {
    background-color: #f40e0e;
    box-shadow: 0 0 0 3px rgba(244, 14, 14, .3);
}
.widget_pages li a::after, .widget_nav_menu li a::after, .widget_nav_menu li.current-menu-item a::after, .widget_categories li a::after, .widget_categories li.current-cat a::after, .dp_related_posts.vertical li::after, .recent_entries li::after, .single-article::after, .inside-title::after, #reply-title::after, #wp-calendar tbody td a:hover::before, .single-nav .navlink::before, .dp_tab_sline {
    background-color: #f40e0e;
}
.dp_tab_widget_ul li::before, #switch_comment_type li::before {
    background-color: rgba(244, 14, 14, .14);
}
.inside-title::before, #reply-title::before {
    background-color: #3c3c3c;
}
.search-form .submit-area button.search-btn, .single-nav li .nav-title, .wd-title {
    background-color: #f40e0e;
    color: #ffffff;
}
.author_info {
    box-shadow: 0 0 34px rgba(60, 60, 60, .1) inset;
}
.cat-item .count {
    color: #ffffff;
    background-color: rgba(60, 60, 60, .5);
}
address, #switch_comment_type li.active_tab {
    border-color: #f40e0e;
}
.entry h1::after, .entry h2::after, .entry h3::after, .entry h4::after, .entry h5::after, .entry h6::after, .dp_text_widget h1::after, .dp_text_widget h2::after, .dp_text_widget h3::after, .dp_text_widget h4::after, .dp_text_widget h5::after, .dp_text_widget h6::after, .textwidget h1::after, .textwidget h2::after, .textwidget h3::after, .textwidget h4::after, .textwidget h5::after, .textwidget h6::after {
    background-color: rgba(244, 14, 14, .36);
}
.header_content .fx_wrapper, .hd_sns_links .fx_wrapper {
    box-shadow: 0 0 0 3px rgba(60, 60, 60, .1);
    background-color: rgba(60, 60, 60, .1);
}
.header_content .fx_wrapper:hover, .hd_sns_links .fx_wrapper:hover {
    background-color: #3c3c3c;
    box-shadow: 0 0 0 3px rgba(60, 60, 60, .3);
}
.header_content .fx_wrapper:hover i, .hd_sns_links .fx_wrapper:hover i {
    color: #ffffff;
}
table.gsc-search-box {
    border-color: rgba(60, 60, 60, .16) !important;
}
.dp_tab_widget_ul, .dp_tab_widget_ul li.active_tab {
    border-color: #f40e0e;
}
.author_info .author_img img.avatar {
    border-color: rgba(244, 14, 14, .18);
}
.tagcloud a, #comment_section .comment-meta .comment-reply-link, .entry > p > a.more-link, .dp-container .entry .dp-pagenavi a, .dp-pagenavi a, .dp-pagenavi .page-numbers:not(.dots), .navigation a {
    color: #3c3c3c;
}
#dp_breadcrumb_nav {
    color: #3c3c3c;
    background-color: rgba(60, 60, 60, .06);
}
#dp_breadcrumb_nav li::after {
    background-color: rgba(60, 60, 60, .5);
}
.dp-pagenavi .page-numbers.current {
    background-color: #f40e0e;
    border-color: #f40e0e;
    color: #ffffff;
}
#commentform input[type="submit"] {
    color: #f40e0e;
}
#commentform input[type="submit"]:hover {
    color: #ffffff;
    background-color: #f40e0e;
    border-color: #f40e0e;
}
.single_post_meta .meta-cat a:hover, .dp_related_posts.horizontal .meta-cat a:hover, .tagcloud a:hover, .dp-container .more-entry-link a:hover, #comment_section .comment-meta .comment-reply-link:hover, .entry > p > a.more-link:hover {
    color: #ffffff;
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}
.r-wrap:hover {
    background-color: #3c3c3c;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(60, 60, 60, .3);
}
.r-wrap::after {
    box-shadow: 0 0 0 1px #3c3c3c;
}
span.v_sub_menu_btn {
    background-color: rgba(60, 60, 60, .04);
}
.tooltip-arrow {
    border-color: transparent transparent #3c3c3c transparent;
}
.tooltip-msg {
    color: #ffffff;
    background-color: #3c3c3c;
}
.dp-container blockquote::before, .dp-container blockquote::after {
    color: #f40e0e;
}
#comment_section li.comment::after, #comment_section li.trackback::after, #comment_section li.pingback::after {
    background-color: #f40e0e;
}
.modal_wrapper.main_menu {
    color: #3c3c3c;
    background-color: #ffffff;
}
.modal_wrapper.main_menu a {
    color: #3c3c3c;
}
.footer_bar, .menu_sns_links a.menu-link {
    background-color: #f40e0e;
    color: #ffffff;
}
.ftbar_btn, .ftbar_btn a {
    color: #ffffff;
}
.main_slide_menu .menu-item, .main_slide_menu .menu-item:first-child, .main_slide_menu .menu-item .expand {
    border-color: rgba(60, 60, 60, .32);
}
body:not(.mb-theme) .wow {
    visibility: hidden
}
.footer {
    background-color: #efefef;
    color: #545454;
    box-shadow: 0 0 0 10px rgba(60, 60, 60, .14);
}
#footer_menu_ul {
    background-color: rgba(84, 84, 84, .05);
}
.footer .copyright {
    background-color: rgba(84, 84, 84, .10);
}
.footer a {
    color: #545454;
}
.footer a:hover {
    color: #0c0c0c;
}
.footer .wd-title, .footer .dp_tab_sline {
    background-color: #545454;
    color: #efefef;
}
.footer .tagcloud a:hover, .footer .more-entry-link a:hover {
    color: #efefef;
    background-color: #545454;
    border-color: #545454;
}
.footer .recent_entries .loop-share-num i {
    color: #545454;
}
.footer .dp_tab_widget_ul, .footer .dp_tab_widget_ul li.active_tab {
    border-color: #545454;
}
.footer .cat-item .count {
    color: #efefef;
    background-color: rgba(84, 84, 84, .5);
}
.footer .widget_pages li a::after, .footer .widget_nav_menu li a::after, .footer .widget_categories li a::after, .footer .recent_entries li::after {
    background-color: rgba(84, 84, 84, .58);
}
.footer .dp_feed_widget a {
    background-color: rgba(84, 84, 84, .1);
}
#footer_menu_ul .menu-item::after {
    background-color: rgba(84, 84, 84, .6);
}
.btn, a.btn {
    border-color: #f40e0e;
    color: #f40e0e;
}
.btn:not([class*="btn-"]):hover, a.btn:not([class*="btn-"]):hover {
    border-color: #f40e0e;
}
.label, .btn::after {
    background-color: #f40e0e
}
.label::after {
    background-color: #ffffff;
}
.footer .label::after {
    background-color: #efefef;
} 
/*===============================================
以下　wordpress内で記入したカスタムCSS
===============================================*/
/*テキスト選択時の色*/ 
::-moz-selection {
    background-color: rgba(139, 183, 229, 0.5);
    color: #28427f;
}
::selection {
    background-color: rgba(139, 183, 229, 0.5);
    color: #28427f;
} 
/*不要なオブジェクト削除*/ 
.content-wrap.incontainer.clearfix.home {
    display: none;
} 
/*ヘッダー　常に白*/ 
.header_content.pc.not-home, .header_content.pc.fixed, .header_container.mb.float {
    background: #fff !important;
} 
/*top キャッチコピー文字背景*/ 
.header-banner-container {
    width: 100vw !important;
    background: rgba(0, 47, 198, 0.5);
    padding: 40px 0;
    margin: 0;
    top: 32%;
}
.header-banner-content header {
    margin-bottom: 0;
} 
/*パララックスエリア　幅広げ*/ 
.widget-container .widget-box {
    width: 100vw;
}
.plx_wrap.use_img.left, .plx_wrap.use_img.right {
    width: 60%;
}
.plx_wrap.use_img.right {
    padding-right: 5%;
}
.plx_wrap.use_img.left {
    padding-left: 5%;
} 
/*トップのスライドショーの上に乗る文字*/ 
.top_ttl_big {
    font-size: 60px;
    font-weight: bold;
}
.top_subTtl {
    font-size: 17px;
} 
/*ボタン上書き*/ 
.btn {
    border-width: 2px !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
    padding: 14px 40px !important;
} 
/*赤い線に青い文字のボタン*/ 
.btn-redBlue {
    color: #e50113 !important;
    border-color: #e50113 !important;
    font-size: 25px !important;
    background: #fff!important;
    display: block !important;
    width: fit-content !important;
    margin: 0 auto !important;
}
.btn-redBlue::after {
    background: #e50113 !important;
}
a.btn.btn-redBlue:hover {
    color: #ffffff !important;
    border-color: #e50113 !important;
} 
/*選ばれる理由、採用情報ボタン 色変え*/ 
.border-white { 
    /*border-color:#002fc6!important;*/
}
.border-white:hover { 
    color: #fff !important;
} 
/*選ばれる理由、採用情報　テキスト背景*/ 
.back-white {
    display: inline;
    background: linear-gradient(transparent 0%, #FFF 0%);
} 
/*パートナー希望の企業さまへボタン*/ 
.btn-kigyou {
    border-color: #fff !important;
    color: #fff !important;
    font-size: 30px !important;
}
.btn-kigyou:hover {
    color: #194893 !important;
}
.btn-kigyou::after {
    background: #fff !important;
    opacity: 0.9 !important;
} 
/*赤い文字*/ 
.text-red {
    color: #f40e0e !important;
    font-size: 23px;
    font-weight: bold;
} 
/*コンテンツタイトル*/ 
.con_ttl {
    font-weight: bold;
    font-size: 55px;
    color: #002fc6;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    /*background: linear-gradient(transparent 96%, #fff 0%);*/
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    letter-spacing: 5px;
    padding-left: 15px;
}
.shadow {
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
}
.text_back {
    background: rgba(255, 255, 255, 0.3);
    border: 0.5px solid rgba(255, 255, 255, 0.14);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 10px 20px 30px;
    border-radius: 5px;
} 
/*企業様へのページ*/ 
.wpcf7-display-none {
    visibility: hidden;
}
.widget-content.top.clearfix {
    display: none;
} 
/*ナビ非表示*/ 
#dp_breadcrumb_nav {
    display: none;
} 
/*WEBプロフィール*/ 
.page-id-370 .content-wrap {
    width: 100vw;
}
.elementor-370 .elementor-element.elementor-element-91d2c75 > .elementor-widget-container {
    max-width: 890px;
    margin: 0 auto 80px !important;
}
.elementor-370 .elementor-element.elementor-element-2c19f22:not(.elementor-motion-effects-element-type-background), .elementor-370 .elementor-element.elementor-element-8d36fef:not(.elementor-motion-effects-element-type-background), .elementor-370 .elementor-element.elementor-element-d4df45d:not(.elementor-motion-effects-element-type-background) {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto 40px;
} 
/*トップページ　お客様に選ばれる理由　ボタン*/ 
.btn_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.shape-btn {
    width: 265px;
    height: 72px;
    display: block;
    margin: 10px !important;
    color: #fff !important;
    font-weight: bold;
    -webkit-transform: skewX(-15deg) !important;
    transform: skewX(-15deg) !important;
    text-align: center;
    transition: .6s;
    background: #f40e0e;
    padding: 20px 0;
    transition: .3s !important;
    font-size: 16px;
}

.shape-btn.blue {
    background: #002fc6;
}
.btn_flex:nth-of-type(1) .shape-btn:nth-of-type(2) {
    padding: 10px 0;
    font-size: 14px;
}
.shape-btn:hover {
    background: #fff !important;
    color: #f40e0e !important;
    font-weight: bold !important;
}
.shape-btn.blue:hover {
    color: #002fc6 !important;
} 
/*採用情報ページ*/ 
.text_border {
    border-bottom: 4px solid red;
    padding: 0 10px !important;
    display: block;
    margin-bottom: 30px !important;
}
@media screen and (max-width:1145px) {
    .con_ttl {
        font-size: 45px;
        text-align: center;
        letter-spacing: 0;
        padding-left: 0;
    }
}
@media screen and (max-width:1025px) {
    .plx_img.right, .plx_img.left {
        /*画像*/ 
        display: none;
    }
    #expand_float_menu { 
        /*ヘッダーの三点リーダー*/ 
        display: none !important;
    }
}
@media screen and (max-width:960px) {
    .con_ttl {
        font-size: 34px;
        text-align: center;
        letter-spacing: 0;
        padding-left: 0;
    }
}
@media screen and (max-width:767px) {
    .plx_wrap.use_img.left, .plx_wrap.use_img.right {
        width: 95%;
    }
}
@media screen and (max-width:645px) {
    .con_ttl {
        font-size: 28px;
    }
}