/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_col.css ***!
  \*************************************************************************/
@charset "UTF-8";

/* l_col
---------------------------------------------------------- */
.l_col_1 {
	grid-column: span 1;
}
.l_col_2 {
	grid-column: span 2;
}
.l_col_3 {
	grid-column: span 3;
}
.l_col_4 {
	grid-column: span 4;
}
.l_col_5 {
	grid-column: span 5;
}
.l_col_6 {
	grid-column: span 6;
}
.l_col_7 {
	grid-column: span 7;
}
.l_col_8 {
	grid-column: span 8;
}
.l_col_9 {
	grid-column: span 9;
}
.l_col_10 {
	grid-column: span 10;
}
.l_col_11 {
	grid-column: span 11;
}
.l_col_12 {
	grid-column: span 12;
}
/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_display.css ***!
  \*****************************************************************************/
@charset "UTF-8";

/* l_display
---------------------------------------------------------- */
/* flex以外のdisplayプロパティ指定を記述 */
.l_block {
    display: block;
}
.l_inline_block {
    display: inline-block;
}
.l_inline {
    display: inline;
}
/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_flex.css ***!
  \**************************************************************************/
@charset "UTF-8";

/* l_flex
---------------------------------------------------------- */
.l_flex {
	display: flex;
}
.l_flex_reverse {
	-ms-flex-direction: row;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	flex-direction: row-reverse;
}
.l_flex_column {
	-ms-flex-direction: column;
	flex-direction: column;
}
.l_align_items_flex_start {
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}
.l_align_items_center {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}
.l_align_items_flex_end {
	-ms-flex-align: end;
	-webkit-box-align: end;
	align-items: flex-end;
}
.l_align_items_baseline {
	align-items: baseline;
}
.l_align_content_baseline {
	align-content: baseline;
}
.l_justify_content_flex_start {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	text-align: start;
}
.l_justify_content_center {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
}
.l_justify_content_flex_end {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	text-align: end;
}
.l_justify_content_space_around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.l_justify_content_space_between {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.l_flex_wrap {
	box-lines: multiple;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.l_flex_nowrap {
	flex-wrap: nowrap;
}
.l_column_gap_16 {
	column-gap: 1.6rem;
}

/* flex order
---------------------------------------------------------- */
.l_flex_order_0 {
    order: 0;
}
.l_flex_order_1 {
    order: 1;
}
.l_flex_order_2 {
    order: 2;
}
.l_flex_order_3 {
    order: 3;
}
.flex_1 {
	flex: 1;
}
@media screen and (min-width: 768px){
    .l_flex_pc {
        display: flex;
    }
}
/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_layout.css ***!
  \****************************************************************************/
@charset "UTF-8";

/* layout
---------------------------------------------------------- */
.l_layout {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    @media screen and (min-width: 768px) {
        max-width: calc(102rem + 4.8rem);
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    @media screen and (max-width: 767px) {
        max-width: calc(102rem + 3.2rem);
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.l_layout_min {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    @media screen and (min-width: 768px) {
        max-width: calc(62.4rem + 4.8rem);
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    @media screen and (max-width: 767px) {
        max-width: calc(62.4rem + 3.2rem);
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.l_platform {
    width: 100%;
    max-width: 107.2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin-left: auto;
    margin-right: auto;
}

.l_layout_signup {
    width: 100%;
    max-width: 106.8rem;
    margin-left: auto;
    margin-right: auto;

    @media screen and (min-width: 768px) {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    @media screen and (max-width: 767px) {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_grid.css ***!
  \**************************************************************************/
@charset "UTF-8";

/* l_grid
---------------------------------------------------------- */
.l_grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2.4rem;
    row-gap: 2.4rem;
}

.l_grid_pc {
    @media screen and (min-width: 768px) {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        column-gap: 2.4rem;
        row-gap: 2.4rem;
    }

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

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/layout/l_row.css ***!
  \*************************************************************************/
@charset "UTF-8";

/* l-row
---------------------------------------------------------- */
.l_row {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/module/pocone.css ***!
  \**************************************************************************/
@charset "UTF-8";

/* トップページのスタイルでのみ使用 */
.pocone {
    color: var(--black_87);
    box-sizing: border-box;

    .pocone_header {
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        background-color: var(--main, var(--pocone_main));
        z-index: 100;
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            height: 72px;
        }
        @media screen and (max-width: 767px){
            height: 48px;
        }

        .pocone_logo {
            height: calc(100% - 16px);
            object-fit: cover;
            box-sizing: border-box;
        }
        .pocone_wrap {
            display: flex;
            align-items: center;
            margin-left: auto;
            box-sizing: border-box;
        }

        .pocone_link {
            display: block;
            padding-left: 16px;
            padding-right: 16px; 
            color: var(--main_text, var(--black_87));
            box-sizing: border-box;
            text-decoration: none;

            &:hover {
                opacity: .8;
                transition: .2s opacity;
            }

            @media screen and (min-width: 768px){
                font-size: 16px;
            }
            @media screen and (max-width: 767px){
                font-size: 13px;
            }

            /* より目立つ方のリンク */
            &:last-of-type {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--accent) !important;
                border-radius: 40px;
                color: var(--accent_text, var(--black_87));

                @media screen and (min-width: 768px){
                    width: 160px;
                    height: 50px;
                    margin-left: 16px;
                }
                @media screen and (max-width: 767px){
                    height: 34px;
                }
            }
        }
    }
    .pocone_footer {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 16px 16px 16px;
        background-color: var(--main, var(--pocone_main));
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            min-height: 144px;
            font-size: 15px;
        }
        @media screen and (max-width: 767px){
            min-height: 96px;
            font-size: 13px;
        }
        .pocone_inner {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            box-sizing: border-box;
        }

        .pocone_link {
            display: block;
            color: var(--white);
            box-sizing: border-box;
            text-decoration: none;

            &:hover {
                opacity: .8;
                transition: .2s opacity;
            }

            @media screen and (min-width: 768px){
                padding: 8px 16px 0 16px;
            }
            @media screen and (max-width: 767px){
                padding: 8px 8px 0 8px;
            }
        }
    }
}

/* l_layout */
.pocone_gadget_layout {
    width: 100%;
    max-width: 1020px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;

    @media screen and (min-width: 768px){
        margin-top: 80px;
        margin-bottom: 80px;
    }
    @media screen and (max-width: 767px){
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* l_grid */
.pocone_gadget_grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    box-sizing: border-box;

    @media screen and (min-width: 768px){
        column-gap: 24px;
        row-gap: 24px;
    }
    @media screen and (max-width: 767px){
        column-gap: 16px;
        row-gap: 16px;
    }
}

/* l_col_?と同じ */
.pocone_gadget_col {
    box-sizing: border-box;
    @media screen and (min-width: 768px){
        grid-column: span 4;
    }
    @media screen and (max-width: 767px){
        grid-column: span 6;
    }
}

.pocone_gadget_message {
    box-sizing: border-box;
    grid-column: span 12;

    @media screen and (min-width: 768px){
        font-size: 15px;
    }
    @media screen and (max-width: 767px){
        font-size: 13px;
    }
}


/* ガジェット用カード */
.pocone_gadget_card {
    background-color: var(--white);
    border-radius: 8px;
    box-sizing: border-box;

    .pocone_gadget_card_item {
        display: block;
        width: 100%;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: box_shadow(card);
        cursor: pointer;
        transition: .2s box-shadow;
        box-sizing: border-box;

        &:nth-of-type(odd){
            margin-right: 4px;
        }
        &:nth-of-type(even){
            margin-left: 4px;
        }

        &:hover {
            opacity: 1;
            transition: .2s box-shadow;
            box-shadow: box_shadow(card_hover);
        }
    }
    .pocone_gadget_card_image {
        width: 100%;
        background-color: var(--alto_10);
        object-fit: cover;
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            height: 246px;
        }
        @media screen and (max-width: 767px){
            height: 130px;
        }
    }
    .pocone_gadget_card_bottom {
        height: 128px;
        text-align: left;
        color: var(--black_87);
        background-color: var(--white);
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            padding: 16px;
        }
        @media screen and (max-width: 767px){
            padding: 8px;
        }
    }
    .pocone_gadget_card_title {
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            font-size: 15px;
        }
        @media screen and (max-width: 767px){
            font-size: 13px;
        }
    }

    .pocone_gadget_card_text {
        font-size: 13px;
        color: var(--black_60);
        box-sizing: border-box;

        @media screen and (min-width: 768px){
            margin-top: 8px;
        }
        @media screen and (max-width: 767px){
            margin-top: 4px;
        }
    }

}

/* ガジェット用アウトラインボタン */
.pocone_gadget_button {
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    padding-left: 16px;
    padding-right: 1.6px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    color: var(--accent, var(--pocone_accent));
    border: 1px solid var(--accent, var(--pocone_accent));
    background-color: transparent;
    /* reset */
    box-sizing: border-box;

    @media screen and (min-width: 768px){
        margin-top: 80px;
        font-size: 15px;
    }
    @media screen and (max-width: 767px){
        margin-top: 40px;
        font-size: 13px;
    }
}
/*!***************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/base/normalize.css ***!
  \***************************************************************************/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
    ========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
    display: block;
}

/* Grouping content
    ========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
    ========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
    ========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
    border-style: none;
}

/* Forms
    ========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
    ========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
    display: list-item;
}

/* Misc
    ========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
    display: none;
}
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/base/base_service.css ***!
  \******************************************************************************/
@charset "UTF-8";


/* variable
---------------------------------------------------------- */
:root {
    --alto_10: #f6f6f6;
    --alto_20: #E4E4E4;
    --white: #fff;
    --black: 0 0 0;
    --black_87: rgb(var(--black) / 0.87);
    --black_60: rgb(var(--black) / 0.6);
    --black_50: rgb(var(--black) / 0.5);
    --black_38: rgb(var(--black) / 0.38);
    --black_12: rgb(var(--black) / 0.12);
    --error: #D50000;
    --snackbar: #333;
    --main: #595757;
    --accent: #047499;
    --sub: #E1E7EA;
    --sub_bg: #FFFDE1;
    --pocone_main: #34B0C0;
    --pocone_accent: #540c82;
    --font_regular: url("https://polafacialsubsc.jp/static/font/NotoSansJP_Regular.woff2");
    --font_medium: url("https://polafacialsubsc.jp/static/font/NotoSansJP_Medium.woff2");
    --font_black: url("https://polafacialsubsc.jp/static/font/NotoSansJP_Black.woff2");
    /* --font_icon: url("https://polafacialsubsc.jp/static/font/MaterialSymbolsRounded.woff2"); */
    /* --image_kv_sp: url("https://polafacialsubsc.jp/static/img/lp/kv_sp.jpg"); */
    /* --image_kv_pc: url("https://polafacialsubsc.jp/static/img/lp/kv_pc.jpg"); */
    /* https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/kv_pc.jpg */
    --image_kv_sp: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/kv_pc.jpg");
    --image_kv_pc: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/kv_pc.jpg");
    --image_plan: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/plan_1.png");
    --image_plan_board_1: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/plan_board_1.png");
    --image_plan_board_2: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/plan_board_2.png");
    --image_plan_board_3: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/plan_board_3.png");
    --image_menu_1: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_1.jpg");
    --image_menu_2: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_2.jpg");
    --image_menu_3: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_3.jpg");
    --image_menu_4: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_4.jpg");
    --image_menu_5: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_5.jpg");
    --image_menu_6: url("https://ct013-domain-asset-prod.s3.ap-northeast-1.amazonaws.com/app.polafacialsubsc.jp/lp/menu_6.jpg");
}

/* font-face
---------------------------------------------------------- */
/* noto-sans-jp-regular - latin_japanese */
@font-face {
    font-family: "Noto Sans JP";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src:
    local("Noto Sans Japanese Regular"),
    local("NotoSansJapanese-Regular"),
    var(--font_regular) format("woff2");
}

/* noto-sans-jp-500 - latin_japanese */
@font-face {
    font-family: "Noto Sans JP";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: 
    local("Noto Sans Japanese Medium"),
    local("NotoSansJapanese-Medium"),
    var(--font_medium) format("woff2");
}

/* noto-sans-jp-900 - latin_japanese */
@font-face {
    font-family: "Noto Sans JP";
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src:
    local("Noto Sans Japanese Black"),
    local("NotoSansJapanese-Black"),
    var(--font_black) format("woff2");
}

/* @font-face {
    font-family: "Material Symbols Rounded";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
    local("Material Symbols Rounded"),
    local("MaterialSymbolsRounded"),
    var(--font_icon) format("woff2");
}

.material-symbols-rounded {
    font-family: "Material Symbols Rounded";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
} */

/* basic element
---------------------------------------------------------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    font-size: calc(1em * .625);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    position: relative;
    line-height: 1.6;
    color: var(--black_87);
    background-color: var(--white);
    overflow-y: scroll;
    font-family: "Noto Sans JP", "NotoSans", "NotoSansCJKJP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    margin: 0;
    font-weight: normal;
    font-size: inherit;
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: .2s opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    &:hover {
        opacity: .8;
        transition: .2s opacity;
    }
}

p,
span,
a {
    word-break: break-all;
}

ul,
ol,
li {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

dl,
dt,
dd {
    margin: 0;
}

img,
svg {
    vertical-align: middle;
    max-width: 100%;
}

em {
    font-style: normal;
}

a:focus,
input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

button,
input,
optgroup,
select,
textarea {
    line-height: inherit;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    &:hover {
        cursor: pointer;
    }
}

select::-ms-expand {
    display: none;
}

input {
    padding: 0;
    height: 5.2rem;
    border-radius: .2rem;
    border-width: 0px;
}

select {
    padding: 0;
    border-radius: .2rem;
    border-width: 0px;
    background-color: transparent;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    max-height: 70vh;
    resize: vertical;
    border-radius: .2rem;
}

button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    &:hover {
        opacity: .8;
        transition: .2s opacity;
    }
}

strong {
    font-weight: normal;
}

p {
    margin: 0;
}

address {
    font-style: normal;
}

figure {
    margin: 0;
}

dfn {
    font-style: normal;
}

i {
    font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    line-height: inherit;
}

label {
    margin-bottom: 0;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: normal;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none;
}

legend {
    display: table;
    padding: 0;
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}

:target {
    scroll-margin-top: 6.4rem;
}

/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/module/pocone_lp.css ***!
  \*****************************************************************************/
@charset "UTF-8";

.pocone_lp {
    color: var(--main);

    /* layout
    ---------------------------------------------------------- */
    .l_layout_ct013 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        @media screen and (min-width: 768px) {
            max-width: 106.8rem;
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }

        @media screen and (max-width: 767px) {
            padding-left: 1.6rem;
            padding-right: 1.6rem;
        }
    }

    .l_layout_min_ct013 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        @media screen and (min-width: 768px) {
            max-width: 84.8rem;
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }

        @media screen and (max-width: 767px) {
            padding-left: 1.6rem;
            padding-right: 1.6rem;
        }
    }

    /**
    * ct013 LP style
    */
    .pocone_header {
        background-color: #fff;
        color: black;
        filter: drop-shadow(0px 1px 24px rgba(0, 0, 0, 0.1));

        @media screen and (min-width: 768px) {
            height: 72px;
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }

        @media screen and (max-width: 767px) {
            height: 48px;
            padding-left: .8rem;
            padding-right: 1.6rem;
        }

        .pocone_logo{
            @media screen and (min-width: 768px) {
                height: 6.4rem;
            }
            @media screen and (max-width: 767px) {
                height: 3.6rem;
            }
        }

        .pocone_link {
            font-weight: 500;

            &:nth-child(1){
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--main);

                @media screen and (min-width: 768px) {
                    height: 4.3rem;
                }
                @media screen and (max-width: 767px) {
                    height: 3.4rem;
                }
            }

            @media screen and (min-width: 768px) {
                font-size: 1.6rem;
            }
            @media screen and (max-width: 767px) {
                font-size: 1.4rem;
            }
        }
    }

    .pocone_footer .pocone_logo {
        background-color: var(--white);
    }

    .hero {
        position: relative;
        display: flex;
        align-items: center;
        background-color: var(--sub);
        overflow: hidden;

        @media screen and (min-width: 768px) {
            height: 64rem;
        }
        @media screen and (max-width: 767px) {
            flex-direction: column;
            justify-content: center;
        }

        .hero_body {
            width: auto;
            z-index: 3;
            color: var(--main);

            @media screen and (min-width: 1441px) {
                margin-left: auto;
                margin-right: auto;
                padding-left: 0;
                padding-right: 10rem;
            }
            @media screen and (min-width: 768px) and (max-width: 1440px) {
                padding-left: 10rem;
                padding-right: 10rem;
                padding-left: 6.944444444444445vw;
                padding-right: 6.944444444444445vw;
            }
            @media screen and (min-width: 768px) {
                display: flex;
                flex-direction: column;
            }
            @media screen and (max-width: 767px) {
                display: grid;
                place-content: center;
                place-items: center;
                padding: 6.4rem 1.6rem 6.4rem;
                order: 0;
            }

            .hero_text_body {
                /* display: flex;
                flex-direction: column; */
                font-weight: 500;

                @media screen and (min-width: 768px) {
                    /* gap: 3.2rem; */
                }
                @media screen and (max-width: 767px) {
                    /* gap: 2.4rem; */
                }

                .hero_text_sub {
                    @media screen and (min-width: 768px) {
                        margin-bottom: .8rem;
                        font-size: 2rem;
                    }
                    @media screen and (max-width: 767px) {
                        font-size: 1.8rem;
                        text-align: center;
                    }
                }

                .hero_text_main {
                    font-weight: 900;
                    line-height: 1.2;
                    margin-top: .8rem;

                    @media screen and (min-width: 768px) {
                        font-size: 4.2rem;
                        letter-spacing: 2.52px;
                    }
                    @media screen and (max-width: 767px) {
                        font-size: 3.6rem;
                        text-align: center;
                        letter-spacing: 2.16px;
                    }
                }

                .hero_text_info {
                    margin-top: 4rem;
                    font-size: 1.6rem;
                    letter-spacing: 0.96px;
                }
            }

            .hero_mail_regist {
                width: 100%;
                padding-top: 4rem;

                .hero_mail_regist_body {
                    /* border: 2px solid rgb(var(--black)); */
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 5rem;
                    padding: 0 1.6rem;
                    border-radius: 100rem;
                    background-color: var(--accent);

                    @media screen and (min-width: 768px) {
                        max-width: 28.8rem;
                        
                    }
                    @media screen and (max-width: 767px) {
                        max-width: 34.3rem;
                        margin-left: auto;
                        margin-right: auto;
                    }

                    .hero_mail_regist_text {
                        color: var(--white);
                        text-align: center;
                        font-size: 1.6rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                    }
                }
            }
        }

        .hero_img {
            @media screen and (min-width: 768px) {
                /* position: absolute; */
                /* left: 0; */
                /* bottom: 0; */
                width: 64rem;
                height: 100%;
                z-index: 1;
                object-fit: cover;
            }

            @media screen and (max-width: 767px) {
                display: block;
                background-size: cover;
                top: 0;
                width: 100%;
                aspect-ratio: 1/1;
                z-index: 1;
                object-fit: cover;
                background-image: var(--image_kv_sp);
                order: 1;
            }

            .hero_img_body {
                position: relative;

                @media screen and (min-width: 768px) {
                    width: 100%;
                    height: 100%;
                    background-image: var(--image_kv_pc);
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: right;
                }

                &::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 60vw;
                    height: 100%;
                    background-color: #B0BCC8;
                    z-index: -1;
                }
            }

            .white_space {
                background-color: var(--white);
            }
        }

    }

    .plan {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;

        @media screen and (min-width: 768px) {
            padding-top: 8rem;
        }
        @media screen and (max-width: 767px) {
            padding-top: 6.4rem;
        }

        .plan_body {
            width: 100%;
            gap: 6.4rem;

            @media screen and (min-width: 768px) {
                display: flex;
                margin-top: 8rem;
            }
            @media screen and (max-width: 767px) {
                margin-top: 2.4rem;
            }
        }

        .plan_course {
            @media screen and (min-width: 768px) {
                width: 51.464435%;
            }
            @media screen and (max-width: 767px) {
                width: 100%;
            }
        }

        .plan_course_body {
            padding: 2.4rem 2.4rem 4rem 2.4rem;
            background-color: var(--sub);
        }

        .plan_course_image {
            aspect-ratio: 16 / 9;
            background-image: var(--image_plan);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .plan_course_price {
            position: relative;
            padding-left: 1.6rem;
            padding-right: 1.6rem;
            padding-top: 1.2rem;
            padding-bottom: 1.8rem;
            background-color: var(--accent);
            color: var(--white);
            text-align: center;
        }

        .plan_course_price_border {
            position: absolute;
            background-color: var(--white);
            width: 4rem;
            height: .1rem;

            &.is_left {
                top: .8rem;
                left: .8rem;

                &:before {
                    content: '';
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    width: .1rem;
                    height: 4rem;
                    background-color: var(--white);
                }
            }
            &.is_right {
                bottom: .8rem;
                right: .8rem;

                &:before {
                    content: '';
                    position: absolute;
                    display: block;
                    bottom: 0;
                    right: 0;
                    width: .1rem;
                    height: 4rem;
                    background-color: var(--white);
                }
            }
        }

        .plan_course_price_text {
            font-size: 1.6rem;
            margin-bottom: .4rem;
        }

        .plan_course_price_main {
            font-weight: 900;
            line-height: 1;

            @media screen and (min-width: 768px) {
                font-size: 3.8rem;
            }
            @media screen and (max-width: 767px) {
                font-size: 3rem;
            }
        }

        .plan_item_title {
            display: grid;
            place-content: center;
            color: var(--white);
            font-size: 2.4rem;
            font-weight: 500;

            @media screen and (min-width: 768px) {
                height: 8rem;
            }
            @media screen and (max-width: 767px) {
                height: 6.4rem;
            }
        }

        .plan_step {
            margin-top: 2.4rem;
            .material-symbols-outlined {
                display: block;
                margin-top: .8rem;
                margin-bottom: .8rem;
                text-align: center;
            }
        }

        .plan_step_item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 4.6rem;
            padding: 1rem;
            font-size: 1.6rem;
            font-weight: 500;
            text-align: center;
            border: 1px solid var(--main);
            background-color: var(--white);

            &.is_double {
                border: 4px double var(--main);

            }
            &.is_dashed {
                position: relative;
                border-style: dashed;
            }
        }

        .plan_step_caption {
            margin-top: .4rem;
            font-size: 1.2rem;
            color: var(--black_60);
            text-align: center;
        }

        .plan_board {
            @media screen and (min-width: 768px) {
                width: calc(100% - 51.464435%);
            }
            @media screen and (max-width: 767px) {
                width: 100%;
                margin-top: 6rem;
            }
        }

        .plan_board_item {
            position: relative;
            padding: 2.4rem 1.6rem 1.6rem 1.6rem;
            margin-top: 6rem;
            border: 1px solid var(--main);

            &:before {
                content: '';
                position: absolute;
                left: 1.6rem;
                width: 14.6rem;
                height: 4rem;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

            &.is_first {
                margin-top: 0;
                &:before {
                    top: -3.8rem;
                    background-image: var(--image_plan_board_1);
                }
            }
            &.is_second:before {
                top: -3.7rem;
                background-image: var(--image_plan_board_2);
            }
            &.is_third:before {
                top: -3.7rem;
                background-image: var(--image_plan_board_3);
                z-index: 1;
            }
        }

        .plan_board_title {
            font-size: 2rem;
            line-height: 1.4;
            font-weight: 500;
        }

        .plan_board_price {
            display: flex;
            align-items: baseline;
            margin-top: .8rem;
        }
        .plan_board_price_main {
            font-size: 2.4rem;
            font-weight: 900;
        }
        .plan_board_price_sub {
            font-size: 1.4rem;
        }
        .plan_board_button {
            display: flex;
            align-items: center;
            width: fit-content;
            padding-top: .8rem;
            padding-bottom: .8rem;
            margin-top: 2.4rem;
            color: var(--main);
            font-weight: 500;

            &:hover {
                background-color: var(--alto_10);
            }

            .material-symbols-outlined {
                margin-left: 1rem;
            }
        }

        .plan_board_detail_title {
            padding-top: 1.6rem;
            padding-bottom: 1.6rem;
            font-size: 2rem;
            font-weight: 500;
        }

        .plan_board_detail_text {
            padding: .8rem 1.6rem;
            line-height: 1.4;
            font-size: 1.6rem;
            border-left: 1px solid var(--main);
        }
    }

    .menu {
        @media screen and (min-width: 768px) {
            padding-top: 8rem;
        }
        @media screen and (max-width: 767px) {
            padding-top: 6.4rem;
        }

        .menu_title_wrap {
            @media screen and (min-width: 768px) {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 1.6rem;
            }
            @media screen and (max-width: 767px) {
                
            }
        }
        .menu_title_wrap {
            margin-top: 6.4rem;

            &:first-of-type {
                margin-top: 3.2rem;
            }
        }
        .menu_title {
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            min-height: 8.3rem;
            padding: 1.6rem 2.4rem;
            margin-bottom: 1.6rem;
            font-weight: 500;
        }
        .menu_border {
            position: absolute;
            background-color: var(--main);
            width: 4rem;
            height: .1rem;

            &.is_left {
                top: 0;
                left: 0;

                &:before {
                    content: '';
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    width: .1rem;
                    height: 4rem;
                    background-color: var(--main);
                }
            }
            &.is_right {
                bottom: 0;
                right: 0;

                &:before {
                    content: '';
                    position: absolute;
                    display: block;
                    bottom: 0;
                    right: 0;
                    width: .1rem;
                    height: 4rem;
                    background-color: var(--main);
                }
            }
        }

        .menu_title_main {
            font-size: 2.2rem;
        }

        .menu_title_sub {
            margin-top: .8rem;
            font-size: 1.6rem;
        }

        .menu_program {
            @media screen and (min-width: 768px) {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 1.6rem;
            }
            @media screen and (max-width: 767px) {
                
            }
        }

        .menu_program_item {
            padding: 1.6rem;
            box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.10);

            @media screen and (min-width: 768px) {
            }
            @media screen and (max-width: 767px) {
                
            }

            +.menu_program_item {
                @media screen and (max-width: 767px) {
                    margin-top: 1.6rem;
                }
            }
        }

        .menu_program_item_wrap {
            display: grid;
            grid-template-columns: 8rem 1fr;
            gap: 1.6rem;
            align-items: center;
        }

        .menu_program_item_image {
            width: 8rem;
            height: 8rem;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;

            &.image_1 {
                background-image: var(--image_menu_1);
            }
            &.image_2 {
                background-image: var(--image_menu_2);
            }
            &.image_3 {
                background-image: var(--image_menu_3);
            }
            &.image_4 {
                background-image: var(--image_menu_4);
            }
            &.image_5 {
                background-image: var(--image_menu_5);
            }
            &.image_6 {
                background-image: var(--image_menu_6);
            }
        }

        .menu_program_item_title {
            font-size: 2.2rem;
            font-weight: 500;
        }

        .menu_program_item_text {
            margin-top: 1.6rem;
            font-size: 1.6rem;
        }
    }

    .pricing {
        @media screen and (min-width: 768px) {
            padding-top: 8rem;
        }
        @media screen and (max-width: 767px) {
            padding-top: 6.4rem;
        }

        .title_separator {
            margin-top: 1.6rem;
            margin-bottom: 6.4rem;
        }

        .pricing_table {
            +.pricing_table {
                margin-top: 2.4rem;
            }
        }
        .pricing_table_head {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            height: 9.8rem;
            border: 1px solid var(--main);
            border-bottom: none;

            .pricing_table_head_item {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
                padding: 1rem .8rem;
                background-color: var(--sub);
                font-weight: 500;
                text-align: center;

                &:nth-of-type(1) {
                    background-color: var(--white);
                }
                &:nth-of-type(2) {
                    border-left: 1px solid var(--main);
                    border-right: 1px solid var(--main);
                }
            }
        }

        .pricing_table_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 1.6rem .8rem;
            text-align: center;            
            font-weight: 500;
        }

        .pricing_table_item_name {
            @media screen and (min-width: 768px) {
                font-size: 1.6rem;
            }
            @media screen and (max-width: 767px) {
                font-size: 1.4rem;
            }
        }

        .pricing_table_item_caption {
            font-size: 1.2rem;
            font-weight: 500;
            margin-top: .4rem;
        }

        .pricing_table_subsc {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            border: 1px solid var(--main);
            border-bottom: none;

            &:before {
                content: '';
                position: absolute;
                top: -.4rem;
                left: -.4rem;
                width: calc(100% + .8rem);
                height: calc(100% + .8rem);
                border: 4px solid var(--accent);
            }

            .pricing_table_item {
                &:first-of-type {
                    background-color: var(--accent);
                    color: var(--white);
                }
                &:nth-of-type(2) {
                    border-left: 1px solid var(--main);
                    border-right: 1px solid var(--main);
                }
            }
            .pricing_table_item_price {
                font-weight: 900;
            }
            .pricing_table_item_price_main {
                line-height: 1;

                @media screen and (min-width: 768px) {
                    font-size: 2.4rem;
                }
                @media screen and (max-width: 767px) {
                    font-size: 2rem;
                }
            }
            .pricing_table_badge {
                background-color: var(--white);
                color: var(--main);
            }
        }

        .pricing_table_normal {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr; 
            border: 1px solid var(--main);

            +.pricing_table_normal {
                border-top: none;
            }

            .pricing_table_item {
                &:nth-of-type(2) {
                    border-left: 1px solid var(--main);
                    border-right: 1px solid var(--main);
                }
            }
        }

        .pricing_table_item_price {
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        .pricing_table_item_price_sub {
            line-height: 1;

            @media screen and (min-width: 768px) {
                font-size: 1.6rem;
            }
            @media screen and (max-width: 767px) {
                font-size: 1.4rem;
            }
        }

        .pricing_table_badge {
            padding: .2rem .6rem;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: .4rem;
            font-size: 1.2rem;
            font-weight: 500;
            background-color: var(--sub);
            border-radius: 100rem;

            @media screen and (min-width: 768px) {
                width: fit-content;
            }
            @media screen and (max-width: 767px) {
                width: 100%;
            }
        }
    }

    /* 共通 */
    .title_separator {
        display: flex;

        @media screen and (min-width: 768px) {
            gap: 4rem;
        }
        @media screen and (max-width: 767px) {
            gap: 1.6rem;
        }

        circle {
            stroke: var(--main);
        }

        .title_separator_body {
            display: flex;
            gap: .4rem;
            flex-grow: 1;
        }

        .title_separator_line {
            flex-grow: 1;
            height: .1rem;
            background-color: var(--main);
        }

        .title_separator_main {
            color: var(--main);
            font-weight: 500;
            text-align: center;

            @media screen and (min-width: 768px) {
                font-size: 2.8rem;
            }
            @media screen and (max-width: 767px) {
                font-size: 2.4rem;
            }
        }
    }

    .title_info {
        font-size: 1.6rem;
        margin-top: 3.2rem;
        font-weight: 500;


        @media screen and (min-width: 768px) {
            text-align: center;
        }

        @media screen and (max-width: 767px) {
            text-align: left;
        }
    }

    .mail_regist {

        @media screen and (min-width: 768px) {
            padding-top: 6.4rem;
            padding-bottom: 8rem;
        }
        @media screen and (max-width: 767px) {
            padding-top: 3.2rem;
            padding-bottom: 6.4rem;
        }

        .mail_regist_button {
            max-width: 34.3rem;
            width: 100%;
            height: 5rem;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.6rem;
            font-weight: 500;
            color: var(--white);
            background-color: var(--accent);
            border-radius: 100rem;
        }
    }

    .annotation {
        margin-top: 1.6rem;
        color: var(--black_60);
        font-size: 1.4rem;
    }

    .hide_sp_ct013 {
        @media screen and (max-width: 767px) {
            display: none !important;
        }
    }

    .hide_pc_ct013 {
        @media screen and (min-width: 768px) {
            display: none !important;
        }
    }

    .text_center_ct013 {
        text-align: center;
    }

    .line_height_1_ct013 {
        line-height: 1;
    }

    .regist_1, .regist_2, .regist_3 {
        cursor: pointer;

        &:hover {
            /* reset */
            opacity: .8;
            transition: .2s opacity;
        }
    }

    /* 共通終わり */

    .pocone_footer {
        background-color: var(--main);
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 1.6rem 2.4rem 1.6rem 2.4rem;

        .pocone_inner {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;

            @media screen and (max-width: 767px) {
                gap: 0rem 1rem;
            }
        }

        .pocone_link {
            color: var(--white);
            font-weight: 500;
            padding: 1rem 1.2rem;
            line-height: 160%;
            font-size: 1.4rem;
        }

        .pocone_logo {
            height: 4rem;
            margin-bottom: 3.2rem;

            @media screen and (min-width: 768px) {
                margin-top: 2.4rem;
            }
            @media screen and (max-width: 767px) {
                margin-top: .8rem;
            }
        }

        .pocone_logo_img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .plan_item .plan_item_detail:first-of-type {
        @media screen and (min-width: 768px) {
            width: calc(100% + 6px);
            margin: 0 -3px;
        }
    }
}

.pocone {
    &.pocone_header {
        &.pocone_link {
            &:last-of-type {
                background-color: var(--accent) !important;
            }
        }
    }
}
/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../css/style_service.css ***!
  \**************************************************************************/
@charset "UTF-8";

/* トップページのみのcss */

/* layout */

/* ログイン前トップのみ */

/* ct014 */