@charset "UTF-8";

        html {
            overflow-x: hidden;
        }

        .outfit {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 600;
            font-style: normal;
        }

        .noto {
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 600;
            font-style: normal;
        }

        body p,
        body a,
        body span,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Noto Sans JP', sans-serif;
        }

        .zen {
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-weight: 700;
        }

        .mon {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            /* SemiBold */
        }

        .row,
        .relative {
            position: relative;
        }

        a {
            text-decoration: none;
        }

        .doble br {
            display: none;
        }

        #header-wrap,
        #header-wrap.fixed-header {
            padding: 0;
            position: fixed;
            width: 100%;
        }

        #header-wrap .container-fluid {
            max-width: 100%;
        }

        .header-2 #header-wrap {
            padding: 0 48px;
        }

        #header-wrap .container-fluid .nav_border {
            padding: 25px 0;
            transition: .3s;
        }

        #header-wrap.fixed-header .container-fluid .nav_border {
            border-bottom: none;
            padding: 15px 0;
        }

        #header-wrap.fixed-header .container-fluid,
        #header-wrap.fixed-header .container-fluid .navbar {
            transition: .3s;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-item .nav-link.active {
            color: #f1aa00;
        }

        .sp_form {
            display: none;
        }

        .header-2 #header-wrap.fixed-header {
            background: #ffffff;
            border-bottom: 1px solid #e5e5e5;
            transition: 0.3s;
        }

        .header-2 #header-wrap.fixed-header .navbar-nav .nav-link {
            color: #433B31;
        }

        .header-2 #header-wrap.fixed-header .navbar-nav .nav-link:hover {
            color: #00B580;
        }

        .header-2 #header-wrap.fixed-header .navbar-nav .nav-link {}

        #header-wrap.fixed-header .container-fluid {
            border-bottom: none;
        }

        .header-2 #header-wrap {
            background: transparent;
            border-bottom: none;
            transition: 0.3s;
        }

        .navbar-nav .nav-item a.nav-link {
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-weight: 700;
            position: relative;
            font-size: 16px;
            letter-spacing: .07em;
            line-height: 30px;
            padding: 17px 10px;
        }

        .pulldownmenu ul li a {
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-weight: 700;
            font-size: 16px;
            letter-spacing: .07em;
        }

        .header-2 .navbar-nav .nav-link:hover,
        .header-2 .navbar-nav .nav-item .nav-link.active,
        .pulldownmenu ul li a:hover {
            color: #00B580;
        }

        .dropdown-toggle::after {
            content: none;
        }

        li.nav-item.nav_contact {
            margin-right: 0;
            margin-left: auto;
        }

        .navbar-nav .nav-item.nav_contact a {
            line-height: 1.25;
            text-align: center;
            padding: 15px 20px;
            padding-left: 30px;
        }

        .header-2 #header-wrap.fixed-header .nav-item.nav_contact a:before {
            background: #ffffff;
        }

        .header-2 #header-wrap.fixed-header .navbar-nav .nav-item.nav_contact .nav-link:hover {
            color: #ffffff;
        }

        .navbar-nav .nav-item a.nav-link.nav-link-line {
            padding: 0;
            width: 64px;
            transition: .3s;
        }

        .navbar-nav .nav-item a.nav-link.nav-link-line:hover {
            opacity: .8;
        }

        .navbar-nav .nav-item.nav_line {
            margin-right: 0;
            margin-left: 20px;
        }

        .navbar-nav .nav-item a.nav-link .dli-chevron-down {
            display: inline-block;
            vertical-align: middle;
            color: #433B31;
            line-height: 1;
            width: 9px;
            height: 9px;
            border: 2px solid #433B31;
            border-left: 0;
            border-bottom: 0;
            box-sizing: border-box;
            transform: translateY(-25%) rotate(135deg);
            margin-top: -5px;
            margin-left: 10px;
        }

        .navbar-nav .nav-item a.nav-link:hover .dli-chevron-down {
            color: #00B580;
            border-color: #00B580;
        }

        .pulldownmenu ul {
            width: 250px;
            display: none;
            margin-left: 0;
            position: absolute;
            background: #ffffff;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            border-radius: 0 0 10px 10px;
            box-shadow: none;
            top: 63px;
        }

        .pulldownmenu ul li:not(:last-child) {
            border-bottom: 1px solid #D9D9D9;
        }

        .pulldownmenu ul li:first-child {
            padding-top: 30px;
        }

        .pulldownmenu ul li {
            list-style: none;
            padding: 15px 30px;
        }

        .fixed-header .pulldownmenu ul {
            top: 100%;
        }

        .pulldownmenu ul li a {
            font-size: 16px;
            color: #433B31;
            line-height: 1.5;
        }

        .pulldownmenu ul li a:hover {
            background-color: #ffffff;
        }

        .navbar-nav .nav-item a.nav-link:hover::before {
            right: -5px;
            transition: .3s;
        }

        .hidden {
            display: none;
        }

        .bg_gry {
            background-color: #969696;
        }

        .bg_wh {
            background-color: #fff;
        }

        .bg_aka {
            background-color: #003180;
        }

        .bg_kuro {
            background-color: #0D0414;
        }

        .row.main_flex {
            align-items: center;
            height: 100%;
        }

        .aka {
            color: #003180 !important;
        }

        .kuro {
            color: #433B31;
        }

        .ao {
            color: #003180
        }

        .wh {
            color: #fff;
        }

        .gry {
            color: #808080;
        }

        .green {
            color: #00B580;
        }

        .chairo {
            color: #B98F6D;
        }

        .l-footer {
            position: relative;
            background-color: #ffffff;
            border-radius: 60px 60px 0 0;
        }

        .copyright_wrapper {
            padding: 11.5px 0;
            position: relative;
            border-top: 1px solid #D9D9D9;
            margin: 0 auto;
        }

        .copyright {
            position: relative;
        }

        .copyright .col-md-8 {
            letter-spacing: 0;
        }

        .copyright p.text-right {
            letter-spacing: 0;
            font-size: 12px;
        }

        .copyright a {
            letter-spacing: .065em;
            transition: .3s;
            font-size: 12px;
        }

        .footerlink_wrapper .flex ul li a:hover,
        .copyright a:hover {
            color: #00B580;
        }
        /* .copyright a:not(:last-child):after {
            content: "";
            background: #808080;
            width: 1px;
            height: 15px;
            display: block;
            position: absolute;
            top: 2px;
            right: 14px;
        }

        .copyright a:not(:last-child) {
            padding-right: 30px;
            position: relative;
        } */

        .footerlink_wrapper .flex {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 0 25px;
        }

        .footerlink_wrapper .flex ul {
            width: calc(100% / 3 - 17px);
        }

        .footerlink_wrapper .flex ul li {
            list-style: none;
            border-bottom: 1px solid #D9D9D9;
            padding-bottom: 14px;
        }

        .footerlink_wrapper .flex ul li a {
            position: relative;
            padding-left: 18px;
            letter-spacing: .02em;
        }

        .footerlink_wrapper .flex ul li:not(:last-child) {
            margin-bottom: 15px;
        }

        .footerlink_wrapper .flex ul li a:after {
            content: "";
            width: 10px;
            height: 10px;
            background: #00B580;
            display: block;
            position: absolute;
            top: 5.5px;
            left: 0;
            border-radius: 5px;
        }

        .footerlink_wrapper .flex ul li.footer-list-child a::after {
            content: none;
        }

        .footerlink_wrapper .flex ul li.footer-list-child a span {
            font-size: 12px;
            position: relative;
            top: -3px;
            left: 0;
            color: #00B580;
            margin-right: 5px;
        }

        .footer-logo {
            max-width: 252px;
            width: 100%;
        }

        .lift-off {
            position: fixed;
            right: 16%;
            bottom: 30px;
            width: 68%;
            -webkit-transition: all .3s;
            transition: all .3s;
            text-align: center;
            color: #fff;
            background: rgba(0, 0, 0, .6);
        }

        .lift-off_hide {
            visibility: hidden;
            -webkit-transform: translateY(40px);
            -ms-transform: translateY(40px);
            transform: translateY(40px);
            opacity: 0;
        }

        .lift-off_show {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

        div.float img {
            width: 100%;
            max-width: 850px;
            padding: 0 15px;
        }

        div.float {
            background-color: rgba(243, 243, 220, 0.8);
            width: 100%;
            right: 0;
            bottom: 0;
            height: auto;
            padding: 15px 0;
            z-index: 10000;
            font-size: 0;
        }

        img.f-sp {
            display: none;
        }

        div.float a {
            display: inline-block;
        }

        .text-right {
            text-align: right;
        }

        .firstview.w-100 {
            margin-bottom: -100px;
        }

        figure.sp {
            display: none;
        }

        .w-100 {
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

        .block_tb,
        .block_sp {
            display: none;
        }

        img {
            max-width: 100%;
        }

        .f-minsp {
            display: none;
        }

        a {
            word-break: break-all;
        }

        .block_1850,
        .block_1700,
        .block_1400,
        .block_991,
        .block_767,
        .block_575,
        .block_499,
        .block_414,
        .block_375,
        .sp_footer {
            display: none;
        }

        .navbar a.none_991 {
            max-width: 234px;
        }
        /* 矢印ここから */
        /* From Uiverse.io by rahulgarg99 */

        .button1 {
            line-height: 1;
            text-decoration: none;
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            background-color: #fff;
            border: 1px solid;
            color: #433B31;
            border-radius: 10rem;
            font-weight: 600;
            padding: 18px 20px;
            padding-left: 30px;
            min-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: background-color 0.3s;
        }

        .button1__icon-wrapper {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            position: relative;
            color: #fff;
            background-color: #433B31;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .button1:hover {
            background-color: #fff;
            color: 433B31;
        }

        .button1:hover .button1__icon-wrapper {
            color: #fff;
            background-color: #433B31;
        }

        .button1__icon-svg--copy {
            position: absolute;
            transform: translate(-150%, 150%);
        }

        .button1:hover .button1__icon-svg:first-child {
            transition: transform 0.3s ease-in-out;
            transform: translate(150%, -150%);
        }

        .button1:hover .button1__icon-svg--copy {
            transition: transform 0.3s ease-in-out 0.1s;
            transform: translate(0);
        }

        a.button1.button2 {
            background-color: transparent;
            color: #fff;
        }

        a.button1.button2 .button1__icon-wrapper {
            color: #00B580;
            background-color: #fff;
        }

        a.button1.button2 .button1:hover .button1__icon-wrapper {
            color: #00B580;
            background-color: #fff;
        }

        .contact-child .button1 {
            min-width: 260px;
        }

        .intro-child .button1 {
            background-color: transparent;
        }

        .intro-child .button1:hover {
            color: #ffffff;
            background-color: #00B580;
            border-color: #00B580;
        }

        .intro-child .button1:hover .button1__icon-wrapper {
            color: #00B580;
            background-color: #fff;
        }
        /* 矢印ここまで */

        .font45 {
            font-size: 45px;
            line-height: 1.5;
            letter-spacing: .15em;
        }

        .font34 {
            font-size: 34px;
            letter-spacing: 0.2em;
            line-height: 1.7;
        }

        .font24 {
            font-size: 24px;
            letter-spacing: .05em;
        }

        h4.font24 {
            letter-spacing: 0.1em;
        }

        .font22 {
            font-size: 22px;
            letter-spacing: .07em;
            line-height: 1.35;
        }

        .font16 {
            font-size: 16px;
            letter-spacing: .05em;
            line-height: 2;
        }

        .font14 {
            font-size: 14px;
            letter-spacing: .07em;
            line-height: 1.7;
        }

        hr {
            margin-top: 35px;
            margin-bottom: 35px;
            border: 1px;
            border-top: 1px solid #ffffff;
            width: 100%;
            opacity: 1;
        }

        .pr-50 {
            padding-right: 50px;
        }

        .pl-50 {
            padding-left: 50px;
        }

        section#mv {
            background-image: url(../../img/top_main_bg.png);
            background-color: #ffffff;
            background-size: cover;
            background-repeat: repeat;
            background-position: center;
            padding-bottom: 150px;
            padding-top: 110px;
            border-radius: 30px;
        }

        img.top_main_text {
            max-width: 800px;
            margin: 0 auto;
        }

        .side_pd {
            padding: 0 30px;
        }

        #mv_wrapper {
            margin-top: 114px;
            position: relative;
        }

        .mousey {
            width: 3px;
            padding: 7px 12px;
            height: 35px;
            border: 2px solid #fff;
            border-radius: 25px;
            opacity: 0.75;
            box-sizing: content-box;
        }

        .scroll-downs {
            position: absolute;
            /* top: 0; */
            right: 0;
            bottom: 70px;
            left: 0;
            margin: auto;
            width: 31px;
            height: 53px;
        }

        .scroller {
            width: 3px;
            height: 10px;
            border-radius: 25%;
            background-color: #fff;
            animation-name: scroll;
            animation-duration: 2.2s;
            animation-timing-function: cubic-bezier(.15, .41, .69, .94);
            animation-iteration-count: infinite;
        }

        @keyframes scroll {
            0% {
                opacity: 0;
            }
            10% {
                transform: translateY(0);
                opacity: 1;
            }
            100% {
                transform: translateY(15px);
                opacity: 0;
            }
        }

        .dli-chevron-down {
            display: inline-block;
            vertical-align: middle;
            color: #ffffff;
            line-height: 1;
            width: 10px;
            height: 10px;
            border: 1px solid #ffffff;
            border-left: 0;
            border-bottom: 0;
            box-sizing: border-box;
            transform: translateY(-25%) rotate(135deg);
        }

        section#top02,
        section#top03 {
            background-color: #ffffff;
        }

        section#top04 {
            background-color: #ffffff;
            position: relative;
            overflow: hidden;
        }

        section#top04:after {
            content: "";
            background-color: #EFF2F4;
            position: absolute;
            top: 0;
            right: 0;
            width: calc(100% - 60px);
            width: 95%;
            height: 100%;
            display: block;
            border-radius: 30px 0 0 30px;
        }

        section#top04 .container-fluid {
            position: relative;
            z-index: 1;
        }

        section#top02:before {
            content: "";
            width: 100%;
            height: 40px;
            position: absolute;
            top: -40px;
            left: 0;
            background: #ffffff;
            border-radius: 60px 60px 0 0;
        }

        section#top02:after {
            content: "";
            width: 100%;
            height: 60%;
            background: #00B580;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        section.intro-sec {
            background: #E5E5E5;
            background-image: url(../../img/g_line.png);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: top 25% center;
            padding-top: 110px;
        }

        section.intro-sec:before {
            content: "";
            width: 100%;
            height: 40px;
            position: absolute;
            top: -40px;
            left: 0;
            background: #E5E5E5;
            border-radius: 60px 60px 0 0;
        }

        section.intro-sec:after {
            content: "";
            width: 3px;
            height: 60px;
            background: #433B31;
            display: block;
            position: absolute;
            top: -40px;
            left: calc(50% - 1.5px);
        }

        section.info-sec:before {
            content: "";
            width: 100%;
            height: 40px;
            position: absolute;
            top: -40px;
            left: 0;
            background: #ffffff;
            border-radius: 60px 60px 0 0;
        }

        section.business-sec,
        .img-sec,
        .bg-gry {
            background: #E5E5E5;
        }

        section {
            position: relative;
        }

        section.padding90 {
            padding: 90px 0;
        }

        section.pb150 {
            padding-bottom: 150px;
        }

        section.pb120 {
            padding-bottom: 120px;
        }

        section.pb90 {
            padding-bottom: 90px;
        }

        section#top02,
        section#top03 {
            padding-top: 80px;
        }

        section#top02 {
            padding-bottom: 160px;
            margin-top: 40px;
        }

        section#mv .absolute {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
        }

        section#mv h1 {
            margin: 0 auto;
            letter-spacing: .25em;
            text-indent: .25em;
            color: transparent;
        }

        section#mv h1.animation-is-inview {
            color: #003180;
        }

        section#mv h2 {
            line-height: 1.5;
            letter-spacing: .12em;
        }

        section#mv p {
            letter-spacing: .09em;
        }

        .scrollimg {
            width: 12px;
            position: absolute;
            left: 50px;
            bottom: 100px;
        }

        section.mv-bottom-sec {
            margin-bottom: 40px;
            position: relative;
        }

        section.mv-bottom-sec img.none_499 {
            max-width: 800px;
            width: 100%;
            margin: 0 auto;
            display: block;
        }

        section.mv-bottom-sec:after {
            content: "";
            width: 3px;
            height: 60px;
            background: #E5E5E5;
            display: block;
            position: absolute;
            bottom: 0;
            left: calc(50% - 1.5px);
        }

        .contact-sec {
            position: relative;
            background-image: url(../../img/contact_bg.png);
            background-color: #ffffff;
            background-repeat: repeat;
            background-position: top center;
            background-size: cover;
            border-radius: 30px;
        }

        .contact-sec-side {
            background: #fff;
        }

        .contact-child-detail {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .contact-sec .row {
            align-items: center;
        }

        img.tel {
            width: 30px;
            margin-right: 10px;
            position: relative;
            top: -3px;
        }

        .telnum {
            letter-spacing: .05em;
            font-size: 37px;
            line-height: 1.1;
        }

        img.eneko_tate {
            width: 118px;
            position: absolute;
            top: 117px;
            left: 0;
        }

        .container.container-col-wide .row {
            margin: 0 -25px;
        }

        .container.container-col-wide .row>div {
            padding-right: 25px;
            padding-left: 25px;
        }

        .container.container-col-wide2 .row {
            margin: 0 -40px;
        }

        .container.container-col-wide2 .row>div {
            padding-right: 40px;
            padding-left: 40px;
        }

        .border-r-x {
            position: relative;
            padding-right: 120px;
            display: inline-block;
        }

        .border-r-x:after {
            content: "";
            width: 100px;
            height: 1px;
            background-color: #fff;
            position: absolute;
            top: calc(50% - 1px);
            right: 0;
        }

        .mb-05 {
            margin-bottom: 5px;
        }

        .mb-10 {
            margin-bottom: 10px;
        }

        .mb-15 {
            margin-bottom: 15px;
        }

        .mb-20 {
            margin-bottom: 20px;
        }

        .mb-25 {
            margin-bottom: 25px;
        }

        .mb-30 {
            margin-bottom: 30px;
        }

        .mb-35 {
            margin-bottom: 35px;
        }

        .mb-40 {
            margin-bottom: 40px;
        }

        .mb-50 {
            margin-bottom: 50px;
        }

        .mb-60 {
            margin-bottom: 60px;
        }

        .mb-70 {
            margin-bottom: 70px;
        }

        .mb-80 {
            margin-bottom: 80px;
        }

        .mb-90 {
            margin-bottom: 90px;
        }
        /* 背景あり見出し */

        .mask-animation-bg {
            color: transparent;
            overflow-x: hidden;
            overflow-y: hidden;
            display: block;
            width: -moz-fit-content;
            width: fit-content;
            position: relative;
            transition: color 0ms 450ms;
        }

        .mask-animation-bg::after {
            background: linear-gradient(135deg, #00b580 0%, #00b580 100%);
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            right: -1px;
            top: 0;
            transform: translate(0, 100%);
        }

        .mask-animation-bg.is-animated {
            color: #E5E5E5;
        }

        .business-sec .mask-animation-bg.is-animated {
            color: #EFF2F4;
        }

        .info-sec .mask-animation-bg.is-animated,
        .point-sec .mask-animation-bg.is-animated {
            color: #ffffff;
        }

        .contact-sec .mask-animation-bg.is-animated {
            color: transparent;
        }

        .contact-sec .mask-animation-bg::after {
            background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
        }

        .mask-animation-bg.is-animated.animation-is-inview.wh {
            color: #ffffff;
        }

        .mask-animation-bg.is-animated.animation-is-inview.chairo {
            color: #B98F6D;
        }

        .mask-animation-bg.is-animated.animation-is-inview.green {
            color: #00B580;
        }

        .mask-animation-bg.is-animated.animation-is-inview::after {
            animation: mask-animation-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1) forwards;
        }

        @keyframes mask-animation-bg {
            0% {
                transform: translate(-100%, 0);
            }
            40%,
            60% {
                transform: translate(0%, 0);
            }
            100% {
                transform: translate(100%, 0);
            }
        }

        .container-fluid.content_wide {
            max-width: 1560px;
        }

        .container-fluid.content_wide1 {
            max-width: 100%;
            padding: 0 60px;
        }

        .container-fluid.content_wide2 {
            max-width: 1650px;
        }

        h4.font24 {
            margin-bottom: 5px;
        }

        .intro-child {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 0 80px;
        }

        .intro-child-detail {
            width: calc(100% / 2 - 40px);
        }

        .gif-wrapper {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        .gif-placeholder {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #E5E5E5;
        }

        .gif {
            visibility: hidden;
            width: 100%;
        }

        .business-child {
            display: flex;
            justify-content: flex-start;
            gap: 0 60px;
            flex-wrap: wrap;
        }

        .business-child-detail-title1 {
            width: calc(30% - 30px);
        }

        .business-child-detail-title2 {
            width: calc(70% - 30px);
        }

        .business-child.business-child-bgw {
            margin-top: 60px;
            margin-bottom: 60px;
            position: relative;
        }

        .business-child.business-child-bgw:before {
            content: "";
            width: calc(100% + 120px);
            height: calc(100% + 120px);
            background: #ffffff;
            position: absolute;
            top: -60px;
            left: -60px;
            border-radius: 30px;
        }

        .business-child.business-child-bgw .business-child-detail {
            width: calc(100% / 2 - 30px);
            text-align: center;
        }

        .point-child .texthas_bg .mask-animation-bg,
        .info-child .texthas_bg .mask-animation-bg {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .point-child {
            position: relative;
            z-index: 1;
        }

        .point-child-hasbox,
        .info-child-hasbox {
            display: flex;
            justify-content: flex-start;
            gap: 0 60px;
            flex-wrap: wrap;
        }

        .point-child-detail {
            width: calc(100% / 3 - 40px);
            background-color: #fff;
            border-radius: 20px;
            overflow: hidden;
        }

        .point-child-detail-text {
            padding: 30px;
        }

        .point-child-detail-text p.font24 {
            letter-spacing: 0.02em;
            /* line-height: 1.25; */
            line-height: 1.5em;
        }

        .point-child-detail-img img {
            width: 100%;
        }

        .l-footer a.button1:hover,
        .navbar-nav .nav-item.nav_contact a:hover,
        .business-child-detail a.button1:hover {
            background-color: #00B580;
            border-color: #00B580;
            color: #fff;
        }

        .l-footer a.button1:hover .button1__icon-wrapper,
        .navbar-nav .nav-item.nav_contact a:hover .button1__icon-wrapper,
        .business-child-detail a.button1:hover .button1__icon-wrapper {
            color: #00B580;
            background-color: #ffff;
        }

        a.button1.button2:hover {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #00B580;
        }

        a.button1.button2:hover .button1__icon-wrapper {
            color: #ffffff;
            background-color: #00B580;
        }

        .info-child-detail {
            width: calc(100% / 2 - 30px);
        }

        .info-child-detail a {
            border-radius: 20px 20px 0px 20px;
            overflow: hidden;
            background-color: #ddd;
            display: block;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            padding: 55px 50px;
            position: relative;
        }

        .info-child-detail:nth-child(odd) a {
            background-image: url(../../img/banner_partner.png);
        }

        .info-child-detail:nth-child(even) a {
            background-image: url(../../img/banner_recruiting.png);
        }

        .info-child-detail a:after {
            content: "";
            width: 100px;
            height: 100px;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            background-image: url(../../img/banner_kadomaru.png);
            background-position: bottom right;
            background-size: 100px;
        }

        .info-child-detail a .button1__icon-wrapper {
            width: 60px;
            height: 60px;
            background-color: #00B580;
        }

        .info-child-detail a .button1__icon-svg--copy {
            position: absolute;
            transform: translate(-250%, 250%);
        }

        .info-child-detail a:hover .button1__icon-svg:first-child {
            transition: transform 0.3s ease-in-out;
            transform: translate(250%, -250%);
        }

        .info-child-detail a:hover .button1__icon-svg--copy {
            transition: transform 0.3s ease-in-out 0.1s;
            transform: translate(0);
        }

        .info-child-detail a .button1__icon-wrapper svg {
            width: 18px;
        }

        .info-child-detail a .button1__icon-wrapper {
            width: 60px;
            height: 60px;
            background-color: #00B580;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1;
        }

        .info-child-detail a:before {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: #000000;
            opacity: 0;
            transition: .3s;
            opacity: .5;
        }

        .info-child-detail a:hover:before {
            background: #00B580;
            opacity: .8;
        }

        .info-child-detail a p {
            position: relative;
            z-index: 1;
            line-height: 1.6;
        }

        .info-child-detail a p.font16 {
            letter-spacing: 0.1em;
        }

        .info-child-detail>p {
            position: relative;
            padding-left: 25px;
        }

        .info-child-detail>p:after {
            content: "";
            width: 16px;
            height: 16px;
            border-radius: 8px;
            background: #00B580;
            position: absolute;
            top: 7px;
            left: 0;
        }

        a.business-child-img p,
        a.business-child-img img {
            position: relative;
            z-index: 1;
            transition: .3s;
        }

        a.business-child-img {
            display: block;
            position: relative;
            z-index: 1;
        }

        a.business-child-img p {
            letter-spacing: .05em;
            line-height: 1.3;
            padding: 35px 0;
        }

        .business-child.business-child-bgw .business-child-detail:nth-child(3) a.business-child-img p {
            padding: 18px 0 21px;
        }

        a.business-child-img:after {
            content: "";
            width: 100%;
            height: 68%;
            background: #F2F2F2;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 0;
            border-radius: 20px;
            transition: all .3s;
        }

        a.business-child-img:hover:after {
            background: #00B580;
        }

        a.business-child-img:hover p {
            color: #ffffff;
        }
        /* 画像ループここから */

        .text-loop {
            background: #E5E5E5;
        }

        article {
            overflow: hidden;
            position: relative;
        }

        .loop_wrap2 {
            display: flex;
            width: 100%;
            overflow: hidden;
        }

        .loop_wrap2 div {
            flex: 0 0 auto;
            white-space: nowrap;
            overflow: hidden;
            line-height: 1;
            color: #ffffff;
            font-size: 180px;
        }

        .loop_wrap2 div img.top_vv_image {
            height: 329px;
            display: block;
        }

        .loop_wrap2 div:nth-child(odd) {
            animation: loop3 160s -80s linear infinite;
            animation-direction: reverse;
        }

        .loop_wrap2 div:nth-child(even) {
            animation: loop4 160s linear infinite;
            animation-direction: reverse;
        }

        @keyframes loop3 {
            0% {
                transform: translateX(100%);
            }
            to {
                transform: translateX(-100%);
            }
        }

        @keyframes loop4 {
            0% {
                transform: translateX(0);
            }
            to {
                transform: translateX(-200%);
            }
        }

        .loop_wrap {
            display: flex;
            width: 100%;
            overflow: hidden;
        }

        .loop_wrap div {
            flex: 0 0 auto;
            white-space: nowrap;
            overflow: hidden;
            line-height: 1;
            color: #ffffff;
            font-size: 180px;
        }

        .loop_wrap div img.eneko_yoko {
            height: 131px;
            display: block;
        }

        .loop_wrap div:nth-child(odd) {
            animation: loop 100s -50s linear infinite;
            animation-direction: reverse;
        }

        .loop_wrap div:nth-child(even) {
            animation: loop2 100s linear infinite;
            animation-direction: reverse;
        }

        @keyframes loop {
            0% {
                transform: translateX(-100%);
            }
            to {
                transform: translateX(100%);
            }
        }

        @keyframes loop2 {
            0% {
                transform: translateX(-200%);
            }
            to {
                transform: translateX(0);
            }
        }
        /* 画像ループここまで */

        .ank {
            position: absolute;
            margin-top: -40px;
        }

        .ank2 {
            position: absolute;
        }

        a.unpublished {
            pointer-events: none;
            opacity: .7;
        }

        a.business-child-img.unpublished {
            opacity: 1;
        }
        /* unpublishedでhover無効のため */

        .pulldownmenu ul {
            display: none !important;
        }

        @media (min-width: 320px) {
            .fullscreen-banner {
                /* min-height: 620px;
                max-height: 620px; */
                /* min-height: 100%;
                max-height: 100%; */
            }
        }

        @media (min-width: 481px) {
            .fullscreen-banner {
                /* min-height: 650px;
                max-height: 650px; */
            }
            section#mv {
                padding-bottom: 0 !important;
                padding-top: 0;
                border-radius: 30px;
            }
        }

        @media (min-width: 576px) {
            /* .fullscreen-banner {
                min-height: auto;
                max-height: none;
                height: 100%;
            } */
        }

        @media (min-width: 681px) {
            /* .fullscreen-banner {
                min-height: auto;
                max-height: none;
            } */
        }

        @media (min-width: 767px) {
            /* .fullscreen-banner {
                min-height: 730px;
                max-height: 730px;
            } */
        }

        @media (min-width: 991px) {
            /* .fullscreen-banner {
                min-height: 750px;
                max-height: 750px;
            } */
            .fullscreen-banner {
                min-height: auto;
                max-height: none;
                height: 100%;
            }
        }

        @media (min-width: 1024px) {
            .fullscreen-banner {
                min-height: 800px;
                max-height: 800px;
            }
        }

        @media (min-width: 1280px) {
            .fullscreen-banner {
                min-height: 850px;
                max-height: 850px;
            }
        }

        @media (min-width: 1380px) {
            .fullscreen-banner {
                min-height: 850px;
                max-height: 850px;
            }
        }

        @media (min-width: 1600px) {
            .fullscreen-banner {
                min-height: 850px;
                max-height: 850px;
            }
        }

        @media (min-width: 1800px) {
            .fullscreen-banner {
                min-height: 900px;
                max-height: 900px;
            }
        }

        @media (min-width: 1920px) {
            .fullscreen-banner {
                min-height: 960px;
                max-height: 960px;
            }
        }

        @media (min-width: 992px) {
            .navbar-expand-lg .navbar-nav {
                justify-content: flex-end;
            }
        }

        @media (min-width: 1400px) {
            .container,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl {
                max-width: 1140px;
            }
        }