@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";
@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";

:root {
    --grad-blue: #004cdf;
    --grad-blue-2: #2456e7;
    --grad-purple-1: #7a52f4;
    --grad-purple: #a64eff;
    --grad-pink: #d641a5;
    --grad-red: #ef003c;
    --grad-red-2: #e72a63;
    --grad-purple-2: #cf3aa0;
    --grad-purple-3: #8e4ff1
}

.u-grad-flow-text {
    background-image: linear-gradient(135deg, #004cdf 0%, #2456e7 7%, #7a52f4 16%, #a64eff 25%, #d641a5 34%, #ef003c 41%, #e72a63 44%, #cf3aa0 47%, #8e4ff1 50%, #004cdf 50%, #2456e7 57%, #7a52f4 66%, #a64eff 75%, #d641a5 84%, #ef003c 91%, #e72a63 94%, #cf3aa0 97%, #8e4ff1 100%);
    background-size: 200% 200%;
    background-position: 0% 0%;
    animation: gradTextFlowDiagonal 10s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0,0,0,0);
    -webkit-text-fill-color: rgba(0,0,0,0)
}

@keyframes gradTextFlowDiagonal {
    0% {
        background-position: 100% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

@media screen and (min-width: 850px) {
    .page_menu {
        position: relative;
        width: 350px;
        margin-right: 0;
        margin-left: auto
    }
}

@media screen and (min-width: 1200px) {
    .page_menu:before {
        position: absolute;
        top: 150px;
        right: 425px;
        content: "";
        width: 90px;
        height: 25px;
        background-color: #fff;
        border-radius: 12px
    }

    .page_menu:after {
        position: absolute;
        top: 175px;
        right: 460px;
        content: "";
        width: 120px;
        height: 25px;
        background-color: #fff;
        border-radius: 12px
    }
}

.anim-width {
    transition: width 1.2s ease-out;
    width: 0%;
    overflow: hidden
}

    .anim-width.is-anim {
        width: 100%
    }

body {
    background: rgba(0,0,0,0)
}

#body.static #header {
    background: rgba(0,0,0,0);
    display: none
}

@media screen and (min-width: 850px) {
    #body.static #header {
        display: block
    }
}

#body.static #header::after {
    display: none
}

#body.static #header .page_menu::before, #body.static #header .page_menu::after {
    display: none
}

@media screen and (min-width: 850px) {
    #body.static #header .page_menu {
        padding: 108px 0 39px 0
    }
}

@media screen and (min-width: 500px) {
    #body.static #header .page_menu {
        padding: 108px 0 39px 20px;
        margin-right: 20px
    }

        #body.static #header .page_menu ul {
            padding: 0 0 30px
        }

            #body.static #header .page_menu ul li {
                padding: 0 0 12px;
                width: 282px
            }

                #body.static #header .page_menu ul li a {
                    font-size: 18px;
                    line-height: 35px;
                    font-weight: 500;
                    letter-spacing: 0
                }

        #body.static #header .page_menu .btn_wrap a {
            width: 282px;
            font-size: 18px;
            margin: 0 auto 0 0;
            padding: 21px 0 22px;
            background-image: linear-gradient(#2565e2, #a838fd 50%, #ed254f);
            color: #fff
        }

            #body.static #header .page_menu .btn_wrap a::after {
                right: 20px;
                background: url("../../img/aichiauto_index/icn_blank_w.svg") no-repeat center center/cover
            }
}

#mainContainer {
    background-color: rgba(0,0,0,0)
}

@media screen and (min-width: 500px) {
    #container {
        position: relative
    }

        #container::before {
            content: "";
            display: block;
            width: 100%;
            height: 100vh;
            background: url("../../img/aichiauto_index/kv_bg.svg") no-repeat center center #f0f0f0;
            background-size: 2011.5384615385px auto;
            position: fixed;
            left: 0;
            top: 0
        }
}

#main {
    background: rgba(0,0,0,0)
}

    #main * {
        line-height: 1
    }

ul, dl {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

.btn_wrap a {
    width: 83.3333333333vw;
    text-align: center;
    position: relative;
    background-color: #fff;
    border-radius: 8.9743589744vw;
    font-size: 4.6153846154vw;
    font-weight: 500;
    padding: 6.4102564103vw 0 6.9230769231vw;
    color: #ed254f;
    margin: 0 auto
}

@media screen and (min-width: 500px) {
    .btn_wrap a {
        width: 416.6666666667px;
        border-radius: 44.8717948718px;
        font-size: 23.0769230769px;
        padding: 32.0512820513px 0 34.6153846154px
    }
}

.btn_wrap a::after {
    content: "";
    display: block;
    width: 3.5897435897vw;
    height: 3.5897435897vw;
    background: url("../../img/aichiauto_index/icn_blank.svg") no-repeat center center/cover;
    position: absolute;
    top: 50%;
    right: 7.6923076923vw;
    transform: translateY(-50%)
}

@media screen and (min-width: 500px) {
    .btn_wrap a::after {
        width: 17.9487179487px;
        height: 17.9487179487px;
        right: 38.4615384615px
    }
}

.link-grad {
    position: relative
}

    .link-grad::after {
        content: "";
        display: block;
        width: 3.3333333333vw;
        height: 5.1282051282vw;
        background: url("../../img/aichiauto_index/icn_link_arw.svg") no-repeat center center/cover;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

@media screen and (min-width: 500px) {
    .link-grad::after {
        width: 16.6666666667px;
        height: 25.641025641px
    }
}

.title-grad {
    font-size: 5.1282051282vw;
    font-weight: 700;
    line-height: 8.9743589744vw;
    margin: 0 0 5.8974358974vw;
    padding: 0 0 0 6.4102564103vw;
    position: relative
}

@media screen and (min-width: 500px) {
    .title-grad {
        font-size: 25.641025641px;
        line-height: 44.8717948718px;
        margin: 0 0 29.4871794872px;
        padding: 0 0 0 32.0512820513px
    }
}

.title-grad::before {
    content: "";
    display: block;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    background: url("../../img/aichiauto_index/icn_title.svg") no-repeat center center/cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 500px) {
    .title-grad::before {
        width: 15.3846153846px;
        height: 15.3846153846px
    }
}

h3.section_title span {
    display: block;
    width: fit-content
}

    h3.section_title span.en {
        font-size: 11.5384615385vw;
        margin: 0 0 3.8461538462vw;
        font-family: "Michroma",sans-serif;
        font-weight: 400;
        font-style: normal
    }

@media screen and (min-width: 500px) {
    h3.section_title span.en {
        font-size: 57.6923076923px;
        margin: 0 0 19.2307692308px
    }
}

h3.section_title span.jp {
    font-size: 5.1282051282vw;
    font-weight: 600
}

@media screen and (min-width: 500px) {
    h3.section_title span.jp {
        font-size: 25.641025641px
    }
}

#header_loop {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 0 10px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 5.1282051282vw
}

@media screen and (min-width: 501px) {
    #header_loop {
        display: none
    }
}

