@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap";

#home_kv {
    position: relative;
    background-color: #fff
}

    #home_kv .home_kv_triangle_a {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12vw 26.6vw 0 0;
        border-color: #d2aa6e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
    }

@media screen and (min-width: 500px) {
    #home_kv .home_kv_triangle_a {
        border-width: 60px 133px 0 0
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_triangle_a {
        border-width: 60px 133px 0 0
    }
}

#home_kv .home_kv_triangle_b {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6vw 13.6vw 0 0;
    border-color: #0045a2 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_triangle_b {
        border-width: 30px 68px 0 0
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_triangle_b {
        border-width: 29px 66px 0 0
    }
}

#home_kv .home_kv_inner {
    position: relative;
    padding-top: 6vw;
    height: 110.8vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner {
        padding-top: 30px;
        height: 554px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_inner {
        padding-top: 50px;
        height: 628px
    }
}

#home_kv .home_kv_inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 44.8vw 100vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d2aa6e rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner::after {
        border-width: 0 0 224px 500px
    }
}

#home_kv .home_kv_inner ol {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43.6vw;
    right: 0;
    left: 0;
    width: 92.2vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ol {
        top: 218px;
        width: 461px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_inner ol {
        top: 284px
    }
}

#home_kv .home_kv_inner ol li {
    position: relative;
    display: block;
    list-style: none;
    width: 29vw;
    height: 200px;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    background-color: #dcdcdc;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ol li {
        width: 145px;
        height: 200px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

#home_kv .home_kv_inner ol li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 27vw;
    height: 15.8vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-100%)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ol li::after {
        width: 135px;
        height: 79px
    }
}

#home_kv .home_kv_inner ol li:nth-of-type(1) {
    margin-top: 28vw;
    background-image: url(../img/home/home_kv_a_before.jpg)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ol li:nth-of-type(1) {
        margin-top: 140px
    }
}

#home_kv .home_kv_inner ol li:nth-of-type(1)::after {
    background-image: url(../img/home/home_kv_illust_a.svg)
}

#home_kv .home_kv_inner ol li:nth-of-type(2) {
    margin-top: 14vw;
    background-image: url(../img/home/home_kv_b_before.jpg)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ol li:nth-of-type(2) {
        margin-top: 70px
    }
}

#home_kv .home_kv_inner ol li:nth-of-type(2)::after {
    background-image: url(../img/home/home_kv_illust_b.svg)
}

#home_kv .home_kv_inner ol li:nth-of-type(3) {
    background-image: url(../img/home/home_kv_c_before.jpg)
}

    #home_kv .home_kv_inner ol li:nth-of-type(3)::after {
        background-image: url(../img/home/home_kv_illust_c.svg)
    }

#home_kv .home_kv_inner ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43.6vw;
    right: 0;
    left: 0;
    width: 92.2vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ul {
        top: 218px;
        width: 461px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_inner ul {
        top: 284px
    }
}

#home_kv .home_kv_inner ul li {
    position: relative;
    display: block;
    list-style: none;
    width: 29vw;
    height: 200px;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    background-color: #dcdcdc;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity 1s ease-out
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ul li {
        width: 145px;
        height: 200px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

#home_kv .home_kv_inner ul li:nth-of-type(1) {
    margin-top: 28vw;
    background-image: url(../img/home/home_kv_a_after.jpg)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ul li:nth-of-type(1) {
        margin-top: 140px
    }
}

#home_kv .home_kv_inner ul li:nth-of-type(2) {
    margin-top: 14vw;
    background-image: url(../img/home/home_kv_b_after.jpg)
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_inner ul li:nth-of-type(2) {
        margin-top: 70px
    }
}

#home_kv .home_kv_inner ul li:nth-of-type(3) {
    background-image: url(../img/home/home_kv_c_after.jpg)
}

#home_kv .home_kv_bottom {
    position: relative;
    background-color: #d2aa6e
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_bottom {
        height: 46px
    }
}

#home_kv .home_kv_bottom .home_kv_lead {
    position: absolute;
    top: -22.4vw;
    right: 4vw;
    width: 40vw;
    text-align: right
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom .home_kv_lead {
        top: -112px;
        right: 20px;
        width: 200px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_bottom .home_kv_lead {
        top: -102px
    }
}

#home_kv .home_kv_bottom .home_kv_lead::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #d2aa6e
}

#home_kv .home_kv_bottom .home_kv_lead p {
    position: relative;
    display: inline-block;
    font-size: 3vw;
    line-height: 1;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    letter-spacing: .06em;
    background-color: #0045a2;
    color: #fff;
    padding: 1vw 2vw 1.2vw 2.4vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom .home_kv_lead p {
        font-size: 15px;
        padding: 5px 10px 6px 12px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_bottom .home_kv_lead p {
        font-size: 15px
    }
}

#home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(1) {
    padding: 1vw 1.6vw 1.2vw 2.4vw;
    margin-top: 0
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(1) {
        padding: 5px 8px 6px 12px
    }
}

#home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(2) {
    padding: 1vw 1.6vw 1.2vw 2.4vw
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(2) {
        padding: 5px 8px 6px 12px
    }
}

#home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(4) {
    padding: 1vw 2vw 1.2vw 2.4vw
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom .home_kv_lead p:nth-of-type(4) {
        padding: 5px 10px 6px 12px
    }
}

#home_kv .home_kv_bottom .home_kv_lead p::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d2aa6e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform .5s ease
}

