@charset "UTF-8";
/*
Theme Name: NOMOCA Original Template
Theme URI: https://nomoca.net
Description: This is an original template that introduces "NOMOCA-Stand", a smart simple automatic payment machine dedicated to clinics and clinics.
Author: 株式会社CWJ
Author URI: https://www.cwj.jp
Version: 1.0.4
*/





/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............目次
 * RESET...............リセット
 * GLOBAL-VARIABLES....グローバル変数
 * ELEMENTS............要素
 * VARIABLE-HIDE.......可変幅による表示非表示
 * HEADER..............ヘッダー
 * FOOTER..............ヘッダー
 * CHANGE_STYLE........スタイルの変更
 */





/*------------------------------------*\
    $RESET
\*------------------------------------*/
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
    all: unset;
    display: revert;
}

*,
*::before,
*::after { box-sizing: border-box }

ol, ul { list-style: none }

table { border-collapse: collapse }

textarea { white-space: revert }

:focus { outline: none }

a, button, select { cursor: pointer }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: inherit !important;
}

input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }

input:where(:not([type=datetime]):not([type=date]):not([type=month]):not([type=week]):not([type=time]):not([type=datetime-local]))::-webkit-calendar-picker-indicator {
    display: none !important;
}




/*------------------------------------*\
    $GLOBAL-VARIABLES
\*------------------------------------*/
:root {
    /**
     * Color set
     */
    --neutralColor100: #ebeff3;
    --neutralColor200: #a3a3a3;
    --neutralColor300: #8a8a8a;
    --neutralColor400: #4d4d4d;
    --neutralColor500: #333333;
    --primaryColor100: #3aacc3;
    --primaryColor200: #1180a4;
    --primaryColor300: #3994c8;
    --primaryColor400: #007cc6;
    --secondaryColor : #c13a7a;
    --tertiaryColor  : #ffae00;

    /**
     * Font set
     */
    --font : 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Noto Sans JP', sans-serif;

    /**
     * Types of easing
     */
    --linear        : cubic-bezier(0.250, 0.250, 0.750, 0.750);
    --easeInSine    : cubic-bezier(0.47,  0,     0.745, 0.715);
    --easeOutSine   : cubic-bezier(0.39,  0.575, 0.565, 1    );
    --easeInOutSine : cubic-bezier(0.445, 0.05,  0.55,  0.95 );
    --easeInQuad    : cubic-bezier(0.55,  0.085, 0.68,  0.53 );
    --easeOutQuad   : cubic-bezier(0.25,  0.46,  0.45,  0.94 );
    --easeInOutQuad : cubic-bezier(0.455, 0.03,  0.515, 0.955);
    --easeInCubic   : cubic-bezier(0.55,  0.055, 0.675, 0.19 );
    --easeOutCubic  : cubic-bezier(0.215, 0.61,  0.355, 1    );
    --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1    );
    --easeInQuart   : cubic-bezier(0.895, 0.03,  0.685, 0.22 );
    --easeOutQuart  : cubic-bezier(0.165, 0.84,  0.44,  1    );
    --easeInOutQuart: cubic-bezier(0.77,  0,     0.175, 1    );
    --easeInQuint   : cubic-bezier(0.755, 0.05,  0.855, 0.06 );
    --easeOutQuint  : cubic-bezier(0.23,  1,     0.32,  1    );
    --easeInOutQuint: cubic-bezier(0.86,  0,     0.07,  1    );
    --easeInExpo    : cubic-bezier(0.95,  0.05,  0.795, 0.035);
    --easeOutExpo   : cubic-bezier(0.19,  1,     0.22,  1    );
    --easeInOutExpo : cubic-bezier(1,     0,     0,     1    );
    --easeInCirc    : cubic-bezier(0.6,   0.04,  0.98,  0.335);
    --easeOutCirc   : cubic-bezier(0.075, 0.82,  0.165, 1    );
    --easeInOutCirc : cubic-bezier(0.785, 0.135, 0.15,  0.86 );
    --easeInBack    : cubic-bezier(0.6,  -0.28,  0.735, 0.045);
    --easeOutBack   : cubic-bezier(0.175, 0.885, 0.32,  1.275);
    --easeInOutBack : cubic-bezier(0.68, -0.55,  0.265, 1.55 );

    /**
     * Default size
     */
    --sideSpace: 6.4%;

}





/*------------------------------------*\
    $ELEMENTS
\*------------------------------------*/
html {
    background-color: white;
    color: var(--neutralColor400);
    font-family: var(--font);
    font-size: 62.5%;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: "palt";
    scroll-behavior: smooth;
}

picture, img {
    display: block;
    max-width: 100%;
    pointer-events: none;
}

a { transition: opacity .6s var(--easeOutQuart) }
a:hover { opacity: 0.75 }





/*------------------------------------*\
    $VARIABLE-HIDE
\*------------------------------------*/
.portrait,
.landscape,
.less768,
.over768,
.less1024,
.over1024,
.less1280,
.over1280 { content-visibility: auto }

/* Aspect ratio */
@media screen and (orientation: landscape) {
    .portrait { display: none !important }
}
@media screen and (orientation: portrait) {
    .landscape { display: none !important }
}

/* iPad */
@media screen and (min-width: 768px) {
    .less768 { display: none !important }
}
@media screen and (max-width: 767px) {
    .over768 { display: none !important }
}

/* iPad Pro */
@media screen and (min-width: 1024px) {
    .less1024 { display: none !important }
}
@media screen and (max-width: 1023px) {
    .over1024 { display: none !important }
}

/* laptop */
@media screen and (min-width: 1280px) {
    .less1280 { display: none !important }
}
@media screen and (max-width: 1279px) {
    .over1280 { display: none !important }
}