#header_loop .reserve_btn a {
    width: 110px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #ed254f;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    filter: drop-shadow(0 0 8px rgba(0, 0, 15, 0.35))
}

#header_loop #menu_btn {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-image: linear-gradient(#2565e2, #a838fd 50%, #ed254f)
}

    #header_loop #menu_btn button {
        width: 100%;
        height: 100%;
        position: relative
    }

        #header_loop #menu_btn button .border_wrap span {
            position: absolute;
            display: block;
            transition: transform .3s,background .3s;
            background-color: #fff;
            left: 50%;
            width: 25px;
            height: 3px;
            border-radius: 3px
        }

            #header_loop #menu_btn button .border_wrap span:first-child {
                transform: translate(-50%, -10px)
            }

            #header_loop #menu_btn button .border_wrap span:nth-child(2) {
                transform: translate(-50%, 0)
            }

            #header_loop #menu_btn button .border_wrap span:last-child {
                transform: translate(-50%, 10px)
            }

#header_loop.is-open .reserve_btn {
    display: none
}

#header_loop.is-open #menu_btn {
    background: none
}

    #header_loop.is-open #menu_btn button .border_wrap span {
        background-color: #969696
    }

        #header_loop.is-open #menu_btn button .border_wrap span:first-child {
            transform: translate(-50%, 0) rotate(45deg)
        }

        #header_loop.is-open #menu_btn button .border_wrap span:nth-child(2) {
            opacity: 0
        }

        #header_loop.is-open #menu_btn button .border_wrap span:last-child {
            transform: translate(-50%, 0) rotate(-45deg)
        }

#hamburger_menu {
    width: 100%;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    display: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #f0f0f0
}

    #hamburger_menu .hamburger_menu_wrap {
        padding: 120px 30px 60px
    }

        #hamburger_menu .hamburger_menu_wrap ul {
            padding: 0 0 60px
        }

            #hamburger_menu .hamburger_menu_wrap ul li {
                padding: 0 0 12px
            }

                #hamburger_menu .hamburger_menu_wrap ul li:last-child {
                    padding: 0
                }

                #hamburger_menu .hamburger_menu_wrap ul li a {
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 35px
                }

        #hamburger_menu .hamburger_menu_wrap .btn_wrap a {
            background-color: #ed254f;
            color: #fff
        }

            #hamburger_menu .hamburger_menu_wrap .btn_wrap a::after {
                background: url("../../img/aichiauto_index/icn_blank_w.svg") no-repeat center center/cover
            }

#kv {
    padding: 5.8974358974vw 5.3846153846vw 21.7948717949vw;
    margin-top:17vw;
    position: relative;
    background: url("../../img/aichiauto_index/kv-bg_img.png") no-repeat left -3.3333333333vw;
    background-size: 94.6153846154vw auto
}

@media screen and (min-width: 500px) {
    #kv {
        padding: 29.4871794872px 26.9230769231px 108.9743589744px;
        margin-top:0px;
        background: url("../../img/aichiauto_index/kv-bg_img.png") no-repeat left -16.6666666667px;
        background-size: 473.0769230769px auto
    }
}

#kv .kv-view {
    margin: 0 0 75.307692vw;
    padding: 0 0 0 0.446154vw;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 500px) {
    #kv .kv-view {
        margin: 0 0 376.5384615385px;
        padding: 0 0 0 0.230769px;
    }
}

#kv .kv-view .triangle-frame img {
    /*width: 84.615385vw;
    height: 71.871795vw;*/
}

@media screen and (min-width: 500px) {
    #kv .kv-view .triangle-frame img {
     /*   width: 423.232px;
        height: 358.64px;*/
    }
}

#kv .kv-view ul li {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 1;
    transition: opacity 1.2s ease
}

    #kv .kv-view ul li img {
        width: 82.923077vw;
        height: 45vw;
    }

@media screen and (min-width: 500px) {
    #kv .kv-view ul li img {
        width: 414px;
        height:225px;
    }
}

#kv .kv-view.is-slide ul li {
    opacity: 0
}

    #kv .kv-view.is-slide ul li.is-active {
        opacity: 1
    }

#kv .kv-image {
    position: absolute;
    z-index: 2;
    top: 45.820513vw;
    left: 5.641025641vw
}

@media screen and (min-width: 500px) {
    #kv .kv-image {
        top: 229.1025641026px;
        left: 28.2051282051px
    }
}

#kv .kv-image img {
    width: 91.2820512821vw
}

@media screen and (min-width: 500px) {
    #kv .kv-image img {
        width: 456.4102564103px
    }
}

#kv h1 {
    margin: 0 0 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #kv h1 {
        margin: 0 0 25.641025641px
    }
}

#kv h1 span {
    --fade: 2.0512820513vw;
    display: block;
    width: fit-content;
    padding: 1.7948717949vw 3.8461538462vw;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgb(0, 76, 223) var(--fade), rgb(35, 102, 247) calc(100% - var(--fade)), rgba(255, 255, 255, 0) 100%)
}