#home_kv .home_kv_bottom small {
    font-size: 1.6vw;
    letter-spacing: 0;
    color: #785a00;
    padding-left: 4vw
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom small {
        font-size: 8px;
        padding-left: 20px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_bottom small {
        position: absolute;
        top: 6px;
        left: 0;
        font-size: 8px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 3.2vw 2vw;
    width: 96vw;
    margin: 0 auto;
    padding: 3.6vw 0 3.4vw
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav {
        gap: 16px 10px;
        width: 480px;
        padding: 18px 0 17px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .home_kv_bottom #Conf_main_nav {
        display: none
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li {
    position: relative;
    list-style: none
}

    #home_kv .home_kv_bottom #Conf_main_nav li::after {
        content: "";
        position: absolute;
        top: 1.2vw;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0045a2;
        border-radius: 2vw
    }

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li::after {
        top: 6px;
        border-radius: 10px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li a {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47vw;
    min-height: 19.4vw;
    border: 2px solid #0045a2;
    border-radius: 2vw;
    background-color: #fff;
    text-align: center
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a {
        width: 235px;
        min-height: 97px;
        border-radius: 10px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li a {
    padding: 1.2vw 0
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a {
        padding: 6px 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
        transition: .3s
    }

        #home_kv .home_kv_bottom #Conf_main_nav li a:hover {
            transform: translateY(6px)
        }
}

#home_kv .home_kv_bottom #Conf_main_nav li a p {
    position: relative;
    z-index: 2;
    font-size: 4vw;
    line-height: 1.2;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a p {
        font-size: 20px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li a p span {
    font-size: 3vw;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a p span {
        font-size: 15px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li a p small {
    font-size: 2.4vw;
    line-height: 1;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    text-align: center;
    color: #0045a2;
    margin-top: 1.2vw
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a p small {
        font-size: 12px;
        margin-top: 6px
    }
}

#home_kv .home_kv_bottom #Conf_main_nav li a::after {
    content: "";
    position: absolute;
    bottom: 2.6vw;
    right: 2.6vw;
    width: 3vw;
    height: 2.4vw;
    background-image: url(../img/nav/main_nav_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #home_kv .home_kv_bottom #Conf_main_nav li a::after {
        bottom: 13px;
        right: 13px;
        width: 15px;
        height: 12px
    }
}

#home_kv .common_subtitle {
    font-size: 2.8vw;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    letter-spacing: .16em;
    text-align: center;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_kv .common_subtitle {
        font-size: 14px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .common_subtitle {
        font-size: 14px
    }
}

#home_kv #common_title {
    display: flex;
    align-items: center;
    width: 61.6vw;
    height: 18.4vw;
    margin: 2.6vw auto 0
}

@media screen and (min-width: 500px) {
    #home_kv #common_title {
        width: 308px;
        height: 92px;
        margin-top: 13px
    }
}

@media screen and (min-width: 850px) {
    #home_kv #common_title {
        width: 369px;
        height: 110px;
        margin-top: 9px
    }
}

#home_kv .Conf_cloud_a {
    top: 19.2vw;
    right: -6vw;
    width: 18vw;
    background-color: #dcf0fa
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_a {
        top: 96px;
        right: -30px;
        width: 90px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_a {
        top: 26px;
        right: -9px;
        width: 100px
    }
}

#home_kv .Conf_cloud_b {
    top: 24.2vw;
    right: -18vw;
    width: 24vw;
    background-color: #dcf0fa
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_b {
        top: 121px;
        right: -90px;
        width: 120px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_b {
        top: 50px;
        right: -75px;
        width: 120px
    }
}

#home_kv .Conf_cloud_c {
    top: 39.4vw;
    left: 5.8vw;
    width: 18vw;
    background-color: #dcf0fa
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_c {
        top: 197px;
        left: 29px;
        width: 90px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_c {
        top: 249px;
        left: 40px
    }
}

#home_kv .Conf_cloud_d {
    top: 44.4vw;
    left: -6vw;
    width: 24vw;
    background-color: #dcf0fa
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_d {
        top: 222px;
        left: -30px;
        width: 120px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_d {
        top: 274px;
        left: -19px
    }
}

#home_kv .Conf_cloud_cSp {
    z-index: 2;
    bottom: -13.6vw;
    left: 8vw;
    width: 18vw;
    background-color: #fff
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_cSp {
        bottom: -68px;
        left: 40px;
        width: 90px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_cSp {
        display: none
    }
}

#home_kv .Conf_cloud_dSp {
    z-index: 2;
    bottom: -18.6vw;
    left: -4vw;
    width: 24vw;
    background-color: #fff
}

@media screen and (min-width: 500px) {
    #home_kv .Conf_cloud_dSp {
        bottom: -93px;
        left: -20px;
        width: 120px
    }
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_dSp {
        display: none
    }
}

#home_kv .Conf_cloud_cPc {
    display: none
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_cPc {
        display: block;
        z-index: 2;
        width: 90px;
        left: 160px;
        bottom: -17px;
        background-color: #fff
    }
}

#home_kv .Conf_cloud_dPc {
    display: none
}

@media screen and (min-width: 850px) {
    #home_kv .Conf_cloud_dPc {
        display: block;
        z-index: 2;
        width: 120px;
        left: 97px;
        bottom: -42px;
        background-color: #fff
    }
}

#home_about {
    position: relative;
    background-color: #0045a2
}

    #home_about .home_about_inner {
        position: relative;
        padding-top: 48.8vw;
        padding-bottom: 11.6vw;
        overflow: hidden
    }

@media screen and (min-width: 500px) {
    #home_about .home_about_inner {
        padding-top: 244px;
        padding-bottom: 58px
    }
}

#home_about .home_about_inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44.8vw 100vw 0 0;
    border-color: #d2aa6e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_about .home_about_inner::after {
        border-width: 224px 500px 0 0
    }
}

#home_about h2 {
    position: relative;
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding-top: 15.8vw
}

@media screen and (min-width: 500px) {
    #home_about h2 {
        font-size: 18px;
        padding-top: 79px
    }
}

#home_about h2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 44.4vw;
    height: 9vw;
    background-image: url(../img/home/home_about_title.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_about h2::after {
        width: 222px;
        height: 45px
    }
}

#home_about .home_about_logo {
    display: flex;
    align-items: center;
    width: 53.6vw;
    height: 16vw;
    margin: 0 auto;
    margin-top: 15.6vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_logo {
        width: 268px;
        height: 80px;
        margin-top: 78px
    }
}

#home_about .home_about_lead {
    font-size: 4vw;
    line-height: 8.6vw;
    letter-spacing: .05em;
    text-align: center;
    color: #fff;
    margin-top: 15vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_lead {
        font-size: 20px;
        line-height: 43px;
        margin-top: 75px
    }
}

#home_about .home_about_lead span {
    position: relative;
    padding-right: 2.4vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_lead span {
        padding-right: 12px
    }
}

#home_about .home_about_lead span::after {
    position: absolute;
    top: 0;
    transform: translateY(-2vw);
    content: "※";
    font-size: 2vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_lead span::after {
        font-size: 10px
    }
}

@media screen and (min-width: 500px) {
    #home_about .home_about_lead span::after {
        transform: translateY(-10px)
    }
}

#home_about .home_about_MaaS {
    margin-top: 13.6vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_MaaS {
        margin-top: 68px
    }
}

#home_about .home_about_MaaS h3 {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: .05em;
    font-weight: 700;
    color: #fff;
    padding-left: 19.6vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_MaaS h3 {
        font-size: 16px;
        padding-left: 98px
    }
}

#home_about .home_about_MaaS p {
    font-size: 2.8vw;
    line-height: 6.2vw;
    letter-spacing: .16em;
    font-weight: 500;
    color: #fff;
    padding-left: 19.6vw;
    margin-top: 3.2vw
}

@media screen and (min-width: 500px) {
    #home_about .home_about_MaaS p {
        font-size: 14px;
        line-height: 31px;
        padding-left: 98px;
        margin-top: 16px
    }
}

#home_about .Conf_cloud_e {
    top: 30.8vw;
    right: 6.2vw;
    width: 18vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_about .Conf_cloud_e {
        top: 154px;
        right: 31px;
        width: 90px
    }
}

#home_about .Conf_cloud_f {
    top: 35.8vw;
    right: -6vw;
    width: 24vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_about .Conf_cloud_f {
        top: 179px;
        right: -30px;
        width: 120px
    }
}

#home_about .Conf_cloud_g {
    top: 64.2vw;
    left: -10vw;
    width: 18vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_about .Conf_cloud_g {
        top: 321px;
        left: -50px;
        width: 90px
    }
}

#home_about .Conf_cloud_h {
    top: 69.2vw;
    left: -5vw;
    width: 24vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_about .Conf_cloud_h {
        top: 346px;
        left: -25px;
        width: 120px
    }
}

#home_picture {
    position: relative;
    background-color: #0045a2;
    height: 54.8vw
}

@media screen and (min-width: 500px) {
    #home_picture {
        height: 274px
    }
}

#home_picture .home_picture_a, #home_picture .home_picture_b {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

#home_picture .home_picture_a {
    background-image: url(../img/home/home_picture_a.png);
    transition-delay: .15s
}

#home_picture .home_picture_b {
    background-image: url(../img/home/home_picture_b.png)
}

#home_picture .home_picture_star {
    position: absolute;
    width: 2.2vw;
    height: 2.8vw;
    background-image: url(../img/home/home_picture_star.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star {
        width: 11px;
        height: 14px
    }
}

#home_picture .home_picture_star.home_picture_star_a {
    top: 35.2vw;
    left: 8.2vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_a {
        top: 176px;
        left: 41px
    }
}

