body { font-size:16px; }
    .single_title { font-size:28px; }
    #page_header .headline { font-size:32px !important; }
    .common_catch { font-size:42px !important; }
    @media screen and (max-width:1050px) {
    .common_catch { font-size:32px !important; }
    #page_header .headline { font-size:26px !important; }
    }
    @media screen and (max-width:750px) {
    body { font-size:14px; }
    #page_header .headline { font-size:20px !important; }
    .single_title { font-size:20px; }
    .common_catch { font-size:22px !important; }
    }
    body, input, textarea { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }

    #page_header .headline { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }

    .common_catch, .design_headline, .rich_font, .p-vertical { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }


    .rich_font_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:600; }
    .rich_font_type2 { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
    .rich_font_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:600; }

    #header_logo .logo_text { font-size:26px; }
    @media screen and (max-width:1201px) {
    #header_logo .logo_text { font-size:20px; }
    }
    #footer_box_content .overlay { background-color:rgba(0,0,0,0.3); }
    #footer_logo .logo_text { font-size:26px; }
    #footer_catch { font-size:18px; }
    @media screen and (max-width:1201px) {
    #footer_logo .logo_text { font-size:20px; }
    }
    .author_profile .avatar_area img, .animate_image img, .animate_background .image {
    width:100%; height:auto; will-change:transform;
    -webkit-transition: transform  0.5s ease;
    transition: transform  0.5s ease;
    }
    .author_profile a.avatar:hover img, .animate_image:hover img, .animate_background:hover .image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    }


    a { color:#000; }

    :root {
    --tcd-accent-color:69,157,202;
    }
    #copyright, #comment_tab li.active a, .widget_tab_post_list_button div.active, #wp-calendar tbody a, #case_post_title .category:hover, .case_list .category:hover, .design_headline:before, .news_list .category:hover, .mega_menu_list ul a:before, #about_page_menu a:before, .widget_categories a:before,
    #return_top a:hover, #p_readmore .button:hover, .c-pw__btn:hover, #comment_tab li a:hover, #submit_comment:hover, #cancel_comment_reply a:hover, #global_menu ul ul a:before, #page_header, #global_menu > ul > li.current-menu-item > a, #global_menu > ul > li.current-menu-parent > a, #global_menu > ul > li.current-menu-ancestor > a,
        #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #wp-calendar td a:hover, #comment_tab li a:hover, .tcdw_tag_list_widget ol a:hover, .widget_tag_cloud .tagcloud a:hover, #wp-calendar tbody a:hover, .megamenu_b .category:hover,
        #single_post_title .category:hover, #related_post .category:hover, #blog_list .category:hover, #drawer_menu .menu li.menu-item-has-children > a > .button:hover:after, #drawer_menu .menu li.menu-item-has-children > a > .button:hover:before,
            .post_slider_widget .slick-dots button:hover::before, .post_slider_widget .slick-dots .slick-active button::before, .megamenu_a .category:hover
    { background-color:#459dca; }

    #single_post_title .category, #related_post .category, #blog_list .category, #post_title .category, .widget_tab_post_list_button div.active, .page_navi span.current, #post_pagination p, #return_top a:hover,
    .page_navi a:hover, #post_pagination a:hover, #comment_textarea textarea:focus, .c-pw__box-input:focus, #related_post .category:hover, #blog_list .category:hover, #post_title .category:hover, .megamenu_a .category:hover, #single_post_title .category:hover,
        #related_post .category:hover, #blog_list .category:hover, .tcdw_tag_list_widget ol a:hover, .widget_tag_cloud .tagcloud a:hover, .page_navi span.current, .page_navi span.current, .page_navi a:hover
    { border-color:#459dca; }

    /* a:hover, */ :where(a:not([class]):hover), #index_header_content .content_item .num, #index_header_content .content_item .unit, #case_cta .headline, #archive_header .catch, #archive_news .news_category_button li.current a, #service_page_header .box_content .num, #service_page_header .box_content .unit, .sc_data_content .num, .sc_data_content .unit, #header.active #header_search_button:hover:before,
    #header_search_button:hover:before, #header_search .button:hover label:before, .single_post_nav:hover span:after, #related_post .category:hover, #blog_list .category:hover, #post_title .category:hover, .cb_header .catch, .cb_service_list .service_carousel .main_item .title, .faq_list .title:hover, .service_carousel a:hover .title, .mega_menu_list .menu_area .headline a:hover,
        .widget_tab_post_list_button div:hover, .megamenu_a .owl-carousel .owl-nav button:hover, #drawer_menu .menu a:hover, #drawer_menu .menu > ul > li.active > a, #drawer_menu .menu > ul > li.current-menu-item > a, #drawer_menu .menu > li > a > .title:hover, .cb_news_list .news_category_sort_button li.active span, .cb_news_list .news_category_sort_button li:hover span,
        #searchform .submit_button:hover:before, #footer_social_link li a:hover:before, #next_prev_post a:hover, .tcdw_search_box_widget .search_area .search_button:hover:before, #single_author_title_area .author_link li a:hover:before, .author_profile a:hover, #post_meta_bottom a:hover, .cardlink_title a:hover,
            .comment a:hover, .comment_form_wrapper a:hover, #mega_menu_mobile_global_menu li a:hover, #tcd_toc.styled .toc_link:hover, .tcd_toc_widget.no_underline .toc_widget_wrap.styled .toc_link:hover, .rank_headline .headline:hover, .service_design_content .headline, .cb_design_content .data_content_top .num
    { color:#459dca; }

    #header_logo a:hover, #drawer_menu .menu ul ul a:hover,  #drawer_menu .menu li > a:hover > span:after, #drawer_menu .menu li.active > a > .button:after, #featured_post a:hover, #drawer_menu .close_button:hover:before, #drawer_menu_search .button_area:hover:before, #drawer_lang_button li a:hover, #header_lang_button li a:hover
    { color:#459dca !important; }

    #mobile_menu .child_menu_button:hover:after, #mobile_menu .child_menu_button:hover:before
    { background-color:#459dca !important; }

    .post_content a, .widget_block a, .textwidget a, #no_post a, #page_404_header .desc a { color:#459dca; }
    .post_content a:hover, .widget_block a:hover, .textwidget a:hover, #no_post a:hover, #page_404_header .desc a:hover { color:rgba(69,157,202,0.6); }
    .design_button { min-width:300px; height:70px; line-height:70px;border-radius:70px;background-color:#f3b80a;border:none; }
    .design_button:before { background-color:#f79800;opacity:0; }
    .design_button:hover {  }
    .design_button:hover:before { opacity:1; }
    .styled_h2 {
    font-size:28px!important;
    text-align:center!important;
    font-weight:600!important;
    color:#000000;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:transparent;
    }
    @media screen and (max-width:750px) {
    .styled_h2 { font-size:22px!important; }
    }
    .styled_h3 {
    font-size:26px!important;
    text-align:left!important;
    font-weight:600!important;
    color:#000000;
    border-color:#000000;
    border-width:2px;
    border-style:solid;
    padding-left:1em!important;
    padding-top:0.5em!important;
    padding-bottom:0.5em!important;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:transparent;
    }
    @media screen and (max-width:750px) {
    .styled_h3 { font-size:20px!important; }
    }
    .styled_h4 {
    font-size:22px!important;
    text-align:left!important;
    font-weight:400!important;
    color:#000000;
    border-color:#dddddd;
    border-width:1px;
    border-style:dotted;
    border-left:none;
    border-right:none;
    border-top:none;
    padding-bottom:0.8em!important;
    background-color:transparent;
    }
    @media screen and (max-width:750px) {
    .styled_h4 { font-size:18px!important; }
    }
    .styled_h5 {
    font-size:20px!important;
    text-align:left!important;
    font-weight:400!important;
    color:#000000;
    border-color:#000000;
    border-width:3px;
    border-style:double;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:#f2f2f2;
    padding:0.8em 1em!important;
    }
    @media screen and (max-width:750px) {
    .styled_h5 { font-size:16px!important; }
    }
    .q_custom_button1 { min-width:300px; height:70px;border-radius:0px;color:#000 !important; border-color:#000; }
    .q_custom_button1:before { background-color:#333;opacity:0; }
    .q_custom_button1:hover { color:#fff !important; border-color:#333; }
    .q_custom_button1:hover:before { opacity:1; }
    .q_custom_button2 { min-width:300px; height:70px;border-radius:0px;color:#fff !important; background-color:#000;border:none; }
    .q_custom_button2:before { background-color:#333;opacity:0; }
    .q_custom_button2:hover {  }
    .q_custom_button2:hover:before { opacity:1; }
    .q_custom_button3 { min-width:300px; height:70px;border-radius:0px;color:#fff !important; border-color:#000; }
    .q_custom_button3:before { background-color:#000;opacity:1; }
    .q_custom_button3:hover { color:#333 !important; border-color:#333; }
    .q_custom_button3:hover:before { opacity:0; }
    .q_frame1 {
    background:#ffffff;
    border-radius:0px;
    border-width:1px;
    border-color:#dddddd;
    border-style:solid;
    }
    .q_frame1 .q_frame_label {
    color:#000000;
    }
    .q_frame2 {
    background:#ffffff;
    border-radius:0px;
    border-width:1px;
    border-color:#009aff;
    border-style:solid;
    }
    .q_frame2 .q_frame_label {
    color:#009aff;
    }
    .q_frame3 {
    background:#ffffff;
    border-radius:10px;
    border-width:1px;
    border-color:#f9b42d;
    border-style:solid;
    }
    .q_frame3 .q_frame_label {
    color:#f9b42d;
    }
    .q_underline1 {
    font-weight:400;
    background-image: -webkit-linear-gradient(left, transparent 50%, #fff799 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #fff799 50%);
    background-image: linear-gradient(to right, transparent 50%, #fff799 50%);
    background-position:-100% 0.8em;}
    .q_underline2 {
    font-weight:600;
    background-image: -webkit-linear-gradient(left, transparent 50%, #99f9ff 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #99f9ff 50%);
    background-image: linear-gradient(to right, transparent 50%, #99f9ff 50%);
    }
    .q_underline3 {
    font-weight:600;
    background-image: -webkit-linear-gradient(left, transparent 50%, #ff99b8 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #ff99b8 50%);
    background-image: linear-gradient(to right, transparent 50%, #ff99b8 50%);
    }
    .speech_balloon1 .speech_balloon_text_inner {
    color:#000000;
    background-color:#ffdfdf;
    border-color:#ffdfdf;
    }
    .speech_balloon1 .before { border-left-color:#ffdfdf; }
    .speech_balloon1 .after { border-right-color:#ffdfdf; }
    .speech_balloon2 .speech_balloon_text_inner {
    color:#000000;
    background-color:#ffffff;
    border-color:#ff5353;
    }
    .speech_balloon2 .before { border-left-color:#ff5353; }
    .speech_balloon2 .after { border-right-color:#ffffff; }
    .speech_balloon3 .speech_balloon_text_inner {
    color:#000000;
    background-color:#ccf4ff;
    border-color:#ccf4ff;
    }
    .speech_balloon3 .before { border-left-color:#ccf4ff; }
    .speech_balloon3 .after { border-right-color:#ccf4ff; }
    .speech_balloon4 .speech_balloon_text_inner {
    color:#000000;
    background-color:#ffffff;
    border-color:#0789b5;
    }
    .speech_balloon4 .before { border-left-color:#0789b5; }
    .speech_balloon4 .after { border-right-color:#ffffff; }
    .qt_google_map .pb_googlemap_custom-overlay-inner { background:#000000; color:#ffffff; }
    .qt_google_map .pb_googlemap_custom-overlay-inner::after { border-color:#000000 transparent transparent transparent; }

    .ul-widget-main-window {
        right: 102px !important;
    }
    .ul-widget-popup-balloon,
    .ul-widget-main-window.ul-widget-hide {
        right: 92px !important;
    }
    @media screen and (max-width: 750px) {
        .ul-widget-main-window.ul-widget-hide {
            right: 72px !important;
            bottom: 20px !important;
        }
    }

    #global_menu > ul {
        margin-right: 75px !important;
    }

    #header_search_button:before {
        color: #000 !important;
    }

    body.page-template-page-lp #global_menu > ul > li > a {
        color: #000;
    }

    .cb_free_space.num4 {
        background: rgba(255,255,255,0);
    }

    .cb_free_space.num1 {
        margin-bottom: -180px;
    }

    @media only screen and (max-width: 900px){
        .cb_free_space.num1 {
        margin-bottom: -60px;
    }
    }

    @media only screen and (max-width: 600px){
        .cb_free_space.num1 {
        margin-bottom: -30px;
    }
    }

    /*画像ボタン*/
    #case_cta_main .catch {
        margin-bottom: 0px !important;
        padding: 30px 30px;
        background: linear-gradient(0deg, rgba(50,95,195,0.8),rgba(50,95,195,0.5),rgba(79,201,255,0));
    }

    .post_content h3 {
        font-weight: 700;
        font-size: 20px;
    }

    @media only screen and (max-width: 900px){
    #single_service {
        width: 90% !important;
            margin-left: auto;
        margin-right: auto;
    }
        
            #case_cta_main .catch {
        padding: 20px;
    }
        
            .post_content h3 {
        font-weight: 700;
        font-size: 18px;
    }
    }

    @media only screen and (max-width: 600px){
    #single_service {
        width: 82% !important;
        margin-left: auto;
        margin-right: auto;
    }
        
        #case_cta_main .catch {
        padding: 20px;
    }

        .post_content h3 {
        font-weight: 700;
        font-size: 16px;
    }
    }

    /*ボタン2 マニュアルダウンロード　薄い*/
    .q_custom_button2{
        display: flex;
        width: 100%;
    justify-content: space-evenly;
    align-items: center;
        text-align: center;
        text-decoration: none;
        color: #727171 !important;
        font-size: 95%;
        font-weight: 400 !important;
        background: #fff;
    border: 1px solid #ccc;
        height: 70px !important;
        margin-left: auto;
    margin-right: auto;
    }

    .q_custom_button2:hover {
        color: #459DCA !important;
    }

    .q_custom_button2::after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 2px solid #4FC9FF;
        border-right: 2px solid #4FC9FF;
        transform: rotate(45deg);
        margin-bottom: 0px;
    }


    @media screen and (max-width: 900px)
    {.q_custom_button2{
        font-size: 90%;
        font-weight: bold;
        background: #fff;
    border: 1px solid #ccc;
    }}

    /*サービス　アーカイブページ*/
    #archive_service .service_list .content {
        border: 1px solid #b2d1f5;
    }

    #case_post_title .category {
        background: #325FC3;
    }

    #case_post_title .title_area,#service_page_header .title {
        background: linear-gradient(90deg, rgba(50,95,195,0.5),rgba(79,201,255,0.5));
    }

    #archive_case {
        background: #F4FAFC;
    }

    @media only screen and (max-width: 1100px){
    #archive_service .service_list .content {
        background: #F4FAFC;
        }}

    /*カテゴリーカラー*/
    .case_list .category {
        background: #325FC3;
    }

    .news_list .category,#single_post_title .category {
        background: #325FC3;
    }

    /*表　OPTION*/
    table {
        font-size: 90%;
    }

    .post_content th {
        background: #F4FAFC;
        vertical-align: middle;
    }

    .gray{
        font-weight: 800;
        color: #459DCA;
    }


    /*ヘッダー画像　オーバーレイ*/
    #lp_header .overlay,#service_page_header .overlay {
        background: linear-gradient(90deg, #325FC3 0%, #4FC9FF 100%) !important;
        opacity: 0.3;
    }

    #lp_header .catch{
        font-weight: 700;
    }

    /*文字サイズ*/
    #page_header .headline {
        font-size: 140% !important
    }

    #global_menu > ul > li > a{
            font-size: 85% !important
    }

    p{
        letter-spacing: 0.8px;
    }

    /*ページ表示幅　サービス*/
    #single_service {
        width: 1000px;
    }

    /*サービスヘッダー*/
    #page_header{
        background: linear-gradient(90deg, #3190BA 0%, #4FC9FF 100%) !important;
    }

    /*ロゴ*/
    #header_logo .logo_image.mobile {
        width: 270px;
        height: auto;
    }

    img.logo_image.pc {
        width: auto;
        height: 28px;
    }
    #footer_logo .logo_image.mobile {
        max-width: 100%;
        height: auto;
    }

    /*ヘッダーメニュー*/
    #global_menu > ul {
        text-align: right;
        margin-right: 60px;
    }

    #mobile_menu li li a {
            background: linear-gradient(90deg, #5CB2FF 0%, #4FC9FF 100%) !important;
    }

    #global_menu > ul > li.current-menu-item > a{
            background: linear-gradient(90deg, #5CB2FF 0%, #4FC9FF 100%) !important;
            color: #fff !important;
    }

    #global_menu > ul > li > a:hover{
            background: linear-gradient(90deg, #5CB2FF 0%, #4FC9FF 100%) !important;
            color: #fff !important;
    }

    #global_menu > ul > li.current-menu-parent > a, #global_menu > ul > li.current-menu-ancestor > a{
                background: linear-gradient(90deg, #5CB2FF 0%, #4FC9FF 100%) !important;
            color: #fff !important;
    }

    body.home #global_menu > ul > li > a {
        color: #fff;
    }

    #global_menu > ul > li > a{
        font-weight: bold;
            font-size: 85% !important;
    }

    #global_menu ul ul {
        display: none;
        width: 280px;
            box-shadow: 0 20px 25px 0 rgba(0, 0, 0, .15);
    }

    #global_menu ul ul a {
        background: #fff;
        color: #459DCA;
    }

    /*スマホ版メニュー*/
    #drawer_menu {
    background: linear-gradient(180deg, #3190BA 0%, #4FC9FF 100%) !important; 
    }

    #mobile_menu a {
        border-bottom: 1px solid #9CD3ED;
    }

    #drawer_menu .close_button_area {
        border-bottom: 1px solid #9CD3ED;
    }

    #drawer_menu .menu a:hover{
        color: #9CD3ED;
    }

    /*お客様の声*/
    .cb_case_list {
        background: #F4FAFC;
    }

    /*ボタン*/
    .design_button{
        /*ボタンの形状*/
        display: inline-block;
        color:#fff !important;
        font-weight: bold !important;
        text-decoration: none;
        outline: none;
        /*背景の色と形状*/
        background: linear-gradient(270deg, #00ACF8 0%, #4FC9FF 25%, #4FC9FF 51%, #3190BA 100%);
        background-position: 1% 50%;
        background-size: 200% auto;
        /*アニメーションの指定*/
        transition: all 0.3s ease-out;
    }

    /*hoverした際の、背景の場所とテキスト色の変更*/
    .design_button:hover {
        color: #fff;
        background-position: 99% 50%;
    }

    .design_button:before {
        opacity: 0 !important;
    }

    @media screen and (max-width: 1200px) {.design_button{
        line-height: 60px;
    }}

    @media screen and (max-width: 900px) {.design_button{
        line-height: 50px;
    }}

    /*トップページ スライダー*/
    .service_carousel .title_area {
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
        border-right: 0px;
        border-left: 0px !important;
    }

    .service_carousel a:hover .title{
        color: #BAE9FF !important;
    }

    /*トップページ 見出し*/
    .cb_header .catch {
        position: relative;
        font-size: 36px !important;
        font-weight: 800;
        margin-bottom: 60px;
    }

    .cb_header .catch::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 5px;
        border-radius: 3px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    @media screen and (max-width: 900px) {.cb_header .catch {
        font-size: 25px !important;
        margin-bottom: 60px;
        }

    .cb_header .catch::after {
        width: 65px;
        height: 4px;
    }}

    @media screen and (max-width: 600px) {.cb_header .catch {
        font-size: 20px !important;
        margin-bottom: 60px;
        }

    .cb_header .catch::after {
        width: 60px;
        height: 3px;
    }}


    /*h1　トップページと同じ*/
    h1.title1 {
        position: relative;
        font-size: 36px !important;
        font-weight: 800 !important;
        margin-bottom: 60px;
        color: #459DCA;
    }

    h1.title1::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 5px;
        border-radius: 3px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    @media screen and (max-width: 900px) {h1.title1 {
        font-size: 25px !important;
        margin-bottom: 60px;
        }

    h1.title1::after {
        width: 65px;
        height: 4px;
    }}

    @media screen and (max-width: 600px) {h1.title1 {
        font-size: 20px !important;
        margin-bottom: 60px;
        }

    h1.title1::after {
        width: 60px;
        height: 3px;
    }}

    /*h1　全グラデーション*/
    h1.title-gradation {
    background-image:linear-gradient(to left,#a8e538,#85d2c4 49.8%,#0183c7 77.2%,#16acf2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        font-weight: 800 !important;
        position: relative;
        font-size: 45px;
        text-align: center;
        letter-spacing: .03em;
    }

    @media screen and (max-width: 900px) {
    h1.title-gradation{
        font-size: 30px;
        text-align: center;
        letter-spacing: .03em;
    }
    }

    @media screen and (max-width: 600px) {
    h1.title-gradation {
        font-size: 25px;
        text-align: center;
        letter-spacing: .03em;
    }
    }


    /*h2　サブタイトルあり*/
    h2.title2 {
        position: relative;
        font-size: 30px;
        text-align: center;
        letter-spacing: .03em;
        font-weight: 700 !important;
    }

    h2.title2::before {
        content: attr(data-contents);
        display: block;
        margin-bottom: 30px;
        color: #459DCA;
        font-weight: 800 !important;
        font-size: 21px;
    }

    h2.title2::after {
        content: '';
        position: absolute;
        top: 35px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 4px;
        border-radius: 3px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    @media screen and (max-width: 900px) {
    h2.title2 {
        font-size: 22px;
    }
        
        h2.title2::before {
        font-size: 18px;
    }
        
        h2.title2::after {
        top: 30px;
        width: 40px;
        height: 3px;
    }
    }

    @media screen and (max-width: 600px) {
    h2.title2 {
        font-size: 18px;
    }
        
        h2.title2::before {
        font-size: 16px;
    }
        
        h2.title2::after {
        top: 26px;
        width: 40px;
        height: 2.5px;
    }
    }

    /*h3　背景に英字*/
    h3.title3 {
        position: relative;
        padding-top: 0px;
        padding-left: 0px;
        font-size: 30px;
        font-weight: 800;
        color: #000;
        margin-top: 100px;
    }

    h3.title3::after {
        content: attr(data-en);
        position: absolute;
        top: -95px;
        left: 0px;
        font-size: 100px;
        font-weight: 800;
    background-image:linear-gradient(to left,#a8e538,#85d2c4 49.8%,#0183c7 77.2%,#16acf2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        z-index: -1;
        opacity: 0.2;
    }


    @media screen and (max-width: 900px) {h3.title3{
    font-size: 20px;
        margin-top: 80px;
    }
        
    h3.title3::after {
        top: -65px;
        font-size: 70px;
    }
    }

    @media screen and (max-width: 600px) {h3.title3{
    font-size: 18px;
        margin-top: 60px;
    }
        
    h3.title3::after {
        top: -60px;
        font-size: 65px;
    }
    }

    /*h2*/
    @media screen and (max-width: 600px) {
    .post_content h2 {
        font-size: 18px;
        line-height: 1.7;
    }
    }
        
    /*よくある質問*/
    .qa-006 {
        max-width: 100%;
        margin-bottom: 5px;
        border-bottom: 2px solid #D1E4ED;
    }

    .qa-006 summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 2em 2em 2em 3.5em;
        color: #333333;
        font-weight: 600;
        cursor: pointer;
    }

    .qa-006 summary::before,
    .qa-006 p::before {
        position: absolute;
        left: 1em;
        font-weight: 600;
        font-size: 1.3em;
    }

    .qa-006 summary::before {
        color: #4FC9FF;
        content: "Q";
    }

    .qa-006 summary::after {
        transform: translateY(-25%) rotate(45deg);
        width: 7px;
        height: 7px;
        margin-left: 10px;
        border-bottom: 3px solid #333333b3;
        border-right: 3px solid #333333b3;
        content: '';
        transition: transform .5s;
    }

    .qa-006[open] summary::after {
        transform: rotate(225deg);
    }

    .qa-006 p {
        position: relative;
        transform: translateY(-10px);
        opacity: 0;
        margin: 0;
        padding: .3em 3em 1.5em;
        color: #333;
        transition: transform .5s, opacity .5s;
    }

    .qa-006[open] p {
        transform: none;
        opacity: 1;
    }

    .qa-006 p::before {
        color: #00A0E9;
        line-height: 1.9;
        content: "A";
    }

    .qa-006 summary{
    line-height: 1.5;
    }

    summary::-webkit-details-marker {
    display:none;
    }

    /*導入の流れ*/
    .flow04 {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    }

    .flow04 > li {
    list-style-type: none;
    width:  100%;
    max-width: 250px;
    display: flex;
    }

    .flow04 > li .icon04 {
    line-height: 2;
    width: 2em;
    height: 2em;
        border: 9px solid #E50012;
    text-align: center;
    color: #E50012;
    background: #fff;
    margin: 0 auto 10px;
    display: block;
    border-radius: 100vh;
    position: relative;
        font-size: 120%;
        font-weight: bold;
    }

    .flow04 > li dl {
    padding: 30px 30px;
    margin: 0;
    border: 1px solid #d3d6d8;
    position: relative;
        border-radius: 20px;
    }

    .flow04 > li:not(:first-child) dl::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: px;
    display: inline-block;
    border-top: 6px solid #E50012;
    border-right: 6px solid #E50012;
    position: absolute;
    top: calc(50% - 0px);
    left: -30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }

    .flow04 > li dl dt {
    font-size: 1.4em;
    font-weight: 700;
    color: #E50012;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-bottom: 10px;
    text-align: center;
    }

    .flow04 > li dl dd {
    margin-left: 0;
    }

    @media(max-width: 900px){
    .flow04 > li {
    list-style-type: none;
    width:  100%;
    max-width: 200px;
    display: flex;
    }
        
        .flow04 {
        gap: 40px;
    }
        
        .flow04 > li:not(:first-child) dl::before {
    left: -35px;
        width: 10px;
    height: 10px;
    }
    }

    @media(max-width: 600px){
    .flow04 {
        gap:20px;
    }
        
        .flow04 > li .icon04 {
    line-height: 2;
    width: 2em;
    height: 2em;
    }
        
        .flow04 > li dl dt {
    font-size: 1.2em;
    }
        
        img.size-medium.wp-image-66.aligncenter {
            width: 60%;
    }
        
    .flow04 > li {
        max-width: 300px;
        display: block;
    }
    .flow04 > li:not(:first-child) dl::before {
        display: none;
    }
        
        .post_content ul {
        margin-left: 0em;
    }
    }

    /*3カラム*/
    .post_col-3 {
        margin-right: 25px;
        background: #fff;
        padding: 30px;
            border-radius: 20px;
    }

    @media screen and (max-width: 900px)
    {.post_col-3 {
        margin: 7px !important;
        padding: 20px;
        width: auto !important;
        font-size: 90%;
        }
        }

    @media screen and (max-width: 600px)
    {.post_col-3 {
        margin-right: 0px;
        padding: 30px;
        width: auto !important;
            font-size: 100%;
        margin: 15px !important;
        }
        }

    /*3カラム、5カラム-レスポンシブ*/
    @media screen and (max-width: 900px)
    {.post_row {
        display: flex;
        }

        .post_col-3{
            margin: 15px;
        }
        
    .post_content img[class*="align"], .post_content img[class*="wp-image-"],	.post_content img {
        max-width: 80%;
        margin-bottom: -10px;
    }
    }

    @media screen and (max-width: 600px)
    {.post_row {
        display: block;
        }

        .post_col-3{
            margin:0px;
            width: auto;
        }
        
    .post_content img[class*="align"], .post_content img[class*="wp-image-"],	.post_content img {
        max-width: 100%;
        margin-bottom: -10px !important;
    }
        
        img.size-full.wp-image-66.aligncenter {
            max-width: 50%;
    }
        
        .post_col-5{
            display: none;
        }
    }

    /*	.post_col-5{
            margin: 0px;
            width: auto;
            display: flex;
            padding:0px !important;
            align-items: center;
        }*/

    /*2カラム*/
    @media screen and (max-width: 1000px)
    {.post_col-2 {
        margin-right: 10px;
    }}

    @media screen and (max-width: 600px)
    {.post_col-2 {
        margin-right: 0px;
    }}

    /*トップ問い合わせボタン*/
    .q_custom_button1{
        width: 400px;
        height: 90px;
        margin-bottom: 0px !important;
        padding: 1rem 4rem;
        position: relative;
        border-radius: 5px;
        border: 2px solid #fff;
        font-weight: bold;
        letter-spacing: 2px;
        background: transparent;
        color: #fff !important;
        overflow: hidden;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .q_custom_button1::after{
        /* 擬似要素で矢印アイコンをつくる */
        content: '';
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        /* 矢印アイコンの位置を設定 */
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
    }

    .q_custom_button1:hover {
        color: #fff;
        border: 2px solid #fff;
        background: #CC000C;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .q_custom_button1:hover::before {
        -webkit-animation: sh02 0.5s 0s linear;
        -moz-animation: sh02 0.5s 0s linear;
        animation: light 0.5s 0s linear;
    }
    .q_custom_button1::before {
        content: '';
        display: block;
        width: 0px;
        height: 86%;
        position: absolute;
        top: 7%;
        left: 0%;
        opacity: 0;
        background: #fff;
        box-shadow: 0 0 50px 30px #fff;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }
    @keyframes light {
        from {opacity: 0; left: 0%;}
        50% {opacity: 1;}
        to {opacity: 0;left: 100%;}
    }

    @media screen and (max-width: 800px)
    {.q_custom_button1{
        width: 500px !important;
        height: 150px !important;
        margin-bottom: 0px !important;
        padding: 1.5rem 4rem;
        }}

    @media screen and (max-width: 600px)
    {.q_custom_button1{
        width: 300px !important;
        height: 150px !important;
        margin-bottom: 0px !important;
        padding: 1.5rem 2rem;
        }}

    /*h2 title*/
    h2.title {
        position: relative;
        font-size: 46px !important;
        font-weight: 900;
        margin-bottom: 60px;
        color: #459DCA;
    }

    h2.title::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 5px;
        border-radius: 3px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    @media screen and (max-width: 900px) {h2.title {
        font-size: 30px !important;
        margin-bottom: 60px;
        }

    h2.title::after {
        width: 65px;
        height: 4px;
    }}

    @media screen and (max-width: 600px) {.cb_header .catch {
        font-size: 25px !important;
        margin-bottom: 60px;
        }

    .cb_header .catch::after {
        width: 60px;
        height: 3px;
    }}

    /*h3数字あり*/
    h3.number {
        position: relative;
        font-size: 30px;
        margin-top: 30px;
        font-weight: 800;
    }

    h3.number::before {
        content: attr(data-number);
        display: block;
        color: #459DCA;
        font-size: 70px;
    }

    h3.number::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 2px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    @media screen and (max-width: 900px)
    {h3.number {
        position: relative;
        font-size: 20px;
        margin-top: 20px;
    }

    h3.number::before {
        content: attr(data-number);
        display: block;
        font-size: 50px;
    }
    }

    @media screen and (max-width: 600px)
    {div#cb_content_4 {
        margin-top: 40px !important;
    }
    }

    /*h3 ホワイト*/
    h3.white{
        text-align: center;
        color: #fff;
        margin-top: 10px !important;
        margin-bottom: 60px;
    }

    @media screen and (max-width: 900px)
    {h3.white{
        margin-bottom: 30px;
    }
    }

    /*h3 左に線*/
    h3.design_headline {
        font-size: 23px !important;
        padding: 0 0 0 50px !important;
    margin-top: 30px !important;
    }

    .post_content .design_headline:first-child {
        margin-top: 50px !important;
    }

    .design_headline:before {
        width: 35px;
        height: 4px;
        top: 16px;
    }

    @media screen and (max-width: 900px)
    {h3.design_headline {
        font-size: 18px !important;
        padding: 0 0 0 40px !important;
    }
        
        .design_headline:before {
        width: 30px;
        top: 13px;
    }
    }

    /*h4*/
    .post_content h4{
        text-align: center;
        font-weight: 700;
        color: #459DCA;
        font-size: 20px;
    }

    @media screen and (max-width: 900px)
    {.post_content h4{
        margin-top: 0px;
        font-size: 14px;
        }
    }


    @media screen and (max-width: 600px)
    {.post_content h4{
        text-align: left;
        margin-top: 0px;
        font-size: 18px;
        }
    }

    /*h4-number*/
    h4.number {
        font-size: 50px;
        margin-bottom: -5px;
        color: #BFE1F2;
        margin-top: 0px;
    }

    @media screen and (max-width: 900px)
    {h4.number {
        font-size: 30px;
        margin-bottom: 0px;
        margin-top: -10px;
        }}

    /*h5*/
    .post_content h5{
        text-align: left;
        font-weight: 700;
        color: #000;
        font-size: 20px;
    }

    @media screen and (max-width: 600px)
    {.post_content h5{
        text-align: left;
        margin-top: 0px;
        font-size: 18px;
        }
    }


    /*本文*/
    .post_content p, .cb_header .desc{
        color: #333;
    }

    /*box1*/
    .box1 {
        width: 60%;
        padding: 4em 6em;
        background: #DAECEF;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 20px;
    }

    @media screen and (max-width: 1000px) {.box1{
        width: 50%;
        margin-top: 20px;
    }
    }

    @media screen and (max-width: 600px) {img.size-medium.wp-image-66.aligncenter{
        width: 120%;
    }
    }

    /*box2*/
    .box2 {
        background: #fcf8f7;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 10px;
        display: inline-block;
        width: auto;
        padding: 4em;
    }

    /*トップボタン　イラスト付きボタン*/
    .post_row {
        justify-content: center;
    }

    table.contact td{
            border: 0px solid #ddd;
            background-color: rgba(255,105,212,0);
            padding: 5px;
    }

    a.btn_ao_a {
        display: flex;
        align-items: center;
        width: 250px;
        height: 90px;
        margin: auto;
        padding: 1rem 2rem;
        border: 6px solid;
        border-image: linear-gradient(to right, #325FC3, #00ACF8) 1;
        background: #fff;
        text-decoration: none;
        transition: 0.3s;
        border-radius: 30px !important;
    }

    a.btn_ao_a:hover {
        background-color: #F4FAFC;
    }

    a.btn_ao_a .a__icon img {
        width: 80px;
        vertical-align: middle;
    }

    a.btn_ao_a .a__text {
        display: block;
        flex-grow: 1;
        color: #459DCA;
        font-weight: bold;
        text-align: left;
        position: relative;
        padding-left: 20px;
        font-size: 18px;
    }

    a.btn_ao_a .a__text::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg);
        border-top: 4px solid #459DCA;
        border-right: 4px solid #459DCA;
        box-sizing: border-box;
        width: 14px;
        height: 14px;
        transition: 0.3s;
    }

    @media screen and (max-width: 1024px) {
    a.btn_ao_a {
        display: flex;
        align-items: center;
        width: 250px;
        height: 80px;
        margin: auto;
        padding: 0.5rem 1rem;
        border: 6px solid;
        border-image: linear-gradient(to right, #325FC3, #00ACF8) 1;
        background: #fff;
        text-decoration: none;
        transition: 0.3s;
    }

    a.btn_ao_a .a__icon img {
        width: 70px;
    }

        a.btn_ao_a .a__text {
            font-size: 14px !important;
            padding-right: 18px !important;
                    padding-left: 25px !important;
        }
    }

    @media screen and (max-width: 768px) {
    a.btn_ao_a {
        display: flex;
        align-items: center;
        width: 180px;
        height: 70px;
        margin: auto;
        padding: 0.5rem 1rem;
        border: 6px solid;
        border-image: linear-gradient(to right, #325FC3, #00ACF8) 1;
        background: #fff;
        text-decoration: none;
        transition: 0.3s;
    }

    a.btn_ao_a .a__icon img {
        width: 70px;
    }

        a.btn_ao_a .a__text {
            font-size: 14px !important;
            padding-right: 18px !important;
                    padding-left: 5px !important;
        }
    }

    @media screen and (max-width: 700px) {
    table.contact td{
            display: block;
            padding: 0px;
        }
        
        a.btn_ao_a {
        padding: 1rem;
            width: 230px;
            margin-bottom: 10px !important;
    }
        a.btn_ao_a .a__icon img {
        width: 75px !important;
                margin: 0px !important;
    }
        
        a.btn_ao_a .a__text {
            font-size: 14px !important;
            padding-right: 18px !important;
                    padding-left: 20px !important;
        }
    }

    /*CONTACT　背景
    .cb_free_space.num6 {
            background: linear-gradient(90deg, #D7F0FA 0%, #C3F2EF 100%) !important;
        padding-left: 100px;
        padding-right: 100px;
    }

    @media screen and (max-width: 1200px) {.cb_free_space.num6 {
        padding-left: 0px;
        padding-right: 0px;
        }}*/

    /*背景*/
    .gray_wide_content:after {
        background: #F4FAFC;
    }

    h2.catch.common_catch {
        position: relative;
        font-size: 36px !important;
        font-weight: 800;
        margin-bottom: 60px;
        color: #459dca;
    }

    h2.catch.common_catch::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 5px;
        border-radius: 3px;
        background: linear-gradient(90deg, #43C9ED 0%, #3C98D6 100%);
    }

    .gray_wide_content h2.catch.common_catch {
            margin-bottom: 30px !important;
    }

    .gray_wide_content img {
        margin-top: 30px !important;
    }

    @media screen and (max-width: 700px) {
    h2.catch.common_catch {
        position: relative;
        font-size: 30px !important;
        margin-bottom: 30px;
    }
        
    h2.catch.common_catch::after {
        height: 4px !important;
        width: 65px;
    }
    }

    #header_search {
        display: none;
    }

    #drawer_menu_search {
            display: none;
    }

    /* NETIS登録 KT-220099-VE */
    .c-icon--register {
        width: 175px;
        margin: 0 auto;
        display: block;
    }

    @media screen and (min-width: 992px) {
        .c-icon--register {
            width: 190px;
        }
    }