@media screen and (min-width: 500px) {
    #kv h1 span {
        --fade: 10.2564102564px;
        padding: 8.9743589744px 19.2307692308px
    }
}

#kv h1 span:first-child {
    margin: 0 0 1.2820512821vw
}

@media screen and (min-width: 500px) {
    #kv h1 span:first-child {
        margin: 0 0 6.4102564103px
    }
}

#kv h1 span img {
    width: auto;
    height: 9.2307692308vw;
    display: block
}

@media screen and (min-width: 500px) {
    #kv h1 span img {
        height: 46.1538461538px
    }
}

#kv h2 {
    font-size: 4.6153846154vw;
    font-weight: 600;
    line-height: 7.1794871795vw;
    letter-spacing: .04em;
    color: #646464
}

@media screen and (min-width: 500px) {
    #kv h2 {
        font-size: 23.0769230769px;
        line-height: 35.8974358974px
    }
}

#news {
    margin: 0 3.0769230769vw 23.0769230769vw;
    padding: 11.7948717949vw 4.6153846154vw 7.6923076923vw;
    background-color: #fff;
    border-radius: 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #news {
        margin: 0 15.3846153846px 115.3846153846px;
        padding: 58.9743589744px 23.0769230769px 38.4615384615px;
        border-radius: 25.641025641px
    }
}

#news .section_title {
    padding: 0 0 11.5384615385vw
}

@media screen and (min-width: 500px) {
    #news .section_title {
        padding: 0 0 57.6923076923px
    }
}

#news .news_wrap {
    margin: 0;
    padding: 0 0 11.5384615385vw
}

@media screen and (min-width: 500px) {
    #news .news_wrap {
        padding: 0 0 57.6923076923px
    }
}

#news .news_wrap li {
    border-bottom: 1px solid #c8c8c8;
    list-style: none
}

    #news .news_wrap li:first-child {
        border-top: 1px solid #c8c8c8
    }

    #news .news_wrap li a {
        display: block;
        padding: 3.8461538462vw 17.9487179487vw 5.1282051282vw 0;
        position: relative
    }

@media screen and (min-width: 500px) {
    #news .news_wrap li a {
        padding: 19.2307692308px 89.7435897436px 25.641025641px 0
    }
}

#news .news_wrap li span.date {
    display: block;
    color: #969696;
    font-size: 3.5897435897vw;
    line-height: 6.1538461538vw;
    font-weight: 600;
    padding: 0 0 2.3076923077vw
}

@media screen and (min-width: 500px) {
    #news .news_wrap li span.date {
        font-size: 17.9487179487px;
        line-height: 30.7692307692px;
        padding: 0 0 11.5384615385px
    }
}

#news .news_wrap li p {
    font-size: 3.5897435897vw;
    line-height: 6.1538461538vw
}

@media screen and (min-width: 500px) {
    #news .news_wrap li p {
        font-size: 17.9487179487px;
        line-height: 30.7692307692px
    }
}

#news .news_wrap li div {
    font-size: 2.689744vw;
    line-height: 5.153846vw;
}

@media screen and (min-width: 500px) {
    #news .news_wrap li div {
        font-size: 13.5px;
        line-height: 25.8px
    }
}

#news .view_list a {
    display: block;
    width: fit-content;
    margin: 0 0 0 auto;
    font-size: 4.1025641026vw;
    line-height: 8.9743589744vw;
    padding: 0 6.9230769231vw 0 0;
    color: #646464
}

@media screen and (min-width: 500px) {
    #news .view_list a {
        font-size: 20.5128205128px;
        line-height: 44.8717948718px;
        padding: 0 34.6153846154px 0 0
    }
}

#about {
    padding: 0 0 15.3846153846vw
}

@media screen and (min-width: 500px) {
    #about {
        padding: 0 0 76.9230769231px
    }
}

#about .about_inner {
    padding: 0 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #about .about_inner {
        padding: 0 38.4615384615px
    }
}

#about .section_title {
    padding: 0 0 8.9743589744vw
}

@media screen and (min-width: 500px) {
    #about .section_title {
        padding: 0 0 44.8717948718px
    }
}

#about .about_text {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    padding: 0 0 8.9743589744vw
}

@media screen and (min-width: 500px) {
    #about .about_text {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        padding: 0 0 44.8717948718px
    }
}

#about .about_image {
    position: relative;
    width: 84.6153846154vw;
    margin: 0 auto 11.5384615385vw;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff
}

@media screen and (min-width: 500px) {
    #about .about_image {
        width: 423.0769230769px;
        margin: 0 auto 57.6923076923px
    }
}

#about .about_image img {
    width: 68.4615384615vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 500px) {
    #about .about_image img {
        width: 342.3076923077px
    }
}

#about .about_overview {
    padding: 7.6923076923vw 4.6153846154vw 10.2564102564vw;
    margin: 0 3.0769230769vw;
    background-color: #fff;
    border-radius: 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #about .about_overview {
        padding: 38.4615384615px 23.0769230769px 51.2820512821px;
        margin: 0 15.3846153846px;
        border-radius: 25.641025641px
    }
}

#about .about_overview h4 {
    margin: 0 0 5.8974358974vw
}

@media screen and (min-width: 500px) {
    #about .about_overview h4 {
        margin: 0 0 29.4871794872px
    }
}

#about .about_overview dl {
    border-top: 1px solid #c8c8c8;
    padding: 6.4102564103vw 0 0
}

@media screen and (min-width: 500px) {
    #about .about_overview dl {
        padding: 32.0512820513px 0 0
    }
}

#about .about_overview dl dt {
    font-size: 4.6153846154vw;
    font-weight: 700;
    line-height: 8.7179487179vw;
    padding: 0 0 1.2820512821vw
}

@media screen and (min-width: 500px) {
    #about .about_overview dl dt {
        font-size: 23.0769230769px;
        line-height: 43.5897435897px;
        padding: 0 0 6.4102564103px
    }
}

#about .about_overview dl dd {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    padding: 0 0 6.4102564103vw
}