#home_picture .home_picture_star.home_picture_star_a {
    animation: boundStar 2s ease-out infinite
}

#home_picture .home_picture_star.home_picture_star_b {
    top: 4.6vw;
    left: 16.2vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_b {
        top: 23px;
        left: 81px
    }
}

#home_picture .home_picture_star.home_picture_star_b {
    animation: boundStar2 2s ease-out infinite
}

#home_picture .home_picture_star.home_picture_star_c {
    top: 21.2vw;
    left: 33.8vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_c {
        top: 106px;
        left: 169px
    }
}

#home_picture .home_picture_star.home_picture_star_c {
    animation: boundStar 2s ease-out infinite
}

#home_picture .home_picture_star.home_picture_star_d {
    top: 25vw;
    right: 33vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_d {
        top: 125px;
        right: 165px
    }
}

#home_picture .home_picture_star.home_picture_star_d {
    animation: boundStar2 2s ease-out infinite
}

#home_picture .home_picture_star.home_picture_star_e {
    top: 3vw;
    right: 17.8vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_e {
        top: 15px;
        right: 89px
    }
}

#home_picture .home_picture_star.home_picture_star_e {
    animation: boundStar 2s ease-out infinite
}

#home_picture .home_picture_star.home_picture_star_f {
    top: 42.4vw;
    right: 7.2vw
}

@media screen and (min-width: 500px) {
    #home_picture .home_picture_star.home_picture_star_f {
        top: 212px;
        right: 36px
    }
}

#home_picture .home_picture_star.home_picture_star_f {
    animation: boundStar2 2s ease-out infinite
}

@keyframes boundStar {
    0%,40%,60%,80% {
        transform: scale(1)
    }

    50%,70% {
        transform: scale(1.35)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes boundStar2 {
    0%,40%,60%,80% {
        transform: scale(1.35)
    }

    50%,70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.35)
    }
}

#home_gallery {
    position: relative;
    background-color: #0045a2;
    height: 60vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #home_gallery {
        height: 300px
    }
}

#home_gallery .home_gallery_circle {
    position: absolute;
    top: 0;
    left: -9.2vw;
    width: 118.4vw;
    height: 118.4vw
}

@media screen and (min-width: 500px) {
    #home_gallery .home_gallery_circle {
        left: -46px;
        width: 592px;
        height: 592px
    }
}

#home_gallery .home_gallery_circle {
    animation: 180s linear infinite rotation
}

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

    100% {
        transform: rotate(360deg)
    }
}

#home_gallery .home_gallery_picture {
    position: absolute;
    bottom: 0;
    width: 100%
}

#home_infinity {
    position: relative;
    margin-top: 1vw;
    height: 19vw
}

@media screen and (min-width: 500px) {
    #home_infinity {
        margin-top: 5px;
        height: 95px
    }
}

#home_infinity {
    background-color: #0045a2
}

    #home_infinity::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #fff
    }

    #home_infinity ol {
        position: relative;
        z-index: 2;
        margin: 0;
        padding: 0
    }

        #home_infinity ol li {
            list-style: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform: translate3d(0, 0, 0);
            will-change: transform;
            animation: infinity-left 40s infinite linear .5s both
        }

@keyframes infinity-left {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

#home_infinity ol li img {
    display: block;
    width: 92vw;
    transform: translateY(-1px)
}

@media screen and (min-width: 500px) {
    #home_infinity ol li img {
        width: 460px
    }
}

#home_infinity small {
    position: absolute;
    top: 0.6vw;
    right: 2vw;
    font-size: 1.4vw;
    line-height: 1;
    color: #fff
}

@media screen and (min-width: 500px) {
    #home_infinity small {
        top: 3px;
        right: 10px;
        font-size: 7px
    }
}

#home_info {
    position: relative;
    background-color: #0045a2
}

    #home_info .home_info_inner {
        position: relative;
        padding-top: 9.4vw;
        padding-bottom: 105.4vw
    }

@media screen and (min-width: 500px) {
    #home_info .home_info_inner {
        padding-top: 47px;
        padding-bottom: 527px
    }
}

#home_info .home_info_inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 44.8vw 100vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d2aa6e rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_info .home_info_inner::after {
        border-width: 0 0 224px 500px
    }
}

#home_info .home_info_brand {
    width: 88vw;
    border-radius: 2vw;
    margin: 0 auto;
    margin-top: 3.8vw;
    padding-top: 5.4vw;
    padding-bottom: 10vw;
    background-color: #dcf0fa
}

@media screen and (min-width: 500px) {
    #home_info .home_info_brand {
        width: 440px;
        border-radius: 10px;
        margin-top: 19px;
        padding-top: 27px;
        padding-bottom: 50px
    }
}

#home_info .home_info_brand h3 {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: .05em;
    font-weight: 700;
    color: #0045a2;
    padding-left: 6.6vw
}

@media screen and (min-width: 500px) {
    #home_info .home_info_brand h3 {
        font-size: 16px;
        padding-left: 33px
    }
}

#home_info .home_info_brand p {
    font-size: 2.8vw;
    line-height: 6.2vw;
    letter-spacing: .16em;
    font-weight: 500;
    color: #0045a2;
    padding-left: 6.6vw;
    margin-top: 3.2vw
}

@media screen and (min-width: 500px) {
    #home_info .home_info_brand p {
        font-size: 14px;
        line-height: 31px;
        padding-left: 33px;
        margin-top: 16px
    }
}

#home_info .home_info_brand img {
    display: block;
    width: 40.2vw;
    height: 12vw;
    margin: 0 auto;
    margin-top: 6.2vw
}

@media screen and (min-width: 500px) {
    #home_info .home_info_brand img {
        width: 201px;
        height: 60px;
        margin-top: 31px
    }
}

#home_info .home_info_castle {
    position: absolute;
    bottom: -2vw;
    right: 0;
    left: 0;
    display: block;
    width: 81.8vw;
    height: 88vw;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_info .home_info_castle {
        bottom: -10px;
        width: 409px;
        height: 440px
    }
}

#home_info .home_info_castle {
    transition-delay: .15s
}

#home_info .Conf_cloud_i {
    bottom: 74.4vw;
    right: 6.8vw;
    width: 18vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_info .Conf_cloud_i {
        bottom: 372px;
        right: 34px;
        width: 90px
    }
}

#home_info .Conf_cloud_j {
    bottom: 69.4vw;
    right: -7vw;
    width: 24vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_info .Conf_cloud_j {
        bottom: 347px;
        right: -35px;
        width: 120px
    }
}

#home_info .Conf_cloud_k {
    bottom: 76.4vw;
    left: -10.4vw;
    width: 29vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_info .Conf_cloud_k {
        bottom: 382px;
        left: -52px;
        width: 145px
    }
}

#home_info .Conf_cloud_l {
    bottom: 71.4vw;
    left: 7.6vw;
    width: 19vw;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_info .Conf_cloud_l {
        bottom: 357px;
        left: 38px;
        width: 95px
    }
}

#home_point {
    position: relative;
    background-color: #d2aa6e
}

    #home_point .home_point_inner {
        position: relative;
        padding-top: 1vw;
        padding-bottom: 42.6vw
    }

@media screen and (min-width: 500px) {
    #home_point .home_point_inner {
        padding-top: 5px;
        padding-bottom: 213px
    }
}

#home_point .home_point_inner::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 44.8vw 100vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0045a2 rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_point .home_point_inner::after {
        border-width: 0 0 224px 500px
    }
}

