@charset "utf-8";

:root {
    --main-color:#FF4651;
}

* {line-height: 1;}

.pc {display: block;}
.mob {display: none;}

/* header */
.int_header {position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background: #E9EAF2;}
.int_header .inner {max-width: 1180px; margin: 0 auto; display: flex; align-items: flex-end; justify-content: space-between;}
.int_header .logo {width: 84px; padding-bottom: 25px;}
.int_header .menu .inner {display: flex; align-items: center; gap: 43px;}
.int_header .menu ul > li {position: relative;}
.int_header .menu ul > li > a {font-size: 16px; font-weight: 700; color: #000; padding: 41px 0 25px; display: block;}
.int_header .menu ul > li.active > a {color: var(--main-color);}
/* .int_header .menu ul > li:hover > a {color: var(--main-color);} */
.int_header .menu ul > li:first-child:hover::after {content: ""; width: 100%; height: 4px; background: var(--main-color); position: absolute; top: calc(100% - 4px); left: 0;}
.int_header .menu ul > li:hover ol {display: flex;}
.int_header .menu ol {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); align-items: center; gap: 22px; padding: 0;}
.int_header .menu ol::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 3000px; height: 40px; background: #E9EAF2; z-index: -1;}
.int_header .menu ol a {font-size: 15px; font-weight: 600; color: #000; display: block; min-width: 47px; padding: 13px 0;}
.int_header .menu ol li.active a, 
.int_header .menu ol a:hover {color: var(--main-color);}
.int_hd_all_menu.active {display: none;}

/* footer */
.int_footer {position: relative; background: #353535; width: 100%; height: 55px; line-height: 65px; padding: 0 42px; text-align: right; z-index: 10;}
.int_footer span {color: #5C5C5C; font-size: 16px; font-weight: 500;}

/* main */
.int_visual {width: 100%;}
.int_visual .slide {height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.int_visual .slide01 {background-image: url('/interior/img/main/int_visual01.jpg');}
.int_visual .slide02 {background-image: url('/interior/img/main/int_visual02.jpg');}
.int_visual .slide03 {background-image: url('/interior/img/main/int_visual03.jpg');}
.int_visual .text {position: absolute; left: 50%; transform: translateX(-50%); bottom: 235px; text-align: center; width: 100%;}
.int_visual .text h2 {font-size: 55px; font-weight: 600; line-height: 1.19; color: #fff; text-shadow: 2px 4px 5px #00000040;}
.int_visual .text p {font-size: 20px; font-weight: 600; line-height: 1.25; color: #fff; text-shadow: 2px 4px 5px #00000040; margin-top: 18px;}
.int_visual .text .move_btn {margin: 48px auto 0; max-width: 313px; height: 41px;}
.int_visual .text .move_btn a {display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 25px; font-size: 16px; font-weight: 600; color: #fff;}
.int_visual .text .move_btn img {width: 18px;}
.int_visual .slide01 .move_btn {background-color: #FF4651;}
.int_visual .slide02 .move_btn {background-color: #06C6BA;}
.int_visual .slide03 .move_btn {background-color: #4D4D4D;}
.int_visual .slide04 .move_btn {background-color: #4D4D4D;}


@media screen and (max-width: 1194px) {
    /* header */
    .int_header .inner {max-width: 80.15vw; padding: 0;}

    .int_visual .slide01 {background-image: url('/interior/img/main/int_visual01_1194.jpg');}
    .int_visual .slide02 {background-image: url('/interior/img/main/int_visual02_1194.jpg');}
    .int_visual .slide03 {background-image: url('/interior/img/main/int_visual03_1194.jpg');}

    .int_header .logo {width: 7.04vw; padding-bottom: 0.75vw;}
    .int_header .menu .inner {gap: 3.60vw;}
    .int_header .menu ul > li > a {font-size: 1.34vw; padding: 4.61vw 0 0.75vw;}
    .int_header .menu ul > li:first-child:hover::after {height: 0.34vw; top: calc(100% - 0.34vw);}
    .int_header .menu ol {gap: 1.84vw;}
    .int_header .menu ol a {font-size: 1.26vw; min-width: 3.94vw; padding: 1.09vw 0;}

    /* footer */
    .int_footer {padding: 0 2.18vw; height: 3.69vw; line-height: 4.1vw;}
    .int_footer span {font-size: 1.17vw;}

    /* main */
    .int_visual .slide {height: 100vh;}
    .int_visual .text {/* bottom: 21.58vw; */ top: 29vw;}
    .int_visual .text h2 {font-size: 4.10vw;}
    .int_visual .text p {font-size: 1.51vw; margin-top: 0.75vw;}
    .int_visual .text .move_btn {margin: 10.05vw auto 0; max-width: 23.70vw; height: 3.10vw;}
    .int_visual .text .move_btn a {padding: 0 1.68vw; font-size: 1.17vw;}
    .int_visual .text .move_btn img {width: 1.34vw;}
}

@media screen and (max-width: 834px) {
    .pc {display: none;}
    .mob {display: block;}

    /* header */
    .int_header {z-index: 12; /* background: transparent; */}
    .int_header.active {background: transparent;}
    .int_header .inner {max-width: 100%; padding: 6.47vw 4.08vw 0 3.24vw;}

    .int_visual .slide01 {background-image: url('/interior/img/main/int_visual01_834.jpg');}
    .int_visual .slide02 {background-image: url('/interior/img/main/int_visual02_834.jpg');}
    .int_visual .slide03 {background-image: url('/interior/img/main/int_visual03_834.jpg');}

    .int_header .logo {width: 10.07vw; padding-bottom: 0;}
    
    .burgerBtn {width: 3.24vw; height: 2.64vw; position: relative;}
    .burgerBtn .line {width: 100%; height: 2px; border-radius: 0.60vw; background: #000; margin-top: 0.8393vw;}
    .burgerBtn .line:nth-child(1) {margin-top: 0;}

    .int_hd_all_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 11.99vw; background: #555; z-index: 11; overflow-y: scroll;}
    .int_hd_all_menu.active {display: block;}
    .int_hd_all_menu ul {text-align: center; margin-top: 32.13vw;}
    .int_hd_all_menu ul > li {margin-bottom: 9.59vw;}
    .int_hd_all_menu ul > li.slide {margin-bottom: 7.91vw;}
    .int_hd_all_menu ul > li.active a {color: var(--main-color);}
    .int_hd_all_menu ul > li > a {font-size: 3.12vw; font-weight: 700; color: #fff;}
    .int_hd_all_menu ol {display: none; padding: 5.52vw 0 0;}
    .int_hd_all_menu ol li.active {background: var(--main-color); max-width: 25.66vw; margin: 4.92vw auto 0; padding: 0.3vw 0 .7vw;}
    .int_hd_all_menu ol li.active:first-child {margin-top: 0;}
    .int_hd_all_menu ol li + li {margin: 4.92vw auto 0;}
    .int_hd_all_menu ol li a {font-size: 2.40vw; font-weight: 500; color: #fff;}

    /* footer */
    .int_footer {padding: 0; height: 5.28vw; line-height: 5.78vw; text-align: center; z-index: 10;}
    .int_footer span {font-size: 1.68vw;}

    /* main */
    .int_visual .slide {height: 100vh;}
    .int_visual .text {bottom: 0; top: 50%; transform: translate(-50%,-50%); /* height: 112vw; */}
    .int_visual .text h2 {font-size: 6.00vw;}
    .int_visual .text p {font-size: 2.40vw; margin-top: 2.40vw;}
    .int_visual .text .move_btn {margin: 43.05vw auto 0; max-width: 39.45vw; height: 5.40vw;}
    .int_visual .text .move_btn a {padding: 0 2.88vw; font-size: 2.04vw;}
    .int_visual .text .move_btn img {width: 2.28vw;}
}

@media screen and (max-width: 462px) {
    /* header */
    .int_header .inner {padding: 6.7706vw 6.7100vw;}

    .int_visual .slide01 {background-image: url('/interior/img/main/int_visual01_390.jpg');}
    .int_visual .slide02 {background-image: url('/interior/img/main/int_visual02_390.jpg');}
    .int_visual .slide03 {background-image: url('/interior/img/main/int_visual03_390.jpg');}
    .int_visual .text {top: 58%;}

    .int_header .logo {width: 12.9870vw;}

    .burgerBtn {width: 4.1126vw; height: 3.2468vw;}
    .burgerBtn .line {margin-top: 1.0256vw;}

    .int_hd_all_menu {padding-bottom: 21.6450vw;}
    .int_hd_all_menu ul {/* margin-top: 58.0087vw; */ margin-top: 42.4242vw;}
    .int_hd_all_menu ul > li {margin-bottom: 17.3160vw;}
    .int_hd_all_menu ul > li.slide {margin-bottom: 14.2857vw;}
    .int_hd_all_menu ul > li > a {font-size: 4.7619vw;}
    .int_hd_all_menu ol {padding: 9.9567vw 0 0;}
    .int_hd_all_menu ol li.active {max-width: 46.3203vw; padding: 0.6494vw 0; margin-top: 8.8745vw;}
    .int_hd_all_menu ol li + li {margin-top: 8.8745vw;}
    .int_hd_all_menu ol li a {font-size: 3.0303vw;}

    /* footer */
    .int_footer {padding: 0; height: 6.7100vw; line-height: 7.5758vw;}
    .int_footer span {font-size: 2.1645vw;}

    /* main */
    .int_visual .slide {height: 100vh;}
    .int_visual .text h2 {font-size: 6.9264vw;}
    .int_visual .text p {font-size: 3.4632vw; margin-top: 6.0606vw;}
    .int_visual .text .move_btn {margin: 63.8528vw auto 0; max-width: 56.4935vw; height: 7.5758vw;}
    .int_visual .text .move_btn a {padding: 0 4.5455vw; font-size: 3.0303vw;}
    .int_visual .text .move_btn img {width: 3.2468vw;}
}

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

    /* header */
    .int_header .inner {padding: 6.1538vw 7.95vw;}

    .int_visual .slide01 {background-image: url('/interior/img/main/int_visual01_390.jpg');}
    .int_visual .slide02 {background-image: url('/interior/img/main/int_visual02_390.jpg');}
    .int_visual .slide03 {background-image: url('/interior/img/main/int_visual03_390.jpg');}
    .int_visual .text {top: 53%; bottom: auto;}

    .int_header .logo {width: 15.38vw;}
    .int_header .logo.active img {filter: brightness(0) invert(1); opacity: 1;}
    
    .burgerBtn {width: 4.87vw; height: 3.85vw;}
    .burgerBtn .line {margin-top: 1.0256vw;}

    .int_hd_all_menu {padding-bottom: 25.64vw;}
    .int_hd_all_menu ul {/* margin-top: 68.72vw; */ margin-top: 50.2564vw;}
    .int_hd_all_menu ul > li {margin-bottom: 20.51vw;}
    .int_hd_all_menu ul > li.slide {margin-bottom: 16.92vw;}
    .int_hd_all_menu ul > li > a {font-size: 5.6410vw;}
    .int_hd_all_menu ol {padding: 11.79vw 0 0;}
    .int_hd_all_menu ol li.active {max-width: 54.87vw; padding: 0.77vw 0; margin-top: 10.51vw;}
    .int_hd_all_menu ol li + li {margin-top: 10.51vw;}
    .int_hd_all_menu ol li a {font-size: 3.5897vw;}

    /* footer */
    .int_footer {padding: 0; height: 7.95vw; line-height: 8.97vw;}
    .int_footer span {font-size: 2.56vw;}

    /* main */
    .int_visual .slide {height: 100vh;}
    .int_visual .text h2 {font-size: 8.21vw;}
    .int_visual .text p {font-size: 4.10vw; margin-top: 7.18vw;}
    .int_visual .text .move_btn {margin: 70.64vw auto 0; max-width: 66.92vw; height: 8.97vw;}
    .int_visual .text .move_btn a {padding: 0 5.38vw; font-size: 3.59vw;}
    .int_visual .text .move_btn img {width: 3.85vw;}
}