@media screen and (min-width: 500px) {
    #about .about_overview dl dd {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        padding: 0 0 32.0512820513px
    }
}

#about .about_overview dl dd:last-of-type {
    padding: 0
}

#area {
    position: relative;
    z-index: 2
}

    #area .section_title {
        padding: 0 8.9743589744vw 6.4102564103vw
    }

@media screen and (min-width: 500px) {
    #area .section_title {
        padding: 0 44.8717948718px 32.0512820513px
    }
}

#area .area_inner {
    background-color: #fff;
    padding: 10.2564102564vw 3.0769230769vw 7.6923076923vw;
    border-radius: 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #area .area_inner {
        padding: 51.2820512821px 15.3846153846px 38.4615384615px;
        border-radius: 25.641025641px
    }
}

#area .area_inner p {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    text-align: justify;
    padding: 5.1282051282vw 4.6153846154vw;
}

@media screen and (min-width: 500px) {
    #area .area_inner p {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        padding: 25.641025641px 23.0769230769px;
    }
}

#area .area_map {
    position: relative;
    margin: 0 0 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #area .area_map {
        margin: 0 0 38.4615384615px
    }
}

#area .map img {
    width: 100%
}

#area .area_pin li {
    position: absolute;
    display: block;
    width: 17.9487179487vw;
    height: 21.7948717949vw;
    background: url("../../img/aichiauto_index/area_pin.svg") no-repeat center center/cover;
    cursor: pointer
}

@media screen and (min-width: 500px) {
    #area .area_pin li {
        width: 89.7435897436px;
        height: 108.9743589744px
    }
}

#area .area_pin li span {
    font-size: 4.6153846154vw;
    line-height: 8.9743589744vw;
    color: #fff;
    font-family: "Michroma",sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 1.0256410256vw;
    text-align: center;
    display: block
}

@media screen and (min-width: 500px) {
    #area .area_pin li span {
        font-size: 23.0769230769px;
        line-height: 44.8717948718px;
        padding: 5.1282051282px
    }
}

#area .area_pin li span::after {
    content: "";
    display: block;
    width: 2.6923076923vw;
    height: 4.8846153846vw;
    margin: 0 auto;
    background: url("../../img/aichiauto_index/area_pin_arw.svg") no-repeat center center/cover
}

@media screen and (min-width: 500px) {
    #area .area_pin li span::after {
        width: 13.4615384615px;
        height: 24.4230769231px
    }
}

#area .area_pin li.area01 {
    left: 10.2564102564vw;
    top: 49.2307692308vw
}

@media screen and (min-width: 500px) {
    #area .area_pin li.area01 {
        left: 51.2820512821px;
        top: 246.1538461538px
    }
}

#area .area_pin li.area02 {
    left: 60.5128205128vw;
    top: 43.0769230769vw
}

@media screen and (min-width: 500px) {
    #area .area_pin li.area02 {
        left: 302.5641025641px;
        top: 215.3846153846px
    }
}

#area .area_pin li.area03 {
    left: 72.8205128205vw;
    top: 86.4102564103vw
}

@media screen and (min-width: 500px) {
    #area .area_pin li.area03 {
        left: 364.1025641026px;
        top: 432.0512820513px
    }
}

#area .area_pin li.area04 {
    left: 41.7948717949vw;
    top: -4.6153846154vw
}

@media screen and (min-width: 500px) {
    #area .area_pin li.area04 {
        left: 208.9743589744px;
        top: -23.0769230769px
    }
}

#area .area_pin li.area05 {
    left: 36.6666666667vw;
    top: 57.1794871795vw
}

@media screen and (min-width: 500px) {
    #area .area_pin li.area05 {
        left: 183.3333333333px;
        top: 285.8974358974px
    }
}

#area .area_list {
    padding: 0 4.6153846154vw
}

@media screen and (min-width: 500px) {
    #area .area_list {
        padding: 0 23.0769230769px
    }
}

#area .area_list li {
    display: flex;
    font-size: 4.1025641026vw;
    line-height: 8.9743589744vw;
    font-weight: 700;
    margin: 0 0 2.5641025641vw;
    cursor: pointer
}

@media screen and (min-width: 500px) {
    #area .area_list li {
        font-size: 20.5128205128px;
        line-height: 44.8717948718px;
        margin: 0 0 12.8205128205px
    }
}

#area .area_list li:last-child {
    margin: 0
}

#area .area_list li span {
    font-family: "Michroma",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.5897435897vw;
    line-height: 8.9743589744vw;
    letter-spacing: .05em;
    margin: 0 2.5641025641vw 0 0
}

@media screen and (min-width: 500px) {
    #area .area_list li span {
        font-size: 17.9487179487px;
        line-height: 44.8717948718px;
        margin: 0 12.8205128205px 0 0
    }
}

#flow {
    padding: 28.2051282051vw 0 37.1794871795vw;
    background-image: linear-gradient(#2565e2, #a838fd 50%, #ed254f);
    margin: -5.1282051282vw 0 0
}

@media screen and (min-width: 500px) {
    #flow {
        padding: 141.0256410256px 0 185.8974358974px;
        margin: -25.641025641px 0 0
    }
}

#flow h3.section_title {
    padding: 0 7.6923076923vw 20.5128205128vw
}

@media screen and (min-width: 500px) {
    #flow h3.section_title {
        padding: 0 38.4615384615px 102.5641025641px
    }
}

#flow h3.section_title span.en, #flow h3.section_title span.jp {
    color: #fff
}

#flow .flow_step_wrap {
    margin: 0 3.0769230769vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap {
        margin: 0 15.3846153846px
    }
}

#flow .flow_step_wrap .flow_step {
    background-color: #fff;
    padding: 20.5128205128vw 4.6153846154vw 15.3846153846vw;
    margin: 0 0 38.4615384615vw;
    border-radius: 7.6923076923vw;
    position: relative
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step {
        padding: 102.5641025641px 23.0769230769px 76.9230769231px;
        margin: 0 0 192.3076923077px;
        border-radius: 38.4615384615px
    }
}