/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.nmc-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding-inline: 4%;
    background-color: white;
}
@media screen and (min-width: 1024px) {
    .nmc-header {
        height: 85px;
        box-shadow: 0 2px 5px rgb(0 0 0 / 0.1);
    }
}
@media screen and (max-width: 1023px) {
    .nmc-header {
        height: 64px;
        box-shadow: 0 1px 2.5px rgb(0 0 0 / 0.1);
    }
}

    .nmc-header__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 964px;
        height: 100%;
        margin-inline: auto;
    }

        .nmc-header__logo,
        .nmc-header__logo__link {
            aspect-ratio: 332 / 37;
            display: block;
        }
        @media screen and (min-width: 1024px) {
            .nmc-header__logo,
            .nmc-header__logo__link { width: 332px }
        }
        @media screen and (max-width: 1023px) {
            .nmc-header__logo,
            .nmc-header__logo__link { width: 195px }
        }

            .nmc-header__logo img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: 0 50%;
            }


        @media screen and (min-width: 1024px) {
            .nmc-header__nav {
                display: flex;
                align-items: center;
                column-gap: 34px;
            }
        }

            @media screen and (min-width: 1024px) {
                .nmc-header__nav__opener { display: none }
            }
            @media screen and (max-width: 1023px) {
                .nmc-header__nav__opener {
                    position: relative;
                    display: block;
                    width: 32px;
                    height: 28px;
                }

                    .nmc-header__nav__opener::before,
                    .nmc-header__nav__opener::after,
                    .nmc-header__nav__opener span {
                        content: "";
                        position: absolute;
                        left: calc(50% - 10px);
                        display: block;
                        width: 20px;
                        height: 2px;
                        border-radius: 1px;
                        background-color: var(--neutralColor300);
                        transition:
                            top .15s .15s var(--linear),
                            transform .15s var(--linear),
                            opacity .15s .15s var(--easeOutQuart);
                    }
                    .nmc-header__nav__opener.is-active::before,
                    .nmc-header__nav__opener.is-active::after,
                    .nmc-header__nav__opener.is-active span {
                        transition:
                            top .15s var(--linear),
                            transform .15s .15s var(--linear),
                            opacity .3s var(--easeOutQuart);
                    }

                    .nmc-header__nav__opener::before { top: 6px }
                    .nmc-header__nav__opener::after { top: 20px }
                    .nmc-header__nav__opener span { top: 13px }

                    .nmc-header__nav__opener.is-active::before,
                    .nmc-header__nav__opener.is-active::after { top: 13px }
                    .nmc-header__nav__opener.is-active::before { transform: rotate(45deg) }
                    .nmc-header__nav__opener.is-active::after { transform: rotate(-45deg) }
                    .nmc-header__nav__opener.is-active span { opacity: 0 }

            }


            @media screen and (min-width: 1024px) {
                .nmc-header__nav__list {
                    display: flex;
                    align-items: center;
                    column-gap: 20px;
                }
            }
            @media screen and (max-width: 1023px) {
                .nmc-header__nav__list {
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: -1;
                    width: 100%;
                    height: 100vh;
                    height: 100dvh;
                    padding-top: 64px;
                    background-color: white;
                    opacity: 0;
                    pointer-events: none;
                    transition: opacity .3s var(--easeOutQuart);
                    overflow-y: auto;
                }
                .nmc-header__nav__opener.is-active + .nmc-header__nav__list {
                    opacity: 1;
                    pointer-events: visible;
                }
            }

                .nmc-header__nav__item { position: relative }

                    .nmc-header__nav__link {
                        font-weight: 500;
                        line-height: 1.2;
                        white-space: nowrap;
                    }
                    .nmc-header__nav__link:has( + .sub-menu) {
                        display: flex;
                        align-items: center;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-header__nav__link { font-size: 1.3rem }
                        .nmc-header__nav__link:has( + .sub-menu) { column-gap: 8px }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-header__nav__link {
                            display: block;
                            width: 100%;
                            padding-block: 10px;
                            padding-inline: 56px;
                            font-size: 1.4rem;
                            line-height: 2;
                        }
                        .nmc-header__nav__link:has( + .sub-menu) { column-gap: 10px }
                        .nmc-header__nav__item:not(:last-of-type) .nmc-header__nav__link { border-bottom: 1px solid #c9c9c9 }
                        .nmc-header__nav__item:has( > .sub-menu) .nmc-header__nav__link { border-bottom: 1px solid #c9c9c9 }
                    }

                        .nmc-header__nav__link:has( + .sub-menu)::after {
                            content: "";
                            aspect-ratio: 15.62 / 11.15;
                            display: block;
                            height: 100%;
                            background-image: url(assets/images/common/icon-menu-arrow.svg);
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            background-size: contain;
                        }
                        @media screen and (min-width: 1024px) {
                            .nmc-header__nav__link:has( + .sub-menu)::after {
                                width: 12px;
                            }
                        }
                        @media screen and (max-width: 1023px) {
                            .nmc-header__nav__link:has( + .sub-menu)::after {
                                width: 8px;
                            }
                        }


                    .sub-menu {
                    }
                    @media screen and (min-width: 1024px) {
                        .sub-menu {
                            position: absolute;
                            top: 100%;
                            left: 50%;
                            transform: translateX(-50%);
                            width: max-content;
                            padding-block: 12px;
                            padding-inline: 16px;
                            background-color: white;
                            box-shadow: 2px 2px 3px rgb(32 93 127 / 0.18);
                            opacity: 0;
                            pointer-events: visible;
                            transition: opacity .3s var(--easeOutQuart);
                        }
                        .nmc-header__nav__item:hover .sub-menu {
                            opacity: 1;
                            pointer-events: visible;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        .sub-menu { padding-block: 24px }
                    }

                        @media screen and (min-width: 1024px) {
                            .sub-menu .nmc-header__nav__item {
                                margin-block: 8px;
                                padding-inline: 16px;
                            }
                        }

                            .sub-menu .nmc-header__nav__link {
                                display: flex;
                                align-items: center;
                                column-gap: 0.7341667em;
                                color: #585864;
                            }
                            @media screen and (min-width: 1024px) {
                                .sub-menu .nmc-header__nav__link {
                                    font-size: 1.4rem;
                                }
                            }
                            @media screen and (max-width: 1023px) {
                                .sub-menu .nmc-header__nav__link {
                                    padding-block: 0;
                                    padding-inline: 68px;
                                    border-bottom: none !important;
                                    font-size: 1.2rem;
                                    line-height: 2.91667;
                                }
                            }

                                .sub-menu .nmc-header__nav__link::before {
                                    content: "";
                                    aspect-ratio: 7.96 / 11.15;
                                    display: block;
                                    width: 0.3316791667em;
                                    background-image: url(assets/images/common/icon-menu-arrow-child.svg);
                                    background-repeat: no-repeat;
                                    background-position: 50% 50%;
                                    background-size: contain;
                                }



            @media screen and (min-width: 1024px) {
                .nmc-header__nav__buttons {
                    display: flex;
                    align-items: center;
                    column-gap: 8px;
                }

                    .nmc-header__nav__button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 90px;
                        height: 46px;
                        border-radius: 5px;
                        text-align: center;
                        font-size: 1.2rem;
                        font-weight: 600;
                        line-height: 1.2;
                    }

            }
            @media screen and (max-width: 1023px) {
                .nmc-header__nav__buttons { display: none }
            }





/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.nmc-footer {
    padding-inline: calc(100% * (8 / 375));
}
@media screen and (min-width: 768px) {
    .nmc-footer {
        padding-top: 51px;
        padding-bottom: 55px;
    }
}
@media screen and (max-width: 767px) {
    .nmc-footer {
        padding-top: 14px;
        padding-bottom: 100px;
		/*フッター修正30px-->100px*/
    }
}

    @media screen and (min-width: 768px) {
        .nmc-footer__buttons { display: none }
    }
    @media screen and (max-width: 767px) {
        .nmc-footer__buttons {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 6px;
        }

            .nmc-footer__btn {
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 6px;
                height: 71px;
                border-radius: 5px;
                font-size: 1.5rem;
                font-weight: 600;
            }
            .nmc-footer__btn.bg-dl::after {
                content: url(assets/images/common/icon-download.svg);
                width: 13px;
            }
            .nmc-footer__btn.bg-contact::after {
                content: "";
                width: 14px;
                height: 14px;
                border: 1.5px solid var(--neutralColor400);
                border-radius: 100%;
                background-image: url(assets/images/common/icon-guidance-arrow.svg);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: 4px;
            }
    }

    .nmc-footer__inner {
        display: flex;
        justify-content: space-between;
        max-width: 850px;
        margin-inline: auto;
    }
    @media screen and (min-width: 768px) {
        .nmc-footer__inner { align-items: center }
    }
    @media screen and (max-width: 767px) {
        .nmc-footer__inner {
            padding-top: 30px;
            padding-inline: 10px;
        }
    }

        .nmc-footer__logo {}
        @media screen and (min-width: 768px) {
            .nmc-footer__logo { width: 239px }
        }
        @media screen and (max-width: 767px) {
            .nmc-footer__logo { width: 119.5px }
        }
    
        .nmc-footer__nav {}

            .nmc-footer__nav__list {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
						/*追加0614*/
						margin-left:5%;
						/*追加0614*/
            }

                .nmc-footer__nav__item { line-height: 2.571 }
                .nmc-footer__nav__item:not(:first-of-type) {
                    position: relative;
                }
                @media screen and (min-width: 768px) {
                    .nmc-footer__nav__item { font-size: 1.4rem }
                    .nmc-footer__nav__item:not(:first-of-type) {
                        padding-left: 16px;
                        margin-left: 16px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-footer__nav__item {
                        color: var(--neutralColor300);
                        font-size: 1.0rem;
                    }
                    .nmc-footer__nav__item:not(:first-of-type) {
                        padding-left: 10px;
                        margin-left: 10px;
                    }
                }

                    .nmc-footer__nav__item:not(:first-of-type)::before {
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 0;
                        transform: translate(-50%, -50%);
                        width: 1px;
                    }
                    @media screen and (min-width: 768px) {
                        .nmc-footer__nav__item:not(:first-of-type)::before {
                            height: 15px;
                            background-color: var(--neutralColor400);
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .nmc-footer__nav__item:not(:first-of-type)::before {
                            height: 10px;
                            background-color: var(--neutralColor300);
                        }
                    }






/*------------------------------------*\
    $CHANGE_STYLE
\*------------------------------------*/
.tns-outer { position: relative }

.tns-controls {
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: calc(100% + 25px);
    pointer-events: none;
}

    .tns-controls button {
        position: relative;
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        background-color: var(--primaryColor200);
        pointer-events: visible;
    }

        .tns-controls button::before {
            content: url(assets/images/common/icon-button-arrow.svg);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 4.5px;
        }
        .tns-controls button[data-controls=next]::before {
            transform: translate(-50%, -50%) rotate(180deg);
        }

.tns-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    margin-top: 18px;
}

    .tns-nav > button {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: var(--neutralColor200);
    }
    .tns-nav > button.tns-nav-active { background-color: var(--primaryColor200) }


.wpp-thumbnail {
    float: none;
    display: block;
    margin: 0;
}


.wpp-thumbnail {
    display: block;
    float: unset;
    margin: 0;
}





/*------------------------------------*\
    $COMMON
\*------------------------------------*/
.nmc-wrap {
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .nmc-wrap {
        max-width: 430px;
        margin-inline: auto;
    }
}


@media screen and (min-width: 768px) {
    .nmc-main--underlayer { padding-top: 85px }
}
@media screen and (max-width: 767px) {
    .nmc-main--underlayer { padding-top: 64px }
}


.bg-dl {
    background-color: var(--secondaryColor);
    color: white;
}
.bg-contact {
    background-color: var(--tertiaryColor);
    color: var(--neutralColor400);
}


.nmc-section,
.nmc-section--primary,
.nmc-section--neutral,
.nmc-section--dots { padding-inline: var(--sideSpace) }
.nmc-section--primary { background-color: var(--primaryColor200) }
.nmc-section--neutral { background-color: var(--neutralColor100) }
@media screen and (min-width: 768px) {
    .nmc-section {
        margin-top: 92px;
        margin-bottom: 80px;
    }
    .nmc-section--primary,
    .nmc-section--neutral,
    .nmc-section--dots {
        padding-top: 92px;
        padding-bottom: 80px;
    }
    .nmc-section--dots {
        background-image: url(assets/images/common/bg-dots.svg);
        background-position: 50% 50%;
        background-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .nmc-section,
    .nmc-section--dots {
        margin-top: 46px;
        margin-bottom: 42px;
    }
    .nmc-section--primary,
    .nmc-section--neutral {
        padding-top: 46px;
        padding-bottom: 42px;
    }
}

    .nmc-section__inner {
        max-width: 940px;
        margin-inline: auto;
    }

        .nmc-section__title {
            color: var(--primaryColor200);
            font-weight: 600;
            line-height: 1.2;
            text-align: center;
        }
        .nmc-section--primary .nmc-section__title { color: white }
        @media screen and (min-width: 768px) {
            .nmc-section__title {
                margin-bottom: 48px;
                font-size: 3.4rem;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-section__title {
                margin-bottom: 20px;
                font-size: 2.4rem;
            }
        }

            @media screen and (max-width: 767px) {
                .nmc-section__title span {
                    color: var(--neutralColor400);
                    font-size: 2.1rem;
                }
            }


/* Breadcrumbs */
.nmc-breadcrumbs {
    margin-block: 0;
    background-color: white;
}

    .nmc-breadcrumbs .nmc-section__inner { max-width: 964px }

        .nmc-breadcrumbs__list {
            display: flex;
            align-items: center;
            padding-top: 28px;
            padding-bottom: 22px;
            overflow: hidden;
        }

            .nmc-breadcrumbs__item {
                display: flex;
                align-items: center;
                max-width: 50%;
                font-size: 1.2rem;
                line-height: 1.5;
                white-space: nowrap;
            }
            .nmc-breadcrumbs__item:last-of-type {
                flex-grow: 1;
                width: 1px;
            }
            .nmc-breadcrumbs__item:last-of-type,
            .nmc-breadcrumbs__item:not(:last-of-type) a {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .nmc-breadcrumbs__item:not(:last-of-type)::after { content: "　＞　" }


/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    margin-top: 32px;
    color: var(--primaryColor300);
    line-height: 1;
}

    .pagination__list {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 12px;
    }

        .pagination__item {
            width: 24px;
            font-size: 1.6rem;
        }

            .pagination__item > span {
                aspect-ratio: 1 / 1;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 4px;
                background-color: var(--primaryColor300);
                color: white;
                pointer-events: none;
            }

            .pagination__item > a {
                aspect-ratio: 1 / 1;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 4px;
            }


    .pagination__arrow {
        width: 24px;
    }

        .pagination__arrow > a {
            aspect-ratio: 1 / 1;
            position: relative;
            display: block;
            width: 100%;
            border: 2px solid var(--primaryColor300);
            border-radius: 4px;
            transition: background-color .3s var(--easeOutQuart);
        }
        @media (any-hover: hover) {
            .pagination__arrow > a:hover {
                background-color: var(--primaryColor300);
            }
        }

            .pagination__arrow > a::before {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, -15%);
                display: block;
                margin-bottom: 0.5em;
                font-size: 2.4rem;
                transition: color .3s var(--easeOutQuart);
            }
            .pagination__arrow.is-prev > a::before {
                content: "‹";
            }
            .pagination__arrow.is-next > a::before {
                content: "›";
            }
            @media (any-hover: hover) {
                .pagination__arrow > a:hover::before {
                    color: white;
                }
            }


/* Page title */
.nmc-title {
    margin-block: 0;
    background-color: white;
}
@media screen and (min-width: 768px) {
    .nmc-title { border-block: 1px solid var(--neutralColor100) }
}

/*0603↓↓コメントアウト変更
@media screen and (max-width: 767px) {
    .nmc-title { display: none }
}
*/


    .nmc-title .nmc-section__inner { max-width: 964px }

        /*h1*/.nmc-title__body {
            color: var(--primaryColor300);
            font-weight: 500;
            line-height: 1.2;
        }
        @media screen and (min-width: 768px) {
            .nmc-title__body {
                padding-block: 32px;
                font-size: 3.0rem;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-title__body {
                padding-block: 22.4px;
                font-size: 1.9rem;
            }
        }

            .nmc-title__body span {
                margin-left: 30px;
                font-weight: 200;
            }
            @media screen and (min-width: 768px) {
                .nmc-title__body span {
                    margin-left: 30px;
                    color: var(--neutralColor400);
                    font-size: 2.4rem;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-title__body span {
                    margin-left: 6px;
                    color: #b3b3b3;
                    font-size: 1.6rem;
                }
            }



/* Guidance button */
@media screen and (min-width: 768px) {
    .nmc-guidance {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 26px;
        margin-top: 48px;
    }

        .nmc-guidance__btn {
            width: 360px;
            height: 52px;
            border-radius: 26px;
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 10px;
            font-size: 2.0rem;
            font-weight: 600;
        }

            .nmc-guidance__btn.bg-dl::after {
                content: url(assets/images/common/icon-download.svg);
                width: 15px;
            }
            .nmc-guidance__btn.bg-contact::after {
                content: url(assets/images/common/icon-guidance-arrow.svg);
                width: 8px;
            }

}
@media screen and (max-width: 767px) {
    .nmc-guidance { display: none }
}



@media screen and (max-width: 1023px) {
    .nmc-works .nmc-section__inner { max-width: 325px }
}
@media screen and (max-width: 768px) {
    .nmc-works .nmc-section__inner {
        max-width: unset;
        margin-inline: -5px;
    }
}

    @media screen and (min-width: 1024px) {
        .nmc-works__list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 24px;
            grid-row-gap: 30px;
            max-width: 100%;
        }
    }

        @media screen and (min-width: 1024px) {
            .nmc-works__item { filter: drop-shadow(3px 3px 5px rgb(0 0 0 / 0.08)) }
        }
        @media screen and (max-width: 1023px) {
            .nmc-works__item { filter: drop-shadow(1.5px 1.5px 2px rgb(32 93 127 / 0.18)) }
        }
        @media screen and (max-width: 768px) {
            .nmc-works__item { padding: 5px }
        }

            .nmc-works__link {
                display: block;
                height: 100%;
                background-color: white;
            }

                .nmc-works__category {
                    padding-left: .04em;
                    font-weight: 600;
                    line-height: 1.2;
                    letter-spacing: .04em;
                    text-align: center;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-works__category {
                        padding-block: 25px;
                        color: var(--primaryColor200);
                        font-size: 2.2rem;
                    }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-works__category {
                        padding-block: 8.7px;
                        background-color: var(--primaryColor200);
                        color: white;
                        font-size: 1.65rem;
                    }
                }

                .nmc-works__image { width: 100% }
                .nmc-works__image:not(:has(> img)) {
                    background-image: url(assets/images/common/no-image.png);
                    background-repeat: no-repeat;
                    background-position: 50% 50%;
                    background-size: cover;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-works__image { aspect-ratio: 297.0862 / 175.6546 }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-works__image { aspect-ratio: 650 / 303.3333 }
                }

                    .nmc-works__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }


                @media screen and (min-width: 1024px) {
                    .nmc-works__content {
                        padding-top: 14px;
                        padding-inline: 15px;
                        padding-bottom: 32px;
                    }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-works__content {
                        padding-top: 19px;
                        padding-inline: 22px;
                        padding-bottom: 18px;
                    }
                }

                    .nmc-works__title {
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-works__title { margin-bottom: 18px }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-works__title { margin-bottom: 14px }
                    }

                        .nmc-works__title h3 {
                            color: var(--primaryColor200);
                            font-weight: 600;
                            line-height: 1.2;
                            letter-spacing: .04em;
                        }
                        @media screen and (min-width: 1024px) {
                            .nmc-works__title h3 {
                                margin-bottom: 4px;
                                font-size: 1.8rem;
                            }
                        }
                        @media screen and (max-width: 1023px) {
                            .nmc-works__title h3 {
                                margin-bottom: 2px;
                                font-size: 1.5rem;
                            }
                        }

                        .nmc-works__title p {
                            font-weight: 600;
                            line-height: 1.2;
                            letter-spacing: .04em;
                        }
                        .nmc-works__title p > span {
                            margin-left: 0.2em;
                            font-weight: 500;
                        }
                        @media screen and (min-width: 1024px) {
                            .nmc-works__title p { font-size: 1.6rem }
                            .nmc-works__title p > span { font-size: 1.4rem }
                        }
                        @media screen and (max-width: 1023px) {
                            .nmc-works__title p { font-size: 1.3rem }
                            .nmc-works__title p > span { font-size: 1.15rem }
                        }


                    .nmc-works__catchphrase {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: 16px;
                        border-radius: 1px;
                        background-color: var(--neutralColor100);
                        color: var(--primaryColor200);
                        font-weight: 600;
                        text-align: center;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-works__catchphrase {
                            min-height: 69px;
                            font-size: 1.6rem;
                            line-height: 1.199375;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-works__catchphrase {
                            min-height: 52px;
                            font-size: 1.3rem;
                            line-height: 1.267;
                        }
                    }

                        .nmc-works__catchphrase::before {
                            content: url(assets/images/common/icon-works-w-quote.svg);
                            aspect-ratio: 48 / 37.9;
                            position: absolute;
                            display: block;
                            object-fit: contain;
                        }
                        @media screen and (min-width: 1024px) {
                            .nmc-works__catchphrase::before {
                                top: -7px;
                                left: 14px;
                                width: 14.5px;
                            }
                        }
                        @media screen and (max-width: 1023px) {
                            .nmc-works__catchphrase::before {
                                top: -6px;
                                left: 32px;
                                width: 12px;
                            }
                        }

                        /* .nmc-works__catchphrase::after {
                            content: url(assets/images/common/icon-works-arrow.svg);
                            position: absolute;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        @media screen and (min-width: 1024px) {
                            .nmc-works__catchphrase::after {
                                bottom: -11px;
                                width: 22px;
                            }
                        }
                        @media screen and (max-width: 1023px) {
                            .nmc-works__catchphrase::after {
                                bottom: -8px;
                                width: 18px;
                            }
                        } */


                    .nmc-works__text {
                        color: var(--primaryColor200);
                        letter-spacing: .02em;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-works__text {
                            font-size: 1.8rem;
                            font-weight: 600;
                            line-height: 1.34667;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-works__text {
                            font-size: 1.5rem;
                            font-weight: 500;
                            line-height: 1.4;
                        }
                    }


@media screen and (min-width: 1024px) {
    .nmc-works .tns-ovh { overflow: visible }
}



.nmc-section.nmc-support { margin-block: 0 }
@media screen and (min-width: 768px) {
    .nmc-section.nmc-support {
        padding-top: 92px;
        padding-bottom: 80px;
        background-image: url(assets/images/common/bg-support-pc.jpg);
        background-image:
            image-set(
                url(assets/images/common/bg-support-pc.jpg) 1x,
                url(assets/images/common/bg-support-pc@2x.jpg) 2x
            );
        background-image:
            -webkit-image-set(
                url(assets/images/common/bg-support-pc.jpg) 1x,
                url(assets/images/common/bg-support-pc@2x.jpg) 2x
            );
    }
}
@media screen and (max-width: 767px) {
    .nmc-section.nmc-support {
        padding-top: 46px;
        padding-inline: calc(var(--sideSpace) + 11px);
        padding-bottom: 42px;
        background-image: url(assets/images/common/bg-support-sp.jpg);
        background-image:
            image-set(
                url(assets/images/common/bg-support-sp.jpg) 1x,
                url(assets/images/common/bg-support-sp@2x.jpg) 2x
            );
        background-image:
            -webkit-image-set(
                url(assets/images/common/bg-support-sp.jpg) 1x,
                url(assets/images/common/bg-support-sp@2x.jpg) 2x
            );
        color: white;
    }
}

    .nmc-support .nmc-section__title { color: white }

        @media screen and (min-width: 768px) {
            .nmc-support__list {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 25px;
            }
        }

            @media screen and (min-width: 768px) {
                .nmc-support__item,
                .nmc-support__item--dl,
                .nmc-support__item--contact {
                    position: relative;
                    z-index: 1;
                    width: 296.666px;
                    min-height: 368px;
                    padding-top: 52px;
                    padding-inline: 38px;
                    padding-bottom: 104px;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-support__item--dl,
                .nmc-support__item--contact { display: none }
            }

                @media screen and (min-width: 768px) {
                    .nmc-support__item::before,
                    .nmc-support__item--dl::before,
                    .nmc-support__item--contact::before {
                        content: "";
                        position: absolute;
                        inset: 0;
                        z-index: -1;
                        background-color: white;
                        clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
                    }
                }

                @media screen and (min-width: 768px) {
                    .nmc-support__title {
                        font-size: 2.0rem;
                        font-weight: 700;
                        line-height: 1.2;
                        letter-spacing: .04em;
                        text-align: center;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-support__title { display: none }
                }

                @media screen and (min-width: 768px) {
                    .nmc-support__image {
                        max-width: 172px;
                        margin-top: 18px;
                        margin-inline: auto;
                    }
                }

                .nmc-support__text { position: relative }
                @media screen and (min-width: 768px) {
                    .nmc-support__text {
                        margin-top: 36px;
                        font-size: 1.8rem;
                        font-weight: 500;
                        line-height: 1.778;
                        letter-spacing: -0.02em;
                    }
                    .nmc-support__item--contact .nmc-support__text { padding-left: 58px }
                    .nmc-support__item--dl .nmc-support__text {
                        margin-top: 8px;
                        margin-inline: -1em;
                    }
                    .nmc-support__item .nmc-support__text::before {
                        content: url(assets/images/common/image-support.svg);
                        top: 31px;
                        left: 174px;
                        position: absolute;
                        width: 96px;
                    }
                    .nmc-support__item--contact .nmc-support__text::before {
                        content: url(assets/images/common/image-support-contact.svg);
                        top: -66px;
                        left: -60px;
                        position: absolute;
                        width: 107px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-support__text {
                        margin-bottom: 8px;
                        font-size: 1.4rem;
                        line-height: 1.643;
                        letter-spacing: .02em;
                    }
                }

                .nmc-support__btn:not(:has( img)) {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 99px;
                    background-color: white;
                    color: var(--primaryColor200);
                    font-weight: 600;
                    line-height: 1;
                }
                @media screen and (min-width: 768px) {
                    .nmc-support__btn {
                        position: absolute;
                        left: 50%;
                        bottom: 38px;
                        transform: translateX(-50%);
                        width: min(254px, 100%);
                    }
                    .nmc-support__btn:not(:has( img)) {
                        column-gap: 9px;
                        height: 50px;
                        border: 2px solid var(--primaryColor200);
                        font-size: 1.6rem;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-support__btn { margin-top: 24px }
                    .nmc-support__btn:not(:has( img)) {
                        position: relative;
                        column-gap: 11px;
                        height: 47px;
                        font-size: 1.9rem;
                    }
                    .nmc-support__btn:not(:has( img))::after {
                        content: "";
                        width: 6px;
                        height: 100%;
                        background-color: var(--primaryColor200);
                        -webkit-mask-image: url(assets/images/common/icon-guidance-arrow.svg);
                                mask-image: url(assets/images/common/icon-guidance-arrow.svg);
                        -webkit-mask-repeat: no-repeat;
                                mask-repeat: no-repeat;
                        -webkit-mask-position: 50% 50%;
                                mask-position: 50% 50%;
                        -webkit-mask-size: contain;
                                mask-size: contain;
                    }
                }



.nmc-form:not(.nmc-section):not(:has( .nmc-section__inner)),
.nmc-form .nmc-section__inner {
    max-width: 870px;
    background-color: var(--neutralColor100);
}
@media screen and (min-width: 768px) {
    .nmc-form:not(.nmc-section):not(:has( .nmc-section__inner)),
    .nmc-form .nmc-section__inner {
        /* padding-top: 78px; */
        padding-inline: 66px;
        padding-bottom: 64px;
        border-radius: 15px;
    }
}
@media screen and (max-width: 767px) {
    .nmc-form:not(.nmc-section):not(:has( .nmc-section__inner)),
    .nmc-form .nmc-section__inner {
        padding-top: 32px;
        /* padding-inline: 2.77%; */
        padding-bottom: 28px;
        border-radius: 10px;
    }
}

    .nmc-form__title {
        color: var(--primaryColor400);
        font-weight: 500;
        line-height: 1.357;
        text-align: center;
    }
    @media screen and (min-width: 768px) {
        .nmc-form__title {
            margin-bottom: 12px;
            font-size: 2.8rem;
            letter-spacing: .02em;
        }
    }
    @media screen and (max-width: 767px) {
        .nmc-form__title {
            margin-bottom: 8px;
            font-size: 2.0rem;
            letter-spacing: .04em;
        }
    }

    .nmc-form__description {
        color: #808080;
        font-weight: 500;
        text-align: center;
    }
    @media screen and (min-width: 768px) {
        .nmc-form__description {
            margin-bottom: 48px;
            font-size: 1.4rem;
            line-height: 1.357;
        }
    }
    @media screen and (max-width: 767px) {
        .nmc-form__description {
            margin-bottom: 26px;
            font-size: 1.15rem;
            line-height: 1.478;
        }
    }

    .nmc-form__content {
        max-width: 596px;
        margin-inline: auto;
    }
    @media screen and (min-width: 768px) {
        .nmc-form__content { margin-bottom: 30px }
    }
    @media screen and (max-width: 767px) {
        .nmc-form__content { margin-bottom: 22px }
    }

        .nmc-form__column {
            display: flex;
            flex-wrap: wrap;
            column-gap: 8px;
            line-height: 1.2;
        }
        @media screen and (min-width: 768px) {
            .nmc-form__column {
                margin-block: 27px;
                row-gap: 12px;
                font-size: 1.9rem;
            }
            .nmc-form__column:has( .nmc-form__column__list) { margin-block: 34px }
            .nmc-form__group .nmc-form__column { margin-block: 7px }
        }
        @media screen and (max-width: 767px) {
            .nmc-form__column {
                margin-block: 16px;
                row-gap: 7px;
                font-size: 1.5rem;
            }
        }

            .nmc-form__column__label { width: min(100%, 212px) }

                .nmc-form__column__label label.is-required::after {
                    content: "必須";
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 33px;
                    height: 17px;
                    margin-left: 12px;
                    border: 1px solid var(--primaryColor300);
                    border-radius: 5px;
                    color: var(--primaryColor300);
                    font-size: 1.0rem;
                    vertical-align: 2px;
                }


            .nmc-form__column__content {
                flex-grow: 1;
                width: 1px;
                min-width: 50%;
            }

                .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), select) {
                    display: flex;
                    align-items: center;
                }
                .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), textarea, select) {
                    width: 100%;
                    border-radius: 3px;
                    background-color: white;
                    line-height: 1.2;
                }
                .nmc-form__column__content :is(input[type=checkbox], input[type=radio]) {
                    appearance: auto;
                    width: 1.333em;
                    height: 1.333em;
                    margin: 0;
                    border: 1px solid var(--neutralColor400);
                }
                .nmc-form__column__content input[type=checkbox] {
                    border-radius: 0;
                }
                .nmc-form__column__content input[type=radio] {
                    border-radius: 100%;
                }
                .nmc-form__column__content textarea { resize: vertical }
                .nmc-form__column__content ::placeholder { color: #CCC }
                form.is-confirm input:-webkit-autofill,
                form.is-confirm input:-webkit-autofill:hover,
                form.is-confirm input:-webkit-autofill:focus,
                form.is-confirm input:-webkit-autofill:active,
                form.is-confirm input { -webkit-box-shadow: 0 0 0 1000px var(--neutralColor100) inset !important }
                form.is-confirm input {
                    font-size: initial !important;
                }
                form.is-confirm input:is([type=checkbox], [type=radio]),
                form.is-confirm input:is([type=checkbox], [type=radio]):not(:checked) + span,
                form.is-confirm .nmc-form__column__item:has( :is(input[type=checkbox], input[type=radio]):not(:checked)),
                form.is-confirm .nmc-form__column__item:has( textarea:empty),
                form.is-confirm :is(input, textarea):empty {
                    display: none;
                }
                
                @media screen and (min-width: 768px) {
                    .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), textarea, select) {
                        padding-inline: 28px;
                        font-size: 1.2rem;
                    }
                    .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), select) {
                        height: 36px;
                    }
                    .nmc-form__column__content textarea {
                        height: 138px;
                        padding-block: 10.8px;
                    }
                    .nmc-form__column__content :is(input[type=checkbox], input[type=radio]) {
                        width: 16px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), textarea, select) {
                        padding-inline: 16px;
                        font-size: 1.1rem;
                    }
                    .nmc-form__column__content :is(input:not([type=checkbox]):not([type=radio]), select) {
                        height: 32px;
                    }
                    .nmc-form__column__content textarea {
                        height: 100px;
                        padding-block: 9.4px;
                    }
                }

                    .nmc-form__column__content :is(input[type=checkbox], input[type=radio]) + span { line-height: 1.333 }


                .nmc-form__column__list {
                    display: grid;
                    grid-template-columns: 100%;
                }
                @media screen and (min-width: 768px) {
                    .nmc-form__column__list {
                        row-gap: 20px;
                        padding-left: 28px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-form__column__list { row-gap: 10px }
                }

                    .nmc-form__column__item label {
                        display: flex;
                        column-gap: 0.79em;
                        cursor: pointer;
                    }
                    .nmc-form__column__item textarea { height: 98px }


    .nmc-form__external {
        display: block;
        width: fit-content;
        margin-inline: auto;
        color: #808080;
        font-weight: 300;
        line-height: 1.2;
    }
    @media screen and (min-width: 768px) {
        .nmc-form__external {
            margin-bottom: 22px;
            font-size: 1.4rem;
        }
    }
    @media screen and (max-width: 767px) {
        .nmc-form__external {
            margin-bottom: 13px;
            font-size: 1.1rem;
        }
    }

    .nmc-form__button {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: min(318px, 100%);
        margin-inline: auto;
        border-radius: 99px;
        background-color: var(--primaryColor200);
        color: white;
        font-size: 1.1rem;
        line-height: 1.2;
        transition: opacity .3s var(--easeOutQuart);
    }
    .nmc-form__button:hover { opacity: .75 }
    @media screen and (min-width: 768px) {
        .nmc-form__button { height: 68px }
    }
    @media screen and (max-width: 767px) {
        .nmc-form__button { height: 60px }
    }

        .nmc-form__button strong { font-weight: 500 }
        @media screen and (min-width: 768px) {
            .nmc-form__button strong { font-size: 2.0rem }
        }
        @media screen and (max-width: 767px) {
            .nmc-form__button strong { font-size: 1.7rem }
        }


    .nmc-form__button--back {
        position: relative;
        z-index: 1;
        display: none;
        width: fit-content;
        padding-inline: 1em;
        margin-top: 16px;
        margin-inline: auto;
        color: var(--neutralColor200);
        font-size: 1.2;
        line-height: 2;
        text-decoration: underline;
    }
    form.is-confirm .nmc-form__button--back { display: block }




/* Machine */
.nmc-machine {}

    @media screen and (max-width: 1023px) {
        .nmc-machine .nmc-section__inner { max-width: 312px }
    }

        @media screen and (min-width: 1024px) {
            .nmc-machine__list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-column-gap: 20px;
            }
        }

            .nmc-machine__item { background-color: var(--neutralColor100) }
            @media screen and (min-width: 1024px) {
                .nmc-machine__item {
                    padding-top: 42px;
                    padding-bottom: 47px;
                    border-radius: 20px;
                }
            }
            @media screen and (max-width: 1023px) {
                .nmc-machine__item {
                    padding-top: 40px;
                    padding-bottom: 35px;
                    border-radius: 10px;
                }
            }

                /*hgroup*/.nmc-machine__title {
                    font-weight: 600;
                    text-align: center;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-machine__title { margin-bottom: 24px }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-machine__title { margin-bottom: 18px }
                }

                    .nmc-machine__title > h3 {
                        color: var(--primaryColor200);
                        line-height: 1.25;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-machine__title > h3 { font-size: 2.4rem }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-machine__title > h3 { font-size: 2.1rem }
                    }

                    .nmc-machine__title > h4 {
                        margin-bottom: 2px;
                        color: var(--neutralColor500);
                        line-height: 1.25;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-machine__title > h4 { font-size: 1.9rem }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-machine__title > h4 { font-size: 1.8rem }
                    }


                .nmc-machine__image {
                    aspect-ratio: 1 / 1;
                    margin-inline: auto;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-machine__image {
                        max-width: 184px;
                        margin-bottom: 22px;
                    }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-machine__image {
                        max-width: 230px;
                        margin-bottom: 18px;
                    }
                }

                    .nmc-machine__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }


                .nmc-machine__content-list {
                    width: fit-content;
                    margin-inline: auto;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-machine__content-list { margin-bottom: 18px }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-machine__content-list { margin-bottom: 14px }
                }

                    .nmc-machine__content-item {
                        background-image: url(assets/images/common/icon-item-check.svg);
                        background-repeat: no-repeat;
                        background-position: 0 50%;
                        color: var(--neutralColor500);
                        font-weight: 600;
                        line-height: 1.75;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-machine__content-item {
                            padding-left: 28px;
                            background-size: 20px;
                            font-size: 1.9rem;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-machine__content-item {
                            padding-left: 24px;
                            background-size: 18px;
                            font-size: 1.7rem;
                        }
                    }


                .nmc-machine__btn {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-inline: auto;
                    border-style: solid;
                    border-color: var(--primaryColor200);
                    border-radius: 99px;
                    background-color: white;
                    color: var(--primaryColor200);
                    font-weight: 600;
                    line-height: 1;
                }
                @media screen and (min-width: 1024px) {
                    .nmc-machine__btn {
                        column-gap: 8px;
                        width: 245px;
                        height: 41px;
                        border-width: 1px;
                        font-size: 1.7rem;
                    }
                }
                @media screen and (max-width: 1023px) {
                    .nmc-machine__btn {
                        column-gap: 10px;
                        width: 254px;
                        height: 46px;
                        border-width: 1.5px;
                        font-size: 1.6rem;
                    }
                }

                    .nmc-machine__btn::after {
                        content: url(assets/images/common/icon-machine-arrow.svg);
                        aspect-ratio: 1 / 1;
                        display: block;
                    }
                    @media screen and (min-width: 1024px) {
                        .nmc-machine__btn::after {
                            width: 20px;
                            height: 20px;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        .nmc-machine__btn::after {
                            width: 14px;
                            height: 14px;
                        }
                    }





.nmc-magazine {}

    .nmc-magazine__list {}
    @media screen and (min-width: 768px) {
        .nmc-magazine__list,
        .nmc-magazine__list--nonSlider {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 18px;
        }
    }
    @media screen and (min-width: 1024px) {
        .nmc-magazine__list,
        .nmc-magazine__list--nonSlider { grid-template-columns: repeat(3, 1fr) }
    }
    @media screen and (min-width: 1280px) {
        .nmc-magazine__list,
        .nmc-magazine__list--nonSlider { grid-template-columns: repeat(4, 1fr) }
    }

        @media screen and (max-width: 767px) {
            .nmc-magazine__item + .nmc-magazine__item { margin-top: 32px }
        }

            .nmc-magazine__link { display: block }

                .nmc-magazine__image { overflow: hidden }
                @media screen and (min-width: 768px) {
                    .nmc-magazine__image {
                        aspect-ratio: 220 / 134;
                        margin-bottom: 16px;
                        border-radius: 10px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-magazine__image {
                        aspect-ratio: 345 / 197;
                        margin-bottom: 18px;
                        border-radius: 5px;
                    }
                }

                    .nmc-magazine__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }


                .nmc-magazine__content {}

                    .nmc-magazine__date {
                        line-height: 1.2;
                        letter-spacing: -0.02em;
                    }
                    @media screen and (min-width: 768px) {
                        .nmc-magazine__date {
                            margin-bottom: 4px;
                            font-size: 1.4rem;
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .nmc-magazine__date {
                            margin-bottom: 6px;
                            font-size: 1.5rem;
                        }
                    }

                    .nmc-magazine__title {
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }
                    @media screen and (min-width: 768px) {
                        .nmc-magazine__title {
                            margin-bottom: 4px;
                            font-size: 1.4rem;
                            font-weight: 500;
                            line-height: 1.5;
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .nmc-magazine__title {
                            margin-bottom: 6px;
                            font-size: 1.5rem;
                            line-height: 1.625;
                        }
                    }



.nmc-single-body__main { overflow: hidden }

    @media screen and (min-width: 768px) {
        .nmc-single-body__block {
            font-size: 1.8rem;
            line-height: 2.111;
        }
    }
    @media screen and (max-width: 767px) {
        .nmc-single-body__block {
            font-size: 1.5rem;
            line-height: 2.2667;
        }
    }

        .nmc-single-body__block b { font-weight: 500 }
        .nmc-single-body__block strong { font-weight: 700 }
        .nmc-single-body__block a:not([class]) { text-decoration: underline }

        .nmc-single-body__block img {
            min-width: 80%;
            height: auto;
            margin-inline: auto;
        }

        .nmc-single-body__block h2 {
            border-image-source: linear-gradient(#1180aa, #1180aa);
            border-image-slice: 0 fill;
            border-image-outset: 0 100vw;
            color: white;
            font-weight: 500;
            line-height: 1.2;
            letter-spacing: 0.02em;
        }
        @media screen and (min-width: 768px) {
            .nmc-single-body__block h2 {
                padding-block: 22px;
                margin-bottom: 45px;
                font-size: 3.4rem;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__block h2 {
                padding-block: 13px;
                margin-bottom: 31px;
                font-size: 2.0rem;
            }
        }

        .nmc-single-body__block h3 {
            position: relative;
            color: #1180aa;
            line-height: 1.2778;
        }
        .nmc-single-body__block .nmc-works h3 {
            padding-left: 0;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: .04em;
        }
        @media screen and (min-width: 768px) {
            .nmc-single-body__block h3 {
                padding-left: 11px;
                margin-bottom: 32px;
                font-size: 2.8rem;
                font-weight: 500;
                letter-spacing: .02em;
						margin-top:5%; /*1125追加*/
            }
        }
        @media screen and (min-width: 1024px) {
            .nmc-single-body__block .nmc-works h3 {
                margin-bottom: 4px;
                font-size: 1.8rem;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__block h3 {
                padding-left: 11px;
                margin-bottom: 11px;
                font-size: 1.8rem;
                font-weight: 700;
                letter-spacing: .06em;
            }
        }
        @media screen and (max-width: 1023px) {
            .nmc-single-body__block .nmc-works h3 {
                margin-bottom: 2px;
                font-size: 1.5rem;
            }
        }

            .nmc-single-body__block h3::before {
                content: "";
                position: absolute;
                left: 0;
                background-color: #1180aa;
            }
            .nmc-single-body__block .nmc-works h3::before { display: none }
            @media screen and (min-width: 768px) {
                .nmc-single-body__block h3::before {
                    top: 3px;
                    width: 4px;
                    height: 27px;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__block h3::before {
                    top: 4px;
                    width: 2px;
                    height: 16px;
                }
            }


        @media screen and (min-width: 768px) {
            .nmc-single-body__block p {
                margin-top: 32px;
                margin-bottom: 48px;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__block p { margin-block: 22px }
        }

        .nmc-single-body__list {
            max-width: 900px;
            margin-inline: auto;
            border: 1px solid var(--neutralColor100);
            background-color: white;
        }
        @media screen and (min-width: 768px) {
            .nmc-single-body__list {
                padding-top: 32px;
                padding-inline: min(62px, 100% * (62 / 900));
                padding-bottom: 36px;
                margin-top: 28px;
                margin-bottom: 46px;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__list {
                padding-top: 21px;
                padding-inline: 48px;
                padding-bottom: 30px;
                margin-top: 12px;
                margin-bottom: 22px;
            }
        }

            .nmc-single-body__list > p {
                position: relative;
                width: fit-content;
                margin-top: 0;
                margin-bottom: 1em;
                line-height: 1.75;
            }
            @media screen and (min-width: 768px) {
                .nmc-single-body__list > p {
                    font-size: 2.2rem;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__list > p {
                    margin-inline: auto;
                    font-size: 1.5rem;
                    text-align: center;
                }
            }

                .nmc-single-body__list > p::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    background-color: var(--neutralColor100);
                }
                @media screen and (min-width: 768px) {
                    .nmc-single-body__list > p::before {
                        height: 3px;
                        border-radius: 1.5px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-single-body__list > p::before {
                        height: 2px;
                        border-radius: 1px;
                    }
                }


            .nmc-single-body__list > ul {
                font-weight: 700;
                line-height: 1.75;
            }
            @media screen and (min-width: 768px) {
                .nmc-single-body__list > ul {
                    padding-left: 1em;
                    font-size: 2.4rem;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__list > ul {
                    font-size: 1.7rem;
                }
            }

                .nmc-single-body__list > ul li::before { content: "・ " }



        .nmc-single-body__point {
            max-width: 934px;
            margin-inline: auto;
            background-color: var(--neutralColor100);
        }
        @media screen and (min-width: 768px) {
            .nmc-single-body__point {
                padding-top: 54px;
                padding-inline: 42px;
                padding-bottom: 52px;
                margin-top: 45px;
                margin-bottom: 54px;
                border-radius: 5px;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__point {
                padding-top: 19px;
                padding-inline: 8px;
                padding-bottom: 2px;
                margin-top: 17px;
                margin-bottom: 25px;
                border-radius: 2.5px;
            }
        }

            .nmc-single-body__point p { margin-block: 0 }
            .nmc-single-body__point > p {
                position: relative;
                width: fit-content;
                margin-top: 0;
                margin-bottom: 1em;
                line-height: 1.4;
            }
            @media screen and (min-width: 768px) {
                .nmc-single-body__point > p {
                    padding-block: .25em;
                    font-size: 2.0rem;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__point > p {
                    max-width: 284px;
                    padding-inline: 10px;
                    padding-bottom: 12px;
                    margin-inline: auto;
                    font-size: 1.5rem;
                    text-align: center;
                }
            }

                .nmc-single-body__point > p::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    background-color: white;
                }
                @media screen and (min-width: 768px) {
                    .nmc-single-body__point > p::before {
                        height: 3px;
                        border-radius: 1.5px;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-single-body__point > p::before {
                        height: 1.5px;
                        border-radius: 1px;
                    }
                }


            @media screen and (min-width: 768px) {
                .nmc-single-body__point li {
                    margin-top: 34px;
                    margin-bottom: 46px;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__point li {
                    margin-top: 42px;
                    margin-bottom: 40px;
                }
            }

                .nmc-single-body__point dt {
                    position: relative;
                    margin-bottom: 16px;
                    color: #1180aa;
                    line-height: 1.2778;
                }
                @media screen and (min-width: 768px) {
                    .nmc-single-body__point dt {
                        padding-left: 11px;
                        font-size: 2.6rem;
                        font-weight: 500;
                        letter-spacing: .02em;
                    }
                }
                @media screen and (max-width: 767px) {
                    .nmc-single-body__point dt {
                        padding-left: 11px;
                        font-size: 1.8rem;
                        font-weight: 700;
                        letter-spacing: .06em;
                    }
                }

                    .nmc-single-body__point dt::before {
                        content: "";
                        position: absolute;
                        top: 4px;
                        left: 0;
                        background-color: #1180aa;
                    }
                    @media screen and (min-width: 768px) {
                        .nmc-single-body__point dt::before {
                            width: 4px;
                            height: 26px;
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .nmc-single-body__point dt::before {
                            width: 3px;
                            height: 16.5px;
                        }
                    }


        .nmc-single-body__btn {
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 99px;
            background-color: #1180aa;
            color: white;
            font-weight: 500;
            letter-spacing: .02em;
        }
        @media screen and (min-width: 768px) {
            .nmc-single-body__btn {
                column-gap: 12px;
                width: fit-content;
                height: 49px;
                margin-top: 22px;
                padding-inline: 32px;
                font-size: 1.7rem;
            }
        }
        @media screen and (max-width: 767px) {
            .nmc-single-body__btn {
                column-gap: 5px;
                width: 100%;
                height: 34px;
                margin-top: 25px;
                font-size: 1.3rem;
            }
        }

            .nmc-single-body__btn::after {
                content: "";
                display: block;
                width: 0;
                height: 0;
            }
            @media screen and (min-width: 768px) {
                .nmc-single-body__btn::after {
                    border: 4.74px solid transparent;
                    border-left: 7.3px solid white;
                }
            }
            @media screen and (max-width: 767px) {
                .nmc-single-body__btn::after {
                    border: 3.3075px solid transparent;
                    border-left: 5.09px solid white;
                }
            }


/*------------------------------------*\
    $MAGAZINE
\*------------------------------------*/
.nmc-magazine {}

    .nmc-magazine__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 1em;
        margin-inline: auto;
        border-style: solid;
        border-color: var(--primaryColor200);
        border-radius: 99px;
        background-color: white;
        color: var(--primaryColor200);
        font-weight: 600;
        line-height: 1;
    }
    @media screen and (min-width: 768px) {
        .nmc-magazine__btn {
            column-gap: 9px;
            width: 324px;
            height: 50px;
            margin-top: 36px;
            border-width: 2px;
            font-size: 2.0rem;
        }
    }
    @media screen and (max-width: 767px) {
        .nmc-magazine__btn {
            column-gap: 10px;
            width: 303px;
            height: 48px;
            margin-top: 25px;
            border-width: 1.5px;
            font-size: 1.9rem;
        }
    }

        .nmc-magazine__btn::after {
            content: url(assets/images/common/icon-more.svg);
            width: 21px;
        }


/*0603tuika

===================================== */
/*--------------------------------------
Mainimage
--------------------------------------*/
.home #mainimage {
	padding: 0 4% 4%;
	box-sizing: border-box;
	font-size: 0;
	letter-spacing: 0;
	line-height: 0;
}
.page-id-19326 #mainimage {
	padding: 0 4% 4%;
}
#mainimage img {
	width: 100%;
}
.main_img {
	position: relative;
}
.main_img  .btn_txt01 {
	position: absolute;
	width: 24.2%;
	left: 4.9%;
	bottom:6%;
}
.main_img  .btn_txt02 {
	position: absolute;
	width: 24.2%;
	left: 30.2%;
	bottom: 6%;
}
@media screen and (max-width: 767px) {
	.home #mainimage {
		padding: 0;
	}
	.page-id-19326 #mainimage {
		padding: 0;
	}
	.main_img .btn_txt01 {
		position: fixed;
		width: 42%;
		left: 8%;
		bottom: 2%;
		z-index: 999;
	}
	.main_img .btn_txt02 {
		position: fixed;
		width: 42%;
		right: 8%;
		bottom: 2%;
		z-index: 999;
		left: auto;
	}
}

@media screen and (min-width:767px){
	.main_img  .btn_txt01 {
	display:none;
}
.main_img  .btn_txt02 {
 display:none;
}
}


/*--------------------------
 サイトマップに追加します
----------------------------*/

.container_st {
	width: 100%;
	max-width: 1060px;
	padding: 0 30px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body__1 {
	font-family:"ヒラギノ角ゴ W3 JIS2004","Hiragino Kaku Gothic W3 JIS2004","游明朝","游ゴシック", "Yu Gothic","メイリオ", Meiryo, sans-serif;
	font-size: 14px;
    background:#fff;
	color: #746D67;
	letter-spacing: 0.05em;
	line-height: 2;
	position: relative;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
.under_main_st{
	font-size:24px;
}




/*-----------------------
 追加のスタイルシート
--------------------------*/

.blog_con_box {
    margin: 2em 0;
    background: #dcefff;
}

.blog_con_box .box-title {
    font-size: 1.2em;
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: 0.05em;
    font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", 游明朝;
    background: rgb(95, 179, 245);
    padding: 4px;
}

.blog_con_box p {
    padding: 15px 20px;
    margin: 0;
}



/*固定ページ*/

.nmc-single__content{
	font-size:1.8rem;
	line-height: 2.111;
}

.nmc-single__content h2{
	background:#1180aa;
	color: white;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.02em;
	padding-block: 22px;
    margin-bottom: 45px;
	    margin-top: 45px;
    font-size: 3.4rem;
	    padding-left: 2%;
}

.nmc-single__content h3{
	padding-left: 11px;
    margin-bottom: 32px;
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: .02em;
	position: relative;
    color: #1180aa;
    line-height: 1.2778;
}

.nmc-single__content h3::before {
	 content: "";
    position: absolute;
    left: 0;
    background-color: #1180aa;
	top: 3px;
    width: 4px;
    height: 27px;
}


.nmc-single__content p strong {
    font-weight: 700;
}

/**************
 キャンペーン追加
**************/

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

.sp__cp{width:100%; margin-bottom:2%;}
}

@media screen and (min-width:767px){
.sp__cp{display:none;}
	
.pc__cp{width:100%; height:500px; margin-bottom:2%;}
}


/**************
 *ブログの日付追加
****************/


.time_post__ {
    text-align: right;
    font-size: 1.5rem;
    margin-right: 20px;
}

