@charset "UTF-8";
            @font-face {
                font-family: 'MyFont';
                src: url(/font/logotypejp_mp_m_1.1.ttf);
            }

            * {
                box-sizing: border-box;
                font-family: serif;
                color: #434343;
            }
            /* body {} */
            /* //////// 汎用　//////// */

            .sizeXS {
                font-size: 75%;
            }

            .sizeS {
                font-size: 125%;
            }

            .sizeM {
                font-size: 150%;
            }

            .sizeL {
                font-size: 175%;
            }
            /* 背景カラー */

            .backColor-01 {
                background: #1C6634;
            }

            .backColor-02 {
                background: #e06313bf;
            }

            .main-Fontcolor {
                color: #1C6634;
            }

            .sub-Fontcolor {
                color: #006400;
            }

            .sub-Fontcolor_y {
                color: #ffc107;
            }

            .gold {
                color: #1C6634;
                background: #1C6634;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 5px 4px 5px rgba(138, 62, 4, 0.1);
                font-size: 120%;
            }

            .shadow-01 {
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
            }

            .shadow-02 {
                text-shadow: 1px 0px 1px rgba(119, 157, 176, 0.722);
            }

            .btn-reg {
                width: 20%;
            }

            .btn-reg:hover {
                opacity: 0.6;
            }

            .frame-01 {
                margin: 2em auto;
                padding: 1em;
                width: 70%;
                color: #666666;
                border: 2px solid #766328;
                background-color: #fff;
                box-shadow: -2px 5px 5px #e8d3c7;
                border-radius: 20px;
                font-size: 22px;
            }

            .fadein {
                opacity: 0;
                transform: translate(0, 50px);
                transition: all 300ms;
            }

            .fadein.scrollin {
                opacity: 1;
                transform: translate(0, 0);
            }

            .sctn-title {
                position: relative;
                display: inline-block;
                padding: 0 35px;
            }

            .sctn-title:before,
            .sctn-title:after {
                content: '';
                position: absolute;
                top: 50%;
                display: inline-block;
                width: 45px;
                height: 2px;
                border-top: solid 1px black;
                border-bottom: solid 1px black;
            }

            .sctn-title:before {
                left: -5%;
            }

            .sctn-title:after {
                right: -5%;
            }

            .bg-mask {
                height: 100%;
                background: rgba(255, 255, 255, 0.5);
            }

            .sp-br {
                display: none;
            }

            .sp-none {
                display: inline-block;
            }
            /* /////// end 汎用　//////// */
            /* section-top */

            .box-logo {
                width: 200px;
            }

            #section-top {
                background: url(../images/bg-top.jpg) no-repeat;
                background-position: 0 90px 0;
                background-size: cover;
                width: 100%;
                float: right;
            }

            .top-reg-btn {
                background-color: #bc1010;
                color: #fff;
                border-radius: 10px;
                font-size: 150%;
                margin: 10px 0 0 0;
                padding: 1.5rem;
                box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
                outline-color: rgba(255, 255, 255, 0);
                outline-offset: 15px;
                text-shadow: 1px 1px 2px #427388;
            }

            .top-reg-btn:hover {
                color: #f2f2f2;
                opacity: 0.6;
                text-decoration: none;
            }

            .topScroll-title {
                font-size: 40px;
            }

            .scroll-btn_area {
                margin-top: 80px;
            }

            a.scroll-btn {
                color: #fff;
            }

            a.scroll-btn:hover {
                color: #f2f2f2;
                text-decoration: none;
            }

            a.scroll-btn span {
                position: absolute;
                top: 45%;
                left: 50%;
                width: 46px;
                height: 46px;
                margin-left: -23px;
                border: 1px solid #fff;
                border-radius: 100%;
                box-sizing: border-box;
                animation: sdb 3s infinite;
            }

            a.scroll-btn span::after {
                position: absolute;
                top: 50%;
                left: 50%;
                content: '';
                width: 16px;
                height: 16px;
                margin: -12px 0 0 -8px;
                border-left: 1px solid #fff;
                border-bottom: 1px solid #fff;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                box-sizing: border-box;
            }
            /* scroll anime */

            @-webkit-keyframes sdb {
                0% {
                    -webkit-transform: translate(0, 0);
                }
                20% {
                    -webkit-transform: translate(0, 10px);
                }
                40% {
                    -webkit-transform: translate(0, 0);
                }
            }

            @keyframes sdb {
                0% {
                    transform: translate(0, 0);
                }
                20% {
                    transform: translate(0, 10px);
                }
                40% {
                    transform: translate(0, 0);
                }
            }

            .top-conts {
                height: 40vh;
            }

            .top-title {
                font-size: 40px;
            }
            /* section-compare */

            .fv_img3 {
                margin: -40px 0 0 15px;
            }

            .compare-part {
                display: -webkit-inline-flex !important;
            }
            /* .row-height {
                display: flex;
                flex-wrap: wrap;
            } */

            .compare-table tr th {
                font-weight: 700;
                background-color: #bfe5ff;
                text-align: center;
            }

            .compare-table tr td {
                text-align: center;
                vertical-align: baseline;
            }
            /* MS colum */

            .compare-table tr:nth-child(2)>td:nth-child(2) {
                font-size: x-large;
            }

            .compare-table tr td:nth-child(2) {
                color: #1C6634;
                font-size: 20px;
                font-weight: 700;
                text-align: center;
            }
            /* section-problem */

            #problem {
                background: url(../images/bg-benefit.png) no-repeat;
                margin: 0 auto;
                background-position: center center;
                background-size: cover;
            }

            .problem-title {
                text-shadow: 4px 6px 9px #6c757d;
                width: 100%;
                display: inline-block;
                text-align: center;
                color: #feffff;
                font-size: 175%;
                line-height: 1.5em;
                font-weight: bold;
                margin-top: 1rem;
            }

            ul.problem-conts {
                color: #1e366a;
                padding: 0.5em 0 0.5em 1.5em;
            }

            ul.problem-conts li {
                line-height: 1.5;
                padding: 0.5em 0;
                font-weight: 700;
                font-size: large;
            }

            */ .text-benefit {
                font-size: 4.5rem;
                font-weight: 300;
                line-height: 1.2;
            }
            /* messages */

            .merit-title {
                margin: 15px;
                padding: 5px;
                background-color: #FFF;
                border: solid #DAAF08;
                border-radius: 5%;
                box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
            }

            .row-eq-height {
                display: flex;
                flex-wrap: wrap;
            }

            .merit-title .heading {
                border-bottom: double 5px #e06313bf;
                text-align: center;
                font-weight: 400;
            }

            .merit-img {
                min-height: 250px;
            }
            /* ブランドロゴ画像 */

            .merit-img_logo {
                position: absolute;
                top: 40%;
                left: 25%;
            }
            /* section-voices */

            #voices {
                background: url(../images/bg-voices.jpg) no-repeat;
                margin: 0 auto;
                background-position: center center;
                background-size: cover;
            }

            .dsn-title {
                border: solid 1px #DAAF08;
                padding: 0.5em;
                border-radius: 0.5em;
                text-align: center;
            }

            .voices-comment {
                color: #37465A;
                background: #ffffff;
                height: 140px;
                border: solid#ffc107 0.5px;
                border-radius: 25px;
                padding: 0.4em 0.5em;
                margin: 2em 0 0.5em;
            }
            /* section-data */

            .chart-box {
                height: 60vh;
            }
            /* section-recruit */

            .recruit-box {
                color: #434343;
                font-size: 80%;
                border: solid 5px #ffffff;
                border-radius: 20px;
            }

            .recruit-box img {
                border-radius: 15px 15px 0 0;
            }

            .recruit-explain {
                margin: 10px;
            }
            /* section-adviser */

            .description {
                font-size: small;
                width: 80%;
                padding: 10px;
                border: solid #DAAF08;
                border-radius: 10px;
            }

            .ad-comment {
                text-align: left;
            }
            /* register */

            #register {
                background: url(../images/bg-register.jpg) no-repeat;
                margin: 0 auto;
                background-position: center center;
                background-size: cover;
            }

            .register-title {
                text-shadow: 4px 6px 9px rgb(177, 220, 244);
            }

            .steps-title {
                width: 100%;
                margin: 0 .5em 1em 0em;
                background: linear-gradient(135deg, #1C6634 0%, #8bde8f 45%, #1C6634 100%);
                text-decoration: none;
                color: #444;
                position: relative;
                height: 100px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-flow: column nowrap;
            }

            .steps-title p {
                font-size: 60%;
                padding-top: 5px;
                color: #b5403f;
            }

            .form-explain {
                position: relative;
                display: inline-block;
                margin: 1.5em 0;
                padding: 7px 10px;
                width: 150px;
                height: 150px;
                color: #555;
                font-size: 16px;
                background: #FFF;
                border: solid 2px #1C6634;
                border-radius: 5%;
                box-sizing: border-box;
                font-size: smaller;
                letter-spacing: 2px;
            }

            .form-explain:before {
                content: "";
                position: absolute;
                top: -24px;
                left: 50%;
                margin-left: -15px;
                border: 12px solid transparent;
                border-bottom: 12px solid #FFF;
                z-index: 2;
            }

            .form-explain:after {
                content: "";
                position: absolute;
                top: -29px;
                left: 50%;
                margin-left: -17px;
                border: 14px solid transparent;
                border-bottom: 14px solid #1C6634;
                z-index: 1;
            }
            /* 複数行の縦方向センタリング */

            .form-explain div {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .steps-title::before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 10px solid #fff;
                opacity: 0.5;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 0%;
                z-index: 0;
            }

            .steps-title::after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #1C6634;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            span.coverBg1 {
                opacity: 1;
                z-index: 1;
                color: #ffc107;
                border-radius: 15px;
                text-shadow: 1px 2px 1px #000;
            }
            /* よくある質問 */

            #question {
                margin-bottom: 120px;
            }

            #QandA-2 {
                width: 100%;
                font-family: メイリオ;
                font-size: 12px;
                /*全体のフォントサイズ*/
            }

            #QandA-2 h3 {
                font-size: 16px;
                margin-top: 32px;
            }

            #QandA-2 dl {
                border: 1px solid #ccc;
            }

            #QandA-2 dt {
                font-weight: bold;
                color: #fff;
                padding: 8px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

            #QandA-2 dt:first-child {
                border-top: none;
            }

            #QandA-2 dt:before {
                content: "Q.";
                font-weight: bold;
                margin-right: 8px;
            }

            #QandA-2 dd {
                padding: 16px 16px 24px 30px;
                margin: 0;
                line-height: 140%;
            }

            #QandA-2 dd:before {
                content: "A.";
                font-weight: bold;
                margin-right: 8px;
                margin-left: -21px;
                color: #bf0000;
            }
            /* section-reg_button */

            #reg_area {
                width: 100%;
                height: 90px;
                position: fixed;
                bottom: 0;
                z-index: 999;
            }

            .reg_inner {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                text-align: center;
            }

            .reg_btn {
                padding: 20px 20%;
                position: relative;
                z-index: 2;
                border: 2px solid #eeeff0;
                color: #ffffff;
                line-height: 50px;
                overflow: hidden;
                border-radius: 20px;
                color: #fff;
                background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
            }

            .reg_btn:hover {
                opacity: 0.8;
                /* 下線を消す */
                text-decoration: none;
                color: #fff;
            }

            .reg_inner a {
                transition: .3s;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .reg_inner a:hover {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                color: #fff;
            }

            .insert-obj {
                position: fixed;
                bottom: 0;
                left: 0;
                z-index: 2;
                width: 100%;
                transition: .3s;
                transform: translateY(100%);
            }

            .is-show {
                transform: translateY(0);
            }
            .pc-none {
                display: none;
            }
            .sp-none {
                display: block;
            }
            /* for SP */

            @media print,
            screen and (max-width:767px) {
                /* 汎用 */
                .sp-br {
                    display: block;
                }
                .pc-none {
                    display: block;
                }
                .sp-none {
                    display: none;
                }
                .top-title {
                    font-size: 18px !important;
                }
                .fv_img3 {
                    width: 260px;
                    margin: 0 0 -60px 10px;
                }
                /* end 汎用 */
                .box-logo {
                    width: 70%;
                }
                .top-reg-btn {
                    font-size: 110%;
                }
                .merit-img {
                    min-height: 200px;
                }
                .top-conts {
                    font-size: 80%;
                    height: 100%;
                }
                .topScroll-title {
                    font-size: 16px;
                }
                .top-title {
                    font-size: xx-large;
                }
                .top-title-sub {
                    display: none;
                    font-size: unset;
                }
                .scroll-btn_area {
                    margin-top: 60px;
                }
                #section-top {
                    background: url(../images/bg-top.jpg) no-repeat;
                    background-position: top;
                    background-size: cover;
                    height: 70vh;
                    width: 100%;
                    float: right;
                }
                .reason-copy {
                    font-size: 2rem;
                }
                #problem h2 {
                    font-size: 18px;
                }
                .text-benefit {
                    font-size: xx-large;
                    margin-bottom: 5%;
                }
                #data h2 {
                    font-size: 20px;
                }
                #data h3 {
                    font-size: 18px;
                }
                .chart-box {
                    height: 50vh;
                }
                #adviser h2 {
                    font-size: 24px;
                }
                .description {
                    width: 100%;
                }
                .register-btn {
                    display: none;
                }
                .voices-comment {
                    color: #37465A;
                    background: #ffffff;
                    height: 110px;
                    border-radius: 25px;
                    margin: 0 2rem;
                }
                #merit h2 {
                    font-size: 20px;
                }
                .dsn-title {
                    font-size: medium;
                }
                .steps-title {
                    width: 80%;
                    margin: 0 auto 30px;
                    background: linear-gradient(180deg, #1C6634 0%, #8bde8f 45%, #1C6634 100%);
                    text-decoration: none;
                    color: #505050;
                    position: relative;
                    height: auto;
                    text-align: center;
                    padding: 10px;
                }
                .steps-title p {
                    font-size: 65%;
                }
                .steps-title::before {
                    display: none;
                }
                .steps-title::after {
                    content: "";
                    display: block;
                    border-top: 20px solid #1C6634 !important;
                    border-right: 38vw solid transparent !important;
                    border-left: 38vw solid transparent !important;
                    border-bottom: none;
                    position: absolute;
                    width: 0;
                    height: 0;
                    bottom: -20px !important;
                    top: auto !important;
                    left: 50%;
                    margin-top: 0 !important;
                    margin-left: -38vw;
                }
                .form-explain {
                    width: 75%;
                    max-height: 100px;
                }
            }

            @media print,
            screen and (max-width: 480px) {
                .reg_btn {
                    padding: 20px;
                }
                h1 {
                    font-size: 1.8rem !important;
                }
                .top-title {
                    display: none;
                }
                .fv_info {
                    margin-top: 50px !important;
                }
            }
            p.topScroll-title.text-white{
               text-shadow: 1px 2px 1px #000;
            }
            h4.text-center{
                margin-top: 3%;
            }