#flow .flow_step_wrap .flow_step::after {
    content: "";
    display: block;
    width: 3.0769230769vw;
    height: 15.3846153846vw;
    background: url("../../img/aichiauto_index/icn_step.svg") no-repeat center center/cover;
    position: absolute;
    left: 50%;
    bottom: -20.5128205128vw;
    transform: translateX(-50%)
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step::after {
        width: 15.3846153846px;
        height: 76.9230769231px;
        bottom: -102.5641025641px
    }
}

#flow .flow_step_wrap .flow_step:last-of-type {
    margin: 0
}

    #flow .flow_step_wrap .flow_step:last-of-type::after {
        display: none
    }

#flow .flow_step_wrap .flow_step h4 {
    position: absolute;
    left: 50%;
    top: -10.2564102564vw;
    width: 33.3333333333vw;
    height: 33.3333333333vw;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step h4 {
        top: -51.2820512821px;
        width: 166.6666666667px;
        height: 166.6666666667px
    }
}

#flow .flow_step_wrap .flow_step h4 span {
    display: block;
    text-align: center;
    font-family: "Michroma",sans-serif;
    font-weight: 400;
    font-style: normal
}

    #flow .flow_step_wrap .flow_step h4 span.en {
        font-size: 3.0769230769vw;
        letter-spacing: .15em;
        padding: 7.6923076923vw 0 2.5641025641vw
    }

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step h4 span.en {
        font-size: 15.3846153846px;
        padding: 38.4615384615px 0 12.8205128205px
    }
}

#flow .flow_step_wrap .flow_step h4 span.num {
    font-size: 7.1794871795vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step h4 span.num {
        font-size: 35.8974358974px
    }
}

#flow .flow_step_wrap .flow_step dl {
    position: relative;
    z-index: 2
}

    #flow .flow_step_wrap .flow_step dl dt {
        font-size: 6.6666666667vw;
        font-weight: 700;
        letter-spacing: .03em;
        padding: 0 0 5.1282051282vw;
        text-align: center
    }

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dt {
        font-size: 33.3333333333px;
        padding: 0 0 25.641025641px
    }
}

#flow .flow_step_wrap .flow_step dl dd {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px
    }
}

#flow .flow_step_wrap .flow_step dl dd a {
    color: #ed244f;
    display: inline-block;
    text-decoration: underline;
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd a {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px
    }
}

#flow .flow_step_wrap .flow_step dl dd a::after {
    content: "";
    display: inline-block;
    width: 2.5641025641vw;
    height: 2.5641025641vw;
    background: url("../../img/aichiauto_index/icn_blank.svg") no-repeat center center/cover;
    margin: 0 0 0 1.2820512821vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd a::after {
        width: 12.8205128205px;
        height: 12.8205128205px;
        margin: 0 0 0 6.4102564103px
    }
}

#flow .flow_step_wrap .flow_step dl dd .img_wrap {
    text-align: center;
    padding: 10.2564102564vw 0 0
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd .img_wrap {
        padding: 51.2820512821px 0 0
    }
}

#flow .flow_step_wrap .flow_step dl dd .img_wrap img {
    width: 35.8974358974vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd .img_wrap img {
        width: 179.4871794872px
    }
}

#flow .flow_step_wrap .flow_step dl dd .img_wrap img.short {
    width: 22.3076923077vw
}

@media screen and (min-width: 500px) {
    #flow .flow_step_wrap .flow_step dl dd .img_wrap img.short {
        width: 111.5384615385px
    }
}

#flow .btn_wrap {
    padding: 10.2564102564vw 0 0
}

@media screen and (min-width: 500px) {
    #flow .btn_wrap {
        padding: 51.2820512821px 0 0
    }
}

#movie {
    padding: 20.5128205128vw 0 23.0769230769vw;
    border-radius: 7.6923076923vw 7.6923076923vw 0 0;
    position: relative;
    z-index: 2;
    margin: -7.6923076923vw 0 0;
    background: #f0f0f0
}

@media screen and (min-width: 500px) {
    #movie {
        padding: 102.5641025641px 0 115.3846153846px;
        border-radius: 38.4615384615px 38.4615384615px 0 0;
        margin: -38.4615384615px 0 0
    }
}

#movie h3.section_title {
    padding: 0 7.6923076923vw 12.8205128205vw
}

@media screen and (min-width: 500px) {
    #movie h3.section_title {
        padding: 0 38.4615384615px 64.1025641026px
    }
}

#movie .youtube {
    width: 100%;
    aspect-ratio: 16/9
}

    #movie .youtube iframe {
        width: 100%;
        height: 100%;
        border: 0
    }

#service {
    padding: 0 0 23.0769230769vw;
    background: #f0f0f0
}

@media screen and (min-width: 500px) {
    #service {
        padding: 0 0 115.3846153846px
    }
}

#service h3.section_title {
    padding: 0 7.6923076923vw 15.3846153846vw
}

@media screen and (min-width: 500px) {
    #service h3.section_title {
        padding: 0 38.4615384615px 76.9230769231px
    }
}

#service .service_wrap {
    margin: 0 7.6923076923vw 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap {
        margin: 0 38.4615384615px 38.4615384615px
    }
}

#service .service_wrap .service {
    padding: 0 0 10.2564102564vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service {
        padding: 0 0 51.2820512821px
    }
}

#service .service_wrap .service:first-of-type .img_wrap img {
    width: 61.5384615385vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service:first-of-type .img_wrap img {
        width: 307.6923076923px
    }
}

#service .service_wrap .service:nth-of-type(2) .img_wrap img {
    width: 66.1538461538vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service:nth-of-type(2) .img_wrap img {
        width: 330.7692307692px
    }
}

#service .service_wrap .service:last-of-type {
    padding: 0
}

    #service .service_wrap .service:last-of-type .img_wrap img {
        width: 76.9230769231vw
    }

@media screen and (min-width: 500px) {
    #service .service_wrap .service:last-of-type .img_wrap img {
        width: 384.6153846154px
    }
}