#home_point .home_point_inner::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 2vw;
    height: 100%;
    background-color: #d2aa6e
}

@media screen and (min-width: 500px) {
    #home_point .home_point_inner::before {
        width: 10px
    }
}

#home_point h2 {
    position: relative;
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    padding-top: 15.8vw
}

@media screen and (min-width: 500px) {
    #home_point h2 {
        font-size: 18px;
        padding-top: 79px
    }
}

#home_point h2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 38.8vw;
    height: 9vw;
    background-image: url(../img/home/home_point_title.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_point h2::after {
        width: 194px;
        height: 45px
    }
}

#home_point ol {
    margin: 0;
    padding: 0
}

    #home_point ol li {
        list-style: none;
        position: relative;
        width: 96vw;
        border-radius: 8vw;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0 auto;
        margin-top: 21.2vw;
        padding-top: 23vw;
        padding-bottom: 46vw
    }

@media screen and (min-width: 500px) {
    #home_point ol li {
        width: 480px;
        border-radius: 40px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 106px;
        padding-top: 115px;
        padding-bottom: 230px
    }
}

#home_point ol li:nth-of-type(1) .home_point_num {
    background-image: url(../img/home/home_point_01.png)
}

#home_point ol li:nth-of-type(2) .home_point_num {
    background-image: url(../img/home/home_point_02.png)
}

#home_point ol li:nth-of-type(3) .home_point_num {
    background-image: url(../img/home/home_point_03.png)
}

#home_point ol li:nth-of-type(4) .home_point_num {
    background-image: url(../img/home/home_point_04.png)
}

#home_point ol li.colorLightBlue {
    background-color: #5ac1dc
}

    #home_point ol li.colorLightBlue .home_point_item {
        background: linear-gradient(180deg, #5ac1dc 0%, #5ac1dc 16vw, #ffffff 16vw, #ffffff 100%)
    }

@media screen and (min-width: 500px) {
    #home_point ol li.colorLightBlue .home_point_item {
        background: linear-gradient(180deg, #5ac1dc 0%, #5ac1dc 80px, #ffffff 80px, #ffffff 100%)
    }
}

#home_point ol li.colorLightBlue .home_point_btn {
    background-color: #5ac1dc
}

#home_point ol li.colorYellow {
    background-color: #f2d20a
}

    #home_point ol li.colorYellow .home_point_item {
        background: linear-gradient(180deg, #f2d20a 0%, #f2d20a 16vw, #ffffff 16vw, #ffffff 100%)
    }

@media screen and (min-width: 500px) {
    #home_point ol li.colorYellow .home_point_item {
        background: linear-gradient(180deg, #f2d20a 0%, #f2d20a 80px, #ffffff 80px, #ffffff 100%)
    }
}

#home_point ol li.colorYellow .home_point_btn {
    background-color: #f2d20a
}

#home_point ol li.colorGreen {
    background-color: #96d932
}

    #home_point ol li.colorGreen .home_point_item {
        background: linear-gradient(180deg, #96d932 0%, #96d932 16vw, #ffffff 16vw, #ffffff 100%)
    }

@media screen and (min-width: 500px) {
    #home_point ol li.colorGreen .home_point_item {
        background: linear-gradient(180deg, #96d932 0%, #96d932 80px, #ffffff 80px, #ffffff 100%)
    }
}

#home_point ol li.colorGreen .home_point_btn {
    background-color: #96d932
}

#home_point ol li.colorPink {
    background-color: #fc9dc1
}

    #home_point ol li.colorPink .home_point_item {
        background: linear-gradient(180deg, #fc9dc1 0%, #fc9dc1 16vw, #ffffff 16vw, #ffffff 100%)
    }

@media screen and (min-width: 500px) {
    #home_point ol li.colorPink .home_point_item {
        background: linear-gradient(180deg, #fc9dc1 0%, #fc9dc1 80px, #ffffff 80px, #ffffff 100%)
    }
}

#home_point ol li.colorPink .home_point_btn {
    background-color: #fc9dc1
}

#home_point ol li::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -15.2vw;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
    border-width: 0 0 56.4vw 119vw
}

@media screen and (min-width: 500px) {
    #home_point ol li::before {
        top: -76px;
        border-width: 0 0 282px 595px
    }
}

#home_point ol li::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 43.2vw 96vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d2aa6e rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_point ol li::after {
        border-width: 0 0 216px 480px
    }
}

#home_point ol li .home_point_num {
    display: block;
    position: absolute;
    top: 2.8vw;
    left: 3.6vw;
    width: 14vw;
    height: 14vw;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_num {
        top: 14px;
        left: 18px;
        width: 70px;
        height: 70px
    }
}

#home_point ol li .home_point_item {
    position: relative;
    background-color: #fff;
    padding: 0 8vw 1.8vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item {
        padding: 0 40px 9px
    }
}

#home_point ol li .home_point_item::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    transform: translateY(100%);
    border-width: 43.2vw 96vw 0 0;
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item::after {
        border-width: 216px 480px 0 0
    }
}

