:root {
        --swl-fz--content: 4vw;
        --swl-font_family: "Noto Sans JP", sans-serif;
        --swl-font_weight: 400;
        --color_main: #144469;
        --color_text: #000000;
        --color_link: #144469;
        --color_htag: #144469;
        --color_bg: #fdfdfd;
        --color_gradient1: #d8ffff;
        --color_gradient2: #87e7ff;
        --color_main_thin: rgba(25, 85, 131, 0.05);
        --color_main_dark: rgba(15, 51, 79, 1);
        --color_list_check: #144469;
        --color_list_num: #144469;
        --color_list_good: #86dd7b;
        --color_list_triangle: #f4e03a;
        --color_list_bad: #f36060;
        --color_faq_q: #d55656;
        --color_faq_a: #6599b7;
        --color_icon_good: #ffa537;
        --color_icon_good_bg: #ffe8cc;
        --color_icon_bad: #4b73eb;
        --color_icon_bad_bg: #eafaff;
        --color_icon_info: #4b4b4b;
        --color_icon_info_bg: #f4f4f4;
        --color_icon_announce: #ffa537;
        --color_icon_announce_bg: #ffe8cc;
        --color_icon_pen: #7a7a7a;
        --color_icon_pen_bg: #f7f7f7;
        --color_icon_book: #787364;
        --color_icon_book_bg: #f8f6ef;
        --color_icon_point: #ffa639;
        --color_icon_check: #86d67c;
        --color_icon_batsu: #f36060;
        --color_icon_hatena: #5295cc;
        --color_icon_caution: #f7da38;
        --color_icon_memo: #84878a;
        --color_deep01: #e44141;
        --color_deep02: #3d79d5;
        --color_deep03: #63a84d;
        --color_deep04: #f09f4d;
        --color_pale01: #fff2f0;
        --color_pale02: #f3f8fd;
        --color_pale03: #f1f9ee;
        --color_pale04: #fdf9ee;
        --color_mark_blue: #b7e3ff;
        --color_mark_green: #bdf9c3;
        --color_mark_yellow: #fcf69f;
        --color_mark_orange: #ffddbc;
        --border01: solid 4px #fd8d04;
        --border02: double 4px var(--color_main);
        --border03: dashed 2px var(--color_border);
        --border04: solid 4px var(--color_gray);
        --card_posts_thumb_ratio: 56.25%;
        --list_posts_thumb_ratio: 61.805%;
        --big_posts_thumb_ratio: 56.25%;
        --thumb_posts_thumb_ratio: 61.805%;
        --blogcard_thumb_ratio: 56.25%;
        --color_header_bg: #fdfdfd;
        --color_header_text: #333;
        --color_footer_bg: #fdfdfd;
        --color_footer_text: #333;
        --container_size: 1200px;
        --article_size: 900px;
        --logo_size_sp: 42px;
        --logo_size_pc: 72px;
        --logo_size_pcfix: 32px;
    }

    .swl-cell-bg[data-icon="doubleCircle"] {
        --cell-icon-color: #ffc977
    }

    .swl-cell-bg[data-icon="circle"] {
        --cell-icon-color: #94e29c
    }

    .swl-cell-bg[data-icon="triangle"] {
        --cell-icon-color: #eeda2f
    }

    .swl-cell-bg[data-icon="close"] {
        --cell-icon-color: #ec9191
    }

    .swl-cell-bg[data-icon="hatena"] {
        --cell-icon-color: #93c9da
    }

    .swl-cell-bg[data-icon="check"] {
        --cell-icon-color: #94e29c
    }

    .swl-cell-bg[data-icon="line"] {
        --cell-icon-color: #9b9b9b
    }

    .cap_box[data-colset="col1"] {
        --capbox-color: #f59b5f;
        --capbox-color--bg: #fff8eb
    }

    .cap_box[data-colset="col2"] {
        --capbox-color: #5fb9f5;
        --capbox-color--bg: #edf5ff
    }

    .cap_box[data-colset="col3"] {
        --capbox-color: #2fcd90;
        --capbox-color--bg:#eafaf2
    }

    .red_ {
        --the-btn-color: #f74a4a;
        --the-btn-color2: #ffbc49;
        --the-solid-shadow: rgba(185, 56, 56, 1)
    }

    .blue_ {
        --the-btn-color: #338df4;
        --the-btn-color2: #35eaff;
        --the-solid-shadow: rgba(38, 106, 183, 1)
    }

    .green_ {
        --the-btn-color: #62d847;
        --the-btn-color2: #7bf7bd;
        --the-solid-shadow: rgba(74, 162, 53, 1)
    }

    .is-style-btn_normal {
        --the-btn-radius:80px
    }

    .is-style-btn_solid {
        --the-btn-radius:80px
    }

    .is-style-btn_shiny {
        --the-btn-radius:80px
    }

    .is-style-btn_line {
        --the-btn-radius:80px
    }

    .post_content blockquote {
        padding:1.5em 2em 1.5em 3em
    }

    .post_content blockquote::before {
        content: "";
        display: block;
        width: 5px;
        height: calc(100% - 3em);
        top: 1.5em;
        left: 1.5em;
        border-left: solid 1px rgba(180, 180, 180, .75);
        border-right: solid 1px rgba(180, 180, 180, .75);
    }

    .mark_blue {
        background: -webkit-linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
        background:linear-gradient(transparent 64%, var(--color_mark_blue) 0%)
    }

    .mark_green {
        background: -webkit-linear-gradient(transparent 64%, var(--color_mark_green) 0%);
        background:linear-gradient(transparent 64%, var(--color_mark_green) 0%)
    }

    .mark_yellow {
        background: -webkit-linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
        background:linear-gradient(transparent 64%, var(--color_mark_yellow) 0%)
    }

    .mark_orange {
        background: -webkit-linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
        background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%)
    }

    [class * ="is-style-icon_"] {
        color: #333;
        border-width: 0
    }

    [class * ="is-style-big_icon_"] {
        border-width: 2px;
        border-style: solid
    }

    [data-col="gray"] .c-balloon__text {
        background: #f7f7f7;
        border-color: #ccc
    }

    [data-col="gray"] .c-balloon__before {
        border-right-color: #f7f7f7
    }

    [data-col="green"] .c-balloon__text {
        background: #d1f8c2;
        border-color: #9ddd93
    }

    [data-col="green"] .c-balloon__before {
        border-right-color: #d1f8c2
    }

    [data-col="blue"] .c-balloon__text {
        background: #e2f6ff;
        border-color: #93d2f0
    }

    [data-col="blue"] .c-balloon__before {
        border-right-color: #e2f6ff
    }

    [data-col="red"] .c-balloon__text {
        background: #ffebeb;
        border-color: #f48789
    }

    [data-col="red"] .c-balloon__before {
        border-right-color: #ffebeb
    }

    [data-col="yellow"] .c-balloon__text {
        background: #f9f7d2;
        border-color: #fbe593
    }

    [data-col="yellow"] .c-balloon__before {
        border-right-color:#f9f7d2
    }

    .-type-list2 .p-postList__body::after, .-type-big .p-postList__body::after {
        content: "READ MORE »";
    }

    .c-postThumb__cat {
        background-color: #144469;
        color: #fff;
        background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px)
    }

    .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
        background: var(--color_htag);
        padding: .75em 1em;
        color: #fff
    }

    .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
        position: absolute;
        display: block;
        pointer-events: none;
        content: "";
        top: -4px;
        left: 0;
        width: 100%;
        height: calc(100% + 4px);
        box-sizing: content-box;
        border-top: solid 2px var(--color_htag);
        border-bottom: solid 2px var(--color_htag)
    }

    .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
        border-left: solid 4px var(--color_htag);
        padding: .25em 0 .25em 16px
    }

    .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
        content: "\e923";
        display: inline-block;
        font-family: "icomoon";
        margin-right: .5em;
        color:var(--color_htag)
    }

    .c-gnav a::after {
        background: var(--color_main);
        width: 0%;
        height:2px
    }

    .p-spHeadMenu .menu-item.-current {
        border-bottom-color:var(--color_main)
    }

    .c-gnav > li:hover > a::after, .c-gnav > .-current > a::after {
        width:100%
    }

    .c-gnav .sub-menu {
        color: #333;
        background:#fff
    }

    .l-fixHeader::before {
        opacity:1
    }

    #pagetop {
        border-radius:50%
    }

    #fix_bottom_menu {
        color:#333
    }

    #fix_bottom_menu::before {
        background: #fff;
        opacity:0.9
    }

    .c-widget__title.-spmenu {
        padding: .5em .75em;
        border-radius: var(--swl-radius--2, 0px);
        background: var(--color_main);
        color: #fff;
    }

    .c-widget__title.-footer {
        padding:.5em
    }

    .c-widget__title.-footer::before {
        content: "";
        bottom: 0;
        left: 0;
        width: 40%;
        z-index: 1;
        background:var(--color_main)
    }

    .c-widget__title.-footer::after {
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        background:var(--color_border)
    }

    .c-secTitle {
        border-left: solid 2px var(--color_main);
        padding:0em .75em
    }

    .p-spMenu {
        color:#333
    }

    .p-spMenu__inner::before {
        background: #fdfdfd;
        opacity:1
    }

    .p-spMenu__overlay {
        background: #000;
        opacity: 0.6
    }

    [class * ="page-numbers"] {
        color: #fff;
        background-color:#dedede
    }

    a {
        text-decoration: none
    }

    .l-topTitleArea.c-filterLayer::before {
        background-color: #000;
        opacity: 0.24;
        content: ""
    }

    @media screen and (min-width: 960px) {
        :root {
        }
    }

    @media screen and (max-width: 959px) {
        :root {
        }

        .l-header__logo {
            margin-right:auto
        }

        .l-header__inner {
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            justify-content:flex-end
        }
    }

    @media screen and (min-width: 600px) {
        :root {
            --swl-fz--content: 16px;
        }
    }

    @media screen and (max-width: 599px) {
        :root {
        }
    }

    @media (min-width: 1108px) {
        .alignwide {
            left: -100px;
            width: calc(100% + 200px);
        }
    }

    @media (max-width: 1108px) {
        .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
            left: 0px;
            width: 100%;
        }
    }

    .l-fixHeader .l-fixHeader__gnav {
        order:0
    }

    [data-scrolled=true] .l-fixHeader[data-ready] {
        opacity: 1;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        visibility:visible
    }

    .-body-solid .l-fixHeader {
        box-shadow:0 2px 4px var(--swl-color_shadow)
    }

    .l-fixHeader__inner {
        align-items: stretch;
        color: var(--color_header_text);
        display: flex;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        z-index:1
    }

    .l-fixHeader__logo {
        align-items: center;
        display: flex;
        line-height: 1;
        margin-right: 24px;
        order: 0;
        padding:16px 0
    }

    [data-scrolled=true] #fix_bottom_menu {
        bottom:0
    }

    #fix_bottom_menu {
        box-shadow: 0 0 4px rgba(0, 0, 0, .1);
        transition: bottom .4s;
        width: 100%;
        z-index:100
    }

    #fix_bottom_menu:before {
        display: block;
        z-index:0
    }

    #fix_bottom_menu .menu_list {
        align-items: center;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 2px 0 0;
        position: relative;
        z-index:1
    }

    #fix_bottom_menu .menu_btn .open_btn {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform:scale(1.1)
    }

    #fix_bottom_menu .menu-item {
        flex: 1 1 100%;
        margin: 0;
        padding: 0;
        text-align:center
    }

    #fix_bottom_menu .menu-item a {
        color: inherit;
        display: block;
        line-height: 1;
        text-decoration:none
    }

    #fix_bottom_menu .menu-item i {
        color: inherit;
        display: block;
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        text-align:center
    }

    #fix_bottom_menu .menu-item i:before {
        color: inherit;
        display:inline-block
    }

    #fix_bottom_menu span {
        color: inherit;
        display: block;
        font-size: 10px;
        line-height: 1;
        margin-top: 4px;
        width:100%
    }

    @media not all and (min-width: 960px) {
        #fix_bottom_menu {
            display: block;
            padding-bottom:calc(env(safe-area-inset-bottom) * .5)
        }
    }

    .is-style-btn_normal a, .is-style-btn_shiny a {
        box-shadow:var(--swl-btn_shadow)
    }

    .c-shareBtns__btn, .is-style-balloon > .c-tabList .c-tabList__button, .p-snsCta, [class * =page-numbers] {
        box-shadow:var(--swl-box_shadow)
    }

    .p-articleThumb__img, .p-articleThumb__youtube {
        box-shadow:var(--swl-img_shadow)
    }

    .p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
        box-shadow:0 2px 8px rgba(0, 0, 0, .1), 0 4px 4px -4px rgba(0, 0, 0, .1)
    }

    .p-postList.-w-ranking li:before {
        background-image: repeating-linear-gradient(-45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 6px, transparent 0, transparent 12px);
        box-shadow:1px 1px 4px rgba(0, 0, 0, .2)
    }

    @media (min-width: 960px) {
        .-series .l-header__inner {
            align-items: stretch;
            display:flex
        }

        .-series .l-header__logo {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            margin-right: 24px;
            padding:16px 0
        }

        .-series .l-header__logo .c-catchphrase {
            font-size: 13px;
            padding:4px 0
        }

        .-series .c-headLogo {
            margin-right:16px
        }

        .-series-right .l-header__inner {
            justify-content:space-between
        }

        .-series-right .c-gnavWrap {
            margin-left:auto
        }

        .-series-right .w-header {
            margin-left:12px
        }

        .-series-left .w-header {
            margin-left:auto
        }
    }

    @media (min-width: 960px) and(min-width: 600px) {
        .-series .c-headLogo {
            max-width:400px
        }
    }

    .c-gnav .sub-menu a:before, .c-listMenu a:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform:none
    }

    .c-submenuToggleBtn {
        display:none
    }

    .c-listMenu a {
        padding: .75em 1em .75em 1.5em;
        transition:padding .25s
    }

    .c-listMenu a:hover {
        padding-left: 1.75em;
        padding-right:.75em
    }

    .c-gnav .sub-menu a:before, .c-listMenu a:before {
        color: inherit;
        content: "\e921";
        display: inline-block;
        left: 2px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        vertical-align:middle
    }

    .widget_categories > ul > .cat-item > a, .wp-block-categories-list > li > a {
        padding-left:1.75em
    }

    .c-listMenu .children, .c-listMenu .sub-menu {
        margin:0
    }

    .c-listMenu .children a, .c-listMenu .sub-menu a {
        font-size: .9em;
        padding-left:2.5em
    }

    .c-listMenu .children a:before, .c-listMenu .sub-menu a:before {
        left:1em
    }

    .c-listMenu .children a:hover, .c-listMenu .sub-menu a:hover {
        padding-left:2.75em
    }

    .c-listMenu .children ul a, .c-listMenu .sub-menu ul a {
        padding-left:3.25em
    }

    .c-listMenu .children ul a:before, .c-listMenu .sub-menu ul a:before {
        left:1.75em
    }

    .c-listMenu .children ul a:hover, .c-listMenu .sub-menu ul a:hover {
        padding-left:3.5em
    }

    .c-gnav li:hover > .sub-menu {
        opacity: 1;
        visibility:visible
    }

    .c-gnav .sub-menu:before {
        background: inherit;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index:0
    }

    .c-gnav .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        z-index:-1
    }

    .c-gnav .sub-menu a {
        padding-left:2em
    }

    .c-gnav .sub-menu a:before {
        left:.5em
    }

    .c-gnav .sub-menu a:hover .ttl {
        left:4px
    }

    :root {
        --color_content_bg: var(--color_bg);
        --mv_btn_radius: 0px;
        --mv_slide_animation: no;
    }

    .c-widget__title.-side {
        padding:.5em
    }

    .c-widget__title.-side::before {
        content: "";
        bottom: 0;
        left: 0;
        width: 40%;
        z-index: 1;
        background:var(--color_main)
    }

    .c-widget__title.-side::after {
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        background:var(--color_border)
    }

    .top #content {
        padding-top:4em
    }

    .p-mainVisual__inner {
        height:auto
    }

    .p-mainVisual .c-filterLayer::before {
        background-color: #000;
        opacity: 1;
        content: ""
    }

    .-type-slider .p-mainVisual__scroll {
        padding-bottom: 16px
    }

    .page.-index-off .w-beforeToc {
        display:none
    }

    @media screen and (min-width: 960px) {
        :root {
        }

        .p-mainVisual__inner {
            height:auto
        }
    }

    @media screen and (max-width: 959px) {
        :root {
        }
    }

    @media screen and (min-width: 600px) {
        :root {
        }
    }

    @media screen and (max-width: 599px) {
        :root {
        }
    }

    .swell-block-fullWide__inner.l-container {
        --swl-fw_inner_pad:var(--swl-pad_container, 0px)
    }

    @media (min-width: 960px) {
        .-sidebar-on .l-content .alignfull, .-sidebar-on .l-content .alignwide {
            left: -16px;
            width:calc(100% + 32px)
        }

        .swell-block-fullWide__inner.l-article {
            --swl-fw_inner_pad:var(--swl-pad_post_content, 0px)
        }

        .-sidebar-on .swell-block-fullWide__inner .alignwide {
            left: 0;
            width:100%
        }

        .-sidebar-on .swell-block-fullWide__inner .alignfull {
            left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            width:calc(100% + var(--swl-fw_inner_pad, 0) * 2) !important
        }
    }

    .-index-off .p-toc, .swell-toc-placeholder:empty {
        display:none
    }

    .p-toc.-modal {
        height: 100%;
        margin: 0;
        overflow-y: auto;
        padding:0
    }

    #main_content .p-toc {
        border-radius: var(--swl-radius--2, 0);
        margin: 4em auto;
        max-width:800px
    }

    #sidebar .p-toc {
        margin-top:-.5em
    }

    .p-toc .__pn:before {
        content: none !important;
        counter-increment:none
    }

    .p-toc .__prev {
        margin:0 0 1em
    }

    .p-toc .__next {
        margin: 1em 0 0
    }

    .p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList {
        height: 0;
        margin-bottom: -.5em;
        visibility:hidden
    }

    .p-toc.is-omitted:not([data-omit=nest]) {
        position:relative
    }

    .p-toc.is-omitted:not([data-omit=nest]):before {
        background: linear-gradient(hsla(0, 0%, 100%, 0), var(--color_bg));
        bottom: 5em;
        content: "";
        height: 4em;
        left: 0;
        opacity: .75;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index:1
    }

    .p-toc.is-omitted:not([data-omit=nest]):after {
        background: var(--color_bg);
        bottom: 0;
        content: "";
        height: 5em;
        left: 0;
        opacity: .75;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .p-toc.is-omitted:not([data-omit=nest]) .__next, .p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"] {
        display:none
    }

    .p-toc .p-toc__expandBtn {
        background-color: #f7f7f7;
        border: rgba(0, 0, 0, .2);
        border-radius: 5em;
        box-shadow: 0 0 0 1px #bbb;
        color: #333;
        display: block;
        font-size: 14px;
        line-height: 1.5;
        margin: .75em auto 0;
        min-width: 6em;
        padding: .5em 1em;
        position: relative;
        transition: box-shadow .25s;
        z-index:2
    }

    .p-toc[data-omit=nest] .p-toc__expandBtn {
        display: inline-block;
        font-size: 13px;
        margin: 0 0 0 1.25em;
        padding:.5em .75em
    }

    .p-toc:not([data-omit=nest]) .p-toc__expandBtn:after, .p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
        border-top-color: inherit;
        border-top-style: dotted;
        border-top-width: 3px;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: calc(50% - 1px);
        transition: border-color .25s;
        width: 100%;
        width:22px
    }

    .p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
        right:calc(100% + 1em)
    }

    .p-toc:not([data-omit=nest]) .p-toc__expandBtn:after {
        left:calc(100% + 1em)
    }

    .p-toc.is-expanded .p-toc__expandBtn {
        border-color:transparent
    }

    .p-toc__ttl {
        display: block;
        font-size: 1.2em;
        line-height: 1;
        position: relative;
        text-align:center
    }

    .p-toc__ttl:before {
        content: "\e918";
        display: inline-block;
        font-family: icomoon;
        margin-right: .5em;
        padding-bottom: 2px;
        vertical-align:middle
    }

    #index_modal .p-toc__ttl {
        margin-bottom:.5em
    }

    .p-toc__list li {
        line-height:1.6
    }

    .p-toc__list > li + li {
        margin-top:.5em
    }

    .p-toc__list .p-toc__childList {
        padding-left: .5em
    }

    .p-toc__list [data-level="3"] {
        font-size:.9em
    }

    .p-toc__list .mininote {
        display:none
    }

    .post_content .p-toc__list {
        padding-left:0
    }

    #sidebar .p-toc__list {
        margin-bottom:0
    }

    #sidebar .p-toc__list .p-toc__childList {
        padding-left:0
    }

    .p-toc__link {
        color: inherit;
        font-size: inherit;
        text-decoration:none
    }

    .p-toc__link:hover {
        opacity:.8
    }

    .p-toc.-double {
        background: var(--color_gray);
        background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
        background-clip: padding-box;
        background-size: 4px 4px;
        border-bottom: 4px double var(--color_border);
        border-top: 4px double var(--color_border);
        padding:1.5em 1em 1em
    }

    .p-toc.-double .p-toc__ttl {
        margin-bottom:.75em
    }

    @media (min-width: 960px) {
        #main_content .p-toc {
            width:92%
        }
    }

    @media (hover: hover) {
        .p-toc .p-toc__expandBtn:hover {
            border-color: transparent;
            box-shadow:0 0 0 2px currentcolor
        }
    }

    @media (min-width: 600px) {
        .p-toc.-double {
            padding: 2em
        }
    }