#service .service_wrap .service .img_wrap {
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    width: 61.5384615385vw;
    height: 61.5384615385vw;
    margin: 0 auto 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service .img_wrap {
        width: 307.6923076923px;
        height: 307.6923076923px;
        margin: 0 auto 25.641025641px
    }
}

#service .service_wrap .service .img_wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#service .service_wrap .service dl dt {
    font-size: 5.1282051282vw;
    font-weight: 700;
    line-height: 7.6923076923vw;
    padding: 0 0 4.6153846154vw
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service dl dt {
        font-size: 25.641025641px;
        line-height: 38.4615384615px;
        padding: 0 0 23.0769230769px
    }
}

#service .service_wrap .service dl dd {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    text-align: justify
}

@media screen and (min-width: 500px) {
    #service .service_wrap .service dl dd {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px
    }
}

#service .seat_overview {
    background-color: #fff;
    border-radius: 2.5641025641vw;
    padding: 9.4871794872vw 4.6153846154vw 11.5384615385vw;
    margin: 0 3.0769230769vw
}

@media screen and (min-width: 500px) {
    #service .seat_overview {
        border-radius: 12.8205128205px;
        padding: 47.4358974359px 23.0769230769px 57.6923076923px;
        margin: 0 15.3846153846px
    }
}

#service .seat_overview .title-grad {
    margin: 0 0 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #service .seat_overview .title-grad {
        margin: 0 0 38.4615384615px
    }
}

#service .seat_overview .img_wrap {
    padding: 7.6923076923vw 0 0;
    border-top: 1px solid #c8c8c8
}

@media screen and (min-width: 500px) {
    #service .seat_overview .img_wrap {
        padding: 38.4615384615px 0 0
    }
}

#service .seat_overview .img_wrap img {
    width: 100%
}

#schedule {
    padding: 0 0 23.0769230769vw;
    background: #f0f0f0
}

@media screen and (min-width: 500px) {
    #schedule {
        padding: 0 0 115.3846153846px
    }
}

#schedule h3.section_title {
    padding: 0 7.6923076923vw 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #schedule h3.section_title {
        padding: 0 38.4615384615px 38.4615384615px
    }
}

#schedule .schedule_wrap {
    margin: 0 3.0769230769vw 12.8205128205vw;
    padding: 6.6666666667vw 4.6153846154vw;
    background-color: #fff;
    border-radius: 2.5641025641vw
}

@media screen and (min-width: 500px) {
    #schedule .schedule_wrap {
        margin: 0 15.3846153846px 64.1025641026px;
        padding: 33.3333333333px 23.0769230769px;
        border-radius: 12.8205128205px
    }
}

#schedule .btn_wrap a {
    background-color: #ed254f;
    color: #fff
}

    #schedule .btn_wrap a::after {
        background: url("../../img/aichiauto_index/icn_blank_w.svg") no-repeat center center/cover
    }

#faq {
    padding: 0 0 23.0769230769vw;
    background: #f0f0f0
}

@media screen and (min-width: 500px) {
    #faq {
        padding: 0 0 115.3846153846px
    }
}

#faq h3.section_title {
    padding: 0 7.6923076923vw 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #faq h3.section_title {
        padding: 0 38.4615384615px 38.4615384615px
    }
}

#faq .faq_wrap {
    margin: 0 3.0769230769vw 15.3846153846vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap {
        margin: 0 15.3846153846px 76.9230769231px
    }
}

#faq .faq_wrap .faq {
    border-radius: 3.8461538462vw;
    background-color: #fff;
    padding: 0 4.6153846154vw;
    margin: 0 0 3.8461538462vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq {
        border-radius: 19.2307692308px;
        padding: 0 23.0769230769px;
        margin: 0 0 19.2307692308px
    }
}

#faq .faq_wrap .faq dt {
    display: flex;
    align-items: center;
    gap: 0 3.8461538462vw;
    padding: 5.641025641vw 0;
    position: relative;
    cursor: pointer
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt {
        gap: 0 19.2307692308px;
        padding: 28.2051282051px 0
    }
}

#faq .faq_wrap .faq dt span {
    font-family: "Michroma",sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2565e2;
    font-size: 4.6153846154vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt span {
        font-size: 23.0769230769px
    }
}

#faq .faq_wrap .faq dt p {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    letter-spacing: .03em;
    width: 61.5384615385vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt p {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        width: 307.6923076923px
    }
}

#faq .faq_wrap .faq dt .toggle {
    position: absolute;
    top: 50%;
    right: 3.0769230769vw;
    transform: translateY(-50%);
    width: 4.358974359vw;
    height: 4.358974359vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt .toggle {
        right: 15.3846153846px;
        width: 21.7948717949px;
        height: 21.7948717949px
    }
}

#faq .faq_wrap .faq dt .toggle::before, #faq .faq_wrap .faq dt .toggle::after {
    content: "";
    display: block;
    background-color: #969696;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#faq .faq_wrap .faq dt .toggle::before {
    width: 4.358974359vw;
    height: .5128205128vw
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt .toggle::before {
        width: 21.7948717949px;
        height: 2.5641025641px
    }
}

#faq .faq_wrap .faq dt .toggle::after {
    width: .5128205128vw;
    height: 4.358974359vw;
    transition: transform .3s
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dt .toggle::after {
        width: 2.5641025641px;
        height: 21.7948717949px
    }
}

#faq .faq_wrap .faq dt.is-open .toggle::after {
    transform: translateY(-50%) rotate(90deg)
}

#faq .faq_wrap .faq dd {
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
    margin: 0
}

    #faq .faq_wrap .faq dd .toggle_wrap {
        display: flex;
        gap: 0 3.8461538462vw;
        padding: 6.1538461538vw 0 8.7179487179vw;
        border-top: 1px solid #c8c8c8
    }

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dd .toggle_wrap {
        gap: 0 19.2307692308px;
        padding: 30.7692307692px 0 43.5897435897px
    }
}

