@media only screen and (max-width: 820px) {

    .slick-arrow {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
        border: none;
        outline: none;
        font-size: 0;
        position: absolute;
        top: -23px;
        z-index: 1;
        filter: drop-shadow(0px 3px 6px transparent);
        background: white;
    }

    .slick-arrow::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #1D3994;
        border-width: 3px 3px 0 0;
        position: absolute;
        top: 0px;
        transform: rotate(45deg);
    }

    .slick-next {
        right: 40px;
    }

    .slick-prev {
        left: 40px;
    }

    .slick-next::before {
        left: 20px;
    }

    .slick-prev::before {
        border-width: 0 0 3px 3px;
        right: 22px;
    }

    #Button-fire {
        position: absolute;
        top: 0;
        right: 4px;
        width: 60px;
        height: 60px;
        font-size: 18px;
        text-align: center;
        line-height: 60px;
        background: transparent;
        border-radius: 50%;
        color: #ececec;
        cursor: pointer;
        z-index: 1;
    }

    .toppage-list {
        display: inline-block;
        height: 50px;
        font-size: 18px;
        text-decoration: none;
        line-height: 70px;
        text-align: left;
        font-family: 'myfont-bold';
        margin-left: 22vw;
        position: relative;
        font-size: 22px;
        margin-bottom: 12px;
    }

    .toppage-nav {
        display: none;
        height: 0px;
    }

    .toppage-nav.toppage-open {
        display: block;
        height: auto;
        text-align: left;
        padding-left: 30vw;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 40px;
    }

    .toppage-nav li {
        position: relative;
    }

    .toppage-nav li:before {
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #ffd802;
        left: -27px;
        bottom: 9px;
    }

    .toppage-list:before {
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #ffd802;
        left: -27px;
        bottom: 12px;
    }

    .Nav-fire {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: calc(100vh - 55px);
        margin-top: 55px;
        font-size: 0;
        transform: scale(0);
        transition: transform 0.8s;
        z-index: 1;
        background: rgba(255, 255, 255, 0.9);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .Nav-fire::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .Nav-fire::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .Nav-fire::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .address-block {
        position: fixed;
        bottom: 0px;
        z-index: 9;

    }

    .Nav-fire a {
        display: inline-block;
        height: 60px;
        font-size: 22px;
        text-decoration: none;
        line-height: 60px;
        text-align: left;
        color: #fff;
        font-family: 'myfont-bold';
        padding-left: 22vw;
    }

    .Nav-fire a:nth-of-type(odd) {
        margin-right: 2px;
        width: 100vw;
        color: #2B2B2B;
    }

    .toppage-nav.toppage-open a {
        height: 20px;
        text-align: left;
        font-size: 18px;
        padding-left: 0;
    }

    .toppage-nav.toppage-open li {
        text-align: left;
    }

    .Nav-fire a:nth-child(2) {
        width: 100vw;
        color: #2B2B2B;
    }

    .Nav-fire a:nth-child(2) span {
        position: relative;
    }

    .Nav-fire a:nth-child(2) span:before {
        position: absolute;
        content: "-";
        font-size: 30px;
        left: 0;
        top: 0;
    }

    .Nav-fire a:nth-child(3) {
        width: 100vw;
        color: #2B2B2B;
    }

    .Nav-fire a:nth-child(3) span {
        position: relative;
    }

    .Nav-fire a:nth-child(3) span:before {
        position: relative;
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #1d3994;
        left: -27px;
        bottom: 12px;
    }

    .Nav-fire a:nth-child(4) {
        width: 100vw;
        color: #2B2B2B;
    }

    .Nav-fire a:nth-child(4) span {
        position: relative;
    }

    .Nav-fire a:nth-child(4) span:before {
        position: relative;
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #01a569;
        left: -27px;
        bottom: 12px;
    }

    .Nav-fire a:nth-child(5) {
        background: transparent;
        width: 100vw;
        color: #2B2B2B;
    }

    .Nav-fire a:nth-child(5) span {
        position: relative;
    }

    .Nav-fire a:nth-child(5) span:before {
        position: relative;
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #dd2022;
        left: -27px;
        bottom: 12px;
    }

    .Nav-fire a:nth-child(6) {
        background: transparent;
        width: 100vw;
        color: #2B2B2B;
    }

    .Nav-fire a:nth-child(6) span {
        position: relative;
    }

    .Nav-fire a:nth-child(6) span:before {
        position: relative;
        position: absolute;
        content: "";
        width: 17px;
        height: 3px;
        background: #ff6902;
        left: -27px;
        bottom: 12px;
    }

    .active-fire {
        transform: scale(1);
    }

    canvas {
        position: fixed;
        z-index: -1;
    }

    .fire-wrapper.fire-background {
        overflow-x: hidden;
        height: calc(100% - 85px);
        overflow-y: auto;
        padding-bottom: 200px;
    }

    .common-loading {
        display: block;
        opacity: 1;
        z-index: 99;
        position: fixed;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #cba328;
        height: 100vh;
        padding-top: 25vh;
        -webkit-transition: ease 1.3s;
        transition: ease 1.3s;
    }

    .common-loading.loaded {
        opacity: 0;
    }

    .common-loading img {
        height: 70px;
    }

    .desk {
        display: none;
    }

    .display {
        display: none;
    }

    .js-inview {
        opacity: 0;
        transform: translateY(60px);
        transition: all 1s;
    }

    .inview {
        opacity: 1;
        transform: translateY(0);
        transition: all 1s;
    }

    .header {
        position: fixed;
        width: 100%;
        background: white;
        height: 70px;
        z-index: 10;
        top: 0;
        display: block !important;
    }

    .disktop {
        display: none;
    }

    .header-company {
        position: absolute;
    }

    .header-nav__desktop {
        display: none !important;
    }

    .header-nav__mobile {
        display: block;
        position: fixed;
        z-index: 30000;
        right: 7px;
        top: 6px;
        width: 52px;
        height: 44px;
        cursor: pointer;
        text-align: center;
        transition: 0.5s all;
        /* ナビ開いてる時のボタン */
    }

    .header-nav {
        position: fixed;
        right: 50px;
        top: 10px;
    }

    .header-mobile {
        display: none;
        width: 0;
        margin-left: -100px;
    }

    .header-mobile.active {
        height: 100vh;
        padding: 200px 20px 20px;
        text-align: center;
        width: 100vw;
        margin: 0;
        opacity: 1;
    }

    .header-mobile ul li {
        text-align: left;
        padding: 15px 0;
        font-size: 28px;
        color: #2B2B2B;
        background: transparent;
        position: relative;
        display: block;
        width: 200px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .header-mobile li:hover {
        transform: scale(1, 1);
        transition: all 0.5s;
        transform-origin: left;
    }

    .header-mobile ul li:before {
        content: "";
        position: absolute;
        bottom: 7px;
        left: 3px;
        width: 17px;
        height: 3px;
        transition: all 0.5s;
    }

    .header-mobile ul li:nth-child(1):before {
        background: #284398;
    }

    .header-mobile ul li:nth-child(2):before {
        background: #22a569;
    }

    .header-mobile ul li:nth-child(3):before {
        background: #dd0322;
    }


    .header-mobile ul li a img {
        width: 17px;
        margin-right: 10px;
    }

    .header-mobile {
        display: none;
        background: white;
        height: calc(100vh - 60px);
        margin-top: -6px;
        padding: 100px 20px;
        text-align: center;
        opacity: 0;
    }

    .header-nav__mobile span {
        display: block;
        position: absolute;
        width: 40px;
        height: 2px;
        left: 6px;
        background: #39519f;
    }

    .header-nav__desktop {
        display: none;
    }

    .header-nav__mobile span:nth-child(1) {
        top: 6px;
    }

    .header-nav__mobile span:nth-child(2) {
        top: 21px;
    }

    .header-nav__mobile span:nth-child(3) {
        top: 36px;
    }

    .fa-times .header-nav__mobile {
        transform: rotate(360deg);
    }

    .fa-times .header-nav__mobile span:nth-child(1) {
        top: 20px;
        left: 6px;
        background: #39519f;
        transform: rotate(-45deg);
    }

    .fa-times .header-nav__mobile span:nth-child(2) {
        top: 20px;
        background: #39519f;
        transform: rotate(45deg);
    }

    .fa-times .header-nav__mobile span:nth-child(3) {
        opacity: 0;
    }
}

/* ヘッダーナビゲーション用のメディクリ設定　ここまで　*/

/*==================================================
じわっ
===================================*/

/* ぼかしから出現 */
.blur {
    animation-name: blurAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 1 !important;
}

@keyframes blurAnime {
    from {
        filter: blur(10px);
        transform: scale(1.02);
    }

    to {
        filter: blur(0);
        transform: scale(1);
    }
}

@media print,
screen and (max-width:980px) {
    .display {
        display: none;
    }

    .js-inview {
        opacity: 0;
        transform: translateY(60px);
        transition: all 1s;
    }

    .js-inview-stand {
        opacity: 0;
        transform: translateY(60px);
        transition: all 1s;
    }

    .js-inview-blur {
        opacity: 0;
        transform: translateY(60px);
        transition: all 1s;
    }

    .inview {
        opacity: 1;
        transform: translateY(0);
        transition: all 1s;
    }

    .red {
        color: #dd2021;
    }

    .green {
        color: #019655;
    }

    .blue {
        color: #0096de;
    }

    .header {
        height: 55px;
        padding: 0;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
    }

    .main {
        overflow: hidden;
        background: #ffd801;
    }

    .main.filter {
        filter: blur(3px);
    }

    .header-company {
        margin-bottom: 60px;
    }

    .header-company h1 {
        text-align: center;
    }

    .header-company h1 img {
        width: 265px;
        margin: 12px 26px;
    }

    .header-nav {
        height: calc(100vh - 200px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .header-nav {
        overflow: auto;
        display: none;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE */
        padding: 0 20px;
    }

    .header-nav::-webkit-scrollbar {
        /* Edge Chorome Safari Operaなど */
        display: none;
    }

    .header-nav__desktop li {
        min-height: 35px;
        position: relative;
        letter-spacing: 0px;
        transform: scale(1, 1);
        transition: all 0.5s;
        transform-origin: left;
        font-size: 14px;
    }

    .header-nav__desktop li:hover {
        transform: scale(1, 1);
        transition: all 0.5s;
        transform-origin: left;
    }

    .header-nav__desktop li li:nth-child(1):hover {
        color: #0096de;
    }

    .header-nav__desktop li li:nth-child(2):hover {
        color: #019655;
    }

    .header-nav__desktop li li:nth-child(3):hover {
        color: #dd2021;
    }

    .header-nav__desktop li:nth-last-child(2):hover {
        transform: scale(1, 1);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-nav__desktop li:nth-last-child(2):hover button {
        background: linear-gradient(to right, #8cd1f4, #1862e0);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-nav__desktop li:before {
        content: "";
        position: absolute;
        bottom: 13px;
        left: 2px;
        width: 10px;
        height: 2px;
        background: #fec621;
        transition: all 0.5s;
    }

    .header-nav__desktop li:nth-last-child(8):before {
        content: "";
        position: absolute;
        top: 21px;
        left: 2px;
        width: 10px;
        height: 2px;
        background: #fec621;
        transition: all 0.5s;
    }

    .header-nav__desktop li:hover:before {
        content: "";
        position: absolute;
        bottom: 21px;
        left: 2px;
        width: 120px;
        height: 2px;
        background: #fec621;
        transition: all 0.5s;
    }

    .header-nav__desktop li:nth-last-child(8):hover:before {
        content: "";
        position: absolute;
        top: 21px;
        left: 2px;
        width: 120px;
        height: 2px;
        background: #fec621;
        transition: all 0.5s;
    }

    .header-nav__desktop li:nth-last-child(1):before,
    .header-nav__desktop li:nth-last-child(5):before {
        background: transparent;
    }

    .header-nav__desktop li div {
        text-align: center;
    }

    .header-nav__desktop li .bubbly-button-menu {
        text-align: center;
        border-radius: 35px;
        line-height: 38px;
        font-size: 14px;
        padding: 0px 45px;
        margin: 0px 0 20px;
        -webkit-appearance: none;
        appearance: none;
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        cursor: pointer;
        position: relative;
        transition: transform ease-in 0.1s;
        display: inline-block;
        margin-left: 10px;
    }

    .bubbly-button-menu:focus {
        outline: 0;
    }

    .bubbly-button-menu:before,
    .bubbly-button-menu:after {
        position: absolute;
        content: "";
        display: block;
        width: 140%;
        height: 100%;
        left: -20%;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button-menu:before {
        display: none;
        top: -75%;
        background-image: radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 20%, #1e65b6 20%, transparent 30%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #1e65b6 15%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%);
        background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    }

    .bubbly-button-menu:after {
        display: none;
        bottom: -75%;
        background-image: radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #1e65b6 15%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%);
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }

    .bubbly-button-menu:active {
        transform: scale(0.9);
        background-color: #1e65b6;
    }

    .bubbly-button-menu.animate:before {
        display: block;
        animation: topBubbles ease-in-out 0.75s forwards;
    }

    .bubbly-button-menu.animate:after {
        display: block;
        animation: bottomBubbles ease-in-out 0.75s forwards;
    }


    .dropdownlink b {
        margin-right: 20px;
    }

    .submenuItems p {
        padding-left: 20px;
    }

    .inner-list {
        font-size: 14px;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .inner-list li {
        min-height: 30px;
        position: relative;
    }

    .header-nav__desktop .inner-list li:before {
        content: "";
        position: absolute;
        bottom: 8px;
        left: 2px;
        width: 10px;
        height: 2px;
        transition: all 0.5s;
    }

    .header-nav__desktop .inner-list li:nth-child(1):before {
        background: #0096de;
    }

    .header-nav__desktop .inner-list li:nth-child(2):before {
        background: #019655;
    }

    .header-nav__desktop .inner-list li:nth-child(3):before {
        background: #dd2021;
    }

    .header-nav__desktop li .bubbly-button-menu img {
        width: 7px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 25px;
        margin-bottom: 3px;
        margin-right: -8px;
    }

    .header-nav__desktop li small {
        margin-top: 20px;
        display: block;
    }

    .header-nav__desktop li small a {
        margin-right: 15px;
    }

    .realtimeuserscounter {
        display: inline-block;
        background: #002c83;
        color: white;
        width: 51px;
        margin-top: -30px;
        line-height: 25px;
        margin-bottom: -10px;
        text-align: right;
        padding-right: 5px;
        margin-right: -3px;
        border-radius: 0 50px 50px 0;
        padding-right: 10px;
    }

    .realtimeuserscounter__num {
        display: inline-block;
    }

    .realtime a {
        display: none;
    }

    .realtime {
        color: #002c83;
        font-size: 12px;
        border-style: solid;
        border-width: 1px;
        border-radius: 50px;
        padding: 5px;
        text-align: left;
        padding-left: 15px;
        padding-right: 0;
        margin-right: 10px;
        width: 200px;
        display: block;
        margin-left: 10px;
        margin-top: -5px;
    }

    .realtime span {
        padding-right: 10px;
    }

    .hero {
        height: 100vh;
        width: 100%;
    }

    .hero-inner {
        text-align: center;
        padding-top: 25vh;
    }

    .hero-inner h2 {
        font-size: 20px;
        display: inline-block;
        position: relative;
    }

    .hero-inner h2:after {
        content: "";
        background: url(../../assets/images/icon-hero1.png) center center;
        background-size: 70px;
        position: absolute;
        width: 70px;
        height: 70px;
        right: 20px;
        top: -80px;
        background-repeat: no-repeat;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 20.5s;
        animation-name: anim_po;
    }

    @keyframes anim_po {
        0% {
            right: -20px;
        }

        100% {
            right: 700px;
        }
    }

    .hero-inner h2:before {
        content: "";
        background: url(../../assets/images/img-hero-line3.png) center center;
        background-size: 455px;
        position: absolute;
        width: 655px;
        height: 855px;
        right: -165px;
        top: -211px;
        background-repeat: no-repeat;
    }

    .hero-contents h2 span {
        color: #dd2022;
    }

    .hero-content2 {
        margin-bottom: 10px;
        display: inline-block;
    }

    .hero-content-box {
        margin-top: 8px;
        position: relative;
    }

    .hero-content1 b {
        display: inline-block;
        background: white;
        border-radius: 30px;
        font-size: 12px;
        color: #002c83;
        vertical-align: middle;
        line-height: 20px;
        padding: 5px 20px;
        margin: 0 3px;
    }

    .hero-content1 b span {
        font-size: 30px;
        padding: 0 0 0 5px;
    }

    .hero-content2 h3 {
        font-size: 30px;
        margin-bottom: 0;
        letter-spacing: -5px;

    }

    .hero-content3 {
        padding-bottom: 18px;
        margin-left: 4px;
        display: inline-block;
    }

    .hero-content3 small {
        color: #002c83;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 200px;
    }

    .hero-content3 h3 {
        margin-bottom: 0;
        font-size: 23px;
        text-align: left;
    }

    .hero-content2 h3 small {
        writing-mode: vertical-rl;
        letter-spacing: 3px;
        width: 30px;
    }

    .hero-content2 h3 span {
        font-size: 80px;
        margin-left: 10px;
    }

    .hero-contents h4 {
        font-size: 35px;
        margin-top: 15px;
        margin-bottom: 25px;
        display: inline-block;
        position: relative;
    }

    .hero-contents h4:before {
        content: "";
        background: url(../../assets/images/icon-hero2.png) center center;
        background-size: 70px;
        position: absolute;
        width: 70px;
        height: 70px;
        left: -20px;
        bottom: -80px;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 12.5s;
        animation-name: anim_po2;
    }

    @keyframes anim_po2 {
        0% {
            bottom: -130px;
            left: -20px;
        }

        50% {
            bottom: -200px;
            left: -20px;
        }

        100% {
            bottom: -420px;
            left: -30px;
        }
    }

    .hero-contents h4:after {
        content: "";
        background: url(../../assets/images/icon-hero3.png) center center;
        background-size: 70px;
        position: absolute;
        width: 70px;
        height: 70px;
        right: -120px;
        bottom: -100px;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 10.5s;
        animation-name: anim_po3;
    }

    @keyframes anim_po3 {
        0% {
            bottom: -100px;
        }

        50% {
            bottom: 0px;
        }

        100% {
            bottom: 120px;
        }
    }

    .hero-contents h4 span {
        display: block;
        margin-bottom: 10px;
        color: #dd2022;
    }

    .contact-button {
        background: white;
        display: inline-block;
        padding: 19px 25px;
        border-radius: 50px;
        box-shadow: 2px 2px 3px #b2b1b1;
        transition: all 0.2s;
        position: relative;
    }

    a:hover .contact-button {
        background: #f6f6f6;
        display: inline-block;
        padding: 19px 25px;
        border-radius: 50px;
        box-shadow: 1px 1px 3px #b2b1b1;
        margin-top: 1px;
        margin-left: 1px;
        transition: all 0.2s;
    }

    .contact-button img {
        width: 20px;
        display: inline-block;
    }

    .contact-button p {
        display: inline-block;
        padding-bottom: 1px;
        padding-left: 5px;
        color: #002c83;
    }

    .slider1 li .img-wrapper {
        position: relative;
    }

    .slider1 li img:nth-child(2) {
        position: absolute;
    }

    .target {
        position: relative;
        padding-top: 250px;
        background: #ffd701;
    }

    .target img {
        width: 100%;
    }

    .question-inner {
        padding: 0 10px;
        text-align: center;
        margin-top: -70px;
        position: relative;
    }

    .question-inner h2 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #dd2021;
        line-height: 29px;
    }

    .question-inner h3 {
        font-size: 29px;
        margin-bottom: 50px;
        padding: 0 10px;
        line-height: 38px;
    }

    .question-inner p {
        max-width: 670px;
        margin: 0 auto;
        line-height: 32px;
        font-size: 15px;
        padding: 0 10px;
        background: white;
        padding: 30px 25px;
        border-radius: 10px;
        margin-bottom: 250px;
    }

    .question-inner p b {
        display: block;
        text-align: right;
        margin-top: 30px;
        font-family: 'myfont';
        color: #012c83;
    }

    .target-contents-wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 auto;
        margin-top: 70px;
        overflow: auto;
        flex-direction: row;
    }

    .target-contents-wrapper::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .target-contents-wrapper::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .target-contents-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .target-conents {
        margin: 0 7px;
        max-width: 450px;
    }

    .target-box {
        border-radius: 20px;
        background: white;
        width: 450px;
        margin-bottom: 50px;
        box-shadow: 2px 1px 5px #cfcfcf;
        padding-bottom: 50px;
        opacity: 0;
    }

    .target-photo {
        height: 300px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px 20px 0 0;
    }

    .target-photo.t1 {
        background: url(../../assets/images/img-target1.png) center center;
        background-size: cover;
    }

    .target-photo.t2 {
        background: url(../../assets/images/img-target2.png) center center;
        background-size: cover;
    }

    .target-photo.t3 {
        background: url(../../assets/images/img-target3.png) center center;
        background-size: cover;
    }

    .target-photo.t4 {
        background: url(../../assets/images/img-target4.png) center center;
        background-size: cover;
    }

    .target-box h4 {
        padding: 35px 0;
        font-size: 23px;
    }

    .target-box p {
        padding: 0 25px 0;
        text-align: left;
        font-size: 15px;
        line-height: 32px;
    }

    .osusume {
        text-align: left;
        padding: 0 25px;
    }

    .osusume .blue {
        background: #0096de;
        border-color: #0096de;
        color: white;
        font-size: 14px;
    }

    .osusume .red {
        background: #dd2021;
        border-color: #dd2021;
        color: white;
        font-size: 14px;
    }

    .osusume .green {
        background: #019655;
        border-color: #019655;
        color: white;
        font-size: 14px;
    }

    .osusume h4 {
        font-size: 20px;
        padding-bottom: 20px;
        padding-top: 30px;
        letter-spacing: 1px;
    }

    .osusume h5 {
        display: inline-block;
        font-size: 20px;
        float: right;
        margin-top: -20px;
    }

    .osusume h5 span {
        border-style: none;
        font-size: 35px;
        padding-right: 0;
        margin: 0;
        padding-left: 10px;
    }

    .osusume span {
        font-size: 13px;
        border-width: 1px;
        border-radius: 15px;
        padding: 4px 20px;
        margin-right: 8px;
        color: #1e3994;
        display: inline-block;
        margin-bottom: 10px;
    }

    .strong-title-contents {
        padding: 80px 10px 80px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .strong-box:nth-child(1),
    .strong-box:nth-child(3) {
        text-align: center;
    }

    .strong-box:nth-child(2) {
        text-align: center;
        margin-bottom: 30px;
        padding: 80px 0 30px;
    }

    .strong-box img {
        width: 100%;
        max-width: 350px;
    }

    .strong-box h3 {
        font-size: 25px;
        letter-spacing: 1px;
        line-height: 38px;
        position: relative;
        text-align: left;
        padding: 0 10px;
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .strong-box h3.kirari:after {
        content: "";
        height: 1px;
        width: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 2s ease-in-out;
    }

    .strong-box:nth-child(2) img {
        width: 80%;
    }

    .strong-inner {
        text-align: center;
    }

    .strong-inner h2 {
        padding: 0 20px;
        text-align: center;
        font-size: 30px;
        display: inline-block;
        background: linear-gradient(transparent 87%, white 10%);
        line-height: 50px;
        position: relative;
    }

    .strong-inner h2 span b {
        font-size: 100px;
    }

    .strong-inner h2:before {
        content: "";
        background: url(../../assets/images/icon-goodpoint1.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        left: -10px;
        top: -10px;
        background-repeat: no-repeat;
    }

    .strong-inner h2:after {
        content: "";
        background: url(../../assets/images/icon-goodpoint2.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        right: -10px;
        top: -10px;
        background-repeat: no-repeat;
    }

    .strong-contents {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1100px;
        margin: 0 auto;
        margin-top: 50px;
        padding: 0 10px;
    }

    .strong-content {
        flex-basis: 50%;
        max-width: 400px;
    }

    .strong-content img {
        width: 130px;
        padding-right: 20px;
    }

    .strong-content:nth-child(1) img {
        width: 110px;
    }

    .strong-content:nth-child(3) img {
        margin-left: -9px;
        width: 120px;
    }

    .strong-content-inner {
        font-size: 19px;
        line-height: 41px;
        padding-bottom: 30px;
        text-align: center;
    }

    .strong-content-inner p {
        max-width: 230px;
        color: #1e3994;
        font-family: 'myfont-b';
        line-height: 32px;
        text-align: left;
        padding: 0 5px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .strong {
        padding-bottom: 200px;
    }

    .achivement {
        text-align: center;
        background: #ffc501;
        padding-top: 100px;
    }

    .achivement-inner {
        padding: 0 20px;
        padding-bottom: 100px;
    }

    .achivement-inner h2 {
        font-size: 27px;
        line-height: 43px;
    }

    .slider1 {
        z-index: 2;
        position: relative;
    }

    .achivement-inner small {
        font-size: 12px;
        vertical-align: top;
        display: inline-block;
        padding-top: 10px;
    }

    .achivement-inner p {
        line-height: 35px;
        font-size: 16px;
        max-width: 360px;
        margin: 0 auto;
        text-align: left;
        padding: 0 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: justify;
    }

    .achivement-inner img {
        width: 100%;
        margin-bottom: -40px;
    }

    .slider1 li {
        margin: 0 150px;
    }

    .slider1 li img {
        width: 90%;
    }

    .plan {
        margin-top: -100px;
        background: #ffd801;
        padding-top: 190px;
        margin-bottom: 100px;
        position: relative;
    }

    .dokan {
        position: absolute;
        width: 117%;
        padding-left: 20px;
        padding-top: 0px;
        margin-top: -150px;
    }

    .plan-inner {
        padding: 0 10px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .plan-inner img {
        width: 100%;
        max-width: 500px;
    }

    .reflection {
        position: relative;
        display: inline-block;
    }

    .reflection.kirari:after {
        content: "";
        height: 1px;
        width: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 2s ease-in-out;
    }

    @keyframes reflection {
        0% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0;
        }

        80% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0.5;
        }

        81% {
            -webkit-transform: scale(4) rotate(45deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(50) rotate(45deg);
            opacity: 0;
        }
    }

    .plan-contents h2 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 50px;
        line-height: 38px;
        position: relative;
    }

    .plan-box-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
    }

    .plan-box {
        margin: 20px;
        background: white;
        width: 300px;
        border-radius: 20px;
        box-shadow: 1px 1px 5px #bebebe;
        position: relative;
        padding-bottom: 30px;
        opacity: 0;
    }

    .plan-box img {
        width: 100%;
    }

    .plan-box h3 {
        padding: 20px 5px;
        color: white;
        font-size: 20px;
        border-radius: 20px 20px 0 0;
    }

    .plan-box:nth-child(1) h3 {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
    }

    .plan-box:nth-child(2) h3 {
        background: linear-gradient(to right, #26b472, #0c551f);
    }

    .plan-box:nth-child(3) h3 {
        background: linear-gradient(to right, #dd0322, #b41a7a);
    }

    .plan-box h4 {
        font-size: 20px;
        padding: 35px 0;
        color: #2B2B2B;
        letter-spacing: 3px;
    }

    .plan-box h4 span {
        font-size: 35px;
        margin: 0 0 0 5px;
        letter-spacing: 1px;
    }

    .plan-box h4 small {
        display: block;
        font-size: 13px;
        font-family: "myfont";
        margin-top: 5px;
        letter-spacing: 1px;
    }

    .plan-box b {
        padding: 0px 20px;
        text-align: left;
        line-height: 23px;
        font-weight: normal;
        display: block;
        font-size: 13px;
    }

    .plan-box h5 {
        border-width: 2px;
        margin: 20px 20px 25px;
        border-radius: 5px;
        padding: 15px 5px;
        line-height: 24px;
        min-height: 115px;
        letter-spacing: -1px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'myfont-bold';
    }

    .plan-box:nth-child(1) h5 {
        border-color: #ccedf9;
        color: #00a5e3;
    }

    .plan-box:nth-child(2) h5 {
        border-color: #ccede1;
        color: #019655;
    }

    .plan-box:nth-child(3) h5 {
        border-color: #f8cdd3;
        color: #dd2022;
    }

    .detail-button {
        width: calc(100% - 20px);
        height: 40px;
        border-radius: 0 50px 50px 0;
    }

    .detail-button.blue {
        background: #0096de;
    }

    .detail-button.blue:hover {
        background: #25adec;
    }

    .detail-button.green {
        background: #019655;
    }

    .detail-button.green:hover {
        background: #1ba167;
    }

    .detail-button.red {
        background: #dd2022;
    }

    .detail-button.red:hover {
        background: #f15053;
    }

    .detail-button p {
        color: white;
        font-size: 15px;
        line-height: 40px;
        text-align: left;
        padding-left: 30px;
    }

    .detail-button p img {
        width: 10px;
        float: right;
        margin-right: 20px;
        margin-top: 13px;
    }

    .plan-box .plan-no1 {
        position: absolute;
        top: -40px;
        left: -30px;
        width: 90px;
        transform: rotate(-60deg);
        transition: 3s;
        animation: roll 3s infinite;
    }

    @keyframes roll {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(10deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .under-line {
        font-size: 26px;
        margin-top: 60px;
        line-height: 45px;
        position: relative;
        display: inline-block;
    }

    .under-line:before {
        content: "";
        background: url(../../assets/images/icon-plan-human1.png) center center;
        background-size: 200px;
        position: absolute;
        width: 200px;
        height: 200px;
        left: -140px;
        top: -80px;
        background-repeat: no-repeat;
        animation: flash step-end 2.2s infinite;
    }

    @keyframes flash {

        0%,
        100% {
            background: url(../../assets/images/icon-plan-human1-2.png) center center;
            background-size: 200px;
            position: absolute;
            width: 200px;
            height: 200px;
            left: -140px;
            top: -80px;
            background-repeat: no-repeat;
        }

        50% {
            background: url(../../assets/images/icon-plan-human1.png) center center;
            background-size: 200px;
            position: absolute;
            width: 200px;
            height: 200px;
            left: -140px;
            top: -80px;
            background-repeat: no-repeat;
        }
    }

    .under-line:after {
        content: "";
        background: url(../../assets/images/icon-plan-human2.png) center center;
        background-size: 210px;
        position: absolute;
        width: 210px;
        height: 210px;
        right: -140px;
        top: -80px;
        background-repeat: no-repeat;
        animation: flash2 step-end 2.2s infinite;
    }

    @keyframes flash2 {

        0%,
        100% {
            background: url(../../assets/images/icon-plan-human2.png) center center;
            background-size: 210px;
            position: absolute;
            width: 210px;
            height: 210px;
            right: -140px;
            top: -80px;
            background-repeat: no-repeat;
        }

        50% {
            background: url(../../assets/images/icon-plan-human2-1.png) center center;
            background-size: 210px;
            position: absolute;
            width: 210px;
            height: 210px;
            right: -140px;
            top: -80px;
            background-repeat: no-repeat;
        }
    }

    .under {
        background: linear-gradient(transparent 80%, white 10%);
    }

    .plan-detail {
        padding-top: 100px;
        z-index: 2;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .plan-detail::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .plan-detail::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .plan-detail::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .plan-detail table {
        margin: 0 auto;
    }

    .plan-detail table td {
        min-width: 210px;
        margin: 0 10px 0 0;
        min-height: 50px;
        background: white;
        margin-bottom: 2px;
        padding-bottom: 15px;
        padding-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 22px;
    }

    .plan-detail table td b {
        font-size: 25px;
        margin-left: 5px;
        padding: 20px 0;
    }

    .plan-detail table td small {
        display: block;
    }

    .plan-detail table .blue-box {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        padding: 20px 10px;
        color: white;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }

    .plan-detail table .green-box {
        background: linear-gradient(to right, #26b472, #0c551f);
        padding: 20px 10px;
        color: white;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }

    .plan-detail table .red-box {
        background: linear-gradient(to right, #dd0322, #b41a7a);
        padding: 20px 10px;
        color: white;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }

    .plan-detail table tr {
        display: inline-flex;
    }

    .bottom-radius {
        border-radius: 0 0 20px 20px;
    }

    .repair {
        display: block;
        text-align: right;
        max-width: 960px;
        margin-top: 10px;
    }

    .plan-detail table th {
        background: white;
        color: #3e56a3;
        width: 200px;
        margin-bottom: 2px;
        text-align: center;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .plan-detail table th span {
        vertical-align: middle;
    }

    .radius {
        border-radius: 20px 20px 0 0;
    }

    .teacher {
        background: url(../../assets/images/icon-question.png);
        background-size: 40%;
        background-repeat: no-repeat;
        background-position-y: 100px;
        background-position-x: right;
        margin-top: -150px;
    }

    .teacher-inner h2 {
        text-align: center;
    }

    .teacher-inner h2 img {
        width: 100%;
        padding: 5px;
        max-height: 170px;
        margin-left: -30px;
    }

    .teacher-inner {
        padding-top: 150px;
    }

    .teacher-contents {
        margin-top: 50px;
        margin-bottom: 150px;
    }

    .teacher-box {
        padding: 20px 20px 50px 20px;
        max-width: 400px;
        line-height: 30px;
        margin: 0 auto;
    }

    .teacher-box h3 {
        display: inline-block;
        font-family: 'myfont-bold';
    }

    .teacher-box .under {
        font-size: 24px;
        background: linear-gradient(transparent 75%, white 57%);
    }

    .teacher-box h4 {
        font-size: 18px;
        padding: 10px 0;
        font-family: 'myfont-bold';
    }

    .teacher-box p {
        font-size: 14px;
        line-height: 28px;
    }

    .okigaru {
        padding: 0 10px;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .okigaru h2 {
        display: inline-block;
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        padding: 20px 20px;
        font-size: 18px;
        letter-spacing: 0;
        border-radius: 20px 20px 0 0;
    }

    .plan-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        max-width: 910px;
        margin: 0 auto;
    }

    .time-limit.blue {
        border-radius: 20px;
        border-width: 3px;
        border-color: #2ba5e3;
        padding: 10px 25px;
        height: 40px;
        margin-bottom: 10px;
        line-height: 12px;
    }

    .time-limit.blue span:nth-child(1) {
        height: 34px;
        display: inline-block;
        background: #2aa5e4;
        line-height: 34px;
        margin-top: -10px;
        margin-left: -25px;
        padding-left: 25px;
        border-radius: 20px 0 0 20px;
        margin-right: 5px;
        padding-right: 15px;
        color: white;
    }

    .time-limit.blue span:nth-child(2) {
        background: white;
        color: #2B2B2B;
        line-height: 34px;
        margin-top: -10px;
        padding-right: 15px;
        border-radius: 0 20px 20px 0;
        padding-left: 10px;
        height: 34px;
        display: inline-block;
        margin-left: -5px;
        margin-right: -25px;
    }

    .okigaru-contents {
        background: white;
        border-radius: 0 20px 20px 20px;
        padding: 50px 15px;
        max-width: 910px;
        margin: 0 auto;
    }

    .okigaru-contents h3 {
        font-size: 20px;
        margin-bottom: 50px;
        position: relative;
        margin-left: 0px;
        line-height: 32px;
    }

    .okigaru-contents h3:before {
        content: "";
        background: url(../../assets/images/icon-okigaru.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0px;
        top: -44px;
        background-repeat: no-repeat;
    }

    .plan-contents-wrapper {}

    .okigaru-box h4 {
        color: #2B2B2B;
        margin-bottom: 10px;
        font-size: 16px;
        display: inline-block;
    }

    .okigaru-box h4 small {
        display: inline-block;
    }

    .okigaru-box-wrapper {
        border-width: 2px;
        padding: 40px 30px;
        border-color: #2eb1e6;
        border-radius: 10px;
        text-align: center;
    }

    .okigaru-box-wrapper img {
        width: 210px;
    }

    .okigaru-box-wrapper small {
        display: block;
        margin-top: 20px;
        line-height: 21px;
    }

    .okigaru-box h3 {
        font-size: 18px;
        line-height: 35px;
        color: #2B2B2B;
        padding-top: 50px;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .okigaru-box h3 br {
        display: none;
    }

    .okigaru-box h3:before {
        background: none;
    }

    .okigaru-box h3 span {
        background: linear-gradient(transparent 80%, #fcd804 10%);
        font-family: 'myfont-bold';
    }

    .okigaru-box p {
        padding-left: 10px;
    }

    .okigaru-box-detail {
        display: flex;
        flex-wrap: wrap;
        margin-top: 13px;
        max-width: 600px;
        justify-content: center;
    }

    .okigaru-box-detail a p {
        flex-basis: calc(50% - 10px);
        margin: 5px;
        padding: 20px 10px;
        text-align: center;
        color: #445ea9;
        border-radius: 10px;
        font-family: 'myfont-b';
        font-size: 16px;
        border-width: 3px;
        border-style: solid;
        min-width: 200px;
    }

    .okigaru-box-detail a p:hover {
        background: #f2f2f2;

    }

    .okigaru-box-detail a:nth-child(1) p {
        border-color: #64b7e9;
        color: #64b7e9;
    }

    .okigaru-box-detail a:nth-child(2) p {
        border-color: #E40153;
        color: #E40153;
    }

    .okigaru-box-detail a:nth-child(3) p {
        border-color: #B7B7B7;
        color: #B7B7B7;
    }

    .okigaru-box-detail a:nth-child(4) p {
        border-color: #6A3906;
        color: #6A3906;
    }

    .contact-plan-button {
        display: block;
        border-width: 2px;
        border-radius: 30px;
        color: #294399;
        padding: 15px 20px 15px 30px;
        line-height: 26px;
        box-shadow: 1px 1px 3px #a2a2a2;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        margin-top: 50px;
    }

    .futu-box .futu-box-detail-content p {
        font-size: 14px;
        line-height: 32px;
        margin-bottom: -10px;
        font-family: 'myfont-b';
    }

    a:hover .contact-plan-button {
        right: 41px;
        bottom: -1px;
        line-height: 26px;
        box-shadow: 0px 0px 3px #a2a2a2;
    }

    .contact-plan-button img {
        width: 25px;
    }

    .contact-plan-button p img {
        width: 8px;
        margin-left: 20px;
        margin-bottom: 6px;
    }

    .contact-plan-button p {
        display: inline-block;
        padding-left: 5px;
    }

    .okigaru-contents .plan-contents-wrapper {
        position: relative;
        padding-bottom: 80px;
    }

    .okigaru-contents small {
        display: block;
        margin-top: 20px;
        line-height: 20px;
        text-align: left;
    }

    .futu {
        padding: 0 10px;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .futu h2 {
        display: inline-block;
        background: linear-gradient(to right, #26b472, #0c551f);
        color: white;
        padding: 20px 20px;
        font-size: 18px;
        letter-spacing: -1px;
        border-radius: 20px 20px 0 0;
    }

    .time-limit.green {
        border-radius: 20px;
        border-width: 3px;
        border-color: #019655;
        padding: 10px 25px;
        height: 40px;
        margin-bottom: 10px;
        line-height: 12px;
    }

    .time-limit.green span:nth-child(1) {
        height: 34px;
        display: inline-block;
        background: #019655;
        line-height: 34px;
        margin-top: -10px;
        margin-left: -25px;
        padding-left: 25px;
        border-radius: 20px 0 0 20px;
        margin-right: 5px;
        padding-right: 15px;
        color: white;
    }

    .time-limit.green span:nth-child(2) {
        background: white;
        color: #2B2B2B;
        line-height: 34px;
        margin-top: -10px;
        padding-right: 15px;
        border-radius: 0 20px 20px 0;
        padding-left: 10px;
        height: 34px;
        display: inline-block;
        margin-left: -5px;
        margin-right: -25px;
    }

    .futu-contents {
        background: white;
        border-radius: 0 20px 20px 20px;
        padding: 50px 15px;
        position: relative;
        max-width: 910px;
        margin: 0 auto;
    }

    .futu-contents h3 {
        font-size: 20px;
        position: relative;
        margin-left: 0px;
        color: #177c4f;
        line-height: 32px;
    }

    .futu-contents h4 {
        margin-bottom: 70px;
        font-size: 30px;
        line-height: 34px;
        color: #167c4f;
        margin-top: 10px;
    }

    .futu-contents h3:before {
        content: "";
        background: url(../../assets/images/icon-futu.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0px;
        top: -44px;
        background-repeat: no-repeat;
    }

    .futu-box h4 {
        color: #2B2B2B;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .futu-box h4 span {
        font-family: 'myfont';
    }

    .futu-box-wrapper {
        border-width: 2px;
        padding: 40px 30px;
        border-color: #019655;
        border-radius: 10px;
        margin-top: 10px;
        text-align: center;
    }

    .futu-box-wrapper img {
        width: 205px;
    }

    .futu-contents .futu-box-wrapper small {
        display: block;
        margin-top: 20px;
        line-height: 21px;
        font-family: 'myfont';
        font-size: 12px;
    }

    .futu-contents .hosoku {
        font-size: 13px;
        font-family: 'myfont';
        margin-top: 20px;
    }

    .futu-box h3 {
        font-size: 18px;
        line-height: 35px;
        color: #2B2B2B;
        padding-top: 50px;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .futu-box h3 br {
        display: none;
    }

    .futu-contents .futu-box-detail-content-inner small {
        font-size: 12px;
        font-family: 'myfont';
        margin-top: 20px;
    }

    .futu-box h3:before {
        background: none;
    }

    .futu-box h3 span {
        background: linear-gradient(transparent 80%, #fcd804 10%);
        font-size: 18px;
        font-family: 'myfont-bold';
    }

    .futu-box p {
        padding-bottom: 10px;
        font-family: 'myfont-b';
        letter-spacing: 1px;
        font-size: 16px;
    }

    .futu-box-detail {
        display: flex;
        flex-wrap: wrap;
        padding-left: 80px;
    }

    .futu-box-detail-content-inner.futu3 img {
        width: 215px;
    }

    .futu-box-detail p {
        flex-basis: calc(50% - 20px);
        background: #e3f7ff;
        padding: 20px;
        margin: 10px;
        text-align: center;
        color: #445ea9;
        border-radius: 10px;
        font-family: 'myfont-b';
        display: inline-block;
    }

    .futu-contents .plan-contents-wrapper {
        position: relative;
    }

    .futu-contents small {
        display: inline-block;
        line-height: 20px;
        text-align: left;
        font-size: 14px;
        font-family: 'myfont-b';
    }

    .futu-box-detail-wrapper {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .futu-box-detail-wrapper::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .futu-box-detail-wrapper::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .futu-box-detail-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .futu-box-detail-wrapper img {
        width: 203px;
    }

    .futu-box-detail-warapper .futu-img {
        width: 200px;
    }

    .futu-box-detail-content {
        margin: 0 30px;
    }

    .futu-box-detail-content-inner {
        text-align: center;
        padding: 40px 20px;
        border-width: 2px;
        border-radius: 10px;
        border-color: #019655;
    }

    .futu-box-detail-content:nth-child(2) {
        margin: 0;
    }

    .contact-plan-button.blue {}

    .contact-plan-button.green {
        right: 50px;
        bottom: 50px;

    }

    a:hover .contact-plan-button.green {
        right: 49px;
        bottom: 49px;
    }

    .honki {
        padding: 0 10px;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        margin-bottom: 150px;
    }

    .honki h2 {
        display: inline-block;
        background: linear-gradient(to right, #dd0322, #b41a7a);
        color: white;
        padding: 20px 20px;
        font-size: 18px;
        letter-spacing: 0;
        border-radius: 20px 20px 0 0;
    }

    .time-limit.red {
        border-radius: 20px;
        border-width: 3px;
        border-color: #dd2021;
        padding: 10px 25px;
        height: 40px;
        margin-bottom: 10px;
        line-height: 12px;
    }

    .time-limit.red span:nth-child(1) {
        height: 34px;
        display: inline-block;
        background: #dd2021;
        line-height: 34px;
        margin-top: -10px;
        margin-left: -25px;
        padding-left: 25px;
        border-radius: 20px 0 0 20px;
        margin-right: 5px;
        padding-right: 15px;
        color: white;
    }

    .time-limit.red span:nth-child(2) {
        background: white;
        color: #2B2B2B;
        line-height: 34px;
        margin-top: -10px;
        padding-right: 15px;
        border-radius: 0 20px 20px 0;
        padding-left: 10px;
        height: 34px;
        display: inline-block;
        margin-left: -5px;
        margin-right: -25px;
    }

    .honki-contents {
        background: white;
        border-radius: 0 20px 20px 20px;
        position: relative;
        padding: 50px 15px 100px;
        max-width: 910px;
        margin: 0 auto;
    }

    .honki-contents h3 {
        font-size: 20px;
        position: relative;
        margin-left: 0px;
        color: #A50017;
        line-height: 32px;
    }

    .honki-contents h4 {
        margin-bottom: 70px;
        font-size: 30px;
        line-height: 34px;
        color: #A50017;
        margin-top: 10px;
    }

    .honki-contents h3:before {
        content: "";
        background: url(../../assets/images/icon-honki.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0px;
        top: -44px;
        background-repeat: no-repeat;
    }

    .honki-box h4 {
        color: #2B2B2B;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .honki-box h4 span {
        font-family: 'myfont';
    }

    .honki-box-wrapper {
        border-width: 2px;
        padding: 40px;
        border-color: #dd2021;
        border-radius: 10px;
        text-align: center;
    }

    .honki-box-wrapper img {
        width: 210px;
    }

    .honki-box-wrapper small {
        display: block;
        margin-top: 20px;
        line-height: 21px;
    }

    .honki-box h3 {
        font-size: 18px;
        line-height: 35px;
        color: #2B2B2B;
        padding-top: 50px;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .honki-box h3 br {
        display: none;
    }

    .honki-box h3:before {
        background: none;
    }

    .honki-box .honki-box-detail-content p {
        font-size: 14px;
    }

    .honki-box h3 span {
        background: linear-gradient(transparent 80%, #fcd804 10%);
        font-size: 18px;
        font-family: 'myfont-bold';
        display: inline-block;
    }

    .honki-box p {
        padding-bottom: 10px;
        font-family: 'myfont-b';
        letter-spacing: 1px;
        display: inline-block;
    }

    .honki-box-detail {
        display: flex;
        flex-wrap: wrap;
        padding-left: 80px;
    }

    .honki-box-detail-content-inner.honki3 img {
        width: 205px;
    }

    .honki-tokuten {
        margin-top: 40px;
        padding: 0;
        margin-bottom: 80px;
        display: inline-table;
        text-align: center;
    }

    .honki-tokuten h3 {
        margin-bottom: 10px;
        margin-left: 10px;
        text-align: left;
    }

    .honki-tokuten h3:before {
        display: none;
    }

    .honki-tokuten strong {
        display: inline-grid;
        color: white;
        border-radius: 20px;
        width: 250px;
        text-align: center;
        background: linear-gradient(to right, #dd0322, #b41a7a);
        margin: 5px 10px;
        font-family: 'myfont-bold';
        min-height: 70px;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .honki-tokuten strong span {
        display: inline-block;
        font-size: 13px;
        font-family: 'myfont';
        margin-top: -25px;
    }

    .honki-box-detail p {
        flex-basis: calc(50% - 20px);
        background: #e3f7ff;
        padding: 20px;
        margin: 10px;
        text-align: center;
        color: #445ea9;
        border-radius: 10px;
        font-family: 'myfont-b';
    }

    .honki-contents .plan-contents-wrapper {
        position: relative;
    }

    .honki-contents small {
        display: block;
        margin-top: 20px;
        line-height: 20px;
        text-align: left;
        font-size: 14px;
        font-family: 'myfont-b';
        margin-bottom: 10px;
    }

    .honki-contents .hosoku {
        font-size: 13px;
        font-family: 'myfont';
    }

    .honki-box-wrapper small {
        font-family: 'myfont';
        font-size: 12px;
    }

    .honki-contents .honki-box-detail-content-inner small {
        font-family: 'myfont';
        font-size: 12px;
    }

    .honki-box-detail-wrapper {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .honki-box-detail-wrapper::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .honki-box-detail-wrapper::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .honki-box-detail-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .honki-box-detail-wrapper img {
        width: 210px;
    }

    .honki-box-detail-warapper .honki-img {
        width: 200px;
    }

    .honki-box-detail-content {
        margin: 0 30px;
    }

    .honki-box-detail-content-inner {
        text-align: center;
        padding: 40px 20px;
        border-width: 2px;
        border-radius: 10px;
        border-color: #dd2021;
    }

    .honki-box-detail-content:nth-child(2) {
        margin: 0;
    }

    a:hover .contact-plan-button.red {
        right: 49px;
        bottom: 49px;
    }

    .contact-plan-button.red {
        display: block;
        border-width: 2px;
        border-radius: 30px;
        color: #294399;
        line-height: 26px;
    }

    .brand {
        text-align: center;
        background: #002c83 url(../../assets/images/title-couken.png);
        padding-top: 100px;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position-y: 80px;
        background-position-x: center;
        padding-bottom: 115px;
    }

    .brand-inner {
        color: white;
        font-size: 50px;
        padding: 30px 18px 30px;
    }

    .brand-inner h2 {
        color: white;
        position: relative;
        display: inline-block;
        font-size: 35px;
    }

    .brand-inner h2.kirari:after {
        content: "";
        height: 1px;
        width: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 2s ease-in-out;
    }

    .brand-inner ul {
        max-width: 800px;
        margin: 0 auto;
        text-align: left;
        margin-top: 150px;
        display: inline-block;
    }

    .brand-inner ul li {
        color: white;
        font-size: 20px;
        margin-bottom: 25px;
        text-align: center;
        margin-top: 50px;
    }

    .brand-inner ul li img {
        height: 95px;
        margin-right: 50px;
    }

    .orange {
        color: #fda500;
    }

    .brand-inner ul li p small {
        display: block;
        margin-top: 0;
        margin-left: -7px;
    }

    .brand-inner ul li p {
        line-height: 30px;
        padding-top: 15px;
        font-size: 19px;
    }

    .number1 {
        margin-right: 64px !important;
        padding-left: 15px;
        height: 100px !important;
    }

    .number {
        margin-right: 50px !important;
    }

    .brand h3 {
        color: white;
        margin-top: 30px;
        font-size: 30px;
        position: relative;
    }

    .brand h3 b {
        display: block;
        margin-top: 40px;
        position: sticky;
        z-index: 1;
        font-size: 42px;
        color: #002c83;
        font-weight: normal;
    }

    .brand-inner h3 {
        position: absolute;
        left: 0;
        width: 800px;
        right: 0;
        margin: 0 auto;
        bottom: -200px;
    }

    .brand h3 img {
        position: absolute;
        left: 0;
        width: 385px;
        right: 0;
        margin: 0 auto;
        bottom: -272px;
    }

    .voice {
        padding-top: 150px;
        text-align: center;
        padding-bottom: 100px;
    }

    .voice h2 {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 30px;
    }

    .voice h2 img {
        height: 50px;
    }

    .voice h2 span {
        font-size: 47px;
    }

    .voice p {
        line-height: 27px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .voice-contents {
        display: flex;
        margin-top: 30px;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .voice-box img {
        width: 85px;
        margin-top: 40px;
    }

    .voice-box {
        flex-basis: calc(50% - 100px);
        background: white;
        margin: 50px 0px;
        padding: 45px 15px 55px;
        border-radius: 20px;
        width: calc(100% - 20px);
    }

    .voice-box:nth-child(1) {
        margin-right: 0;
    }

    .voice-photo {
        display: inline-block;
        margin-top: -42px;
    }

    .voice-photo img {
        width: 150px;
    }

    .voice-photo b {
        display: block;
        background: #002c83;
        color: white;
        padding: 6px 15px;
        border-radius: 10px;
        margin-top: -35px;
        z-index: 2;
        position: relative;
        font-weight: normal;
        font-size: 13px;
        width: 168px;
    }

    .voice-box-title {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -110px;
    }

    .q-box {
        text-align: left;
        margin-top: 15px;
        padding: 0 20px;
    }

    .q-box img {
        width: 30px;
        margin-top: 0;
    }

    .q-box h3 {
        line-height: 28px;
        font-size: 16px;
    }

    .a-box {
        margin-top: 20px;
        text-align: left;
    }

    .a-box img {
        width: 30px;
        margin-left: 20px;
        margin-top: 0;
    }

    .a-box h3 {
        line-height: 30px;
        color: #de202a;
        font-size: 16px;
        padding: 0 20px;
    }

    .a-box p {
        font-size: 15px;
        line-height: 32px;
        margin-top: 10px;
    }

    .flow {
        background: #fcc504;
        padding: 50px 20px;
        text-align: center;
        padding-bottom: 150px;
    }

    .flow-inner {
        background: url(../../assets/images/img-grid.png);
        background-size: 80%;
        background-attachment: fixed;
    }

    .flow h2 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 30px;
        display: inline-block;
        position: relative;
    }

    .flow h2.kirari:after {
        content: "";
        height: 1px;
        width: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 2s ease-in-out;
    }

    .flow-contents-wrapper {
        max-width: 695px;
        margin: 0 auto;
        padding: 20px 0;
        line-height: 30px;
    }

    .flow-contents {
        text-align: left;
        margin-bottom: 50px;
    }

    .flow-contents p {
        font-size: 16px;
        line-height: 32px;
        text-align: justify;
    }

    .flow-contents img {
        width: 120px;
        margin-right: 30px;
        height: auto;
    }

    .flow-box {
        position: relative;
        border-width: 3px;
        border-style: dashed;
        border-color: #6c7eb9;
        background: white;
        color: #6477b6;
        padding: 35px;
        border-radius: 10px;
    }

    .flow-box img {
        position: absolute;
        width: 80px;
        top: -40px;
        right: -60px;
    }

    .flow-inner {
        text-align: center;
        padding-top: 100px;
    }

    .flow h3 {
        font-size: 30px;
        background: linear-gradient(transparent 80%, white 50%);
        padding: 0 45px;
        padding-bottom: 30px;
        position: relative;
    }

    .flow h3:before {
        content: "";
        background: url(../../assets/images/icon-flow2.png) center center;
        background-size: 50px;
        position: absolute;
        width: 50px;
        height: 150px;
        left: 0px;
        top: -50px;
        background-repeat: no-repeat
    }

    .flow h3:after {
        content: "";
        background: url(../../assets/images/icon-flow1.png) center center;
        background-size: 40px;
        position: absolute;
        width: 40px;
        height: 150px;
        right: 10px;
        top: -60px;
        background-repeat: no-repeat;
    }

    .qa {
        padding: 150px 10px;
        position: relative;
        z-index: 1;
    }

    .qa-inner {
        background: url(../../assets/images/title-answer.png);
        background-size: contain;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 40px;
    }

    .qa-inner h2 {
        text-align: center;
        font-size: 30px;
        letter-spacing: 10px;
        display: inline-block;
        position: relative;
    }

    .qa-inner h2.kirari:after {
        content: "";
        height: 1px;
        width: 1px;
        position: absolute;
        top: 20px;
        right: 0;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 2s ease-in-out;
    }

    .line-contact {
        padding-top: 20px;
        text-align: center;
    }

    .line-contact-inner h2 {
        font-size: 30px;
        margin-bottom: 50px;
        color: #2ac755;
        line-height: 38px;
    }

    .line-box {
        border-width: 5px;
        border-radius: 10px;
        border-color: #29c656;
        background: white;
        position: relative;
        padding: 10px 10px;
        max-width: 550px;
        margin: 0 auto;
        margin-left: 10px;
        margin-right: 10px;
        display: inline-block;
    }

    .line-box img {
        width: 100px;
    }

    .line-box .smart-line {
        margin-top: -40px;
        width: 80px;
    }

    .line-box h3 {
        color: #03c756;
        line-height: 33px;
        padding: 0 38px;
        font-size: 18px;
    }

    .line-box h3 span {
        color: #2B2B2B;
        font-family: 'myfont';
        font-size: 16px;
    }

    .line-contact-inner {
        padding-bottom: 35px;
    }

    .contact-page-copy {
        max-width: 360px;
        margin: 0 auto;
        text-align: left;
    }

    .contact-page-copy br {
        display: none;
    }

    .contact-us {
        padding-top: 150px;
        padding-bottom: 150px;
        position: relative;
    }

    .contact-us-inner {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

    .dokan2 {
        position: absolute;
        right: 0;
        width: 100%;
        margin-top: -100px;
        padding-right: 50px;
    }

    .contact-us h2 {
        text-align: center;
        font-size: 30px;
        background: linear-gradient(transparent 75%, white 10%);
        display: inline-block;
        margin-bottom: 20px;
    }

    .attend {
        margin-top: 50px;
        text-align: left;
        border-bottom-width: 2px;
        padding-bottom: 40px;
        border-style: dashed;
        border-color: #807f53;
    }

    .contact-dl {
        display: flex;
        margin-bottom: 5px;
        align-items: center;
    }

    .contact-dl dt {
        margin-right: 20px;
        min-width: 150px;
    }

    .contact-dl dd input {
        background: white;
        padding: 6px 20px;
        width: 550px;
        border-radius: 5px;
    }

    .attend.attend-last {
        border-bottom-width: 0;
    }

    .attend h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .contact-us .attend-box h4 {
        font-size: 15px;
        margin: 0;
        text-align: left;
    }

    .attend .attend-contents {
        display: flex;
        justify-content: space-between;
        padding-right: 40px;
    }

    .attend-box h4 {
        color: #2B2B2B;
        margin-bottom: 20px;
    }

    .attend-box ul li {
        line-height: 25px;
        margin-bottom: 5px;
    }

    .attend table {
        margin-top: 20px;
        width: 100%;
    }

    .attend table th,
    .attend table td {
        border-bottom-width: 2px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-style: dashed;
        border-color: #fcce05;
    }

    .attend h3 span {
        font-family: 'myfont';
        font-size: 13px;
        padding-left: 20px;
        vertical-align: revert;
        color: #2B2B2B;
    }

    .attend b {
        padding: 20px 20px 0 0;
        display: inline-block;
        font-weight: normal;
    }

    .send-button {
        background: #1d3994;
        color: white;
        display: inline-block;
        border-radius: 50px;
        padding: 20px 40px;
        margin-top: 50px;
        box-shadow: 1px 1px 3px #bebdbd;
    }

    .send-button img {
        width: 8px;
        margin-left: 20px;
        padding-bottom: 1px;
    }

    .contact-us small {
        display: block;
        margin-top: 10px;
    }

    .contact-us h4 {
        text-align: center;
        margin-top: 70px;
        font-size: 26px;
        line-height: 45px;
    }

    .column {
        padding-top: 150px;
        background: #fcc504;
        text-align: center;
        padding-bottom: 150px;
        position: relative;
    }

    .dokan3 {
        position: absolute;
        width: 90px;
        top: 50%;
    }

    .dokan4 {
        position: absolute;
        height: 90px;
        bottom: 0;
        right: 150px;
    }

    .column h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .column h2 small {
        font-size: 14px;
        color: #2B2B2B;
        background: white;
        display: block;
        padding: 10px 15px;
        font-family: 'myfont';
        border-radius: 50px;
        vertical-align: bottom;
        width: 200px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .column-wrapper {
        padding: 0 10px;
    }

    .column-contents {
        background: url(../../assets/images/title-info.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 130px;
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
    }

    .column-inner {
        flex-basis: 50%;
        padding: 0px 10px;
    }

    .column-photo {
        width: 100%;
        height: 200px;
        background: white;
        border-radius: 20px;
    }

    .column-box {
        padding: 0 5px;
        padding-bottom: 50px;
    }

    .column-box p {
        text-align: justify;
        font-size: 14px;
        line-height: 24px;
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .column-box b {
        margin-top: 10px;
        display: block;
    }

    .column-box h3 {
        margin-top: 15px;
        font-family: 'myfont';
        color: #2B2B2B;
        font-size: 16px;
        text-align: justify;
        line-height: 18px;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        padding-bottom: 7px;
    }

    .column-box img {
        height: 6px;
    }

    .company {
        text-align: center;
        color: white;
        background: #1d3994;
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .company-inner {
        padding: 50px 20px;
        max-width: 600px;
        margin: 0 auto;
    }

    .company h2 {
        color: white;
        font-size: 30px;
        margin-bottom: 70px;
    }

    .company table {
        text-align: left;
        font-size: 14px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .company table th {
        min-width: 100px;
    }

    .company table th,
    .company table td {
        padding-bottom: 15px;
        line-height: 25px;
    }

    footer {
        text-align: center;
        padding: 100px 20px 80px;
        position: relative;
    }

    footer .footer-banner {
        position: fixed;
        display: none;
    }

    .footer-banner .bubbly-button .footer-button {
        height: 32px;
        margin: -5px;
        margin-right: 15px;
        margin-top: -7px;
        left: -45px;
        top: 11px;
    }

    .footer-banner {
        bottom: 0;
        width: 100vw;
        background: linear-gradient(88deg, #dd0322, #b01b81);
        left: 0;
        color: white;
        padding: 15px 0 15px 50px;
        text-align: left;
        animation: change-color-anim 20s linear infinite;
    }

    @keyframes change-color-anim {
        0% {
            -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
        }

        100% {
            -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
        }
    }

    .footer-banner .bubbly-button img {
        height: 10px;
        vertical-align: middle;
        display: inline-block;
        padding-left: 20px;
        margin-top: 12px;
        position: absolute;
        top: 3px;
        right: -40px;
    }

    .footer-banner2 {
        display: none;
    }

    .footer-banner2.footer-open {
        display: block;
    }

    .footer-banner2 .bubbly-button .footer-button2 {
        height: 32px;
        margin: -5px;
        margin-right: 15px;
        margin-top: -7px;
        left: -45px;
        top: 21px;
    }

    .footer-banner2 {
        bottom: 76px;
        text-align: left;
        width: 100vw;
        background: linear-gradient(88deg, #2ba5e3, #184aa0);
        right: 0;
        color: white;
        z-index: 9999999;
        height: 70px;
        line-height: 70px;
        padding-left: 50px;
    }

    .footer-banner2 .bubbly-button .footer-post {
        height: 30px;
        left: -48px;
        top: -7px;
    }

    .footer-banner2 .bubbly-button img {
        height: 10px;
        vertical-align: middle;
        display: inline-block;
        padding-left: 20px;
        margin-top: 12px;
        position: absolute;
        top: -1px;
    }

    footer img {
        height: 55px;
        width: auto;
        margin-bottom: 15px;
    }

    footer h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer h3 {
        font-size: 27px;
        margin-bottom: 50px;
    }

    .footer-stamp {
        margin-top: 100px;
        font-size: 12px;
    }

    .backtotop {
        position: fixed;
        right: 10px;
        bottom: 45px;
        z-index: 99999999;
    }

    .bubbly-button {
        font-family: 'myfont-bold';
        font-size: 18px;
        padding: 4px 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-appearance: none;
        appearance: none;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
        position: relative;
        transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
        font-weight: bold;
        letter-spacing: 1.5px;
        line-height: 45px;
    }

    .bubbly-button:focus {
        outline: 0;
    }

    .bubbly-button:before,
    .bubbly-button:after {
        position: absolute;
        content: "";
        display: block;
        width: 140%;
        height: 100%;
        left: -20%;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:before {
        display: none;
        top: -75%;
        background-image: radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 20%, #b71874 20%, transparent 30%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 10%, #b71874 15%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%);
        background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    }

    .bubbly-button:after {
        display: none;
        bottom: -75%;
        background-image: radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 10%, #b71874 15%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%);
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }

    .bubbly-button:active {
        transform: scale(0.9);
    }

    .bubbly-button.animate:before {
        display: block;
        animation: topBubbles ease-in-out 0.75s forwards;
    }

    .bubbly-button.animate:after {
        display: block;
        animation: bottomBubbles ease-in-out 0.75s forwards;
    }

    @keyframes topBubbles {
        0% {
            background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
        }

        50% {
            background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
        }

        100% {
            background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }

    @keyframes bottomBubbles {
        0% {
            background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
        }

        50% {
            background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
        }

        100% {
            background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }

    .page-title {
        min-height: 320px;
        width: 100%;
        position: relative;
        text-align: center;
    }

    .page-title h1 {
        display: inline-grid;
        position: relative;
        margin-top: 100px;
        font-size: 25px;
        color: white;
        letter-spacing: 3px;
        line-height: 35px;
        z-index: 1;
        width: 100%;
        justify-items: center;
    }

    .page-title h1 .appear {
        display: none;
    }

    .page-title.contact h1 .under {
        padding: 0;
    }

    .page-inner {
        position: relative;
        height: 320px;
    }

    .page-title h1 .under {
        padding: 0 20px;
    }

    .page-title.greeting h1 .under {
        background: linear-gradient(transparent 70%, #ff9e00 10%);
    }

    .page-title h1 img {
        height: 50px;
        margin-top: 20px;
        max-width: 100%;
        padding: 0 10px;
    }

    .page-title.greeting {
        background: url(../../assets/images/img-greeting-back.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 85px;
    }

    .page-title.greeting .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-greeting1.png);
        background-size: 100px;
        background-repeat: no-repeat;
        left: 20px;
        top: 20px;
        width: 210px;
        height: 210px;
    }

    .page-title.greeting .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-greeting2.png);
        background-size: 70px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .greeting .greeting-president-photo {
        margin-bottom: 40px;
    }

    .greeting .greeting-president-photo img {
        width: 100%;
    }

    .greeting {
        line-height: 30px;
        padding: 0 20px;
        margin-bottom: 100px;
    }

    .greeting h2 {
        font-size: 25px;
        color: #fb9d01;
        max-width: 800px;
        margin: 0 auto;
        margin-bottom: 60px;
    }

    .greeting p {
        max-width: 800px;
        margin: 0 auto;
    }

    .sign-content p {
        font-size: 16px;
    }

    .sign-content h3 {
        font-size: 20px;
        color: #2B2B2B;
        font-weight: normal;
        font-family: auto;
        padding-bottom: 50px;
    }

    .sign-content {
        text-align: right;
        background: url(../../assets/images/title-kiryu.png);
        background-size: 170px;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: 40px;
        max-width: 800px;
        margin: 0 auto;
        margin-top: 50px;
    }










    .page-title.contact h1 .under {
        background: linear-gradient(transparent 70%, #ac0018 10%);
    }

    .page-title.contact {
        background: url(../../assets/images/img-contact-back.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .page-title.contact .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-contact1.png);
        background-size: 210px;
        background-repeat: no-repeat;
        left: 20px;
        top: 20px;
        width: 210px;
        height: 210px;
    }

    .page-title.contact .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-contactimg-contact-back2.png);
        background-size: 100px;
        background-repeat: no-repeat;
        right: 50px;
        bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .line-contact.under-page {
        background: #fcc504;
        padding: 100px 0;
    }

    .contact-page {
        text-align: center;
        margin-top: 70px;
        line-height: 30px;
    }

    .contact-page-inner h5 {
        padding: 50px 20px 10px;
    }

    .contact-page-inner h5 img {
        width: 100%;
    }

    .cp-banner-contents p {
        padding: 0 20px 50px;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
    }

    .cp-banner-sidebar {
        bottom: 75px;
        position: fixed;
        width: 100%;
        height: 90px;
        z-index: 999;
    }

    .cp-banner-sidebar img {
        width: 100%;
        bottom: 0;
        position: absolute;
    }

    #Smallchat {
        display: none;
    }

    .contact-page-inner h3 img {
        height: 110px;
    }

    .contact-page-inner h3 {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .contact-page-img-contents {
        display: flex;
        justify-content: center;
        width: 85vw;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .contact-img {
        margin: 0 -50px;
    }

    .contact-img img {
        width: 80%;
    }


    .page-title.contact h1 .under {
        background: linear-gradient(transparent 70%, #ac0018 10%);
    }

    .page-title.contact {
        background: url(../../assets/images/img-contact-back.png);
        background-size: cover;
        margin-top: 85px;
        background-repeat: no-repeat;
    }

    .page-title.contact .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-contact1.png);
        background-size: 100px;
        background-repeat: no-repeat;
        left: 20px;
        top: 20px;
        width: 210px;
        height: 210px;
    }

    .page-title.contact .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-contact2.png);
        background-size: 70px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .page-title.okigaru h1 {
        width: 100%;
    }

    .page-title.okigaru h1 .under {
        background: linear-gradient(transparent 70%, #ac0018 10%);
    }

    .page-title.okigaru {
        background: url(../../assets/images/img-okigaru-back.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 200px;
        width: calc(100% - 20px);
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-top: 95px;
        border-radius: 10px;
        background-position: center;
    }

    .page-title.okigaru .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru1.png);
        background-size: 250px;
        background-repeat: no-repeat;
        left: -100px;
        top: -100px;
        width: 250px;
        height: 250px;
    }

    .page-title.okigaru .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru2.png);
        background-size: 250px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: -203px;
        width: 250px;
        height: 250px;
    }

    .okigaru-page {
        min-height: 100px;
        background: white;
        border-radius: 10px 10px 0 0;
        margin: 0 10px;
        margin-top: 110px;
    }

    .okigaru-icon-main {
        text-align: center;
    }

    .okigaru-icon-main img {
        width: 150px;
        margin-top: -50px;
    }

    .okigaru-page h2 {
        text-align: center;
        margin-top: 50px;
        font-size: 35px;
        color: #2ba5e3;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .okigaru-page p {
        line-height: 32px;
        padding: 0 20px 0 20px;
        margin: 0 auto;
        max-width: 360px;
    }

    .okigaru-page p b {
        font-family: 'myfont-b';
    }

    .okigaru-page h2 span {
        font-size: 18px;
        color: white;
        background: #2ba5e3;
        display: inline-block;
        margin-left: 20px;
        padding: 6px 20px;
        vertical-align: top;
        margin-top: 10px;
        border-radius: 10px;
        font-family: 'myfont';
    }

    .okigaru-page-price-contents {
        padding: 10px;
    }

    .okigaru-page-price-box {
        display: flex;
        align-items: flex-end;
        padding: 0 10px;
        margin-top: 20px;
        justify-content: center;
    }

    .okigaru-small-price {
        writing-mode: vertical-rl;
        font-size: 31px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-right: 10px;
        margin-bottom: 9px;
        letter-spacing: 3px;

    }

    .okigaru-small-maney {
        font-size: 92px;
        font-family: 'myfont-b';
        color: #dd0322;
        margin-right: 10px;
        letter-spacing: -3px;
    }

    .okigaru-small-en small {
        display: block;
        color: #1d3994;
        font-size: 14px;
    }

    .okigaru-small-en b {
        display: block;
        color: #1d3994;
        font-size: 25px;
        font-family: 'myfont-b';
        text-align: left;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .okigaru-small-img img {
        width: 100%;
    }

    .okigaru-small-img {
        width: 130px;
        margin-right: 20px;
    }

    .okigaru-nenbarai b {
        font-size: 20px;
        color: #1d3994;
        font-family: 'myfont-b';
    }

    .okigaru-nenbarai p {
        font-size: 14px;
        color: #1d3994;
        display: inline-block;
    }

    .okigaru-nenbarai h3 {
        font-size: 40px;
        color: #dd0322;
        font-family: 'myfont-b';
    }

    .okigaru-nenbarai h3 span {
        font-size: 22px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-left: 5px;
    }

    .okigaru-page-point {
        text-align: center;
        margin-top: 50px;
    }

    .okigaru-page-point small {
        border-style: solid;
        border-width: 2px;
        padding: 7px 15px 5px;
        border-radius: 50px;
        color: #1c3a94;
        font-size: 15px;
        display: block;
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .okigaru-page-point small span {
        font-family: 'myfont-b';
        font-size: 26px;
        margin: 0 2px 0 6px;
        vertical-align: text-bottom;
    }


    .okigaru-second-contents {
        margin-top: 150px;
        text-align: center;
    }

    .other-company img {
        width: calc(100% - 20px);
        max-width: 500px;
    }

    .other-company {
        margin: 0 -20px;
        margin-bottom: 60px;
    }

    .okigaru-second-contents h4 {
        font-size: 21px;
        line-height: 50px;
        margin-bottom: 60px;
        padding: 0 15px;
    }

    .okigaru-second-contents h4 .under {
        background: linear-gradient(transparent 70%, #fcd804 10%);
    }

    .okigaru-second-contents p {
        font-size: 16px;
        max-width: 430px;
        text-align: left;
        line-height: 32px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .okigaru-third-contents {
        margin-top: 200px;
        text-align: center;
        margin-bottom: 200px;
    }

    .okigaru-page-small-title h3 {
        display: inline-block;
        font-size: 20px;
        background: #2ba5e3;
        padding: 13px 20px;
        color: white;
        border-radius: 5px;
        min-width: 250px;
        text-align: center;
        line-height: 31px;
        font-family: 'myfont-bold';
    }

    .okigaru-seven-contents h4 {
        text-align: center;
        margin-top: 80px;
    }

    .okigaru-seven-contents h6 {
        color: #04A5E3;
        max-width: 300px;
        margin: 0 auto;
        padding: 20px;
        font-size: 16px;
    }

    .okigaru-seven-contents h6 img {
        width: 100px;
        padding-bottom: 3px;
        margin: 0 10px;
        display: inline-block;
    }

    .okigaru-seven-contents h6 span {
        font-size: 35px;
    }

    .okigaru-seven-contents h4 img {
        width: calc(100% - 40px);
    }

    .okigaru-demo-contents-small {
        border-width: 2px;
        border-color: #f8b616;
        border-radius: 30px;
        margin: 0 30px;
        margin-top: 30px;
        padding: 0 20px 30px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .okigaru-demo-contents-small h5 {
        font-size: 18px;
        line-height: 45px;
        color: #ff7600;
        background: white;
        width: 235px;
        margin: 0 auto;
        margin-top: -25px;
    }

    .okigaru-demo-contents-small ul {
        text-align: left;
        padding-left: 40px;
        line-height: 32px;
        margin-top: 5px;
        color: #ff2700;
        font-size: 16px;
    }

    .okigaru-demo-contents-small ul li {
        position: relative;
        margin-bottom: 5px;
    }

    .okigaru-demo-contents-small ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo2-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: -30px;
        top: 5px;
    }

    .okigaru-demo-box strong {
        margin-top: 50px;
        display: block;
    }

    .okigaru-demo-box strong img {
        width: 30px;
    }

    .okigaru-table {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 10px;
        position: relative;
    }

    .okigaru-table::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .okigaru-table::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .okigaru-table::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .okigaru-page-small-title {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px;
    }

    .okigaru-page-small-title img {
        height: 4px;
        margin: 0 20px;
    }

    .okigaru-third-boxes {
        text-align: left;
        max-width: 500px;
        margin: 0 auto;
        padding: 0 10px 0 50px;
    }

    .okigaru-third-boxes h5 {
        font-size: 18px;
        color: #1d3994;
        margin-bottom: 10px;
        position: relative;
    }

    .okigaru-third-boxes h5:before {
        content: "";
        position: absolute;
        left: -27px;
        top: 4px;
        width: 20px;
        height: 20px;
        background: url(../../assets/images/icon-check.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .okigaru-third-boxes p {
        text-align: left;
        margin-bottom: 30px;
        font-size: 15px;
    }

    .okigaru-fifth-boxes.n2 {
        margin-top: -200px;
    }

    .okigaru-forth-contents {
        margin-bottom: 200px;
    }

    .okigaru-forth-contents h4 {
        font-size: 21px;
        line-height: 35px;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0 20px;
    }

    .okigaru-fifth-contents b {
        font-family: 'my-font';
    }

    .okigaru-fifth-boxes {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        max-width: 1100px;
        margin: 0 auto;
        padding-top: 100px;
        margin-bottom: 100px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .okigaru-fifth-boxes::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .okigaru-fifth-boxes::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .okigaru-fifth-boxes::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .okigaru-fifth-box {
        text-align: center;
        border-radius: 5px;
        box-shadow: 0px 4px 7px #cfcfcf;
        max-width: 250px;
        padding: 0 10px 50px;
        margin: 0 15px 100px;
        padding-top: 50px;
    }

    .okigaru-fifth-contents b {
        font-family: 'myfont-bold';
        font-size: 22px;
        line-height: 25px;
        background: #f8b616;
        color: white;
        padding: 10px 20px;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        display: flex;
        margin-top: -30px;
        margin-left: -25px;
        align-items: center;
        justify-content: center;
    }

    .okigaru-fifth-box img {
        width: 80px;
        margin-top: -60px;
    }

    .okigaru-fifth-box h4 {
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 15px;
        letter-spacing: 1px;
        color: #ff9d01;
    }

    .okigaru-fifth-box p {
        font-size: 14px;
        line-height: 32px;
        text-align: justify;
        width: 240px;
    }

    .okigaru-six-contents table {
        max-width: 1100px;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 80px;
    }

    .okigaru-six-contents table tr:nth-child(1) th {
        min-width: 280px;
    }

    .okigaru-six-contents table th,
    .okigaru-six-contents table td {
        padding: 10px 20px;
        border-style: solid;
        border-width: 2px;
        border-color: #e5e5e5;
    }

    .okigaru-six-contents table th b {
        font-weight: normal;
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
    }

    .okigaru-six-contents table th h6 {
        margin-top: 2px;
        font-size: 25px;
        font-weight: normal;
    }

    .okigaru-six-contents table th .red {
        margin-top: 2px;
        font-size: 19px;
    }

    .okigaru-six-contents table th .no-red {
        margin-top: 2px;
        font-size: 19px;
    }

    .okigaru-six-contents table th h6 span {
        font-size: 15px;
    }

    .okigaru-six-contents table th h6 small {
        font-size: 13px;
        font-family: 'myfont';
        margin-left: 10px;
    }

    .big-red {
        font-size: 19px;
        color: #dd2021;
        font-family: 'myfont-b';
    }

    .okigaru-six-contents table td {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .okigaru-six-contents table tr:nth-child(1) th:nth-child(1) {
        background: white;
        border-style: none;

    }

    .okigaru-six-contents table tr:nth-child(1) th:nth-child(2) {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 30px 10px;
        border-color: white;
        min-width: 200px;
    }

    .okigaru-six-contents table tr:nth-child(1) th:nth-child(3) {
        background: linear-gradient(to right, #26b472, #0c551f);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 30px 10px;
        border-color: white;
        min-width: 200px;
    }

    .okigaru-six-contents table tr:nth-child(1) th:nth-child(4) {
        background: linear-gradient(to right, #dd0322, #b41a7a);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none;
        padding: 20px 30px 10px;
        min-width: 200px;
    }

    .okigaru-six-contents table tr:nth-child(2) td:nth-child(2),
    .okigaru-six-contents table tr:nth-child(2) td:nth-child(3),
    .okigaru-six-contents table tr:nth-child(2) td:nth-child(4) {
        border-top-style: none;
    }

    .okigaru-six-contents table tr:nth-child(1) th h4 {
        color: white;
        font-size: 17px;
        margin-bottom: 10px;
        font-family: 'myfont';
        text-align: center;
    }

    .okigaru-six-contents table tr:nth-child(1) th h5 {
        color: white;
        font-size: 15px;
        text-align: center;
        font-family: 'myfont';
    }

    .okigaru-six-contents table tr:nth-child(1) th h5 span {
        color: white;
        font-size: 28px;
        margin-left: 10px;
        margin-right: 3px;
    }

    .okigaru-six-contents table tr:nth-child(1) th small {
        font-size: 12px;
        display: block;
        text-align: center;
        margin-top: 3px;
    }

    .okigaru-six-contents {
        margin-bottom: 200px;
    }

    .okigaru-demo-contents {
        margin-top: 80px;
        position: relative;
        padding-bottom: 400px;
    }

    .okigaru-demo-box img {
        width: 350px;
    }

    .okigaru-demo-box {
        text-align: center;
        max-width: 400px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 200px;
    }

    .okigaru-demo-box h4 {
        background: #2ba5e3;
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
    }

    .okigaru-demo-box h4 img {
        width: 15px;
        margin: 0 20px;
    }

    .okigaru-demo-box p {
        margin-top: 30px;
        font-size: 16px;
        padding: 0 30px;
        text-align: left;
    }

    .okigaru-demo-add {
        border-width: 2px;
        border-radius: 30px;
        border-color: #2ba5e3;
        max-width: 340px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .okigaru-demo-add h5 {
        font-size: 18px;
        color: #2ba5e3;
        background: white;
        padding: 0 30px;
        display: block;
        margin: 0 auto;
        margin-top: -10px;
        width: 230px;
        margin-bottom: 30px;
    }

    .okigaru-demo-add ul {
        text-align: left;
        padding: 0 30px;
        color: #304a9d;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .okigaru-demo-add ul li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
    }

    .okigaru-demo-add ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: 0;
        top: -2px;
    }

    .thema-wrapper {
        display: block;
        margin-top: 70px;
    }

    .okigaru-demo-box b {
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 10px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
        display: block;
        box-shadow: 1px 1px 5px rgb(144 144 144);
    }

    .kawaii-btn b {
        background: #DD0322;
    }

    .simple-btn b {
        background: #B7B7B7
    }

    .pop-btn b {
        background: #42A7E4;
    }

    .kokyu-btn b {
        background: #6A3906;
    }

    .okigaru-demo-box b img {
        width: 8px;
        margin: 0 2px 0 50px;
    }

    .okigaru-demo-box b img {
        width: 8px;
        margin: 0 2px 0 50px;
    }

    .okigaru-demo-contents .contact-plan-button {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 270px;
        bottom: 180px;
        border-style: none;
    }

    .okigaru-demo-contents a:hover .contact-plan-button {
        right: -1px;
        left: -1px;
        bottom: 180px;
    }

    .okigaru-wanted {
        background: url(../../assets/images/img-okigaru-page-back.png);
        background-size: cover;
        color: white;
        text-align: center;
        padding: 100px 20px;
        border-radius: 0 0 10px 10px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-bottom: 100px;
        background-position: center;
    }

    .okigaru-wanted h2 {
        font-size: 25px;
        margin-bottom: 50px;
        color: white;
    }

    .okigaru-wanted p {
        line-height: 32px;
        font-size: 16px;
        font-family: 'myfont';
        text-align: justify;
        max-width: 360px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .contact-page-wrapper {
        max-width: 700px;
        margin: 0 auto;
    }

    .contact-form table {
        max-width: 100%;
        margin: 0 auto;
    }

    .contact-form {
        padding: 0 15px;
    }

    .contact-form table th {
        width: 100%;
        font-family: 'myfont-bold';
        display: block;
        font-weight: normal;
    }

    .contact-form table td {
        text-align: left;
        font-size: 14px;
        display: block;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .contact-form table td input,
    .contact-form table td textarea {
        background: white;
        padding: 7px 10px;
        border-radius: 5px;
        width: 100%;
    }

    .gp-contact__prybacy__context {
        max-width: 700px;
        margin: 0 auto;
        margin-top: 80px;
        text-align: left;
        font-size: 14px;
        line-height: 23px;
        height: 300px;
        overflow: auto;
        margin-bottom: 30px;
        background: white;
        padding: 20px;
        border-radius: 5px;
    }

    .gp-contact__prybacy__context::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .gp-contact__prybacy__context::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .gp-contact__prybacy__context::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .mwform-checkbox-field input,
    .mwform-radio-field input {
        margin-right: 5px;
        width: 15px !important;
    }

    .contact-must {
        color: white;
        background: #DD0322;
        border-radius: 5px;
        font-size: 12px;
        padding: 0 5px;
        line-height: 20px;
        margin-left: 5px;
        font-family: 'myfont';
    }

    .contact-form h3 {
        text-align: left;
        max-width: 700px;
        margin: 0 auto;
        display: block;
        margin-top: 80px;
    }

    .contact-textarea-us textarea {
        width: 100%;
        background: white;
        border-radius: 5px;
        text-align: left;
        padding: 10px;
    }

    .check-td .mwform-checkbox-field {
        margin-left: 0 !important;
        display: block;
    }

    .contact-order,
    .client-type {
        position: relative;
        top: -0.375rem;
        margin: 0 1rem 0 0;
        cursor: pointer;
        margin-top: 4px;
    }

    .contact-form .contact-button {
        background: #1d3994;
        display: inline-block;
        padding: 10px 25px;
        border-radius: 50px;
        box-shadow: 2px 2px 3px #b2b1b1;
        transition: all 0.2s;
        position: relative;
        color: white;
        width: 200px;
        margin-bottom: 0;
    }

    .contact-order:before,
    .client-type:before {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "";
        position: absolute;
        left: 0;
        z-index: 1;
        width: 1rem;
        height: 1rem;
        border: 2px solid transparent;
        margin-bottom: -3px;
        top: -3px;
    }

    .contact-order:checked:before,
    .client-type:checked:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height: 0.5rem;
        border-color: #009688;
        border-top-style: none;
        border-right-style: none;
    }

    .contact-order:after,
    .client-type:after {
        content: "";
        position: absolute;
        top: -0.235rem;
        left: 0;
        width: 1.1rem;
        height: 1.1rem;
        background: #fff;
        cursor: pointer;
        margin-top: 3px;
    }

    .mwform-checkbox-field.horizontal-item {
        margin-right: 20px;
    }

    .contact-captcha input {
        background: white;
        border-radius: 5px;
        height: 40px;
        width: 200px;
        text-align: center;
        padding: 2px 5px;
        margin-top: 10px;
    }

    .contact-captcha {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .contact-captcha img {
        margin-bottom: 30px;
    }

    .contact-info {
        display: block;
        margin-top: 10px;
        padding-bottom: 200px;
    }

    #stalker {
        display: none;
    }

    /******************************************************* 投稿ページのデザイン */
    .single_detail h1 {
        line-height: 40px;
        font-size: 28px;
        font-family: 'myfont-b';
        color: #2b2b2b;
        letter-spacing: 1px;
        margin-bottom: 50px;
    }

    .single_detail h2 {
        background: #f4f4f4;
        padding: 10px 20px;
        color: #2b2b2b;
        font-size: 23px;
        font-family: 'myfont-b';
        line-height: 40px;
        margin-bottom: 30px;
    }

    .single_detail h3 {
        font-size: 20px;
        font-family: 'myfont-b';
        line-height: 30px;
        color: #2b2b2b;
        border-left-style: solid;
        border-left-width: 5px;
        padding-left: 15px;
        border-color: #ff7b01;
    }

    .single_detail h4 {
        font-size: 16px;
        font-family: 'myfont-b';
        color: #2b2b2b;
        line-height: 40px;
    }

    .single_detail p {
        padding: 0 0 10px 0;
        font-size: 16px;
    }

    .single_detail ul li {
        font-size: 16px;
        line-height: 32px;
        position: relative;
        padding-left: 20px;
    }

    .single_detail ul li:before {
        content: "●";
        position: absolute;
        font-size: 10px;
        color: #ff7b01;
        left: 0;
        top: 1px;
    }

    .single_detail ol {
        margin-left: 16px;
    }

    .single_detail ol li {
        font-size: 16px;
        line-height: 32px;
        position: relative;
        padding-left: 20px;
        counter-increment: title;
        margin-bottom: 10px;
    }

    .single_detail ol li:before {
        content: counter(title);
        position: absolute;
        font-size: 40px;
        color: #ff7b01;
        left: -15px;
        top: 5%;
        font-family: "myfont-b";
        text-decoration: underline;
        text-decoration-style: dotted;
        vertical-align: bottom;
    }

    .news-category {
        margin: 60px 0;
        background: white;
        border-radius: 20px;
        border-style: solid;
        border-width: 3px;
        border-color: #ff9300;
        padding: 10px;
    }

    .news-category span {
        border-style: solid;
        border-width: 2px;
        border-color: #dddddd;
        border-radius: 7px;
        padding: 4px 25px;
        margin: 15px;
        display: inline-block;
    }

    /******************************************************* 投稿ページのデザイン 終 */


    .order-page {
        padding: 80px 20px;
        text-align: left;
        line-height: 32px;
    }

    .order-page-point {
        background: white;
        padding: 30px;
        margin-top: 30px;
        border-radius: 20px;
    }

    .order-page br {
        display: none;
    }

    .order-page b {
        color: #dd2022;
    }

    .google-form-wrapper {
        margin-top: 50px;
        background: white;
        border-radius: 20px;
        padding: 10px;
    }

    .google-form-inner {
        overflow: hidden;
    }

    .google-form-inner iframe {
        width: 330px;
    }

    .page-title.order h1 .under {
        background: linear-gradient(transparent 70%, #01166e 10%);
    }

    .page-title.order {
        background: url(../../assets/images/img-order-back.png);
        background-size: cover;
        margin-top: 85px;
        background-repeat: no-repeat;
    }

    .page-title.order .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-order1.png);
        background-size: 100px;
        background-repeat: no-repeat;
        left: 20px;
        top: 20px;
        width: 210px;
        height: 210px;
    }

    .page-title.order .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-order2.png);
        background-size: 70px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .page-title.colum h1 .under {
        background: linear-gradient(transparent 70%, #FF5800 10%);
    }

    .page-title.colum {
        background: url(../../assets/images/img-colum-back.png);
        background-size: cover;
        margin-top: 85px;
        background-repeat: no-repeat;
    }

    .page-title.colum .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-colum1.png);
        background-size: 100px;
        background-repeat: no-repeat;
        left: 20px;
        top: 20px;
        width: 210px;
        height: 210px;
    }

    .page-title.colum .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-colum2.png);
        background-size: 70px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .column-page {
        padding: 80px 10px;
        text-align: center;
        line-height: 32px;
        max-width: 900px;
        margin: 0 auto;
    }

    .common-archive__pager {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 200px;
        margin-top: 60px;
    }

    .common-archive__pager li:has(.current) {
        background: #032d83;
    }

    .common-archive__pager ul li {
        display: inline-block;
        background: white;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #ff9300;
        margin: 10px 8px;
    }

    .common-archive__pager ul li:has(.next) {
        width: 150px;
        background: #ff9300;
        color: white;
        box-shadow: 2px 2px 4px #dfbd00;
        margin-left: 50px;
    }

    .common-archive__pager ul li:has(.prev) {
        width: 150px;
        background: #ff9300;
        color: white;
        box-shadow: 2px 2px 4px #dfbd00;
        margin-right: 50px;
    }

    .related-contents {
        margin-bottom: 150px;
    }

    .related-contents h2 {
        text-align: center;
        font-family: 'myfont-b';
        line-height: 45px;
        font-size: 25px;
    }

    .column-contents-single {
        text-align: left;
        background: white;
        padding: 60px 20px;
        border-radius: 20px;
    }

    .news_content_cat {
        color: #ff6f00;
        font-size: 16px;
        line-height: 32px;
        font-family: 'myfont-bold';
        margin-bottom: 25px;
    }

    .control_area {
        font-family: 'myfont-b';
        margin: 0 auto;
        margin-top: 80px;
    }

    .control-prev {
        background: #ff9300;
        padding: 10px 20px;
        border-radius: 50px;
        color: white;
        font-family: 'myfont';
        font-size: 12px;
        box-shadow: 2px 2px 6px #dfbd00;
        width: 170px;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .control-after {
        background: #ff9300;
        padding: 10px 20px;
        border-radius: 50px;
        color: white;
        font-family: 'myfont';
        font-size: 12px;
        box-shadow: 2px 2px 6px #dfbd00;
        width: 170px;
        display: inline-block;
        margin-top: 30px;
    }

    .only-inner {
        padding: 0 20px;
        margin-top: 150px;
        text-align: center;
    }

    .only h2 {
        font-size: 30px;
        position: relative;
        display: inline-block;
        text-align: left;
        margin-bottom: 50px;
    }

    .only h2:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-only-content.png);
        background-size: 150px;
        background-repeat: no-repeat;
        right: -80px;
        top: -120px;
        width: 210px;
        height: 210px;
    }

    .only p {
        text-align: justify;
    }

    .only img {
        height: 80px;
        margin-right: 5px;
    }

    .only h2 span {
        display: block;
        margin-top: 15px;
        font-size: 40px;
        line-height: 40px;
        text-align: justify;
    }

    .only {
        margin-top: 50px;
        line-height: 32px;
        font-size: 16px;
    }

    .example-futu {
        padding-left: 30px;
    }

    .honki-box .example-futu {
        margin-top: 50px;
    }

    .example-okigaru {
        padding-left: 10px;
        margin-top: 30px;
    }

    .example-okigaru b {
        display: block;
        font-weight: normal;
        font-family: 'myfont-bold';
    }

    .example-okigaru b small {
        font-family: 'myfont';
        font-size: 13px;
        line-height: 24px;
        margin-top: 10px;
    }

    .example-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 10px;
        justify-content: center;
    }

    .example-wrapper span {
        margin-top: 8px;
        display: inline-block;
        border-style: solid;
        border-width: 1px;
        padding: 7px 20px;
        border-radius: 5px;
        border-color: #e6e6e6;
        font-size: 13px;
        margin-right: 10px;
        width: 150px;
        text-align: center;
    }



    .css-fukidashi {
        padding: 0;
        margin: 0;
        position: relative;
    }

    .fukidashi {
        display: none;
        position: absolute;
        top: -250px;
        left: 0;
        padding: 16px;
        border-radius: 5px;
        color: #fff;
        font-size: 13px !important;
        line-height: 20px;
        padding-left: 20px !important;
        font-family: 'myfont';
        letter-spacing: 0;
        border-width: 3px;
        border-color: #111111;
        border-style: solid;
        font-weight: normal;
    }

    .okigaru .fukidashi {
        background: #00a5e2;
    }

    .futu .fukidashi {
        background: #00a569;
    }

    .honki .fukidashi {
        background: #e74701;
    }

    .fukidashi:after {
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        bottom: -19px;
        margin-left: 10px;
        border-width: 10px;
        pointer-events: none;
        content: " ";
    }

    .okigaru .fukidashi:after {
        border-top-color: rgb(0 165 226);
    }

    .honki .fukidashi:after {
        border-top-color: rgb(231 70 2);
    }

    .futu .fukidashi:after {
        border-top-color: rgb(0 165 105);
    }

    .okigaru .text:hover {
        color: #00a5e2;
    }

    .futu .text:hover {
        color: #00a569;
    }

    .honki .text:hover {
        color: #dd2022;
    }

    .text:hover+.fukidashi {
        display: block;
    }

    .text {
        position: relative;
    }

    .futu .example-wrapper {}

    .honki .example-wrapper {}

    .css-fukidashi p {
        display: none;
    }

    .footer-button {
        animation-duration: 1s;
        animation: rotation 2s infinite;
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-5deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .breadcrumb__list {
        padding: 0 25px;
        display: flex;
        vertical-align: middle;
        font-size: 13px;
        margin-bottom: 40px;
    }

    .breadcrumb__list.pankuzu-greeting {
        margin-top: -80px;
    }

    .breadcrumb__list.pankuzu-contact {
        margin-top: 15px;
    }

    .breadcrumb__list.pankuzu-archive {
        margin-top: 15px;
    }

    .breadcrumb__list.pankuzu-plan {
        position: absolute;
        bottom: -65px;
        left: -20px;
    }

    .breadcrumb__item {
        margin-right: 30px;
        position: relative;
    }

    .breadcrumb__item a img {
        width: 15px;
        margin-right: 10px;
    }

    .breadcrumb__item:after {
        position: absolute;
        content: ">";
        font-size: 15px;
        right: -20px;
        bottom: 1px;
    }

    .breadcrumb__item:nth-last-child(1):after {
        display: none;
    }

    .fukidashi2 {
        display: none;
        position: absolute;
        left: -40px;
        padding: 16px;
        border-radius: 5px;
        color: #dd2021;
        font-weight: bold;
        font-size: 13px !important;
        padding-left: 20px !important;
        font-family: 'myfont';
        letter-spacing: 0;
        border-width: 2px;
        border-color: #111111;
        border-style: solid;
        top: -160px;
        background: white;
        width: 250px;
        text-align: justify !important;
        line-height: 27px !important;
    }

    .okigaru .fukidashi2 {
        background: #00a5e2;
    }

    .futu .fukidashi2 {
        background: #00a569;
    }

    .honki .fukidashi2 {
        background: #e74701;
    }

    .fukidashi2:after {
        position: absolute;
        width: 0;
        height: 0;
        left: -50px;
        top: -100px;
        margin-left: 10px;
        border: solid transparent;
        border-color: rgba(51, 204, 153, 0);
        border-width: 10px;
        pointer-events: none;
        content: " ";
    }

    .okigaru .fukidashi2:after {
        border-top-color: rgb(43 43 43);
    }

    .honki .fukidashi2:after {
        border-top-color: rgb(43 43 43);
    }

    .futu .fukidashi2:after {
        border-top-color: rgb(43 43 43);
    }

    .okigaru .text2:hover {
        color: #00a5e2;
    }

    .futu .text2:hover {
        color: #00a569;
    }

    .honki .text2:hover {
        color: #dd2022;
    }

    .text2:hover+.fukidashi2 {
        display: block;
    }

    .text2 {
        position: absolute;
        right: -11px;
        top: -22px;
        background: grey;
        width: 20px;
        height: 20px;
        color: white;
        font-size: 12px;
        text-align: center;
        border-radius: 50px;
        line-height: 20px;
    }

    .css-fabicon {
        position: relative;
    }

    .css-fabicon p {
        display: none;
    }

    .okigaru-forth-fifth-contents h4 {
        text-align: center;
        margin-top: -65px;
    }

    .okigaru-forth-fifth-contents h4 img {
        height: 110px;
    }

    .choice-tmp-wrapper {
        padding: 5px 0px 50px 0px;
        max-width: 900px;
        margin: 0 auto;
    }

    .choice-tmp-kawaii {
        border-width: 3px;
        border-radius: 10px;
        border-color: #e40153;
        padding: 30px 5px;
        position: relative;
        min-height: 210px;
        margin-bottom: 33px;
    }

    .choice-tmp-kawaii img {
        position: absolute;
        width: 60px;
        left: -45px;
        bottom: -13px;
    }

    .choice-tmp-simple img {
        position: absolute;
        width: 60px;
        left: -45px;
        bottom: -13px;
    }

    .choice-tmp-pop img {
        position: absolute;
        width: 50px;
        left: -25px;
        bottom: -13px;
    }

    .choice-tmp-higrade img {
        position: absolute;
        width: 43px;
        left: -35px;
        bottom: -13px;
    }

    .choice-tmp-inner {}

    .choice-tmp-left {
        margin-bottom: 20px;
        text-align: center;
    }

    .choice-tmp-left h5 {
        font-size: 33px;
        line-height: 32px;
        font-family: 'myfont-b';
    }

    .choice-tmp-kawaii .choice-tmp-left h5 {
        color: #dd0322;
    }

    .choice-tmp-simple .choice-tmp-left h5 {
        color: #b7b7b7;
    }

    .choice-tmp-pop .choice-tmp-left h5 {
        color: #42a7e4;
    }

    .choice-tmp-higrade .choice-tmp-left h5 {
        color: #6a3906;
    }

    .choice-tmp-right {
        flex-basis: 70%;
    }

    .choice-tmp-right p {
        font-size: 14px;
        text-align: justify;
        line-height: 27px;
    }

    .choice-tmp-simple {
        border-width: 3px;
        border-radius: 10px;
        border-color: #b7b7b7;
        padding: 30px 5px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        min-height: 210px;
        margin-bottom: 33px;
    }

    .choice-tmp-pop {
        border-width: 3px;
        border-radius: 10px;
        border-color: #64b7e9;
        padding: 30px 5px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        min-height: 210px;
        margin-bottom: 33px;
    }

    .choice-tmp-higrade {
        border-width: 3px;
        border-radius: 10px;
        border-color: #6a3906;
        padding: 30px 5px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        min-height: 210px;
        margin-bottom: 50px;
    }

    .okigaru-fifth-contents h4 {
        text-align: center;
        margin-top: -65px;
    }

    .okigaru-fifth-contents h4 img {
        height: 110px;
    }

    .okigaru-six-contents h4 {
        text-align: center;
        margin-top: -65px;
    }

    .okigaru-six-contents h4 img {
        height: 110px;
    }

    .page-title.futu h1 {
        width: 100%;
    }

    .page-title.futu h1 .under {
        background: linear-gradient(transparent 70%, #ac0018 10%);
    }

    .page-title.futu {
        background: url(../../assets/images/img-futu-back.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 200px;
        width: calc(100% - 20px);
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-top: 95px;
        border-radius: 10px;
        background-position: center;
    }

    .page-title.futu .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru1.png);
        background-size: 250px;
        background-repeat: no-repeat;
        left: -100px;
        top: -100px;
        width: 250px;
        height: 250px;
    }

    .page-title.futu .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru2.png);
        background-size: 250px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: -203px;
        width: 250px;
        height: 250px;
    }

    .futu-page {
        min-height: 100px;
        background: white;
        border-radius: 10px 10px 0 0;
        margin: 0 10px;
        margin-top: 110px;
    }

    .futu-icon-main {
        text-align: center;
    }

    .futu-icon-main img {
        width: 150px;
        margin-top: -50px;
    }

    .futu-page h2 {
        text-align: center;
        margin-top: 50px;
        font-size: 35px;
        color: #22a569;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .futu-page p {
        line-height: 32px;
        padding: 0 20px 0 20px;
        margin: 0 auto;
        max-width: 360px;
    }

    .futu-page p b {
        font-family: 'myfont-b';
        font-weight: normal;
    }

    .futu-page p br {
        display: none;
    }

    .futu-page p .appear {
        display: block;
    }

    .futu-page h4 br {
        display: none;
    }

    .futu-page h4 .appear {
        display: block;
    }

    .futu-page h2 span {
        font-size: 18px;
        color: white;
        background: #22a569;
        display: inline-block;
        margin-left: 20px;
        padding: 6px 20px;
        vertical-align: top;
        margin-top: 10px;
        border-radius: 10px;
        font-family: auto;
    }

    .futu-page-price-contents {
        padding: 10px;
    }

    .futu-page-price-box {
        display: flex;
        align-items: flex-end;
        margin-top: 20px;
        justify-content: center;
    }

    .futu-small-price {
        writing-mode: vertical-rl;
        font-size: 31px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-right: 10px;
        margin-bottom: 9px;
        letter-spacing: 3px;
    }

    .futu-small-maney {
        font-size: 82px;
        font-family: 'myfont-b';
        color: #dd0322;
        margin-right: 10px;
        letter-spacing: -3px;
    }

    .futu-small-en small {
        display: block;
        color: #1d3994;
        font-size: 14px;
    }

    .futu-small-en b {
        display: block;
        color: #1d3994;
        font-size: 23px;
        font-family: 'myfont-b';
        text-align: left;
        margin-bottom: 10px;
        font-weight: normal;
        letter-spacing: -1px;
    }

    .futu-small-img img {
        width: 100%;
    }

    .futu-small-img {
        width: 130px;
        margin-right: 20px;
    }

    .futu-nenbarai b {
        font-size: 20px;
        color: #1d3994;
        font-family: 'myfont-b';
    }

    .futu-nenbarai p {
        font-size: 14px;
        color: #1d3994;
        display: inline-block;
    }

    .futu-nenbarai h3 {
        font-size: 40px;
        color: #dd0322;
        font-family: 'myfont-b';
        margin-top: -13px;
    }

    .futu-nenbarai h3 span {
        font-size: 22px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-left: 5px;
    }

    .futu-page-point {
        text-align: center;
        margin-top: 50px;
    }

    .futu-page-point small {
        border-style: solid;
        border-width: 2px;
        padding: 7px 15px 5px;
        margin: 0 3px 10px 3px;
        border-radius: 50px;
        color: #1c3a94;
        font-size: 15px;
        display: inline-block;
        height: 35px;
        vertical-align: text-bottom;
    }

    .futu-page-point small span {
        font-family: 'myfont-b';
        font-size: 26px;
        margin: 0 2px 0 6px;
        line-height: 10px;
    }

    .futu-second-contents {
        margin-top: 80px;
        text-align: center;
    }

    .futu-second-contents h4 {
        font-size: 21px;
        line-height: 50px;
        margin-bottom: 60px;
        padding: 0 15px;
        color: #177c4f;
    }

    .futu-second-contents h4 br {
        display: block;
    }

    .futu-second-contents h4 .appear {
        display: block;
    }

    .futu-second-contents h4 .under {
        background: linear-gradient(transparent 70%, #fcd804 10%);
    }

    .futu-six-contents p br {
        display: none;
    }

    .futu-six-contents p .appear {
        display: block;
    }

    .futu-seven-contents p br {
        display: none;
    }

    .futu-seven-contents p .appear {
        display: block;
    }

    .futu-second-contents p {
        font-size: 16px;
        max-width: 430px;
        text-align: left;
        line-height: 32px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .futu-third-contents {
        margin-top: 200px;
        text-align: center;
        margin-bottom: 200px;
    }

    .futu-page-small-title h3 {
        display: inline-block;
        font-size: 22px;
        background: #22a569;
        padding: 13px 30px;
        color: white;
        border-radius: 5px;
        min-width: 250px;
        text-align: center;
        font-family: 'myfont-bold';
    }

    .futu-seven-contents h4 {
        text-align: center;
        margin-top: 80px;
    }

    .futu-seven-contents h6 {
        background: #22a569;
        color: white;
        max-width: 300px;
        margin: 0 auto;
        padding: 20px;
        border-radius: 30px;
        box-shadow: 2px 3px 3px #e0e0e0;
    }

    .futu-seven-contents h6 img {
        width: 13px;
        padding-bottom: 3px;
        margin: 0 10px;
    }

    .futu-seven-contents h6 span {
        font-size: 22px;
    }

    .futu-seven-contents h4 img {
        height: 220px;
    }

    .futu-demo-contents-small {
        border-width: 2px;
        border-color: #f8b616;
        border-radius: 30px;
        margin: 0 30px;
        margin-top: 30px;
        padding: 0 20px 30px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .futu-demo-contents-small h5 {
        font-size: 18px;
        line-height: 45px;
        color: #ff7600;
        background: white;
        width: 235px;
        margin: 0 auto;
        margin-top: -25px;
    }

    .futu-demo-contents-small ul {
        text-align: left;
        padding-left: 40px;
        line-height: 32px;
        margin-top: 5px;
        color: #ff2700;
        font-size: 16px;
    }

    .futu-demo-contents-small ul li {
        position: relative;
        margin-bottom: 5px;
    }

    .futu-demo-contents-small ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo2-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: -30px;
        top: 5px;
    }

    .futu-demo-box strong {
        margin-top: 50px;
        display: block;
    }

    .futu-demo-box strong img {
        width: 30px;
    }

    .futu-page-small-title {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .futu-page-small-title img {
        height: 4px;
        margin: 0 20px;
    }

    .futu-third-boxes {
        text-align: left;
        max-width: 500px;
        margin: 0 auto;
        padding: 0 15px 0px 50px;
        line-height: 45px;
        margin-top: 30px;
    }

    .futu-third-contents h4 {
        font-size: 48px;
    }

    .futu-third-boxes h5 {
        font-size: 18px;
        color: #1d3994;
        margin-bottom: 5px;
        position: relative;
    }

    .futu-third-boxes h5:before {
        content: "";
        position: absolute;
        left: -27px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: url(../../assets/images/icon-check.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .futu-third-boxes p {
        text-align: left;
        margin-bottom: 30px;
        font-size: 15px;
    }

    .futu-forth-contents {
        margin-bottom: 200px;
    }

    .futu-forth-contents h4 {
        font-size: 25px;
        text-align: center;
        line-height: 45px;
        max-width: 800px;
        margin: 0 auto;
        margin-top: 15px;
        padding: 0 20px;
        color: #22a569;
    }

    .futu-fifth-contents b {
        font-family: 'myfont-bold';
        font-size: 22px;
        line-height: 25px;
        background: #f8b616;
        color: white;
        padding: 10px 20px;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        display: flex;
        margin-top: -30px;
        margin-left: -25px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .futu-fifth-boxes {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 1100px;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .futu-fifth-box {
        text-align: center;
        border-radius: 5px;
        box-shadow: 0px 4px 7px #cfcfcf;
        max-width: 250px;
        padding: 0 10px 30px;
        margin: 0 15px 60px;
    }

    .futu-fifth-boxes.n2 {
        margin-top: -100px;
    }

    .futu-fifth-box img {
        width: 80px;
        margin-top: -60px;
    }

    .futu-fifth-box h4 {
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 15px !important;
        letter-spacing: 1px;
        color: #ff9d01;
    }

    .futu-fifth-box strong {
        font-family: 'myfont-b';
    }

    .futu-table {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 10px;
    }

    .futu-table::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .futu-table::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .futu-table::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .futu-fifth-box p {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        padding: 0 20px;
    }

    .futu-six-contents table {
        width: 855px;
        margin: 0 auto;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .futu-six-contents table th,
    .futu-six-contents table td {
        padding: 10px 20px;
        border-style: solid;
        border-width: 2px;
        border-color: #e5e5e5;
    }

    .futu-six-contents table th b {
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
    }

    .futu-six-contents table th h6 {
        margin-top: 2px;
        font-size: 25px;
    }

    .futu-six-contents table th .red {
        margin-top: 2px;
        font-size: 19px;
    }

    .futu-six-contents table th .no-red {
        margin-top: 2px;
        font-size: 19px;
    }

    .futu-six-contents table th h6 span {
        font-size: 15px;
    }

    .futu-six-contents table th h6 small {
        font-size: 13px;
        font-family: 'myfont';
        margin-left: 10px;
    }

    .futu-six-contents table td {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .futu-six-contents table tr:nth-child(1) th:nth-child(1) {
        background: white;
        border-style: none;
    }

    .futu-six-contents table tr:nth-child(1) th:nth-child(2) {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 20px 10px;
        border-color: white;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .futu-six-contents table tr:nth-child(1) th:nth-child(3) {
        background: linear-gradient(to right, #26b472, #0c551f);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 20px 10px;
        border-color: white;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .futu-six-contents table tr:nth-child(1) th:nth-child(4) {
        background: linear-gradient(to right, #dd0322, #b41a7a);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none;
        padding: 20px 20px 10px;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .futu-six-contents table tr:nth-child(2) td:nth-child(2),
    .futu-six-contents table tr:nth-child(2) td:nth-child(3),
    .futu-six-contents table tr:nth-child(2) td:nth-child(4) {
        border-top-style: none;
    }

    .futu-six-contents table tr:nth-child(1) th h4 {
        color: white;
        font-size: 17px;
        margin-bottom: 5px;
        font-family: 'myfont';
        text-align: center;
    }

    .futu-six-contents table tr:nth-child(1) th h5 {
        color: white;
        font-size: 15px;
        text-align: center;
        font-family: 'myfont';
    }

    .futu-six-contents table tr:nth-child(1) th h5 span {
        color: white;
        font-size: 28px;
        margin-left: 10px;
        margin-right: 3px;
    }

    .futu-six-contents table tr:nth-child(1) th small {
        font-size: 12px;
        display: block;
        text-align: center;
        margin-top: 3px;
    }

    .futu-six-contents {}

    .futu-demo-contents {
        display: flex;
        margin-top: 50px;
        justify-content: center;
        position: relative;
        padding-bottom: 400px;
    }

    .futu-demo-box img {
        width: 350px;
    }

    .futu-demo-box {
        text-align: center;
        margin: 0 20px;
        max-width: 400px;
        position: relative;
    }

    .futu-demo-box h4 {
        background: #22a569;
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
    }

    .futu-demo-box h4 img {
        width: 15px;
        margin: 0 20px;
    }

    .futu-demo-box p {
        margin-top: 30px;
        font-size: 16px;
        padding: 0 30px;
        text-align: left;
    }

    .futu-demo-add {
        border-width: 2px;
        border-radius: 30px;
        border-color: #22a569;
        max-width: 340px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .futu-demo-add h5 {
        font-size: 18px;
        color: #22a569;
        background: white;
        padding: 0 30px;
        display: block;
        margin: 0 auto;
        margin-top: -10px;
        width: 230px;
        margin-bottom: 30px;
    }

    .futu-demo-add ul {
        text-align: left;
        padding: 0 30px;
        color: #304a9d;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .futu-demo-add ul li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
    }

    .futu-demo-add ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: 0;
        top: -2px;
    }

    .futu-demo-box b {
        background: #1d3994;
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
        display: block;
        position: absolute;
        bottom: -100px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .futu-demo-box b img {
        width: 8px;
        margin: 0 2px 0 50px;
    }

    .futu-demo-contents .contact-plan-button {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 265px;
        bottom: 180px;
        border-style: none;
    }

    .futu-demo-contents a:hover .contact-plan-button {
        right: -1px;
        left: -1px;
        bottom: 180px;
    }

    .futu-wanted {
        background: url(../../assets/images/img-futu-page-back.png);
        background-size: cover;
        color: white;
        text-align: center;
        padding: 100px 20px;
        border-radius: 0 0 10px 10px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-bottom: 100px;
        background-position: center;
    }

    .futu-wanted h2 {
        font-size: 25px;
        margin-bottom: 50px;
        color: white;
    }

    .futu-wanted p {
        line-height: 32px;
        font-size: 16px;
        font-family: 'myfont';
        text-align: left;
        max-width: 360px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .futu-wanted p br {
        display: none;
    }

    .futu-wanted p .appear {
        display: block;
    }

    .futu-effect {
        text-align: center;
        margin: 0 auto;
        margin-top: 100px;
    }

    .futu-effect h5 {
        color: #22a569;
        font-size: 22px;
        line-height: 45px;
        position: relative;
        display: inline-block;
    }

    .futu-effect h5 b {
        font-size: 66px;
    }

    .futu-effect h5:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-futu-effect01.png);
        background-size: 30px;
        background-repeat: no-repeat;
        left: -50px;
        top: 45px;
        width: 30px;
        height: 30px;
    }

    .futu-effect h5:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-futu-effect02.png);
        background-size: 30px;
        background-repeat: no-repeat;
        right: -50px;
        top: 45px;
        width: 30px;
        height: 30px;
    }

    .futu-effect h5 span {
        font-size: 45px;
        display: block;
        letter-spacing: 1px;
    }

    .futu-effect h5 .under {
        background: linear-gradient(transparent 75%, #fcd804 70%);
        display: inline-block;
        padding: 0 20px;
    }

    .futu-effect-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
    }

    .futu-effect-box {
        margin-bottom: 50px;
        padding: 0 20px;
    }

    .futu-effect-box h6 {
        font-family: 'myfont-bold';
        font-size: 18px;
        color: #22a569;
        position: relative;
        z-index: 1;
    }

    .futu-effect-box .h6-box {
        position: relative;
    }

    .futu-effect-box .h6-box:after {
        content: "";
        position: absolute;
        background: url(../../assets/images/title-effect.png);
        background-size: 230px;
        background-repeat: no-repeat;
        width: 230px;
        height: 80px;
        left: 0;
        top: -25px;
        right: 0;
        margin: 0 auto;
    }

    .futu-effect-box p {
        text-align: justify;
        padding: 50px 10px;
    }

    .futu-forth-contents .scheme h2:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-choice2.png);
        background-size: 200px;
        background-repeat: no-repeat;
        right: 0px;
        top: -150px;
        width: 210px;
        height: 210px;
    }

    .futu-forth-contents .scheme {
        margin-top: 100px;
    }

    .futu-forth-contents .scheme .red {
        margin-left: 0;
        margin-right: -10px;
        margin-top: 0;
    }

    .futu-forth-contents .scheme_inner .red {
        margin-right: 0px;
    }

    .futu-forth-contents .scheme_inner h4 {
        width: 300px;
        font-size: 20px;
        color: #019655;
        margin: 0;
    }

    .futu-forth-contents .scheme_inner {
        border-color: #002c83;
        margin: 10px 20px 20px;
        border-style: dotted;
        border-width: 0 0 7px 0;
    }

    .futu-forth-contents .scheme_inner p {
        text-align: center;
        font-size: 16px;
        font-family: 'myfont-b';
        padding-left: 0;
        padding-right: 0;
    }

    .futu-forth-contents .scheme_inner p small {
        font-family: 'myfont';
        margin-top: -7px;
        display: block;
        margin-left: -8px;
        margin-bottom: 10px;
    }

    .futu-forth-fifth-contents h4 {
        text-align: center;
        margin-top: -50px;
    }

    .futu-forth-fifth-contents h4 img {
        height: 85px;
    }

    .answer-wrapper {
        margin-top: 50px;
        margin-bottom: 200px;
    }

    .answer-left {
        padding: 20px 50px;
    }

    .answer-left img {
        width: 250px;
    }

    .answer-right {
        padding: 0px 50px;
    }

    .answer-right img {
        width: 320px;
    }

    .futu-fifth-contents h4 {
        text-align: center;
        margin-top: 0px;
    }

    .futu-fifth-contents h4 img {
        height: 85px;
    }

    .futu-six-contents h4 {
        text-align: center;
        margin-top: -50px;
    }

    .futu-six-contents h4 img {
        height: 85px;
    }

    .honki-forth-contents .scheme h2:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-choice2.png);
        background-size: 200px;
        background-repeat: no-repeat;
        right: 0px;
        top: -150px;
        width: 210px;
        height: 210px;
    }

    .honki-forth-contents .scheme {
        margin-top: 50px;
    }

    .honki-forth-contents .scheme .red {
        margin-left: 0;
        margin-right: -10px;
        margin-top: 0;
    }

    .honki-forth-contents .scheme_inner .red {
        margin-right: 0px;
    }

    .honki-forth-contents .scheme_inner h4 {
        width: 300px;
        font-size: 20px;
        color: #AC0018;
        margin: 0;
    }

    .honki-forth-contents .scheme_inner {
        border-color: #002c83;
        margin: 10px 20px 20px;
        border-style: dotted;
        border-width: 0 0 7px 0;
    }

    .honki-forth-contents .scheme_inner p {
        text-align: center;
        font-size: 16px;
        font-family: 'myfont-b';
        padding-left: 0;
        padding-right: 0;
    }

    .honki-forth-contents .scheme_inner p small {
        font-family: 'myfont';
        margin-top: -7px;
        display: block;
        margin-left: -8px;
    }

    .honki-forth-fifth-contents h4 {
        text-align: center;
        margin-top: -50px;
    }

    .honki-forth-fifth-contents h4 img {
        height: 85px;
    }

    .honki-fifth-contents h4 {
        text-align: center;
        margin-top: -50px;
    }

    .honki-fifth-contents h4 img {
        height: 85px;
    }

    .honki-six-contents h4 {
        text-align: center;
        margin-top: -50px;
    }

    .honki-six-contents h4 img {
        height: 85px;
    }

    .honki-page {
        min-height: 100px;
        background: white;
        border-radius: 10px 10px 0 0;
        margin: 0 10px;
        margin-top: 110px;
    }


    .honki-icon-main {
        text-align: center;
    }

    .honki-icon-main img {
        width: 150px;
        margin-top: -50px;
    }

    .honki-page h2 {
        text-align: center;
        margin-top: 50px;
        font-size: 35px;
        color: #AC0018;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .honki-page p {
        line-height: 32px;
        padding: 0 20px 0 20px;
        margin: 0 auto;
        max-width: 360px;
    }

    .honki-page p b {
        font-family: 'myfont-b';
        font-weight: normal;
    }

    .honki-page p br {
        display: none;
    }

    .honki-page p .appear {
        display: block;
    }

    .honki-page h4 br {
        display: none;
    }

    .honki-page h4 .appear {
        display: block;
    }

    .honki-page h2 span {
        font-size: 18px;
        color: white;
        background: #AC0018;
        display: inline-block;
        margin-left: 20px;
        padding: 6px 20px;
        vertical-align: top;
        margin-top: 10px;
        border-radius: 10px;
        font-family: auto;
    }

    .honki-page-price-contents {
        padding: 10px;
    }

    .honki-page-price-box {
        display: flex;
        align-items: flex-end;
        margin-top: 20px;
        justify-content: center;
    }

    .honki-small-price {
        writing-mode: vertical-rl;
        font-size: 31px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-right: 10px;
        margin-bottom: 9px;
        letter-spacing: 3px;
    }

    .honki-small-maney {
        font-size: 82px;
        font-family: 'myfont-b';
        color: #dd0322;
        margin-right: 10px;
        letter-spacing: -3px;
    }

    .honki-small-en small {
        display: block;
        color: #1d3994;
        font-size: 14px;
    }

    .honki-small-en b {
        display: block;
        color: #1d3994;
        font-size: 23px;
        font-family: 'myfont-b';
        text-align: left;
        margin-bottom: 10px;
        font-weight: normal;
        letter-spacing: -1px;
    }

    .honki-small-img img {
        width: 100%;
    }

    .honki-small-img {
        width: 130px;
        margin-right: 20px;
    }

    .honki-nenbarai b {
        font-size: 20px;
        color: #1d3994;
        font-family: 'myfont-b';
    }

    .honki-nenbarai p {
        font-size: 14px;
        color: #1d3994;
        display: inline-block;
    }

    .honki-nenbarai h3 {
        font-size: 40px;
        color: #dd0322;
        font-family: 'myfont-b';
        margin-top: -13px;
    }

    .honki-nenbarai h3 span {
        font-size: 22px;
        color: #1d3994;
        font-family: 'myfont-b';
        margin-left: 5px;
    }

    .honki-page-point {
        text-align: center;
        margin-top: 50px;
    }

    .honki-page-point small {
        border-style: solid;
        border-width: 2px;
        padding: 7px 15px 5px;
        margin: 0 3px 10px 3px;
        border-radius: 50px;
        color: #1c3a94;
        font-size: 15px;
        display: inline-block;
        height: 35px;
        vertical-align: text-bottom;
    }

    .honki-page-point small span {
        font-family: 'myfont-b';
        font-size: 26px;
        margin: 0 2px 0 6px;
        line-height: 10px;
    }

    .honki-second-contents {
        margin-top: 60px;
        text-align: center;
    }

    .honki-second-contents h4 {
        font-size: 21px;
        line-height: 50px;
        margin-bottom: 60px;
        padding: 0 15px;
        color: #AC0018;
    }

    .honki-second-contents h4 br {
        display: none;
    }

    .honki-second-contents h4 .appear {
        display: block;
    }

    .honki-second-contents h4 .under {
        background: linear-gradient(transparent 70%, #fcd804 10%);
    }

    .honki-six-contents p br {
        display: none;
    }

    .honki-six-contents p .appear {
        display: block;
    }

    .honki-seven-contents p br {
        display: none;
    }

    .honki-seven-contents p .appear {
        display: block;
    }

    .honki-second-contents p {
        font-size: 16px;
        max-width: 430px;
        text-align: left;
        line-height: 32px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .honki-third-contents {
        margin-top: 140px;
        text-align: center;
        margin-bottom: 150px;
    }

    .honki-page-small-title h3 {
        display: inline-block;
        font-size: 22px;
        background: #AC0018;
        padding: 13px 30px;
        color: white;
        border-radius: 5px;
        min-width: 250px;
        text-align: center;
        font-family: 'myfont-bold';
    }

    .honki-page-small-title strong {
        font-family: 'myfont-b';
    }

    .honki-seven-contents h4 {
        text-align: center;
        margin-top: 80px;
    }

    .honki-seven-contents h6 {
        background: #AC0018;
        color: white;
        max-width: 300px;
        margin: 0 auto;
        padding: 20px;
        border-radius: 30px;
        box-shadow: 2px 3px 3px #e0e0e0;
    }

    .honki-seven-contents h6 img {
        width: 13px;
        padding-bottom: 3px;
        margin: 0 10px;
    }

    .honki-seven-contents h6 span {
        font-size: 22px;
    }

    .honki-seven-contents h4 img {
        height: 220px;
    }

    .honki-demo-contents-small {
        border-width: 2px;
        border-color: #f8b616;
        border-radius: 30px;
        margin: 0 30px;
        margin-top: 30px;
        padding: 0 20px 30px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .honki-demo-contents-small h5 {
        font-size: 18px;
        line-height: 45px;
        color: #ff7600;
        background: white;
        width: 235px;
        margin: 0 auto;
        margin-top: -25px;
    }

    .honki-demo-contents-small ul {
        text-align: left;
        padding-left: 40px;
        line-height: 32px;
        margin-top: 5px;
        color: #ff2700;
        font-size: 16px;
    }

    .honki-demo-contents-small ul li {
        position: relative;
        margin-bottom: 5px;
    }

    .honki-demo-contents-small ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo2-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: -30px;
        top: 5px;
    }

    .honki-demo-box strong {
        margin-top: 50px;
        display: block;
    }

    .honki-demo-box strong img {
        width: 30px;
    }

    .honki-page-small-title {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px;
    }

    .honki-page-small-title img {
        height: 4px;
        margin: 0 20px;
    }

    .honki-third-boxes {
        text-align: left;
        max-width: 500px;
        margin: 0 auto;
        padding: 0 15px 0px 50px;
        line-height: 45px;
        margin-top: 30px;
    }

    .honki-third-contents h4 {
        font-size: 48px;
    }

    .honki-third-boxes h5 {
        font-size: 18px;
        color: #1d3994;
        margin-bottom: 5px;
        position: relative;
    }

    .honki-third-boxes h5:before {
        content: "";
        position: absolute;
        left: -27px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: url(../../assets/images/icon-check.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .honki-third-boxes p {
        text-align: left;
        margin-bottom: 30px;
        font-size: 15px;
    }

    .honki-forth-contents {
        margin-bottom: 200px;
    }

    .honki-forth-contents h4 {
        font-size: 25px;
        text-align: center;
        line-height: 45px;
        max-width: 800px;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0 20px;
        color: #AC0018;
    }

    .honki-fifth-contents b {
        font-family: 'myfont-bold';
        font-size: 22px;
        line-height: 25px;
        background: #f8b616;
        color: white;
        padding: 10px 20px;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        display: flex;
        margin-top: -30px;
        margin-left: -25px;
        align-items: center;
        justify-content: center;
    }

    .honki-fifth-boxes {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 1100px;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .honki-fifth-box {
        text-align: center;
        border-radius: 5px;
        box-shadow: 0px 4px 7px #cfcfcf;
        max-width: 250px;
        padding: 0 10px 30px;
        margin: 0 15px 60px;
    }

    .honki-fifth-box p {
        text-align: justify;
        line-height: 27px;
    }

    .honki-page .okigaru-fifth-box p {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        padding: 0 20px;
    }

    .futu-page .okigaru-fifth-box p {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        padding: 0 20px;
    }

    .honki-fifth-boxes.n2 {
        margin-top: -100px;
    }

    .honki-fifth-box img {
        width: 80px;
        margin-top: -60px;
    }

    .honki-fifth-box h4 {
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 15px !important;
        letter-spacing: 1px;
        color: #ff9d01;
    }

    .honki-fifth-box strong {
        font-family: 'myfont-b';
    }

    .honki-table {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 10px;
    }

    .honki-table::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .honki-table::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .honki-table::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .honki-fifth-box p {
        font-size: 14px;
        line-height: 25px;
        text-align: left;
        padding: 0 20px;
    }

    .honki-six-contents table {
        width: 855px;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 80px;
    }

    .honki-six-contents table th,
    .honki-six-contents table td {
        padding: 10px 20px;
        border-style: solid;
        border-width: 2px;
        border-color: #e5e5e5;
    }

    .honki-six-contents table th b {
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
    }

    .honki-six-contents table th h6 {
        margin-top: 2px;
        font-size: 25px;
    }

    .honki-six-contents table th .red {
        margin-top: 2px;
        font-size: 19px;
    }

    .honki-six-contents table th .no-red {
        margin-top: 2px;
        font-size: 19px;
    }

    .honki-six-contents table th h6 span {
        font-size: 15px;
    }

    .honki-six-contents table th h6 small {
        font-size: 13px;
        font-family: 'myfont';
        margin-left: 10px;
    }

    .honki-six-contents table td {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .honki-six-contents table tr:nth-child(1) th:nth-child(1) {
        background: white;
        border-style: none;
    }

    .honki-six-contents table tr:nth-child(1) th:nth-child(2) {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 20px 10px;
        border-color: white;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .honki-six-contents table tr:nth-child(1) th:nth-child(3) {
        background: linear-gradient(to right, #26b472, #0c551f);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none solid none none;
        padding: 20px 20px 10px;
        border-color: white;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .honki-six-contents table tr:nth-child(1) th:nth-child(4) {
        background: linear-gradient(to right, #dd0322, #b41a7a);
        color: white;
        border-radius: 20px 20px 0 0;
        border-style: none;
        padding: 20px 20px 10px;
        height: 100px;
        vertical-align: bottom;
        min-width: 185px;
    }

    .honki-six-contents table tr:nth-child(2) td:nth-child(2),
    .honki-six-contents table tr:nth-child(2) td:nth-child(3),
    .honki-six-contents table tr:nth-child(2) td:nth-child(4) {
        border-top-style: none;
    }

    .honki-six-contents table tr:nth-child(1) th h4 {
        color: white;
        font-size: 17px;
        margin-bottom: 5px;
        font-family: 'myfont';
        text-align: center;
        margin-top: -5px;
    }

    .honki-six-contents table tr:nth-child(1) th h5 {
        color: white;
        font-size: 15px;
        text-align: center;
        font-family: 'myfont';
    }

    .honki-six-contents table tr:nth-child(1) th h5 span {
        color: white;
        font-size: 28px;
        margin-left: 10px;
        margin-right: 3px;
    }

    .honki-six-contents table tr:nth-child(1) th small {
        font-size: 12px;
        display: block;
        text-align: center;
        margin-top: 3px;
    }

    .honki-six-contents {}

    .honki-demo-contents {
        display: flex;
        margin-top: 50px;
        justify-content: center;
        position: relative;
        padding-bottom: 400px;
    }

    .honki-demo-box img {
        width: 350px;
    }

    .honki-demo-box {
        text-align: center;
        margin: 0 20px;
        max-width: 400px;
        position: relative;
    }

    .honki-demo-box h4 {
        background: #AC0018;
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
    }

    .honki-demo-box h4 img {
        width: 15px;
        margin: 0 20px;
    }

    .honki-demo-box p {
        margin-top: 30px;
        font-size: 16px;
        padding: 0 30px;
        text-align: left;
    }

    .honki-demo-add {
        border-width: 2px;
        border-radius: 30px;
        border-color: #AC0018;
        max-width: 340px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 0 2px 5px #c4c4c4;
    }

    .honki-demo-add h5 {
        font-size: 18px;
        color: #AC0018;
        background: white;
        padding: 0 30px;
        display: block;
        margin: 0 auto;
        margin-top: -10px;
        width: 230px;
        margin-bottom: 30px;
    }

    .honki-demo-add ul {
        text-align: left;
        padding: 0 30px;
        color: #304a9d;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .honki-demo-add ul li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
    }

    .honki-demo-add ul li:before {
        content: "";
        position: absolute;
        background: url(../../assets/images/icon-demo-li.png);
        background-size: 25px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: 0;
        top: -2px;
    }

    .honki-demo-box b {
        background: #1d3994;
        color: white;
        width: 310px;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 50px;
        font-size: 16px;
        font-family: 'myfont';
        display: block;
        position: absolute;
        bottom: -100px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .honki-demo-box b img {
        width: 8px;
        margin: 0 2px 0 50px;
    }

    .honki-demo-contents .contact-plan-button {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 265px;
        bottom: 180px;
        border-style: none;
    }

    .honki-demo-contents a:hover .contact-plan-button {
        right: -1px;
        left: -1px;
        bottom: 180px;
    }

    .honki-wanted {
        background: url(../../assets/images/img-honki-page-back.png);
        background-size: cover;
        color: white;
        text-align: center;
        padding: 100px 20px;
        border-radius: 0 0 10px 10px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-bottom: 100px;
        background-position: center;
    }

    .honki-wanted h2 {
        font-size: 25px;
        margin-bottom: 50px;
        color: white;
    }

    .honki-wanted p {
        line-height: 32px;
        font-size: 16px;
        font-family: 'myfont';
        text-align: left;
        max-width: 360px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .honki-wanted p br {
        display: none;
    }

    .honki-wanted p .appear {
        display: block;
    }

    .page-title.honki h1 .under {
        background: linear-gradient(transparent 70%, #ac0018 10%);
    }

    .page-title.honki {
        background: url(../../assets/images/img-honki-back.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 200px;
        width: calc(100% - 20px);
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-top: 95px;
        border-radius: 10px;
        background-position: center;
    }

    .page-title.honki .page-inner:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru1.png);
        background-size: 250px;
        background-repeat: no-repeat;
        left: -100px;
        top: -100px;
        width: 250px;
        height: 250px;
    }

    .page-title.honki .page-inner:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-okigaru2.png);
        background-size: 250px;
        background-repeat: no-repeat;
        right: 0px;
        bottom: -203px;
        width: 250px;
        height: 250px;
    }

    .honki-effect {
        text-align: center;
        margin: 0 auto;
        margin-top: 80px;
    }

    .honki-effect h5 {
        color: #ac1619;
        font-size: 22px;
        line-height: 45px;
        position: relative;
        display: inline-block;
    }

    .honki-effect h5:before {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-futu-effect01.png);
        background-size: 30px;
        background-repeat: no-repeat;
        left: -50px;
        top: 45px;
        width: 30px;
        height: 30px;
    }

    .honki-effect h5:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-futu-effect02.png);
        background-size: 30px;
        background-repeat: no-repeat;
        right: -50px;
        top: 45px;
        width: 30px;
        height: 30px;
    }

    .honki-effect h5 span {
        font-size: 45px;
        display: block;
        letter-spacing: 1px;
    }

    .honki-effect h5 .under {
        background: linear-gradient(transparent 75%, #fcd804 70%);
        display: inline-block;
        padding: 0 20px;
    }

    .honki-effect h5 b {
        font-size: 66px;
    }

    .honki-effect-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-top: 60px;
    }

    .honki-effect-box {
        margin-bottom: 50px;
        padding: 0 20px;
    }

    .honki-effect-box h6 {
        font-family: 'myfont-bold';
        font-size: 18px;
        color: #ac1619;
        position: relative;
        z-index: 1;
    }

    .honki-effect-box .h6-box {
        position: relative;
    }

    .honki-effect-box .h6-box:after {
        content: "";
        position: absolute;
        background: url(../../assets/images/title-effect2.png);
        background-size: 230px;
        background-repeat: no-repeat;
        width: 230px;
        height: 80px;
        left: 0;
        top: -25px;
        right: 0;
        margin: 0 auto;
    }

    .honki-effect-box p {
        text-align: left;
        padding: 50px 10px;
    }

    .honki-only h4 .under {
        background: linear-gradient(transparent 75%, #fcd804 70%);
        display: inline-block;
        padding: 0 20px;
    }

    .honki-only {
        margin: 0 auto;
        text-align: center;
        border-width: 3px;
        border-radius: 10px;
        border-color: #ab1617;
        margin-top: 60px;
        padding: 0 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .honki-only h4 {
        margin-top: -27px;
        background: white;
        display: inline-block;
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .honki-only h4 .under {
        background: linear-gradient(transparent 75%, #fcd804 70%);
        display: inline-block;
        padding: 0 20px;
    }

    .honki-only h5 {
        color: #ab1617;
        font-size: 18px;
        line-height: 45px;
    }

    .honki-only img {
        width: 35px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .honki-only h6 {
        font-size: 17px;
        color: #2B2B2B;
    }

    .honki-only h6 span {
        color: #ab1617;
        font-size: 15px;
        line-height: 29px;
        display: inline-block;
        border-width: 2px;
        padding: 0 60px;
        border-radius: 50px;
        font-family: 'myfont';
        margin-top: 10px;
    }

    .honki-only-pack {
        font-size: 18px;
        font-family: 'myfont-b';
        color: #1d3994;
        text-align: left;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 30px;
        padding-left: 50px;
    }

    .honki-only-right {
        margin-left: -20px
    }

    .honki-only-pack ul li {
        position: relative;
        line-height: 40px;
    }

    .honki-only-pack ul li:before {
        content: "";
        position: absolute;
        left: -27px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: url(../../assets/images/icon-check.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .honki-only-right-wrapper {
        display: flex;
        align-items: flex-end;
    }

    .honki-only-right-wrapper-left {
        font-size: 70px;
        color: #dd2022;
        font-family: 'myfont-b';
    }

    .honki-only-right-wrapper-right {
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .honki-only-right-wrapper-right small {
        display: block;
        font-size: 15px;
        margin-left: -7px;
        font-family: 'myfont';
    }

    .honki-only-right-wrapper-right b {
        display: block;
        font-size: 26px;
        font-weight: normal;
    }

    .scheme {
        margin: 0 auto;
        max-width: 900px;
        margin-top: 250px;
        text-align: center;
    }

    .scheme h2 {
        font-size: 80px;
        line-height: 45px;
        color: #002c83;
        margin-bottom: 70px;
        position: relative;
        display: inline-block;
    }

    .scheme h2:after {
        position: absolute;
        content: "";
        background: url(../../assets/images/icon-choice.png);
        background-size: 200px;
        background-repeat: no-repeat;
        right: -40px;
        top: -115px;
        width: 210px;
        height: 210px;
    }

    .scheme h2 small {
        vertical-align: bottom;
    }


    .scheme h2 span {
        font-size: 80px;
        font-family: 'myfont-b';
        background: transparent;
        color: #dd2022;
        margin: 0;
        padding: 0;
    }

    .scheme h4 img {
        height: 130px;
    }

    .scheme_inner {
        border-color: #002c83;
        margin: 10px 20px 20px;
        border-style: dotted;
        border-width: 0 0 7px 0;
    }

    .scheme_inner h4 {
        width: 300px;
        font-size: 20px;
        color: #019655;
        margin: 0;
    }

    .scheme_inner p {
        text-align: center;
        font-size: 16px;
        font-family: 'myfont-b';
    }

    ul.wpp-list li:before {
        content: "";
        position: absolute;
        left: -77px;
        top: -13px;
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
    }

    /*ランキング1〜5の色変更*/
    ul.wpp-list li:nth-child(1) h2 {
        background-color: #ba8100;
    }

    ul.wpp-list li:nth-child(1):before {
        background: url(../../assets/images/icon-rank1.png);
        background-size: 60px;
    }

    ul.wpp-list li:nth-child(2):before {
        background: url(../../assets/images/icon-rank2.png);
        background-size: 60px;
    }

    ul.wpp-list li:nth-child(2) h2 {
        background-color: #A0A0A0;
    }

    ul.wpp-list li:nth-child(3):before {
        background: url(../../assets/images/icon-rank3.png);
        background-size: 60px;
    }

    ul.wpp-list li:nth-child(3) h2 {
        background-color: #884A01;
    }

    ul.wpp-list li:nth-child(4):before {
        background: url(../../assets/images/icon-rank4.png);
        background-size: 60px;
    }

    ul.wpp-list li:nth-child(4) h2 {
        background-color: #316E57;
    }

    ul.wpp-list li:nth-child(5):before {
        background: url(../../assets/images/icon-rank5.png);
        background-size: 60px;
    }

    ul.wpp-list li:nth-child(5) h2 {
        background-color: #304584;
    }

    /*ランキング順位表示*/
    ul.wpp-list li {
        position: relative;
        list-style: none;
        text-align: right;
        margin-bottom: 55px;
    }

    /*記事タイトル*/
    .ranking-list {
        margin: 0 auto;
        background: #ffd801;
    }

    ul.wpp-list li a.wpp-post-title {
        display: block;
        text-decoration: none;
        font-size: 20px;
        margin: 10px 10px 0px 0px;
        line-height: 37px;
        font-family: 'myfont-b';
    }

    ul.wpp-list li a.wpp-post-title:hover {
        color: #3b62e7;
    }

    /*アイキャッチ*/
    ul.wpp-list li img {
        margin: 10px;
    }

    /*ランキングカウンター*/
    ul.wpp-list li:before {
        display: block;
        position: absolute;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        padding: 3px 14px;
        border-radius: 50%;
        z-index: 1;
        left: -16px;
        line-height: 32px;
        top: -40px;
    }

    .column-ranking {
        background: url(../../assets/images/img-rank-bk.png);
        background-size: calc(100vw + 50px);
        padding-top: 1px;
        background-position-x: center;
    }

    .column-ranking>h2 {
        color: #2b2b2b;
        font-size: 30px;
        padding-bottom: 35px;
        margin-top: 80px;
        text-align: center;
    }

    .column-ranking>h2 span {
        font-size: 14px;
        font-family: "myfont";
        margin-top: 5px;
        text-align: center;
        background: transparent;
        display: block;
    }

    .column-ranking img {
        display: block;
        height: 70px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .column-ranking p {
        text-align: left;
    }

    .column-ranking span {
        font-size: 14px;
        font-family: "myfont";
        margin-top: 5px;
        text-align: right;
        background: white;
        display: inline-block;
        padding: 0 20px;
        border-radius: 5px;
    }

    /*カウント数*/
    ul.wpp-list li {}

    ul.wpp-list li h2 {
        padding-left: 50px;
        margin-bottom: 10px;
        color: white
    }

    ul.wpp-list li p {
        padding: 0 15px;
        text-align: justify;
    }


    .search-box {
        width: 300px;
        margin: 0 auto;
        margin-top: 10px;
        background: white;
        border-radius: 10px;
        text-align: left;
        color: #dd0621;
        height: 35px;
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: flex-start;
        font-size: 13px;
    }

    .search-button {
        background: #032d83;
        padding: 6px 10px 10px;
        color: white;
        border-radius: 0 10px 10px 0;
        height: 35px;
        display: inline-block;
        position: absolute;
        right: 0;
        line-height: 15px;
        top: 0;
    }

    .search-box p {
        display: inline-block;
        line-height: 32px;
        padding-left: 20px;
        width: 235px;
    }

    .search-box p input {
        width: 100%;
    }

    .search-box ::placeholder {
        color: #DBDBDB;
    }

    .ez-toc-list li:before {
        display: none;
    }

    #ez-toc-container {
        margin-bottom: 40px !important;
    }

    .status_wrapper {
        margin-top: 50px;
    }

    .status_left {}

    .status_left img {
        width: 100%;
        height: auto;
        background: #0096de;
        padding: 30px;
        border-radius: 20px;
        border-style: solid;
        border-width: 3px;
        border-color: #012c83;
    }

    .status_right {}

    .status ul {}

    .status_box {
        min-width: 91px;
        padding: 10px;
    }

    .status_box h3,
    .status_box h2 {
        font-size: 20px;
        margin-top: 20px;
        color: #019655;
        margin-bottom: 10px;
    }

    .status_under_wrapper {}

    .job {
        max-width: 800px;
        margin: 0 auto;
        line-height: 23px;
        font-size: 13px;
        margin-top: 80px;
        color: #a68d00;
        text-align: justify;
        border-width: 3px;
        padding: 30px 50px;
        border-radius: 20px;
        border-color: #012c83;
    }

    .job h3 {
        font-size: 15px;
        margin-bottom: 0;
        color: #686868;
        letter-spacing: 2px;
    }

    .job h2 {
        margin-bottom: 50px;
        color: #971c75;
        font-size: 20px;
    }

    .job p {
        margin-bottom: 20px;
    }

    /**
       * ポップアップ
      */
    .information-wrapper {
        position: relative;
        box-sizing: border-box;
        position: fixed;
        top: 55%;
        left: 50%;
        min-width: 375px;
        line-height: 22px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 100vw;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100vh;
        background: rgba(208, 192, 72, 0.95);
        padding-top: 80px;
    }

    .information-wrapper.close {
        display: none;
    }

    #popup {}

    .popup_inner {
        padding: 15px 20px 0;
        border-width: 10px;
        border-radius: 5px;
        border-color: #afa44f;
        background: white;
        margin: 10px;
        overflow-y: scroll;
    }

    .eraser_button {
        display: block;
        width: 20px;
        line-height: 20px;
        position: absolute;
        top: 105px;
        right: 25px;
        font-size: 25px;
        color: #b8af53;
    }

    .information-wrapper label span:hover {
        cursor: pointer;
    }

    .information-wrapper input[type="checkbox"] {
        display: none;
    }

    .information-wrapper input[type="checkbox"]:checked~.eraser_button {
        display: none;
    }

    .information-wrapper input[type="checkbox"]:checked~#popup {
        display: block;
        transition: .2s;
        display: none;
    }

    .popup_inner h2 {
        text-align: center;
        padding-top: 20px;
    }

    .popup_inner h2 img {
        width: 100%;
        height: auto;
        margin-bottom: -25px;
    }

    .popup_inner h2 p {
        font-family: 'myfont';
        font-size: 13px;
        color: #0c3cc5;
    }

    .popup_inner h5 {
        font-size: 16px;
        color: #4a4400;
        font-family: "myfont";
        font-weight: normal;
        text-align: justify;
        line-height: 30px;
        padding-bottom: 10px;
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
    }

    .popup_inner h5 strong {
        font-size: 19px;
        display: block;
        color: #d41e25;
        text-decoration: underline;
        margin-bottom: 10px;
        text-align: center;
    }

    .popup_contents {
        padding: 50px 20px 30px;
        line-height: 25px;
        color: #b7b054;
        text-align: center;
    }

    .popup_contents h4 {
        text-align: center;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .popup_contents h3 {
        text-align: center;
        background: #b8af53;
        color: white;
        font-size: 25px;
        line-height: initial;
        padding: 10px 10px;
        border-radius: 5px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .popup_contents p {
        color: #5c5714;
        text-align: left;
    }

    /**
               * ポップアップ
              */



    .pc-wrapper {
        display: none;
    }

    .accordion-menu2 li {}

    .accordion-menu2 li .dropdownlink2 {
        padding: 20px 25px;
        color: white;
        font-size: 20px;
    }

    .accordion-menu2 li .dropdownlink2 img {
        width: 25px;
        float: right;
        transition: 0.2s ease-in-out;
    }

    .accordion-menu2 li:nth-child(1) .dropdownlink2 {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
    }

    .accordion-menu2 .open .dropdownlink2 {
        background: transparent;
    }

    .accordion-menu2 li:nth-child(2) .dropdownlink2 {
        background: linear-gradient(to right, #26b472, #0c551f);
    }

    .accordion-menu2 li:nth-child(3) .dropdownlink2 {
        background: linear-gradient(to right, #dd0322, #b41a7a);
    }

    .accordion-menu2 .submenuItems2 {
        margin-top: 50px;
    }

    .accordion-menu2 .open .plus {
        transform: rotate(45deg);
        transition: 0.2s ease-in-out;
    }

    .greeting-us {
        padding: 100px 0px 0;
        z-index: 99;
        background: #ffd801;
        position: relative;
        width: 100%;
        overflow: hidden;
        font-size: 18px;
        margin-bottom: -100px;
    }

    .greeting-us-inner {
        padding: 0 20px;
    }

    .greeting-us-inner .left {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 45px);
        margin-left: -20px;
    }

    .greeting-us-inner .right a {
        float: right;
        text-decoration: underline;
        color: #dd2021;
    }

    .greeting-us-inner .right a:hover {
        opacity: 0.8
    }

    .greeting-us-inner .left img {
        width: calc(100% / 3);
        height: auto;
        margin: -1px;
    }

    .greeting-us-inner .right {
        line-height: 32px;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .greeting-us-inner .right b {
        display: block;
        text-align: right;
        margin-top: 30px;
        font-size: 15px;
    }

    .greeting-us-inner .right p {
        font-size: 15px;
        line-height: 25px;
    }

    .accordion-menu li:nth-child(2n) {
        background: none !important;
    }

    .x-forrow {
        padding: 20px;
        margin-top: 50px;
    }

    .x-forrow-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        border-style: dotted;
        border-width: 3px 0 0;
        padding: 50px 20px;
        border-color: #0096de;
    }

    .x-forrow-inner img {
        width: 50px;
    }

    .x-forrow-inner p {
        font-size: 23px;
        margin-left: 20px;
        color: #0096de;
    }

    .x-forrow-inner p span {
        display: block;
        font-size: 15px;
        margin-top: 5px;
        color: #2b2b2b;
    }

    .choice-tmp-wrapper p {
        margin-bottom: 20px;
    }

    .choice-tmp-wrapper p b {
        color: #DD0322;

    }

    .choice-tmp-wrapper a img {
        transition: all 0.5s;
    }

    .choice-tmp-wrapper a:hover img {
        transform: scale(105%);
        transition: all 0.5s;
    }

    .choice-tmp-new-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .choice-tmp-new-box {
        flex-basis: 50%;
        padding: 20px 5px;
    }

    .choice-tmp-new-box img {
        width: 100%;
    }

    .main-tmp img {
        width: 100%;
        margin-bottom: 100px;
    }

    .floating-contents {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 13px;
        line-height: 21px;
        background: #bc206a;
        padding: 10px;
    }

    .okigaru-box-new-detail strong {
        background: linear-gradient(to right, #2ba5e3, #184ba2);
        color: white;
        width: 100%;
        display: block;
        text-align: center;
        height: 80px;
        line-height: 30px;
        margin-top: 20px;
        border-radius: 10px;
        padding-top: 26px;
        font-size: 16px;
    }

    .okigaru-box-new-detail strong:hover {
        opacity: 0.8;
    }

    .choice-tmp-new-box span {
        font-size: 13px;
    }

    .consult {
        padding: 50px 10px;
        text-align: center;
        max-width: 710px;
        margin: auto;
    }

    .consult h2 {
        background: url(../../assets/images/img-okigaru-back.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 55px;
        text-align: center;
        margin-top: 30px;
        background-position: inherit;
        border-radius: 10px 10px 0 0;
        font-size: 25px;
        color: white;
        position: relative;
        margin: 0 auto;
    }

    .consult h2 b {
        font-size: 45px;
        margin-right: 5px;
    }

    .consult h2 span {
        font-size: 21px;
    }

    .consult h2 small {
        display: block;
        font-size: 15px;
        margin-bottom: -18px;
        padding-top: 10px;
    }

    .consult-contents {
        background: white;
        max-width: 710px;
        margin: 0 auto;
        padding: 30px;
        border-radius: 0 0 10px 10px;
        height: 230px;
        overflow-y: scroll;
    }

    .consult-contents::-webkit-scrollbar {
        background: #fda500;
        width: 5px;
        height: 5px;
    }

    .consult-contents::-webkit-scrollbar-thumb {
        background-color: #002c83;
    }

    .consult-contents::-webkit-scrollbar-thumb:hover {
        background-color: #002c83;
    }

    .consult-contents table {
        max-width: 710px;
        margin: 0 auto;
        line-height: 25px;
        text-align: left;
    }

    .consult-contents table th {
        width: 100px;
    }

    .consult h2:before {
        content: "";
        background: url(../../assets/images/icon-consult-l.png) center center;
        background-size: 80px;
        position: absolute;
        width: 80px;
        height: 122px;
        left: 10px;
        top: -111px;
        background-repeat: no-repeat;
    }

    .consult h2:after {
        content: "";
        background: url(../../assets/images/icon-consult-r.png) center center;
        background-size: 80px;
        position: absolute;
        width: 80px;
        height: 122px;
        right: 10px;
        top: -111px;
        background-repeat: no-repeat;
    }


    .new-voice-contents {
        padding: 80px 0px;
    }

    .new-voice-box {
        border-width: 2px;
        border-color: #1D3994;
        border-radius: 5px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .new-voice-box .left {
        width: 100%;
        background: #1D3994;
        color: white;
    }

    .new-voice-box .left b {
        font-family: "myfont-poi";
        font-size: 25px;
        margin-bottom: -8px;
        display: block;
        padding-top: 20px;
    }

    .new-voice-box .left h4 {
        color: white;
        text-align: left;
        padding-left: 20px;
        padding-top: 15px;
        font-family: "myfont";
    }

    .new-voice-box .left h5 {
        color: white;
        text-align: left;
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 20px;
        font-family: "myfont";
    }

    .new-voice-img {
        height: 250px;
        width: 80%;
        margin: 0 auto;
    }

    .new-voice-item {
        padding: 0 0px 50px 20px;
        text-align: left;
    }

    .new-voice-item strong {
        background: white;
        color: #1D3994;
        border-radius: 5px;
        padding: 3px 8px;
        font-size: 13px;
        margin: 3px;
        display: inline-block;
        margin-bottom: 9px;
        margin-top: -10px;
    }

    .new-voice-box .right {
        padding: 20px;
        text-align: left;
        background: white;
        border-radius: 0 5px 5px 0;
    }

    .new-voice-box .right h3 {
        font-size: 18px;
        font-family: "myfont-b";
        margin-bottom: 15px;
    }

    .new-voice-box .right p {
        font-size: 15px;
    }

    .new-voice-box .right h4 {
        font-size: 15px;
        color: #DD0322;
        margin-bottom: 15px;
    }

    .new-voice-box .right .response {
        font-size: 14px;
        line-height: 24px;
        color: #971c75;
    }

    .new-consult-line {
        background: url("../../assets/images/icon-consult-line.png");
        background-size: contain;
        height: 6px;
        width: 100%;
        background-repeat: space;
        margin: 25px 0;
    }

    .whats-q {
        position: relative;
        color: white;
        padding-bottom: 100px;
        background: #1D3994 url(../../assets/images/icon-hatena.png);
        background-size: 500px;
        background-repeat: no-repeat;
        background-position-y: bottom;
    }

    .title-what-q {
        width: 98%;
        padding-top: 30px;
        position: absolute;
    }

    .whats-q h2 {
        text-align: center;
        color: white;
        font-size: 28px;
        position: relative;
        padding: 150px 20px 0;
        line-height: 43px;
    }

    .whats-q h2 span {
        color: #DD0322;
    }

    .whats-q-contents {
        position: relative;
        margin-top: 80px;
    }

    .whats-q-contents ul {
        font-size: 18px;
        line-height: 26px;
        padding: 0 10px 0 60px;
    }

    .whats-q-contents li {
        margin-bottom: 20px;
        position: relative;
    }

    .whats-q-contents li span {
        color: #F8B616;
    }

    .whats-q-contents li:before {
        background: url(../../assets/images/icon-what-q-list.png);
        background-size: contain;
        content: "";
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        position: absolute;
        left: -50px;
        top: -3px;
    }

    .icon-what-q {
        width: 190px;
        padding: 20px;
    }

    .only .human-maru {
        height: 200px;
        margin-left: 25px;
    }

    .plan-contents {
        position: relative;
    }

    .plan-inner .human-cyurippu {
        width: auto;
        height: 150px;
        position: absolute;
    }

    .plan-inner .human-maru2 {
        width: auto;
        height: 230px;
        position: absolute;
        left: 20px;
        top: 0px;
        z-index: -1;
    }

    .brand h3 .human-point {
        width: auto;
        height: 250px;
        right: auto;
        position: absolute;
        margin: unset;
        left: auto;
        bottom: -115px;
        margin-left: 450px;
    }

    .flow-box .human-wide {
        width: auto;
        height: 200px;
        right: -150px;
        bottom: -60px;
        top: auto;
    }

    .sdgs {
        position: absolute;
        width: 100%;
        left: 25px;
    }
}