html{
    scroll-padding-top: 80px;
}
@media screen and (max-width: 1023px) {
    html{
        scroll-padding-top: 60px;
    }
}
body {
    background: #fefefe;
    color: #05223a;
}

.inner {
    max-width: 1200px;
}

.inner_narrow {
    max-width: 1000px;
}

.lower_gnav {
    border-top: none;
}

body .section {
    border: none;
    background: #f6f7f9;
    padding: 48px 0;
}

body .section:nth-child(2n) {
    background: #fefefe;
}

body .section:nth-of-type(odd) .flow_box {
    background: #fefefe;
}
@media screen and (max-width: 1200px) {
    .inner_w,
    .inner {
        padding: 0 16px;
    }
}

/* ------------- デザイン汎用 --------------- */

/* 汎用グラデーションカラー */
.st_gradation_background {
    background: linear-gradient(to right, #1b9ee9, #1642e1);
}

.st_gradation_text {
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 auto;
    width: fit-content;
}

.im_gradation_text {
    background: linear-gradient(to right, #54BA3B, #208604);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 auto;
    width: fit-content;
}

.st_text {
    color: #1642e1;
}

/* 汎用ボックスシャドウ */

.basic_boxshadow {
    box-shadow: 0px 6px 18px -6px #666666;
}

/* gnavi */

.gnav>li>a {
    height: 40px;
}

.snav_btn {
    background: #1642e1;
}

.mega_menu_list li a:hover {
    background-color: #edf2fa;
    color: #000;
}

/* ドロップメニュー */
.dropdown-menu {
    border-radius: 16px;
    border-color: #17429a;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
@media screen and (max-width: 1023px) {
    .dropdown-menu {
        box-shadow: none;
    }
    .dropdown-menu li a {
        padding: 0 0 0 10px !important;
    }
}

/* 追従ヘッダー */

.header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}

header+main {
    margin-top: 80px;
    /* 固定headerの高さの数値を指定 */
}

.sitename img {
    height: 60px;
    padding-right: 32px;
}

.sitename_text {
    float: right;
    line-height: 60px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #3c475c;
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    width: fit-content;
}

@media screen and (max-width: 1520px) {
    .sitename_text{
        display: none;
    }
    .sitename img {
        padding-right: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .sitename img {
        height: 40px;
        margin-top: 10px;
    }

    .sitename_text {
        padding-left: 16px;
    }

    header+main {
        margin-top: 60px;
    }
}

/* form系ではヘッダー追従オフに */

.simple.header {
    position: static;
}

/* footer */

.footer {
    color: #E1E1E1;
    background-color: #3c475c;
}

.footer_inner {
    padding: 118px 0;
    max-width: 1200px;
}

.fnav {
    gap: 56px 0;
}

.fnav a{
    line-height: 2;
}

.fnav .fnav_first {
    font-size: 1.6rem;
}

.sub_fnav {
    padding: 32px 0;
    border-top: none;
}

footer .sub_fnav {
    background: #3c475c;
}

.sub_fnav .fnav {
    gap: 0 48px;
}

.fnav_info .site_copy {
    margin-top: 16px;
}

.footer .sitename img {
    text-align: left;
}

#copyright {
    font-weight: 300;
}

@media screen and (max-width: 1200px) {
    .footer_inner{
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 768px) {
    .footer_inner {
        padding: 48px 16px 0;
        max-width: 1200px;
    }

    .fnav {
        gap: 16px 0;
    }

    .fnav a {
        line-height: 1.6;
    }

    .sub_fnav .fnav {
        gap: 8px 48px;
        justify-content: center;
    }
}

/* 総TOP main visual */

.mv_area.top {
    background: url(/images/mv.png) #1642e1 no-repeat;
    mix-blend-mode: multiply;
    background-size: cover;
    background-position: center;
}

.mv_top_box {
    color: #000;
    border: none;
}

.mv_top_head {
    color: #fff;
}

.mv_box_head span {
    margin: 0 auto;
}

span.for_st {
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    line-height: normal;
    display: inline-block;
}

span.for_im {
    background: linear-gradient(to right, #54BA3B, #208604);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    line-height: normal;
    display: inline-block;
}

.text_area .copy_lv3 {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 32px;
}

/* S&T top main visual */

.mv_area {
    background: url("/images/top/topmv.png");
    background-size: cover;
    background-color: rgb(58 102 128 / 80%);
    background-blend-mode: overlay;
    color: #fff;
    text-align: center;
}

.mv_inner {
    max-width: 1200px;
}

.mv_copy_lv2 {
    font-size: 6rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
}

.mv_copy_lv2 .strong {
    color: #ffff54;
    font-size: 5.6rem;
}

.mv_copy_read {
    font-weight: bold;
    color: #fff;
}

.mv_btn_area {
    margin-top: 56px;
}

.mv_btn_area .btn_dl {
    background: linear-gradient(to right, #2c6fe2, #3c88e5);
    box-shadow: 0 5px 0 #1a3893;
}

.mv_btn_area .btn_dl:hover {
    box-shadow: none;
    transform: translateY(5px);
}

.mv_btn_area .btn_dl span::before {
    background-image: url(/images/common/icon_cloud.svg);
}

.mv_area .marker {
    background: none;
    box-shadow: inset 0 -1rem #1b9ee9;
}

.mv_area .mv_btn_area .btn_dl span {
    color: #fff;
}

.mv_area .circle_features {
    justify-content: center;
    gap: 24px;
}

.mv_area .circle_features_item {
    background: url(/images/common/award_gradation2.png) no-repeat;
}

.mv_area .circle_features_item p span {
    color: #ffff54;
}

@media screen and (max-width: 768px) {
    .mv_copy_lv2 {
        font-size: 2.4rem;
    }

    .mv_copy_lv2 .strong {
        font-size: 4rem;
    }
}

/* S&T TOP contents */

.section.change_world {
    /* background-image:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("/images/change_world3.png");*/
    background-repeat: no-repeat;
    background-position: right center;
    background-blend-mode: multiply;

}

.section.change_world2 {
    /* background-image:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("/images/change_world2.png");*/
    background-repeat: no-repeat;
    background-position: top;
    background-blend-mode: multiply;
    background-size: cover;
}

.change_world .voices {
    margin-bottom: 56px;
}

.change_world .voices li {
    line-height: 2;
    padding: 20px 6px 4px 6px;
    display: inline-block;
    border-bottom: 1px dotted #666666;
    font-weight: 600;
    font-size: 1.8rem;
    color: #18359d;
}

.colx.note .cols_img_text {
    color: #050f15;
    font-size: 1.8rem;
    margin-bottom: 0;
}

.colx.note .cols_img img {
    border-radius: 8px;
    border: none;
}

.co_create {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .change_world .voices li {
        font-size: 1.6rem;
        line-height: 1.8;
    }
}


/* scene */

.scene_mv.lp_mv {
    background-color: #f0efff;
}

/* lp content service & scene */

.basic_ul3 li::before {
    background: #1b9ee9;
}

.section.longrun {
    text-align: center;
}

.longrun p {
    line-height: 2;
    margin-bottom: 24px;
}

.longrun span {
    font-weight: bold;
}

.team_box{
    margin-bottom:72px;
    padding:0 24px 40px 24px;
}

.team_box .img_box{
    margin-bottom:0;
}

.over_box_head {
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 32px;
    color: #17429a;
}

.over_box_head .head_label {
    background: none;
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    font-weight: 600;
    font-size: 2.4rem;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.over_box_subhead {
    background-color: #fefefe;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    .over_box_head {
        font-size: 2.8rem;
        margin-bottom: 20px;
    }
}


/* グローバルナビゲーション */

.lower .gnav>li {
    height: 40px;
}

.lower .menu {
    height: 40px;
    padding-bottom: 2px;
}

/* S&T top */


/* news */

.news_cat {
    background: #1b9ee9;
    color: #fff;
    border-radius: 4px;
    padding: 6px;
}

.news_title{
    font-size:3.2rem;
}

.news_area.news_details .news_date{
    font-size:1.4rem;
}

/* ボタン */

.cta_area {
    background-image: linear-gradient(to right, #0f45c5, #1642e1), url(/images/common/cta_back.png);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    color: #fff;
}

.btn_cta1,
.snav_btn.snav_cta1,
input.btn_submit[type=submit], input.btn_submit[type=button] {
    color: #fff;
    border: none;
    background: linear-gradient(135deg, #1b9ee9, #4a4ce5);
    border-radius: 100px;
}

.btn_cta2,
.btn_dl,
.snav_btn.snav_cta2 {
    color: #1b9ee9;
    background-color: #fff;
    border: 1px solid #1b9ee9;
    border-radius: 100px;
}

.btn_dl {
    width: 100%;
    max-width: 480px;
    border-radius: 100px;
}

.btn_cta1:hover,
.snav_btn.snav_cta1:hover,
.btn_cta2:hover,
.btn_dl:hover,
.snav_btn.snav_cta2:hover {
    opacity: 0.9;
}

.btn_dl span {
    color: #1297eb;
}

.btn_dl span::before {
    background-image: url(/images/common/icon_cloud_blue.svg);
}



/* パーツ */

.head_lv1 {
    text-align: left;
    font-size: 6rem;
    font-weight: 600;
    color: #050f15;
}

.head_lv1.withornament {
    font-size: 2.4rem;
    text-align: center;
    color: #17429a;
    font-weight: 400;
    margin-top: -30px;
}

.copy_lv2 {
    font-weight: 500;
    color: #17429a;
}

.ornament_lv2 {
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
    width: fit-content;
    line-height: 1.8;
}

.ornament_lv2.multiline {
    line-height: 1.4;
    margin-bottom: 40px;
    font-size: 80px;
}

.achievement_box {
    border: none;
    box-shadow: 0px 6px 15px -10px #666666;
    border-radius: 10px;
}

.achievement_box_head {
    background: #1b9ee9;

}

.achievement_box_main {
    background: #eaf7fe;
    padding: 16px 16px 18px 16px;
}

.achievement_box_title {
    color: #18359d;
}

.achievement_box_main .cols_text {
    margin-top: -20px;
    text-align: left;
}
.achievement_nda{
    padding:24px 24px 1px 24px;
}


.s_text {
    color: #3c475c;
}

.basic_ul li{
    margin-bottom:4px;
}

.basic_ul li::before {
    background: #1b9ee9;
}

.more .btn_basic {
    background: none;
    border: 1px solid #1b9ee9;
    border-radius: 100px;
    color: #1b9ee9;
}

.more .btn_basic.btn_basic span {
    padding: 16px;
    font-size: 1.6rem;
    /*width: 480px;*/
}

.see_detail {
    width: 100%;
    max-width: 680px;
    padding:20px;
    text-align: center;
}

.see_detail .btn_basic {
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    border: 1px solid #1b9ee9;
    border-radius: 100px;
    color: #fff;
}

.see_detail .btn_basic.btn_basic span {
    font-size: 2.4rem;
}

.see_detail .btn_basic:hover {
    opacity: 0.9;
}


.numlist_circle {
    background: none;
    color: #186fd1;
    border: 1px solid #186fd1;
    border-radius: 0;
}

.boxlist {
    background: none;
    padding: 0 0 72px 0;
}

.boxlist_item {
    background: #ffffff;
    border: 2px solid #0c33bc;
}
a .boxlist_item::before{
    border-color: #0c33bc;
    border-width: 2px;
}
a .boxlist_item::after{
    border-color: #0c33bc;
    border-width: 2px 2px 0 0;
}

.boxlist_text {
    font-weight: 400;
    color: #0c33bc;
}

.boxlist_attention {
    font-size: 2.4rem;
}

a:hover .boxlist_item {
    background: #f1f9fd;
}

.head_num_label {
    background: none;
    color: #05223a;
    border: 1px solid #05223a;
    border-radius: 0;
}

.set_head_num {
    margin-bottom: 32px;
}

.flow_area.white .flow_box {
    background: #fff;
}

.flow_box {
    border-color: #d3d3d3;
}

.flow_icon {
    border: none;
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    color: #fff;
}

.flow_box:not(:last-child)::after {
    background-color: #1b9ee9;
}

.flow_head {
    gap: 14px;
}

.section .intro_box p {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
}

.ornament_lv2 {
    background: linear-gradient(to top, #f7f4f1, #f4f0ea);
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    width: fit-content;
    line-height: 1.8;
    font-size: 100px;
}

.head_lv2 {
    line-height: 1.6;
    font-size: 3.2rem;
    font-weight: 500;
    color: #17429a;
    margin-bottom: 72px;
}
.box_head_lv2 {
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 700;
    font-size:4.2rem;
}

.box_head_lv2 span {
    font-size: 1.8rem;
}

.breadcrumbs {
    padding: 36px 0 0 0;
}

.breadcrumbs ol {
    max-width: 1200px;
}

.breadcrumbs li a {
    font-size: 1.3rem;
    color: #777;
}

.breadcrumbs li:nth-last-of-type(1) a {
    color: #777;
}

@media screen and (max-width: 1216px) {
    .breadcrumbs {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.box_head_tag {
    margin-bottom: 20px;
    background: #1b9ee9;
    color: #fff;
    border: none;
    padding: 10px 12px;
    font-weight: bold;
    font-size: 1.6rem;
}

.box_head_sub {
    margin-top: 12px;
}

.board_box {
    background: #fff;
    padding: 40px;
}

.cols_img_text {
    color: #fff;
    font-size: 2.8rem;
}

.faq_box summary,
.answer_area {
    border: 1px solid #d3d3d3;
    background: #fff;
}

.answer_area {
    border-top: none;
}

.faq_box summary {
    background: #fff;
}

.faq_icon {
    border: 1px solid #1b9ee9;
    background: #fff;
    color: #1b9ee9;
}

.q_text {
    color: #444;
}

.pagenate_list {
    gap: 8px;
}

.current_page {
    background: #1642e1;
    border-color: #1642e1;
}

.link_page {
    border-color: #1642e1;
    color: #1642e1;
}

.link_page:hover {
    background: #1642e1;
    border-color: #1642e1;
}

.numlist_title {
    font-weight: 500;
    color: #186fd1;
}

.numlist_item {
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        padding: 24px 16px 0;
    }

    .head_lv1 {
        font-size: 3.4rem;
    }

    .head_lv1.withornament {
        font-size: 2.2rem;
        margin-top: 0;
    }

    .head_lv2 {
        font-size: 2.2rem;
        margin-bottom: 40px;
    }

    .box_head_lv2 {
        font-size: 2.6rem;
    }

    .cols_img_text {
        font-size: 2.2rem;
    }

    .ornament_lv2 {
        margin-bottom: 8px;
        line-height: 1.2;
        font-size: 4.8rem;
        padding-bottom: 5px;
    }

    .ornament_lv2.multiline {
        line-height: 1.2;
        margin-bottom: 8px;
        font-size: 4.8rem;
    }

    .more .btn_basic.btn_basic span {
        font-size: 1.4rem;
    }

    .see_detail .btn_basic.btn_basic span {
        font-size: 1.4rem;
        width: 100%;
    }

    .section .intro_box p {
        font-size: 1.4rem;
        margin-bottom: 16px;
    }
}

/* =============== LP ================ */

/* LP main visual */

.lp_mv {
    background-color: #1b9ee9;
    background-image: url("/images/top/mv.png");
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    color: #fff;
}

.lp_mv .sitename img {
    width: auto;
    height: 60px;
}

.lp_head_lv1 {
    margin-bottom: 32px;
}

.lp_copy_lv1 {
    font-size: 2.2rem;
    margin-bottom: 48px;
}

.lp_mv .attention{
    color:#ffff54;
}

.lp_copy_shoulder {
    display: inline-block;
    padding: 8px 12px;
    font-size: 2.4rem;
    background: #fff;
    color: #0a66c1;
    margin-bottom: 16px;
}

.circle_features_item {
    width: 240px;
    height: 156px;
    border-radius: 0;
    background: url(/images/common/award_gradation.png) no-repeat;
    border: none;
}

.circle_features_item p span {
    color: #fcd790;
    line-height: 4rem;
}
@media screen and (max-width: 768px) {
    .lp_copy_lv1 {
        margin-bottom: 30px;
    }
    .lp_mv .attention{
        font-size: 2.4rem;
    }
}

/* lp form */

.lp_mv_form {
    margin-top: 140px;
}

.lp_mv_formhead {
    background: #1b9ee9;
    border-radius: 6px 6px 0 0;
    font-size:2.4rem;
}

.lp_form_box {
    border-radius: 0 0 6px 6px;
    border: 1px solid #efefef;
    color: #05223a;
}

.lp_mv_form .btn_submit_s {
    color: #fff;
    border: none;
    background: linear-gradient(to right, #1b9ee9, #1642e1);
    text-shadow: 1px 1px #1642e1;
    border-radius: 3px;
    box-shadow: 0 5px 0 #1642e1;
}

.lp_mv_form .btn_submit_s:hover {
    box-shadow: none;
    transform: translateY(5px);
}

.lp_mv_form .ck_pp {
    margin-bottom: 20px;
}

.lp_mv_form .form_box input,
.lp_mv_form .form_box textarea,
.lp_mv_form .form_box select {
    border: 1px solid #9c9c9c;
}

.lp_mv_form .form_box th {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    color: #222;
}

.lp_form_box_microcopy {
    color: #222;
}

@media screen and (max-width: 768px) {
    .lp_mv {
        padding-top: 20px;
    }

    .lp_copy_shoulder {
        font-size: 1.8rem;
    }

    .lp_mv_form {
        margin-top: 40px;
    }
}

input.btn_submit_s[type=submit],
input.btn_submit_s[type=reset],
input.btn_submit_s[type=button] {
    border-radius: 100px;
}

/* LP content */

.scroll-container .scroll-item {
    background: #d1eeff;
    background: #1297eb;
    color: #fff;
    border-radius: 4px;
    margin: 0 5px;
}

.feature_label {
    background: #1b9ee9;
    background: linear-gradient(to right, #1b9ee9, #1642e1);
}

.feature_item {
    border: none;
    box-shadow: 0px 6px 15px -10px #666666;
}

.feature_list {
    padding-left: 0;
}

.feature_list li {
    display: inline-block;
    font-size: 1.5rem;
    list-style: none;
    background: #d1eeff;
    color: #0c33bc;
    border-radius: 8px;
    padding: 6px 16px;
}

.support_box {
    border: none;
}

.support_box_item {
    border-left: 1px dotted #9c9c9c;
    padding: 30px 0;
}

.support_box_item.current {
    background-color: #ffe4e4;
}

.support_box_item.current::before,
.current .support_note,
.current .support_title {
    color: #1642e1;
}

.support_box_item.current::before,
.current .support_title {
    border: none;
}

.support_title {
    border: none;
    background: none;
    margin-bottom: 8px;
}

.support_note {
    margin-bottom: 0;
}

.support_list {
    margin-left: 40px;
}

.process_box {
    padding: 30px 30px;
}

.representation_box {
    padding: 30px;
    background: #f8f9fa;
    color:#222;
}

/* column */

.side_follow {
    top: 96px;
}

/* download */

.dl_box .dl_box_label{
    background: #1297eb;
    font-weight: 600;    
}

.contents.form{
    padding-bottom: 60px;
}

.sideform_head_lv1 {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
    .sideform_head_lv1 {
        font-size: 2.8rem;
        line-height: 1.4;
    }
    .contents.form {
        padding: 0 0 40px;
    }
}
.side_document{
    padding:0;
    box-shadow: 0px 6px 18px -6px #666666;
}
.side_document.startguide{
    background: none;
}
.side_document.startguide img{
    border-radius: 8px;       
}

.contact_text{
    margin-top:20px;
}


/* ポップアップ */

.pop_box {
    border: 1px solid #d3d3d3;
    padding: 40px 20px;
    height: 280px;
}

.pop_btn {
    border: none;
    color: #1b9ee9;
    background-color: #fff;
    border: 1px solid #1b9ee9;
    border-radius: 100px;
}

.popup_box .close_btn {
    border: none;
    right: 1px;
    top: 1px;
    height: 36px;
    width: 36px;
}

.popup_box .close_btn::before, .popup_box .close_btn::after {
    background-color: #d3d3d3;
}

/* ふわっとアニメーション top用 */

#top .section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

#top .section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ノウハウ コラム note */

.page_column .breadcrumbs a,
.page_column .breadcrumbs li:nth-last-of-type(1) a{
    color:#fff;
}

.column_main_body{
    font-family:"YakuHanJP","Meiryo","Noto Sans JP", sans-serif;
}

.column_colx{
    gap: 40px 78px;
}

.column_area{
    padding-top:40px;
}

.column_date{
    margin-bottom:24px;
    color:#fff;
}
.column_date span{
    border-radius:20px;
    background:#18359d;
    padding:3px 8px;
    color:#f0efff;
    font-size:1.3rem;
}

.column_title{
    font-size:3.6rem;
    color:#fff;
}

.column_tag{
    padding:16px 0 8px 0;
    margin-bottom:32px;
    color:#fff;
}
.column_tag .column_tag_label{
    color:#efefef;
}

.column_mv{
    margin-top:16px;
}


.column_focus_area {
    background: #f3f8fa;
    margin-bottom:20px;
}

.column_head_lv2{
    line-height:1.28;
    color:#08131d;
    margin-bottom:20px;
}
.column_head_lv3{
    margin-bottom:20px;
    padding-bottom:0;
    font-weigh:700;
}
.column_area p{
    line-height:2;
}

.writer_box {
    background-color: #f8f9fa;
    font-family:"YakuHanJP","Meiryo","Noto Sans JP", sans-serif;
}

.page_column::before{
    background: url(/images/note/side_service_back.png) no-repeat;
    background-size: cover;
}

.column_cta_box{
    background: url(/images/note/content_service_back.png) no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.column_cta_logo img{
    width:100px;
}

.column_cta_head{
    color:#fff;
}
.column_cta_text{
    color:#fff;
}
.btn_column_cta{
    background: none;
    border: 1px solid #fff;
    color:#fff;
}

.knowhow_list .cols_img img{
    border-radius: 8px;
}

.cta_insert{
    background: url(/images/note/side_service_back.png) no-repeat;
    background-size: cover;
    color:#fff;
}
.cta_insert .cta_insert_title{
    color:#fff;
    font-weight:400;
    line-height:1.6;
}

.cta_insert .btn_cta_insert{
    color:#fff;
    background: none;
}

.toc_area{
    background: #f3f8fa;
    padding:20px;
}
.toc_area_toggle{
    left: 16px;
}
p.toc_head{
    font-size:1.5rem;
    padding-left:48px;
}
.toc_list{
    margin:0;
    padding:15px 0 0 0;
}
.toc_list a{
    font-size: 1.5rem;
    text-decoration:none;
    border-bottom:1px dotted #9c9c9c;
}

.side_related .side_head{
    font-size:2.4rem;
    text-align: center;
}

.side_related_box{
    display: flex;
    align-items: center;
}
.side_related_box img{
    width: 100px;
}
.side_related_box p{
    margin-left: 12px;
    font-size:1.5rem;
    line-height:1.2;
}


.side_service{
    background: url(/images/note/side_service_back.png) no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.side_service .side_logo img{
    width:100px;
}

.side_service .side_head{
    color:#fff;
}

.side_service .side_service_text{
    color:#fff;
    font-size:1.6rem;
}

.side_service .side_btn{
    background: none;
    color:#fff;
    border: 1px solid #fff;
}

/* タブ tab */

.tab_contents{
    padding:40px;
}
.tab_content_head_label{
    margin-bottom: 24px;
    background:#d1eeff;
    color: #0c33bc;
    padding:8px 16px;
    font-weight: 400;
    border-radius: 8px;
}
.tab_content_head{
    margin-bottom: 24px;
    color:#17429a;
}

.tab_btn{
    padding:12px 20px 12px 16px;
}

.tab_btn img{
    height:40px;
    margin-right:5px;
}
.tab_btn span{
    height:40px;
    line-height:40px;
}

.intab_todo{
    background:#0a66c1;
    color:#fff;
    font-size:2.4rem;
    text-align: center;
    padding:20px;
    margin-bottom:20px;
}
@media screen and (max-width: 768px) {
    .tab_contents{
        padding:20px;
    }
    .tab_content_head {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
    .intab_todo {
        font-size: 2.0rem;
        padding: 16px;
    }
    .tab_btn span {
        height: inherit;
        line-height: 1.2;
        text-align: left;
    }
    .tab_btn {
        display: flex;
        align-items: center;
        padding: 12px 12px 12px 12px;
    }
    .tab_btn img {
        height: 30px;
        margin-right: 5px;
    }
}