#faq .faq_wrap .faq dd span {
    font-family: "Michroma",sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ed254f;
    font-size: 4.6153846154vw;
    margin: 1.2820512821vw 0 0
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dd span {
        font-size: 23.0769230769px;
        margin: 6.4102564103px 0 0
    }
}

#faq .faq_wrap .faq dd p {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    letter-spacing: .03em
}

@media screen and (min-width: 500px) {
    #faq .faq_wrap .faq dd p {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px
    }
}

#faq .notes_wrap {
    margin: 0 3.0769230769vw;
    background-color: #fff;
    padding: 9.4871794872vw 4.6153846154vw 14.1025641026vw;
    border-radius: 2.5641025641vw
}

@media screen and (min-width: 500px) {
    #faq .notes_wrap {
        margin: 0 15.3846153846px;
        padding: 47.4358974359px 23.0769230769px 70.5128205128px;
        border-radius: 12.8205128205px
    }
}

#faq .notes_wrap dl {
    padding: 5.8974358974vw 0 0;
    border-top: 1px solid #c8c8c8
}

@media screen and (min-width: 500px) {
    #faq .notes_wrap dl {
        padding: 29.4871794872px 0 0
    }
}

#faq .notes_wrap dl dt {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    font-weight: 700;
    color: #ed254f;
    padding: 0 0 2.5641025641vw
}

@media screen and (min-width: 500px) {
    #faq .notes_wrap dl dt {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        padding: 0 0 12.8205128205px
    }
}

#faq .notes_wrap dl dd {
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    text-align: justify;
    padding: 0 0 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #faq .notes_wrap dl dd {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px;
        padding: 0 0 25.641025641px
    }
}

#faq .notes_wrap dl dd:last-of-type {
    padding: 0
}

#contact {
    padding: 0 0 23.0769230769vw;
    background: #f0f0f0
}

@media screen and (min-width: 500px) {
    #contact {
        padding: 0 0 115.3846153846px
    }
}

#contact h3.section_title {
    padding: 0 7.6923076923vw 10.2564102564vw
}

@media screen and (min-width: 500px) {
    #contact h3.section_title {
        padding: 0 38.4615384615px 51.2820512821px
    }
}

#contact .contact_wrap {
    border-radius: 3.8461538462vw;
    background-image: linear-gradient(#2565e2, #a838fd 50%, #ed254f);
    padding: 8.9743589744vw 4.6153846154vw 15.3846153846vw;
    text-align: center;
    margin: 0 3.0769230769vw
}

@media screen and (min-width: 500px) {
    #contact .contact_wrap {
        border-radius: 19.2307692308px;
        padding: 44.8717948718px 23.0769230769px 76.9230769231px;
        margin: 0 15.3846153846px
    }
}

#contact .contact_wrap h4 {
    color: #fff;
    font-size: 4.1025641026vw;
    font-weight: 600;
    padding: 0 0 11.5384615385vw
}

@media screen and (min-width: 500px) {
    #contact .contact_wrap h4 {
        font-size: 20.5128205128px;
        padding: 0 0 57.6923076923px
    }
}

#contact .contact_wrap h5 {
    color: #fff;
    font-size: 5.1282051282vw;
    font-weight: 700;
    padding: 0 0 6.4102564103vw
}

@media screen and (min-width: 500px) {
    #contact .contact_wrap h5 {
        font-size: 25.641025641px;
        padding: 0 0 32.0512820513px
    }
}

#contact .contact_wrap .contact_box {
    background-color: #fff;
    border-radius: 3.8461538462vw;
    width: 100%;
    height: 21.7948717949vw;
    margin: 0 0 2.0512820513vw
}

@media screen and (min-width: 500px) {
    #contact .contact_wrap .contact_box {
        border-radius: 19.2307692308px;
        height: 108.9743589744px;
        margin: 0 0 10.2564102564px
    }
}

#contact .contact_wrap .contact_box a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

    #contact .contact_wrap .contact_box a span {
        display: block
    }

        #contact .contact_wrap .contact_box a span.u-grad-flow-text {
            font-size: 5.1282051282vw;
            font-weight: 600;
            letter-spacing: .03em;
            line-height: 1.2
        }

@media screen and (min-width: 500px) {
    #contact .contact_wrap .contact_box a span.u-grad-flow-text {
        font-size: 25.641025641px
    }
}

#contact .contact_wrap .contact_box a span.tel {
    margin: auto 0 0
}

#contact .contact_wrap .contact_box a span.notes {
    font-size: 3.0769230769vw;
    letter-spacing: .05em;
    margin: 3.5897435897vw 0 auto;
    width: 100%
}

@media screen and (min-width: 500px) {
    #contact .contact_wrap .contact_box a span.notes {
        font-size: 15.3846153846px;
        margin: 17.9487179487px 0 auto
    }
}

#footer_loop {
    background-image: linear-gradient(#2565e2, #a838fd 50%, #ed254f);
    padding: 7.6923076923vw;
    border-radius: 7.6923076923vw 7.6923076923vw 0 0
}

@media screen and (min-width: 500px) {
    #footer_loop {
        padding: 38.4615384615px;
        border-radius: 38.4615384615px 38.4615384615px 0 0
    }
}

#footer_loop .footer_link {
    padding: 0 0 28.2051282051vw
}

@media screen and (min-width: 500px) {
    #footer_loop .footer_link {
        padding: 0 0 141.0256410256px
    }
}

#footer_loop .footer_link li {
    padding: 0 0 3.0769230769vw
}

@media screen and (min-width: 500px) {
    #footer_loop .footer_link li {
        padding: 0 0 15.3846153846px
    }
}

#footer_loop .footer_link li a {
    color: #fff;
    font-size: 4.6153846154vw;
    line-height: 8.9743589744vw;
    font-weight: 500
}

@media screen and (min-width: 500px) {
    #footer_loop .footer_link li a {
        font-size: 23.0769230769px;
        line-height: 44.8717948718px
    }
}

#footer_loop .footer_link li a.link-grad::after {
    background: url("../../img/aichiauto_index/icn_link_arw_w.svg") no-repeat center center/cover
}