#home_point ol li .home_point_item .home_item_lead {
    position: relative;
    z-index: 2;
    font-size: 4vw;
    line-height: 6.4vw;
    letter-spacing: .05em;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_lead {
        font-size: 20px;
        line-height: 32px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_top {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 4.2vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_top {
        margin-top: 21px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_bottom {
    display: block;
    margin-top: 0vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_bottom {
        margin-top: 0px
    }
}

#home_point ol li .home_point_item .home_item_title h3 {
    font-size: 8.4vw;
    font-family: "Zen Kaku Gothic New",sans-serif;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-top: 5.4vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title h3 {
        font-size: 42px;
        margin-top: 27px
    }
}

#home_point ol li .home_point_item .home_item_title h3 span {
    font-size: 4.8vw;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title h3 span {
        font-size: 24px
    }
}

#home_point ol li .home_point_item .home_item_title small {
    font-size: 3.6vw;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    text-align: center;
    margin-top: 3.2vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title small {
        font-size: 18px;
        margin-top: 16px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust {
    position: relative;
    width: 100%;
    height: 44.4vw;
    margin-top: 4vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust {
        height: 222px;
        margin-top: 20px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain
}

    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_a {
        top: 13.6vw;
        left: 6vw;
        width: 44.4vw;
        height: 20.6vw;
        background-image: url(../img/home/home_item_illust_a.svg)
    }

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_a {
        top: 68px;
        left: 30px;
        width: 222px;
        height: 103px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_a {
    transition-delay: .15s
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_b {
    top: 10.6vw;
    right: 7.4vw;
    width: 18vw;
    height: 24vw;
    background-image: url(../img/home/home_item_illust_b.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_b {
        top: 53px;
        right: 37px;
        width: 90px;
        height: 120px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_c {
    top: 4.8vw;
    left: 5.2vw;
    width: 42vw;
    height: 27.6vw;
    background-image: url(../img/home/home_item_illust_c.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_c {
        top: 24px;
        left: 26px;
        width: 210px;
        height: 138px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_c {
    transition-delay: .15s
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_d {
    top: 8.2vw;
    right: 7.2vw;
    width: 17.6vw;
    height: 24vw;
    background-image: url(../img/home/home_item_illust_d.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_d {
        top: 41px;
        right: 36px;
        width: 88px;
        height: 120px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_e {
    top: 2.4vw;
    left: 6vw;
    width: 31vw;
    height: 34vw;
    background-image: url(../img/home/home_item_illust_e.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_e {
        top: 12px;
        left: 30px;
        width: 155px;
        height: 170px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_e {
    transition-delay: .5s
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_f {
    top: 11.4vw;
    right: 7.2vw;
    width: 17.8vw;
    height: 24vw;
    background-image: url(../img/home/home_item_illust_f.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_f {
        top: 57px;
        right: 36px;
        width: 89px;
        height: 120px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_g {
    top: 0;
    right: 17.6vw;
    width: 7.2vw;
    height: 10vw;
    background-image: url(../img/home/home_item_illust_g.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_g {
        top: 0;
        right: 88px;
        width: 36px;
        height: 50px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_g {
    transform-style: preserve-3d
}

@keyframes rotate3d {
    0%,100% {
        transform: rotateY(0deg)
    }

    40%,60% {
        transform: rotateY(180deg)
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_g {
    transition-delay: .3s
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_h {
    top: 11.2vw;
    left: 8.8vw;
    width: 38.2vw;
    height: 21vw;
    background-image: url(../img/home/home_item_illust_h.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_h {
        top: 56px;
        left: 44px;
        width: 191px;
        height: 105px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_h {
    transition-delay: .15s
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_i {
    top: 8.4vw;
    right: 6.8vw;
    width: 18vw;
    height: 24vw;
    background-image: url(../img/home/home_item_illust_i.svg)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_illust.home_item_illust_i {
        top: 42px;
        right: 34px;
        width: 90px;
        height: 120px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star {
    position: absolute;
    width: 2.8vw;
    height: 3.6vw;
    background-image: url(../img/home/home_picture_star.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star {
        width: 14px;
        height: 18px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star {
    animation: boundStar2 2s ease-out infinite;
    transition-delay: .75s
}

    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_a {
        top: 26.2vw;
        left: 7.4vw
    }

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_a {
        top: 131px;
        left: 37px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_b {
    top: 29.4vw;
    left: 12.4vw;
    width: 2.4vw;
    height: 3.2vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_b {
        top: 147px;
        left: 62px;
        width: 12px;
        height: 16px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_b {
    animation: boundStar 2s ease-out infinite
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_c {
    top: 5.8vw;
    left: 42.8vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_c {
        top: 29px;
        left: 214px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_d {
    top: 10vw;
    left: 48vw;
    width: 2.4vw;
    height: 3.2vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_d {
        top: 50px;
        left: 240px;
        width: 12px;
        height: 16px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_star.home_item_star_d {
    animation: boundStar 2s ease-out infinite
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow {
    position: absolute;
    bottom: 15.6vw;
    right: 26.2vw;
    transform: scale(1.1)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow {
        bottom: 78px;
        right: 131px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner {
    position: relative;
    width: 15vw;
    height: 10vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner {
        width: 75px;
        height: 50px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow {
    position: absolute;
    background-color: #96d932;
    border-radius: 0.4vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: .15s
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow {
        border-radius: 2px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_a {
    bottom: 0;
    right: 0;
    width: 9.2vw;
    height: 1vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_a {
        width: 46px;
        height: 5px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_a {
    transition-delay: .15s;
    transform: scale(0, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_b {
    bottom: -0.2vw;
    right: -0.2vw;
    width: 9.2vw;
    height: 1vw;
    transform: rotate(-50deg);
    transform-origin: left
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_b {
        bottom: -1px;
        right: -1px;
        width: 46px;
        height: 5px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_b {
    transition-delay: .3s;
    transform: rotate(-50deg) scale(0, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_c {
    top: 2.4vw;
    right: 3vw;
    width: 9.2vw;
    height: 1vw;
    transform-origin: right
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_c {
        top: 12px;
        right: 15px;
        width: 46px;
        height: 5px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_c {
    transition-delay: .45s;
    transform: scale(0, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_d {
    top: 2.8vw;
    right: 9vw;
    width: 3.6vw;
    height: 1vw;
    transform: rotate(-50deg);
    transform-origin: left
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_d {
        top: 14px;
        right: 45px;
        width: 18px;
        height: 5px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_d {
    transition-delay: .7s;
    transform: rotate(-50deg) scale(0, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_e {
    top: 2.2vw;
    right: 9vw;
    width: 3.6vw;
    height: 1vw;
    transform: rotate(50deg);
    transform-origin: left
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_e {
        top: 11px;
        right: 45px;
        width: 18px;
        height: 5px
    }
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust .home_item_arrow .home_arrow_inner .home_arrow.home_arrow_e {
    transition-delay: .7s;
    transform: rotate(50deg) scale(0, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_a {
    opacity: 1
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_b {
    opacity: 1;
    transform: translateX(0)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_c {
    opacity: 1;
    transform: rotate(0) scale(1) translateY(0)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_d {
    opacity: 1;
    transform: translateX(0)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_star {
    opacity: 1
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_e {
    opacity: 1
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_f {
    opacity: 1;
    transform: translateX(0)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_g {
    opacity: 1;
    animation: rotate3d 4s infinite
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_h {
    opacity: 1
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_illust_i {
    opacity: 1;
    transform: translateX(0)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_arrow .home_arrow_inner .home_arrow_a {
    transform: scale(1, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_arrow .home_arrow_inner .home_arrow_b {
    transform: rotate(-50deg) scale(1, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_arrow .home_arrow_inner .home_arrow_c {
    transform: scale(1, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_arrow .home_arrow_inner .home_arrow_d {
    transform: rotate(-50deg) scale(1, 1)
}

#home_point ol li .home_point_item .home_item_title .home_item_title_illust.is-anim .home_item_arrow .home_arrow_inner .home_arrow_e {
    transform: rotate(50deg) scale(1, 1)
}

#home_point ol li .home_point_item .home_item_text {
    font-size: 3.6vw;
    line-height: 6.8vw;
    letter-spacing: .02em;
    text-align: justify;
    margin-top: 5vw
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_item .home_item_text {
        font-size: 18px;
        line-height: 34px;
        margin-top: 25px
    }
}

#home_point ol li .home_point_btn {
    position: absolute;
    z-index: 3;
    bottom: 13.2vw;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80vw;
    height: 19.4vw;
    border: 1px solid #fff;
    border-radius: 2vw;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_btn {
        bottom: 66px;
        width: 400px;
        height: 97px;
        border-radius: 10px
    }
}

#home_point ol li .home_point_btn {
    box-shadow: 0px 1.6vw 1vw rgba(0,0,0,.4)
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_btn {
        box-shadow: 0px 8px 5px rgba(0,0,0,.4);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        will-change: transform;
        transition: .3s
    }

        #home_point ol li .home_point_btn:hover {
            transform: translateY(4px);
            box-shadow: 0px 4px 5px rgba(0,0,0,.4)
        }
}

#home_point ol li .home_point_btn p {
    font-size: 4.4vw;
    line-height: 1;
    letter-spacing: .05em;
    font-weight: 700
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_btn p {
        font-size: 22px
    }
}

#home_point ol li .home_point_btn.is-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5.4vw;
    width: 4vw;
    height: 4vw;
    background-image: url(../img/home/home_btn_link.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_btn.is-link::after {
        right: 27px;
        width: 20px;
        height: 20px
    }
}

#home_point ol li .home_point_btn.is-link::after {
    transform: translateY(-38%)
}

#home_point ol li .home_point_btn.is-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5.4vw;
    width: 3.2vw;
    height: 2.6vw;
    background-image: url(../img/home/home_btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #home_point ol li .home_point_btn.is-arrow::after {
        right: 27px;
        width: 16px;
        height: 13px
    }
}

#home_point ol li .home_point_btn.is-arrow::after {
    transform: translateY(-38%)
}

#home_relatedLinks {
    background-color: #0045a2
}

    #home_relatedLinks .home_relatedLinks_inner {
        position: relative;
        padding: 1vw 0 59.6vw
    }

@media screen and (min-width: 500px) {
    #home_relatedLinks .home_relatedLinks_inner {
        padding: 5px 0 298px
    }
}

#home_relatedLinks .home_relatedLinks_inner::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 44.8vw 100vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #82c8fa rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_relatedLinks .home_relatedLinks_inner::after {
        border-width: 0 0 224px 500px
    }
}

#home_relatedLinks h2 {
    position: relative;
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding-top: 15.8vw
}

@media screen and (min-width: 500px) {
    #home_relatedLinks h2 {
        font-size: 18px;
        padding-top: 79px
    }
}

#home_relatedLinks h2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 28vw;
    height: 8.6vw;
    background-image: url(../img/common/common_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_relatedLinks h2::after {
        width: 140px;
        height: 43px
    }
}

#home_relatedLinks .Conf_home_relatedLinks h4 {
    position: relative;
    font-size: 4vw;
    text-align: center;
    color: #fff;
    margin-bottom: 7.6vw;
    margin-top: 14vw
}

@media screen and (min-width: 500px) {
    #home_relatedLinks .Conf_home_relatedLinks h4 {
        font-size: 20px;
        margin-bottom: 38px;
        margin-top: 70px
    }
}

#home_relatedLinks .Conf_home_relatedLinks h4::before {
    content: "ー "
}

#home_relatedLinks .Conf_home_relatedLinks h4::after {
    content: " ー"
}

#home_relatedLinks .Conf_home_relatedLinks ul {
    margin: 0;
    padding: 0;
    width: 80vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_relatedLinks .Conf_home_relatedLinks ul {
        width: 400px
    }
}

#home_relatedLinks .Conf_home_relatedLinks ul {
    gap: 5.4vw 8vw
}

@media screen and (min-width: 500px) {
    #home_relatedLinks .Conf_home_relatedLinks ul {
        gap: 27px 40px
    }
}

#home_relatedLinks .Conf_home_relatedLinks ul li {
    list-style: none
}

    #home_relatedLinks .Conf_home_relatedLinks ul li a {
        display: block;
        width: 36vw;
        height: 18.6vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 80%;
        margin: 0 auto
    }

@media screen and (min-width: 500px) {
    #home_relatedLinks .Conf_home_relatedLinks ul li a {
        width: 180px;
        height: 93px
    }
}

#home_contact {
    background-color: #82c8fa
}

    #home_contact .home_contact_inner {
        position: relative;
        padding-top: 6.8vw;
        padding-bottom: 59.6vw
    }

@media screen and (min-width: 500px) {
    #home_contact .home_contact_inner {
        padding-top: 34px;
        padding-bottom: 298px
    }
}

#home_contact .home_contact_inner::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 44.8vw 100vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #dcf0fa rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #home_contact .home_contact_inner::after {
        border-width: 0 0 224px 500px
    }
}

#home_contact h2 {
    position: relative;
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: #0045a2;
    padding-top: 15.8vw
}

@media screen and (min-width: 500px) {
    #home_contact h2 {
        font-size: 18px;
        padding-top: 79px
    }
}

#home_contact h2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 57.2vw;
    height: 9vw;
    background-image: url(../img/home/home_contact.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #home_contact h2::after {
        width: 286px;
        height: 45px
    }
}

#home_contact ol {
    margin: 0;
    padding: 0;
    text-align: center
}

    #home_contact ol li {
        list-style: none;
        display: inline-block;
        border-bottom: 1px solid #0045a2;
        margin: 0 auto;
        margin-top: 23.8vw
    }

@media screen and (min-width: 500px) {
    #home_contact ol li {
        margin-top: 119px
    }
}

#home_contact ol li h3 {
    font-size: 4.4vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_contact ol li h3 {
        font-size: 22px
    }
}

#home_contact ol li .home_contact_tel {
    padding-top: 6.4vw;
    padding-bottom: 4vw
}

@media screen and (min-width: 500px) {
    #home_contact ol li .home_contact_tel {
        padding-top: 32px;
        padding-bottom: 20px
    }
}

#home_contact ol li .home_contact_tel a {
    font-size: 10vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_contact ol li .home_contact_tel a {
        font-size: 50px
    }
}

#home_contact ol li .home_contact_mail {
    padding-top: 6.8vw
}

@media screen and (min-width: 500px) {
    #home_contact ol li .home_contact_mail {
        padding-top: 34px
    }
}

#home_contact ol li .home_contact_mail a {
    font-size: 7vw;
    padding-bottom: 4.4vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #home_contact ol li .home_contact_mail a {
        font-size: 35px;
        padding-bottom: 22px
    }
}

#home_contact ol li .home_contact_mail.is-small a {
    font-size: 5.2vw
}

@media screen and (min-width: 500px) {
    #home_contact ol li .home_contact_mail.is-small a {
        font-size: 26px
    }
}

#static_kv {
    position: relative;
    background-color: #fff
}

    #static_kv .static_kv_inner {
        position: relative;
        overflow: hidden;
        padding: 14vw 0 17.4vw
    }

@media screen and (min-width: 500px) {
    #static_kv .static_kv_inner {
        padding: 70px 0 87px
    }
}

#static_kv .static_kv_inner #common_title {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 33.4vw;
    height: 10vw;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #static_kv .static_kv_inner #common_title {
        width: 167px;
        height: 50px
    }
}

#static_kv .static_kv_inner h2 {
    font-size: 9vw;
    line-height: 1;
    font-family: "Zen Kaku Gothic New",sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    color: #0045a2;
    margin-top: 9.4vw
}

@media screen and (min-width: 500px) {
    #static_kv .static_kv_inner h2 {
        font-size: 45px;
        margin-top: 47px
    }
}

#static_kv .static_kv_inner small {
    font-size: 3.6vw;
    line-height: 1;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    text-align: center;
    color: #0045a2;
    margin-top: 3.6vw
}

@media screen and (min-width: 500px) {
    #static_kv .static_kv_inner small {
        font-size: 18px;
        margin-top: 18px
    }
}

#static_kv .static_kv_inner p {
    width: 71.6vw;
    margin: 0 auto;
    margin-top: 8.4vw;
    font-size: 3.6vw;
    line-height: 6.8vw;
    letter-spacing: .08em;
    color: #0045a2;
    text-align: justify
}

@media screen and (min-width: 500px) {
    #static_kv .static_kv_inner p {
        width: 358px;
        margin-top: 42px;
        font-size: 18px;
        line-height: 34px
    }
}

#static_kv .static_triangle_a {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18vw 42.4vw 0 0;
    border-color: #d2aa6e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #static_kv .static_triangle_a {
        border-width: 90px 212px 0 0
    }
}

#static_kv .static_triangle_b {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.8vw 21vw 0 0;
    border-color: #0045a2 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #static_kv .static_triangle_b {
        border-width: 44px 105px 0 0
    }
}

#static_kv .static_triangle_c {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 18vw 42.4vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d2aa6e rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #static_kv .static_triangle_c {
        border-width: 0 0 90px 212px
    }
}

#static_kv .static_triangle_d {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8.8vw 21vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0045a2 rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #static_kv .static_triangle_d {
        border-width: 0 0 44px 105px
    }
}

#static_taxi {
    background-color: #dcf0fa;
    text-align: center;
    padding-top: 16vw;
    padding-bottom: 19vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #static_taxi {
        padding-top: 80px;
        padding-bottom: 95px
    }
}

#static_taxi .static_lead {
    display: inline-block;
    position: relative;
    font-size: 4vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .09em;
    text-align: center;
    color: #0045a2
}

@media screen and (min-width: 500px) {
    #static_taxi .static_lead {
        font-size: 20px
    }
}

#static_taxi .static_lead::after, #static_taxi .static_lead::before {
    position: absolute;
    bottom: -0.6vw;
    content: "";
    width: 3.4vw;
    height: 5vw;
    background-image: url(../img/static/static_lead_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #static_taxi .static_lead::after, #static_taxi .static_lead::before {
        bottom: -3px;
        width: 17px;
        height: 25px
    }
}

#static_taxi .static_lead::after {
    left: -7.8vw
}

@media screen and (min-width: 500px) {
    #static_taxi .static_lead::after {
        left: -39px
    }
}

#static_taxi .static_lead::before {
    right: -7.8vw;
    transform: scale(1, -1)
}

@media screen and (min-width: 500px) {
    #static_taxi .static_lead::before {
        right: -39px
    }
}

#static_taxi .static_item_btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80vw;
    height: 19.4vw;
    border: 1px solid #fff;
    border-radius: 2vw;
    background-color: #0045a2;
    margin: 0 auto;
    margin-top: 4.4vw;
    margin-bottom: 13.8vw
}

@media screen and (min-width: 500px) {
    #static_taxi .static_item_btn {
        width: 400px;
        height: 97px;
        border-radius: 10px;
        margin-top: 22px;
        margin-bottom: 69px
    }
}

#static_taxi .static_item_btn {
    box-shadow: 0px 1.6vw 1vw rgba(0,0,0,.4)
}

@media screen and (min-width: 500px) {
    #static_taxi .static_item_btn {
        box-shadow: 0px 8px 5px rgba(0,0,0,.4);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        will-change: transform;
        transition: .3s
    }

        #static_taxi .static_item_btn:hover {
            transform: translateY(4px);
            box-shadow: 0px 4px 5px rgba(0,0,0,.4)
        }
}

#static_taxi .static_item_btn p {
    font-size: 4vw;
    line-height: 1;
    letter-spacing: .06em;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 500px) {
    #static_taxi .static_item_btn p {
        font-size: 20px
    }
}

#static_taxi .static_item_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5.4vw;
    width: 4vw;
    height: 4vw;
    background-image: url(../img/static/static_btn_link.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #static_taxi .static_item_btn::after {
        right: 27px;
        width: 20px;
        height: 20px
    }
}

#static_taxi .static_item_btn::after {
    transform: translateY(-38%)
}

#static_coupon {
    background-color: #dcf0fa;
    padding-top: 16vw;
    padding-bottom: 24vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #static_coupon {
        padding-top: 80px;
        padding-bottom: 120px
    }
}

#static_coupon h3 {
    width: 88.2vw;
    height: 14vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    background-color: #0045a2;
    border-top-left-radius: 2.6vw;
    border-top-right-radius: 2.6vw;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    #static_coupon h3 {
        width: 441px;
        height: 70px;
        font-size: 25px;
        border-top-left-radius: 13px;
        border-top-right-radius: 13px
    }
}

#static_coupon .static_coupon_inner {
    padding-top: 7vw;
    padding-bottom: 14vw;
    width: 88.2vw;
    margin: 0 auto;
    background-color: #fff;
    border-bottom-left-radius: 2.6vw;
    border-bottom-right-radius: 2.6vw
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_inner {
        padding-top: 35px;
        padding-bottom: 70px;
        width: 441px;
        border-bottom-left-radius: 13px;
        border-bottom-right-radius: 13px
    }
}

#static_coupon .static_coupon_lead {
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_lead {
        font-size: 18px
    }
}

#static_coupon #static_coupon_tab {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 5vw
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab {
        margin-top: 25px
    }
}

#static_coupon #static_coupon_tab li {
    position: relative;
    list-style: none;
    border-bottom: 2px solid #dcdcdc
}

    #static_coupon #static_coupon_tab li a {
        width: 29.4vw;
        height: 19.4vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom
    }

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li a {
        width: 147px;
        height: 97px
    }
}

#static_coupon #static_coupon_tab li a p {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 3.2vw;
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li a p {
        bottom: 16px;
        font-size: 18px
    }
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li a:hover p {
        color: #0045a2
    }
}

#static_coupon #static_coupon_tab li[data-id=food] a {
    background-image: url(../img/static/static_coupon_food_a.svg)
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li[data-id=food] a:hover {
        background-image: url(../img/static/static_coupon_food_b.svg)
    }
}