#footer_loop .page_top {
    text-align: center;
    padding: 0 0 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #footer_loop .page_top {
        padding: 0 0 38.4615384615px
    }
}

#footer_loop .page_top img {
    width: 20.5128205128vw
}

@media screen and (min-width: 500px) {
    #footer_loop .page_top img {
        width: 102.5641025641px
    }
}

#footer_loop small {
    text-align: center;
    color: #fff;
    font-size: 3.0769230769vw;
    font-weight: 600
}

@media screen and (min-width: 500px) {
    #footer_loop small {
        font-size: 15.3846153846px
    }
}

#modal_area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    display: none;
    z-index: 100
}

    #modal_area #modal_mask {
        background-color: rgba(0,0,0,.8);
        width: 100%;
        height: 100%;
        cursor: pointer
    }

    #modal_area .modal_area_wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 93.8461538462vw;
        background-color: #fff;
        border-radius: 5.1282051282vw;
        display: none
    }

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap {
        width: 469.2307692308px;
        border-radius: 25.641025641px
    }
}

#modal_area .modal_area_wrap .modal_area_detail {
    padding: 10.2564102564vw 4.6153846154vw;
    overflow: scroll;
    max-height: 80vh
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail {
        padding: 51.2820512821px 23.0769230769px
    }
}

#modal_area .modal_area_wrap .modal_area_detail .close {
    position: absolute;
    right: 7.6923076923vw;
    top: 7.6923076923vw
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail .close {
        right: 38.4615384615px;
        top: 38.4615384615px
    }
}

#modal_area .modal_area_wrap .modal_area_detail .close::before {
    content: "";
    display: block;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    background: url("../../img/aichiauto_index/icn_close.svg") no-repeat center center/cover
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail .close::before {
        width: 38.4615384615px;
        height: 38.4615384615px
    }
}

#modal_area .modal_area_wrap .modal_area_detail h4 {
    padding: 0 0 2.9743589744vw
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail h4 {
        padding: 0 0 14.9717948718px
    }
}

#modal_area .modal_area_wrap .modal_area_detail h4 span {
    display: block
}

    #modal_area .modal_area_wrap .modal_area_detail h4 span.num {
        font-size: 6.1538461538vw;
        letter-spacing: .05em;
        padding: 0 0 5.1282051282vw;
        font-family: "Michroma",sans-serif;
        font-weight: 400;
        font-style: normal
    }

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail h4 span.num {
        font-size: 30.7692307692px;
        padding: 0 0 25.641025641px
    }
}

#modal_area .modal_area_wrap .modal_area_detail h4 span.jp {
    font-size: 5.1282051282vw;
    font-weight: 600
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail h4 span.jp {
        font-size: 25.641025641px
    }
}

#modal_area .modal_area_wrap .modal_area_detail dl {
    padding: 0 0 5.1282051282vw
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail dl {
        padding: 0 0 25.641025641px
    }
}

#modal_area .modal_area_wrap .modal_area_detail dl:last-of-type {
    padding: 0
}

#modal_area .modal_area_wrap .modal_area_detail dl dt {
    padding: 2.0512820513vw 3.8461538462vw;
    border-radius: 2.5641025641vw;
    background-image: linear-gradient(90deg, #2565e2, #a838fd 50%, #ed254f);
    color: #fff;
    margin: 0 0 2.5641025641vw;
    width: fit-content
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail dl dt {
        padding: 10.2564102564px 19.2307692308px;
        border-radius: 12.8205128205px;
        margin: 0 0 12.8205128205px
    }
}

#modal_area .modal_area_wrap .modal_area_detail dl dd {
    font-size: 2.68974vw;
    line-height: 5.15385vw;
}

@media screen and (min-width: 500px) {
    #modal_area .modal_area_wrap .modal_area_detail dl dd {
        font-size: 13.68974px;
        line-height: 25.95385px;
    }
}

#news_detail_modal_wrap .modal_area_detail h4 span.date {
    display: block;
    color: #969696;
    font-size: 3.5897435897vw;
    line-height: 6.1538461538vw;
    font-weight: 600;
    padding: 0 0 2.3076923077vw
}

@media screen and (min-width: 500px) {
    #news_detail_modal_wrap .modal_area_detail h4 span.date {
        font-size: 17.9487179487px;
        line-height: 30.7692307692px;
        padding: 0 0 11.5384615385px
    }
}

#news_detail_modal_wrap .modal_area_detail h4 .title {
    font-size: 4.689744vw;
    line-height: 5.153846vw;
}

@media screen and (min-width: 500px) {
    #news_detail_modal_wrap .modal_area_detail h4 .title {
        font-size: 23.9487179487px;
        line-height: 23.9692307692px
    }
}

#news_detail_modal_wrap .modal_area_detail h4 .txt {
    font-size: 4.689744vw;
    line-height: 5.153846vw;
    /*font-size: 2.689744vw;
    line-height: 5.153846vw;*/
}

@media screen and (min-width: 500px) {
    #news_detail_modal_wrap .modal_area_detail h4 .txt {
        font-size: 23.5487179487px;
        line-height: 25.8px;
        /* font-size: 13.5px;
        line-height: 25.8px*/
    }
}

.disclaimer-list {
    padding: 8.9743589744vw 4.6153846154vw 0px;
    margin: 0;
    line-height: 1.6;
}

@media screen and (min-width: 500px) {
    .disclaimer-list {
        padding: 44.8717948718px 23.0769230769px 0px;
        line-height: 1.6;
    }
}

.disclaimer-list li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 10px;
    font-size: 4.1025641026vw;
    line-height: 7.1794871795vw;
    text-align: justify;
}

@media screen and (min-width: 500px) {
    .disclaimer-list li {
        font-size: 20.5128205128px;
        line-height: 35.8974358974px !important;
    }
}

    .disclaimer-list li::before {
        content: "\30FB";
        position: absolute;
        left: 0;
    }

/*# sourceMappingURL=aichi-loop.css.map */