#static_coupon #static_coupon_tab li[data-id=food].is-select a {
    background-image: url(../img/static/static_coupon_food_b.svg)
}

#static_coupon #static_coupon_tab li[data-id=shopping] a {
    background-image: url(../img/static/static_coupon_shopping_a.svg)
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li[data-id=shopping] a:hover {
        background-image: url(../img/static/static_coupon_shopping_b.svg)
    }
}

#static_coupon #static_coupon_tab li[data-id=shopping].is-select a {
    background-image: url(../img/static/static_coupon_shopping_b.svg)
}

#static_coupon #static_coupon_tab li[data-id=others] a {
    background-image: url(../img/static/static_coupon_others_a.svg)
}

@media screen and (min-width: 500px) {
    #static_coupon #static_coupon_tab li[data-id=others] a:hover {
        background-image: url(../img/static/static_coupon_others_b.svg)
    }
}

#static_coupon #static_coupon_tab li[data-id=others].is-select a {
    background-image: url(../img/static/static_coupon_others_b.svg)
}

#static_coupon #static_coupon_tab li.is-select {
    border-color: #0045a2
}

    #static_coupon #static_coupon_tab li.is-select a {
        pointer-events: none
    }

        #static_coupon #static_coupon_tab li.is-select a p {
            color: #0045a2
        }

#static_coupon .static_coupon_list {
    display: none;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    width: 80vw;
    margin: 0 auto;
    padding-top: 9.6vw
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list {
        width: 400px;
        padding-top: 48px
    }
}

#static_coupon .static_coupon_list.is-select {
    display: block
}

    #static_coupon .static_coupon_list.is-select.is-opa {
        opacity: 1
    }

#static_coupon .static_coupon_list ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7vw
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul {
        gap: 35px
    }
}

#static_coupon .static_coupon_list ul li {
    position: relative;
    width: 100%;
    list-style: none;
    background-color: #d2aa6e;
    border-radius: 2vw;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li {
        border-radius: 10px
    }
}

#static_coupon .static_coupon_list ul li {
    -webkit-appearance: none;
    appearance: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li:hover {
        background-color: #fff
    }

        #static_coupon .static_coupon_list ul li:hover a::after {
            border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
        }

        #static_coupon .static_coupon_list ul li:hover a::before {
            border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
        }
}

#static_coupon .static_coupon_list ul li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9vw 9vw 0 0
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li::after {
        border-width: 45px 45px 0 0
    }
}

#static_coupon .static_coupon_list ul li::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9vw 9vw
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li::before {
        border-width: 0 0 45px 45px
    }
}

#static_coupon .static_coupon_list ul li a {
    position: relative;
    width: 100%;
    height: 100%
}

    #static_coupon .static_coupon_list ul li a::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5vw 5vw 0 0;
        border-color: #d2aa6e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
    }

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a::after {
        border-width: 25px 25px 0 0
    }
}

#static_coupon .static_coupon_list ul li a::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5vw 5vw;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d2aa6e rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a::before {
        border-width: 0 0 25px 25px
    }
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a {
        transition: .3s
    }
}

#static_coupon .static_coupon_list ul li a div {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 6vw 6vw 6.4vw 18vw
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a div {
        padding: 30px 30px 32px 90px
    }
}

#static_coupon .static_coupon_list ul li a div:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4vw;
    content: "";
    width: 9vw;
    height: 9vw;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a div:before {
        left: 20px;
        width: 45px;
        height: 45px
    }
}

#static_coupon .static_coupon_list ul li a div p {
    font-size: 3vw;
    line-height: 5vw;
    letter-spacing: .08em;
    text-align: justify
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list ul li a div p {
        font-size: 15px;
        line-height: 25px
    }
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list#food ul li:hover {
        box-shadow: 0 0 0 2px #dc3c6e
    }
}

#static_coupon .static_coupon_list#food ul li::after {
    border-color: #dc3c6e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#food ul li::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #dc3c6e rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#food ul li a div:before {
    background-image: url(../img/static/static_coupon_food.svg)
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list#shopping ul li:hover {
        box-shadow: 0 0 0 2px #1eb478
    }
}

#static_coupon .static_coupon_list#shopping ul li::after {
    border-color: #1eb478 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#shopping ul li::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #1eb478 rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#shopping ul li a div:before {
    background-image: url(../img/static/static_coupon_shopping.svg)
}

@media screen and (min-width: 500px) {
    #static_coupon .static_coupon_list#others ul li:hover {
        box-shadow: 0 0 0 2px #0045a2
    }
}

#static_coupon .static_coupon_list#others ul li::after {
    border-color: #0045a2 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#others ul li::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0045a2 rgba(0,0,0,0)
}

#static_coupon .static_coupon_list#others ul li a div:before {
    background-image: url(../img/static/static_coupon_others.svg)
}

.anim-fadeIn {
    transition: opacity .75s ease-out;
    opacity: 0
}

    .anim-fadeIn.is-anim {
        opacity: 1
    }

.anim-fadeUp {
    transform: translateY(12vw);
    opacity: 0;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1),opacity .5s ease-out
}

@media screen and (min-width: 500px) {
    .anim-fadeUp {
        transform: translateY(60px)
    }
}

.anim-fadeUp.is-anim {
    opacity: 1;
    transform: translateY(0)
}

.anim-fadeSlope {
    transform: translateX(-12vw) translateY(12vw);
    opacity: 0;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1),opacity 1s ease-out
}

@media screen and (min-width: 500px) {
    .anim-fadeSlope {
        transform: translateX(-60px) translateY(60px)
    }
}

.anim-fadeSlope.is-anim {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.anim-fadeLeft {
    transform: translateX(-12vw);
    opacity: 0;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1),opacity .5s ease-out
}

@media screen and (min-width: 500px) {
    .anim-fadeLeft {
        transform: translateX(-60px)
    }
}

.anim-fadeLeft.is-anim {
    opacity: 1;
    transform: translateX(0)
}

.anim-fadeRight {
    transform: translateX(12vw);
    opacity: 0;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1),opacity .5s ease-out
}

@media screen and (min-width: 500px) {
    .anim-fadeRight {
        transform: translateX(60px)
    }
}

.anim-fadeRight.is-anim {
    opacity: 1;
    transform: translateX(0)
}

.anim-fadeScale {
    transform: rotate(20deg) scale(0) translateY(8vw);
    opacity: 0;
    transition: transform .75s cubic-bezier(0.075, 0.82, 0.165, 1),opacity .75s cubic-bezier(0.075, 0.82, 0.165, 1);
    transform-origin: left
}

@media screen and (min-width: 500px) {
    .anim-fadeScale {
        transform: rotate(20deg) scale(0) translateY(40px)
    }
}

.anim-fadeScale.is-anim {
    opacity: 1;
    transform: rotate(0) scale(1) translateY(0)
}

/*# sourceMappingURL=style.css.map */

/***************************************

 news modal (一覧モーダルのみ)

***************************************/

/* 1. モーダルカード外枠 */
#news_modal_wrap .modal_area_detail {
    margin: 0 3.2vw 4vw; /* sizeSpLoop(12) sizeSpLoop(90) */
    padding: 12.266vw 4.8vw 8vw; /* sizeSpLoop(46) sizeSpLoop(18) sizeSpLoop(30) */
    background-color: #fff;
    border-radius: 5.333vw; /* sizeSpLoop(20) */
}

    /* 2. 見出し (h4) */
    #news_modal_wrap .modal_area_detail h4 {
        padding: 0 0 12vw; /* sizeSpLoop(45) */
    }

/* 3. ニュース一覧リスト (.news_wrap) */
#news_modal_wrap .modal_news_body .news_wrap {
    margin: 0;
    padding: 0 0 12vw; /* sizeSpLoop(45) */
}

    #news_modal_wrap .modal_news_body .news_wrap li {
        border-bottom: 1px solid #C8C8C8;
        list-style: none;
    }

        #news_modal_wrap .modal_news_body .news_wrap li:first-child {
            border-top: 1px solid #C8C8C8;
        }

        /* リンク領域 (a) */
        #news_modal_wrap .modal_news_body .news_wrap li a {
            display: block;
            padding: 4vw 18.666vw 5.333vw 0; /* sizeSpLoop(15) sizeSpLoop(70) sizeSpLoop(20) */
            position: relative;
        }

        /* 日付 (span.date) */
        #news_modal_wrap .modal_news_body .news_wrap li span.date {
            display: block;
            color: #969696;
            font-size: 3.733vw; /* sizeSpLoop(14) */
            line-height: 6.4vw; /* sizeSpLoop(24) */
            font-weight: 600;
            padding: 0 0 2.4vw; /* sizeSpLoop(9) */
        }

        /* テキスト本文 (p) */
        #news_modal_wrap .modal_news_body .news_wrap li p {
            font-size: 3.533vw; /* sizeSpLoop(14) */
            line-height: 6.4vw; /* sizeSpLoop(24) */
        }


/***************************************

 PC表示用メディアクエリ (@media)

***************************************/

@media screen and (min-width: 769px) {
    #news_modal_wrap .modal_area_detail {
        margin: 0 0.833vw 1.25vw; /* sizePcLoop(12) sizePcLoop(90) */
        padding: 3.194vw 1.25vw 2.083vw; /* sizePcLoop(46) sizePcLoop(18) sizePcLoop(30) */
        border-radius: 1.388vw; /* sizePcLoop(20) */
    }

        #news_modal_wrap .modal_area_detail h4 {
            padding: 0 0 3.125vw; /* sizePcLoop(45) */
        }

    #news_modal_wrap .modal_news_body .news_wrap {
        padding: 0 0 3.125vw; /* sizePcLoop(45) */
    }

        #news_modal_wrap .modal_news_body .news_wrap li a {
            padding: 1.041vw 4.861vw 1.388vw 0; /* sizePcLoop(15) sizePcLoop(70) sizePcLoop(20) */
        }

        #news_modal_wrap .modal_news_body .news_wrap li span.date {
            font-size: 0.972vw; /* sizePcLoop(14) */
            line-height: 1.666vw; /* sizePcLoop(24) */
            padding: 0 0 0.625vw; /* sizePcLoop(9) */
        }

        #news_modal_wrap .modal_news_body .news_wrap li p {
            font-size: 15px; /* sizePcLoop(14) */
            line-height: 1.666vw; /* sizePcLoop(24) */
        }
}