body {
    font-size: 16px;
    font-size: 1.23vw;
    /* 16px → 1.23vw */
}

h2 {
    font-size: 2.46vw;
    /* 32px → (32/1300*100)vw ≒ 2.46vw */
    margin: 0 0 2.62vw;
    /* 34px → (34/1300*100)vw ≒ 2.62vw */
}

h2 span {
    font-size: 1.62vw;
    /* 21px → (21/1300*100)vw ≒ 1.62vw */
    margin: 0 0 0vw;
}

h2.line::before {
    content: "";
    width: 3.85vw;
    /* 50px → (50/1300*100)vw ≒ 3.85vw */
    height: 2.85vw;
    /* 37px → (37/1300*100)vw ≒ 2.85vw */
    margin-bottom: 1.54vw;
    /* 20px → (20/1300*100)vw ≒ 1.54vw */
}

h3 {
    font-size: 1.54vw;
    /* 20px → (20/1300*100)vw ≒ 1.54vw */
}

a img:hover {
    opacity: 0.6;
}

a {
    color: #313131;
}

p {
    line-height: 1.8;
    margin-bottom: 2.31vw;
    /* 30px → (30/1300*100)vw ≒ 2.31vw */
}

video {
    width: 100%;
}

.button {
    padding: 1.15vw 2.31vw;
    /* 15px 30px → (15/1300*100)vw, (30/1300*100)vw */
    font-size: 1.23vw;
    /* 16px → (16/1300*100)vw ≒ 1.23vw */
    border-radius: 2.31vw;
    /* 30px → (30/1300*100)vw ≒ 2.31vw */
    letter-spacing: 0.08vw;
    /* 1px → (1/1300*100)vw ≒ 0.08vw */
}

.button-square {
    padding: 1.54vw 2.62vw;
    /* 20px 34px → (20/1300*100)vw, (34/1300*100)vw */
    font-size: 1.23vw;
    /* 16px → (16/1300*100)vw ≒ 1.23vw */
    letter-spacing: 0.08vw;
    /* 1px → (1/1300*100)vw ≒ 0.08vw */
    border-radius: 3.85vw;
    /* 50px → (50/1300*100)vw ≒ 3.85vw */
}

.button:hover,
.button-square :hover {
    opacity: 0.6;
}

.w750 {
    max-width: 57.69vw;
    /* 750px → (750/1300*100)vw ≒ 57.69vw */
    margin: 0 auto 0;
}

.w900 {
    max-width: 69.23vw;
    /* 900px → (900/1300*100)vw ≒ 69.23vw */
    margin: 0 auto;
}

.w1200 {
    max-width: 92.31vw;
    /* 1200px → (1200/1300*100)vw ≒ 92.31vw */
    margin: 0 auto;
}

.w1300 {
    max-width: 100vw;
    /* 1300px → (1300/1300*100)vw = 100vw */
    margin: 0 auto;
}

.w1400 {
    max-width: 107.69vw;
    /* 1400px → (1400/1300*100)vw ≒ 107.69vw */
    margin: 0 auto;
}




.logo {
    width: 22.92vw;
    /* 298px → (298/1300*100)vw ≒ 22.92vw */
    margin: 3.54vw 0 3.31vw 3.23vw;
    /* 46px 0 43px 42px → 3.54vw 0 3.31vw 3.23vw */
}

header {
    padding: 0;
}


.hide-header {
    top: -11vw !important;  /* -143px → -11vw */
    /* headerの高さに合わせて調整 */
}

.mobile-nav,
.mobile-nav-wrapper-fixed {
    transition: top 0.3s ease;
}

main {
    margin-top: 11vw;  /* 143px → 11vw */
}



.header-icons ul {
    margin: 2.38vw 2.69vw 2.31vw 0;
    /* 31px 35px 30px 0 → 2.38vw 2.69vw 2.31vw 0 */
}

.header-icons ul li {
    width: 1.92vw;
    /* 25px → 1.92vw */
    margin: 0 0 0 2.00vw;
    /* 26px → 2.00vw */
}

.navigation {
    flex-grow: 1;
    margin: 1.54vw 2.69vw 1.77vw 0;
    /* 20px 35px 23px 0 → 1.54vw 2.69vw 1.77vw 0 */
}

.nav-list {
    margin: 0;
    padding: 0;
}

.nav-list li {
	margin: 0 0 0 2.54vw;
}

.nav-list li a {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
}

/* ハンバーガーメニュー */
.hamburger-menu {
    width: 2.31vw;
    height: 1.77vw;
    padding: 0;
    top: 2.9vw;
    right: 2.54vw;
    z-index: 1000;
}

.hamburger-menu span {
    width: 100%;
    height: 0.15vw;
    /* 2px → 0.15vw */
    border-radius: 0.15vw;
    /* 2px → 0.15vw */
    transition: 0.3s;
}

/* メニューが開いた時のアニメーション */
.hamburger-menu.open span:nth-child(1) {
    transform: translateY(0.77vw) rotate(45deg);
    /* 10px → 0.77vw */
}

.hamburger-menu.open span:nth-child(2) {
    opacity: 0;
}

.hamburger-menu.open span:nth-child(3) {
    transform: translateY(-0.77vw) rotate(-45deg);
    /* -10px → -0.77vw */
}

.mobile-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 35.38vw;
    /* 460px → 35.38vw */
    height: 100%;
    background: white;
    box-shadow: -0.15vw 0 0.77vw rgba(0, 0, 0, 0.1);
    /* -2px 0 10px → -0.15vw 0 0.77vw */
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    padding: 1.54vw 0 0 4.62vw;
    /* 20px 0 0 60px → 1.54vw 0 0 4.62vw */
    z-index: 999;
    overflow-y: auto;
    max-height: 100vh;
}

.mobile-nav.active {
    right: 0;
}

.mobile-nav ul {
    margin: 3.08vw 0 0.77vw;
    /* 40px 0 10px → 3.08vw 0 0.77vw */
}

.mobile-nav ul li {
    margin: 0.15vw 0 1.54vw;
    /* 2px 0 20px → 0.15vw 0 1.54vw */
}

.mobile-nav ul li a {
    margin: 0 0 3.85vw;
    /* 50px → 3.85vw */
    color: #222;
    text-decoration: none;
}

.mobile-nav ul li ul {
    margin: 0.77vw 0 0 1.54vw;
    /* 10px 0 0 20px → 0.77vw 0 0 1.54vw */
}

.mobile-nav .header-icons ul li {
    margin: 0 0.77vw 0;
    /* 10px → 0.77vw */
}


/*Google翻訳*/

.translate-icons-wrap {
	display: flex;
	justify-content: space-between;
	margin: 1.54vw 8.69vw 0 auto;
	width: 38.69vw;
}

.translate-icons {
	display: flex;
	width: 20.23vw;
	height: 4.38vw;
}



#flags {
    width: 12.69vw;
    /* 165px → 12.69vw */
    margin-top: 0.69vw;
    /* 9px → 0.69vw */
}

.goog-te-gadget img {
    width: 3.08vw;
    /* 40px → 3.08vw */
    height: 1.08vw;
    /* 14px → 1.08vw */
}

.header-icons {
    gap: 0.77vw;
    /* 10px → 0.77vw */
}

.header-icons ul {
    gap: 0.77vw;
    /* 10px → 0.77vw */
    padding: 0;
    margin: 0;
}

.header-icons li {}

.header-icons .icon-link img {
    width: auto;
    /* 24px → 1.85vw */
    height: 1.85vw;
    /* 24px → 1.85vw */
}

main {
    background-size: 100% auto;
}


/*メインビジュアル*/


.mv {
    width: 100%;
    height: calc(100vh - 11.15vw);
    /* 145px → 11.15vw */
}

.mv video {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.mv_cta_wrap {
    z-index: 10;
    bottom: 3.08vw;
    /* 40px → 3.08vw */
}

.mv_cta_items {
    width: 100%;
}

.mv_cta_items a {
    margin: 0 0.77vw;
    /* 10px → 0.77vw */
}

/* 追従バナー */
.sticky-bunner {
	position: fixed;
	bottom: 1.538vw;
	right: 1.308vw;
	z-index: 100;
	width: 14.385vw;
}

.sticky-bunner a {
    display: block;
    width: 100%;
    margin-left: auto;
}

.sticky-bunner2 {
	position: fixed;
	bottom: 1.538vw;
	right: 16.5vw;
	z-index: 100;
	width: 14.385vw;
}

.sticky-bunner2 a {
    width: 100%;
}

.sticky-bunner,
.sticky-bunner2 {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
}

.sticky-hidden {
    opacity: 0;
    visibility: hidden;
}

.meter-banner-close {
    top: -0.62vw;
    /* -8px → -0.62vw */
    right: -0.46vw;
    /* -6px → -0.46vw */
    z-index: 99999;
    padding: 0.31vw 0.62vw;
    /* 4px 8px → 0.31vw 0.62vw */
    border-radius: 1.92vw;
    /* 25px → 1.92vw */
    -webkit-box-shadow: 0 0 0.54vw rgb(0 0 0 / 40%);
    /* 7px → 0.54vw */
    box-shadow: 0 0 0.54vw rgb(0 0 0 / 40%);
}

/* トップページデコレーション */

.deco-top-01 img {
    top: 0px;
    width: 3.69vw;
    /* 48px → 3.69vw */
}

.deco-top-02 img {
    top: 41.77vw;
    /* 543px → 41.77vw */
    right: 0px;
    width: 5.00vw;
    /* 65px → 5.00vw */
}

.deco-top-05 img {
    top: -37.62vw;
    /* -489px → -37.62vw */
    left: -5.54vw;
    /* -72px → -5.54vw */
    width: 13.69vw;
    /* 178px → 13.69vw */
}

.deco-top-06 img {
    top: -4.62vw;
    /* -60px → -4.62vw */
    left: -5.54vw;
    /* -72px → -5.54vw */
    width: 17.62vw;
    /* 229px → 17.62vw */
}

.deco-top-07 img {
    top: -2.08vw;
    /* -27px → -2.08vw */
    right: -4.38vw;
    /* -57px → -4.38vw */
    width: 11.31vw;
    /* 147px → 11.31vw */
}

.deco-top-03 img {
    top: -4.85vw;
    /* -63px → -4.85vw */
    right: 0;
    width: 7.69vw;
    /* 100px → 7.69vw */
}

.deco-top-04 img {
    top: 34.23vw;
    /* 445px → 34.23vw */
    left: 0px;
    width: 9.00vw;
    /* 117px → 9.00vw */
}


/*お知らせ*/

.news-container {
    gap: 1.54vw;
    /* 20px → 1.54vw */
}

.sidebar {
    flex: 0 0 15.38vw;
    /* 200px → 15.38vw */
    margin-right: 2.31vw;
    /* 30px → 2.31vw */
}

.sidebar button {
    width: 100%;
    padding: 1.23vw 1.31vw;
    /* 16px 17px → 1.23vw 1.31vw */
    margin-bottom: 1.15vw;
    /* 15px → 1.15vw */
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 0.69vw;
    /* 9px → 0.69vw */
}

.sidebar .active {}

.sidebar .active::after {
    top: 50%;
    right: -0.54vw;
    /* -7px → -0.54vw */
    transform: translateY(-50%);
    border-left: 0.77vw solid #262827;
    /* 10px → 0.77vw */
    border-top: 0.77vw solid transparent;
    border-bottom: 0.77vw solid transparent;
}

.news {
    width: 92.31vw;
    /* 1200px → 92.31vw */
    margin: 6.15vw auto 4.62vw;
    /* 80px auto 60px → 6.15vw auto 4.62vw */
}

.news-list {
    flex: 2;
    margin-bottom: 3.08vw;
    /* 40px → 3.08vw */
}

.news-list.active {
    display: block;
}

.news-item {
    border-bottom: 1px dashed #ccc;
    padding: 2.00vw 0;
    /* 26px → 2.00vw */
    line-height: 1.8;
}

.news-item:first-child {
    padding: 0 0 2.00vw;
    /* 26px → 2.00vw */
}

.news-item:last-child {}

.news-date {
    flex: 0 0 7.69vw;
    /* 100px → 7.69vw */
}

.news-category {
    flex: 0 0 10.77vw;
    /* 140px → 10.77vw */
    padding: 0.15vw 0.77vw;
    /* 2px 10px → 0.15vw 0.77vw */
    font-size: 0.92vw;
    /* 12px → 0.92vw */
    margin-right: 1.77vw;
    /* 23px → 1.77vw */
}

.cta_items {
    width: 100%;
}

.cta_items a {
    margin: 0 0.77vw;
    /* 10px → 0.77vw */
}

.event,
.search_map,
.about,
.showroom,
.movie,
.archive {
    margin-bottom: 7.69vw;
    /* 100px → 7.69vw */
}




/*近日開催予定*/

.event .event-slider {
    margin: 0 auto 6.92vw;
    /* 90px → 6.92vw */
}

.swiper-scrollbar {
    background: #313131;
/*    height: 0.46vw;*/
    /* 6px → 0.46vw */
    border-radius: 0.23vw;
    /* 3px → 0.23vw */
    margin: 0px auto 5.38vw;
    /* 70px → 5.38vw */
    width: 92vw !important;
}

.swiper-scrollbar-drag {
    background: #FFDB01;
    border-radius: 0.23vw;
    /* 3px → 0.23vw */
}

.event-slider {
    margin-right: -7.69vw;
    /* -100px → -7.69vw */
}

.swiper-wrapper {
    display: flex;
    margin-right: -7.69vw;
    /* -100px → -7.69vw */
    transition: transform 0.3s ease-in-out;
}

.event-slider .swiper-slide {
    flex: 0 0 auto;
    width: 24.62vw;
    /* 320px → 24.62vw */
}

.event-slider .swiper-slide a {
    color: #313131;
}

.event-slider .swiper-slide a:hover {
    opacity: 0.6;
}

.event-slider .swiper-slide h3 {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 1.5;
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

.event-slider .swiper-slide p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 1.5;
}

.slide-img img {
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}

.event .event-slider .event-slider-container .slide h3 {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 1.5;
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

.event .event-slider .event-slider-container .slide p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 1.5;
}


/* search */
.search_map .search-map-wrapper {
    width: 92.31vw;
    /* 1200px → 92.31vw */
    height: 54.00vw;
    /* 702px → 54.00vw */
    z-index: 0;
}

.search_map .search-map-wrapper .search-map-title {
    top: 13%;
    left: 10%;
}

.search_map .search-map-wrapper .search-map-title {
    padding: 1.54vw;
    /* 20px → 1.54vw */
}

.search_map .search-map-wrapper .search-map-title::before,
.search_map .search-map-wrapper .search-map-title::after {
    content: "";
    width: 3.85vw;
    /* 50px → 3.85vw */
    height: 3.85vw;
    /* 50px → 3.85vw */
    border: 0.15vw solid black;
    /* 2px → 0.15vw */

}

.search_map .search-map-wrapper .search-map-title::before {
    top: 0;
    left: 0;
    border-bottom: none;
    border-right: none;
}

.search_map .search-map-wrapper .search-map-title::after {
    bottom: 0;
    right: 0;
    border-top: none;
    border-left: none;
}

.search_map .search-map-wrapper .search-map-title h2 {
    font-size: 3.08vw;
    /* 40px → 3.08vw */
    margin: 0 0 0vw;
}

.search_map .search-map-wrapper .search-map-title h2::before {
    content: none;
}

.search_map .search-map-wrapper .search-map-title p {
    font-size: 1.54vw;
    /* 20px → 1.54vw */
    margin: 0 auto;
    width: fit-content;
}

.search_map .search-map-wrapper .search-map-title p::after {
    left: 50%;
    bottom: 0.15vw;
    /* 2px → 0.15vw */
    width: 100%;
    height: 0.62vw;
    /* 8px → 0.62vw */
    transform: translateX(-50%);
    z-index: -1;
}

.search_map .search-map-wrapper .search-map-btn a {
    font-size: 1.31vw;
    /* 17px → 1.31vw */
    width: 14.38vw;
    /* 187px → 14.38vw */
    height: 3.62vw;
    /* 47px → 3.62vw */
    border-radius: 3.62vw;
    /* 47px → 3.62vw */
    line-height: 3em;
    border: 0.31vw solid #313131222;
    /* 4px → 0.31vw */
    color: #000000;
}

.search_map .search-map-wrapper .search-map-btn.btn-hokkaido {
    top: 36%;
    left: 75%;
}

.search_map .search-map-wrapper .search-map-btn.btn-tohoku {
    top: 55%;
    left: 67%;
}

.search_map .search-map-wrapper .search-map-btn.btn-kanto {
    top: 73%;
    left: 60%;
}

.search_map .search-map-wrapper .search-map-btn.btn-kinki {
    top: 43%;
    left: 32%;
}

.search_map .search-map-wrapper .search-map-btn.btn-shikoku {
    top: 54%;
    left: 19%;
}

.search_map .search-map-wrapper .search-map-btn.btn-kyusyu {
    top: 66%;
    left: 9%;
}

.search_map .search-map-wrapper .search-map-btn.btn-hokkaido a::before,
.search_map .search-map-wrapper .search-map-btn.btn-tohoku a::before,
.search_map .search-map-wrapper .search-map-btn.btn-kanto a::before {
    width: 8.08vw;
    /* 105px → 8.08vw */
    height: 0.23vw;
    /* 3px → 0.23vw */
    transform: translate(-100%, -50%) rotate(45deg);
    top: -22%;
    left: 10%;
    z-index: -1;
}

.search_map .search-map-wrapper .search-map-btn.btn-kinki a::before,
.search_map .search-map-wrapper .search-map-btn.btn-shikoku a::before {
    width: 8.08vw;
    /* 105px → 8.08vw */
    height: 0.23vw;
    /* 3px → 0.23vw */
    transform: translate(100%, -50%) rotate(54deg);
    top: 153%;
    left: 5%;
    z-index: -1;
}

.search_map .search-map-wrapper .search-map-btn.btn-kyusyu a::before {
    width: 8.08vw;
    /* 105px → 8.08vw */
    height: 0.23vw;
    /* 3px → 0.23vw */
    transform: translate(100%, -51%) rotate(25deg);
    top: 146%;
    left: 5%;
    z-index: -1;
}

.search_map .search-map-wrapper .search-map-btn-oversea {
    top: 70%;
    left: 80%;
}

.search_map .search-map-wrapper .search-map-btn-oversea a {
    font-size: 2.00vw;
    /* 26px → 2.00vw */
    width: 11.23vw;
    /* 146px → 11.23vw */
    height: 11.23vw;
    /* 146px → 11.23vw */
    border-radius: 11.23vw;
    /* 146px → 11.23vw */
    line-height: 1em;
    border: 0.38vw solid #313131222;
    /* 5px → 0.38vw */
    color: #000000;
    background-color: #ffffff;
    border: 0.23vw solid #222;
    /* 3px → 0.23vw */
}


/* about */

.about .about-wrapper .about-content .about-content-title {
    transform: translate(0, -50%);
    top: 50%;
    left: 7.69vw;
    /* 100px → 7.69vw */
    width: 37.92vw;
    /* 493px → 37.92vw */
    padding: 5.38vw 0;
    /* 70px → 5.38vw */
    box-shadow: 0.38vw 0.38vw 1.15vw rgba(0, 0, 0, 0.3);
    /* 5px 5px 15px → 0.38vw 0.38vw 1.15vw */
    backdrop-filter: blur(0.77vw);
    /* 10px → 0.77vw */
}

.about .about-wrapper .about-content .about-content-title h2 {
    font-size: 3.77vw;
    /* 49px → 3.77vw */
    margin: 0 0 0vw;
}

.about .about-wrapper .about-content .about-content-title h2 span {
    font-size: 2.00vw;
    /* 26px → 2.00vw */
}

.about .about-wrapper .about-content .about-content-title p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
}

.about .about-wrapper .about-content .about-content-img {
    width: 75.62vw;
    /* 983px → 75.62vw */
}

/* show room */
.showroom .showroom-wrapper .showroom-content {
    gap: 5.08vw;
    /* 66px → 5.08vw */
}

.showroom .showroom-wrapper .showroom-content .showroom-content-title {
    width: 42.31vw;
    /* 550px → 42.31vw */
}

.showroom .showroom-wrapper .showroom-content .showroom-content-title p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
}

.showroom .showroom-wrapper .showroom-content .showroom-content-img {
    width: 55.69vw;
    /* 724px → 55.69vw */
    height: 39.15vw;
    /* 509px → 39.15vw */
}

.showroom .showroom-wrapper .showroom-content .showroom-content-img img:first-child {
    width: 49.77vw;
    /* 647px → 49.77vw */
    height: 34.08vw;
    /* 443px → 34.08vw */
    top: 0;
    left: 0;
}

.showroom .showroom-wrapper .showroom-content .showroom-content-img img:last-child {
    width: 28.31vw;
    /* 368px → 28.31vw */
    height: 18.38vw;
    /* 239px → 18.38vw */
    bottom: 0;
    right: 0;
}


/* movie */

.movie {
    padding: 4.62vw 0 1.54vw;
    /* 60px 0 20px → 4.62vw 0 1.54vw */
}

.movie .movie-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3.85vw;
    /* 間隔調整 */
}

.movie .movie-wrapper ul li {
    width: 43.62vw;
    /* 567px → 43.62vw */
    margin-bottom: 3.85vw;
    /* 50px → 3.85vw */
}

/* YouTube動画をレスポンシブ対応 */
.movie .movie-wrapper ul li .movie-content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 の比率維持 */
}

.movie .movie-wrapper ul li .movie-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.movie .movie-wrapper ul li h3 {
    font-size: 1.62vw;
    /* 21px → 1.62vw */
    line-height: 1.5;
    margin-bottom: 1.15vw;
    /* 15px → 1.15vw */
}

.movie .movie-wrapper ul li p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 1.5;
}


/* archive */
.swiper-scrollbar-archive-wrapper {
    position: relative;
/*    height: 0.46vw; */
    margin-bottom: 3.08vw; /* 40px → 3.08vw */
}

.swiper-scrollbar-archive {
    position: absolute !important;
    background: #313131;
    height: 0.46vw; /* 6px → 0.46vw */
    border-radius: 0.23vw; /* 3px → 0.23vw */
    margin: 0 auto 5.38vw; /* 70px → 5.38vw */
    width: 92vw !important;
}


.archive-slider-wrapper {
    margin-bottom: 4.62vw;
    /* 60px → 4.62vw */
}

.archive-slider {
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
}

.archive-slider .swiper-wrapper {
    transition: transform 0.3s ease-in-out;
}

.archive-slider .swiper-slide {
    flex: 0 0 auto;
    width: 23.08vw;
    /* 300px → 23.08vw */
    padding-right: 0px;
}

.archive-slider .slide-img img {
    width: 100%;
    height: 16.08vw;
    /* 209px → 16.08vw */
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

.archive-slider .swiper-button-next,
.archive-slider .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}

/* contact */
.contact {
    padding: 5.38vw 0;
    /* 70px 0 → 5.38vw 0 */
}


/*about ミネラルマルシェとは*/

#about {
    margin-bottom: 6.92vw;
    /* 90px → 6.92vw */
}

#about .about_ {
    margin-top: 6.15vw;
    /* 80px → 6.15vw */
}

#about .about_ .w1200 h3 {
    font-size: 1.62vw;
    /* 21px → 1.62vw */
    margin-bottom: 1.08vw;
    /* 14px → 1.08vw */
}

#about .about_ .w1200 .about-head-title {
    margin-top: 7.69vw;
    /* 100px → 7.69vw */
    margin-bottom: 4.62vw;
    /* 60px → 4.62vw */
}

#about .sub-mv {
    height: 50.92vw;
    /* 662px → 50.92vw */
}

#about .sub-mv::before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #FFDB01;
    transform: translate(-100%, 0px);
    top: 0;
    left: 16.15vw;
    /* 21% → 16.15vw */
}

#about .sub-mv::after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    transform: translate(0%, 0px);
    top: 0;
    left: 19.23vw;
    /* 25% → 19.23vw */
}

#about .sub-mv .w1200 {
    height: 100%;
}

#about .sub-mv .w1200 .sub-mv-txt {
    z-index: 3;
    padding: 3.08vw 1.92vw 1.54vw;
    /* 40px 25px 20px → 3.08vw 1.92vw 1.54vw */
}

#about .sub-mv .w1200 .sub-mv-txt h1 {
    margin: 0 0 1.31vw;
    /* 17px → 1.31vw */
    padding: 0;
    font-size: 1.85vw;
    /* 24px → 1.85vw */
}

#about .sub-mv .w1200 h2 {
    font-size: 3.23vw;
    /* 42px → 3.23vw */
    line-height: 1.3;
    margin: 0.77vw 0;
    /* 10px 0 → 0.77vw 0 */
}

#about .sub-mv .w1200 p {
    line-height: 2;
}

.contact h2 {
    margin-bottom: 1.54vw;
    /* 20px → 1.54vw */
}

.contact h2::before {}

.contact .contact-subtitle {
    font-size: 1.62vw;
    /* 21px → 1.62vw */
    margin-bottom: 4.23vw;
    /* 55px → 4.23vw */
}

.contact .contact-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3.85vw 0;
    /* 50px 0 → 3.85vw 0 */
    margin-bottom: 1.92vw;
    /* 25px → 1.92vw */
    backdrop-filter: blur(0.77vw);
    /* 10px → 0.77vw */
}

.contact .contact-wrapper h3 {
    font-size: 1.69vw;
    /* 22px → 1.69vw */
    margin-bottom: 1.15vw;
    /* 15px → 1.15vw */
    line-height: 2;
}

.contact .contact-wrapper p {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
}

.contact .contact-wrapper p.contact-tell {
    font-size: 2.31vw;
    /* 30px → 2.31vw */
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
    line-height: 1.6;
}

.contact .contact-wrapper p.contact-tell span {
    font-size: 0.7em;
}

/* banner */
.banner {
    margin: 5.38vw auto;
    /* 70px auto → 5.38vw auto */
}

.banner ul {}

.banner ul li {
	width: 22.31vw;
}


/* footer */

.breadcrum-wrapper {
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

.breadcrum-wrapper a {}

footer {
    padding: 4.62vw 0 4.62vw;
    /* 60px 0 60px → 4.62vw 0 4.62vw */
}

footer .footer-flex {
    margin-bottom: 4.62vw;
    /* 60px → 4.62vw */
}

footer .footer-flex .footer-info {}

footer .footer-flex .footer-info .footer-info-logo {
    width: 19.92vw;
    /* 259px → 19.92vw */
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

footer .footer-flex .footer-info .footer-info-text {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
    line-height: 2;
    margin-bottom: 0.77vw;
    /* 10px → 0.77vw */
}

footer .footer-flex .footer-info .footer-info-sns ul {
    gap: 2.08vw;
    /* 27px → 2.08vw */
}

footer .footer-flex .footer-info .footer-info-sns ul li {
    width: 1.77vw;
    /* 23px → 1.77vw */
}

footer .footer-flex .footer-navigation {
    margin-top: 1.15vw;
    /* 15px → 1.15vw */
}

footer .footer-flex .footer-navigation ul {
    gap: 3.54vw;
    /* 46px → 3.54vw */
    margin-bottom: 1.92vw;
    /* 25px → 1.92vw */
}

footer .footer-flex .footer-navigation ul li {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
}

footer .footer-flex .footer-navigation ul li a {}

footer .footer-copy {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
}


/* 下層ページ ヘッダー */
.sub-mv {
    width: 100%;
    height: 13.846vw;
    /* 180px → 13.846vw */
    padding: 0px;
}

.sub-mv .w1200 {
    height: 100%;
}

.sub-mv .w1200 h1 {
    font-size: 2.462vw;
    /* 32px → 1.23vw */
    line-height: 1.6;
    border-left: 0.384vw solid #000;
    /* 5px → 1.23vw */
    padding: 0.154vw 2.154vw 0;
    /*  2px 28px 0 → 0.154vw 2.154vw 0 */
}

.sub-mv .w1200 span {
    font-size: 1.615vw;
    /* 21px → 1.615vw */
}

.sub-mv-photo {
    width: 100%;
    height: 3.076vw
        /* 40px → 3.076vw */
}



/*下層ミネラルマルシェとは*/
/*ミネラルマルシェはどんなところ？*/
#about .message {
    margin-bottom: 6.154vw;
    /* 80px → 6.154vw */
    width: 100%;
}

#about .message div:first-child {
    flex: 1;
    max-width: 37.615vw;
    /* 489px → 37.615vw */
}

#about .message div:last-child {
    flex: 2;
    margin-left: 5%;
}

#about .message div:last-child h2 {
    font-size: 3.231vw;
    /* 42px → 3.231vw */
    line-height: 1.5;
    margin: 1em 0;
}

#about .message div:last-child h2 span {
    background: linear-gradient(transparent 65%, #FFDB01 65%, #FFDB01 90%, transparent 90%);
    font-size: 1em;
}

#about .message div:first-child img {
    width: 37.61vw
        /* 489px → 37.61vw */
}

#about .message div:first-child p {
    margin-top: 1em;
    line-height: 1.5;
}

#about .about_ .w1200 .event,
#about .about_ .w1200 .event h3 {
    text-align: center;
}

#about h2.wing-marker {
    font-size: 2.923vw;
    /* 38px → 2.923vw */
}

#about h2.wing-marker::before,
#about h2.wing-marker::after {
    top: 50%;
    width: 3.385vw;
    /* 44px → 3.385vw */
    height: 0.154vw;
    /* 2px → 0.154vw */
}

#about h2.wing-marker::before {
    left: -1.5em;
}

#about h2.wing-marker::after {
    right: -1.5em;
}

#about .about_ .w1200 .event p {
    margin-bottom: 2em;
}

#about .about_ .w1200 .event img {
    max-width: 50.462vw;
    /* 656px → 50.462vw */
    margin-bottom: 5.385vw;
    /* 70px → 5.385vw */
}

#about .about_ .w1200 .event .event-list {
    margin-top: 5.769vw;
    /* 75px → 5.769vw */
}

#about .about_ .w1200 .event .event-list li {
    margin-bottom: 3.077vw;
    /* 40px → 3.077vw */
}

#about .about_ .w1200 .event .event-list li img,
#about .about_ .w1200 .event .event-list li div {
    margin: 0 1%;
}

#about .about_ .w1200 .event .event-list li img {
    max-width: 48.462vw;
    /* 630px → 48.462vw */
}

#about .about_ .w1200 .event .event-list li:nth-child(even) {}

#about .about_ .w1200 .event .event-list li .event-list-num {
    font-size: 3vw;
    /* 39px → 3vw */
}

#about .about_ .w1200 .event .event-list li h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
}

#about .about_ .w1200 .event .event-list li h3,
#about .about_ .w1200 .event .event-list li p {}

/*ミネラルマルシェとはスライダー*/
.about-slider {
    margin-bottom: 6.154vw;
    /* 80px → 6.154vw */
}

.about-slider .swiper-wrapper {
    transition: transform 0.3s ease-in-out;
}

.about-slider .swiper-slide {
    flex: 0 0 auto;
    width: 23.077vw;
    /* 300px → 23.077vw */
    margin-right: 0px;
}

.about-slider .slide-img img {
    width: 100%;
}

.about-slider .swiper-button-next,
.about-slider .swiper-button-prev {
    top: 50%;
}

.about-slider .swiper-button-next {
    right: 0;
}

.about-slider .swiper-button-prev {
    left: 0;
}

.swiper .swiper-wrapper {
    transition-timing-function: linear;
}


/* 全国各地で開催中！ */
#about .about_ .w1200 .about-info {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#about .about_ .w1200 .about-info,
#about .about_ .w1200 .about-info h3 {}

#about .about_ .w1200 .about-info h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
}

#about .about_ .w1200 .about-info h3::before,
#about .about_ .w1200 .about-info h3::after {
    top: 50%;
    width: 3.385vw;
    /* 44px → 3.385vw */
    height: 0.154vw;
    /* 2px → 0.154vw */
}

#about .about_ .w1200 .about-info h3::before {
    left: -1.5em;
}

#about .about_ .w1200 .about-info h3::after {
    right: -1.5em;
}

#about .about_ .w1200 .about-info p.marker {
    margin: 0 auto 3.846vw;
    /* 50px → 3.846vw */
}

#about .about_ .w1200 .about-info .info-sns ul {
    gap: 2vw;
    /* 26px → 2vw */
    margin-top: 2em;
}

#about .about_ .w1200 .about-info .info-sns ul li {
    width: 1.769vw;
    /* 23px → 1.769vw */
}

#about .movie {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}


/*鉱物友の会とは*/
#about .about-news-letter {}

#about .about-news-letter div:last-child {
    margin-left: 2%;
    width: 100%;
    max-width: 45.231vw;
    /* 588px → 45.231vw */
}

#about .about-news-letter img {
    max-width: 45.231vw;
    /* 588px → 45.231vw */
}

#about .about-news-letter .cta_items {
    margin-top: 2vw;
    /* 26px → 2vw */
}

#about .about-news-letter .cta_items a {
    margin-left: 0;
}


/* 下層 過去の会場の様子 */
#archive {
    margin-bottom: 6.923vw;
    /* 90px → 6.923vw */
}

#archive .archive_ {
    margin-top: 0.769vw;
    /* 10px → 0.769vw */
}

#archive .archive_ .w1200 h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#archive .archive_ .w1200 .archive-gallery ul {
    gap: 3.231vw;
    /* 42px → 2vw */
}

#archive .archive_ .w1200 .archive-gallery ul li {
    width: calc((92.308vw - 6.462vw) / 3);
    /* ((1200px - 84px) / 3) → ((92.308vw - 6.462vw) / 3) */
}

#archive .archive_ .w1200 .archive-gallery ul li img {
    width: 100%;
    height: 19.231vw;
    /* 250px → 2vw */
    margin-bottom: 0.769vw;
    /* 10px → 2vw */
}

#archive .archive_ .w1200 .archive-gallery ul li .post-title {
    font-size: 1.077vw;
    /* 14px → 2vw */
    line-height: 1.5;
}

/* 下層 月刊ミネラルマルシェ */

.manthly-items {
    display: flex;
    justify-content: space-between;
}

.manthly-items .item:nth-child(1) {
    width: calc(386 / 1300 * 100vw);
}

.manthly-items .item:nth-child(2) {
    width: calc(766 / 1300 * 100vw);
}

/* 下層 会報誌 */
#news_letter {
    margin-bottom:  6.923vw;
    /* 90px → 6.923vw */
}

#news_letter .news_letter_ .w1200 h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#news_letter .news_letter_ .w1200 .ishitomo-gallery {
    margin-bottom: 3.846vw;
    /* 50px → 3.846vw */
}

#news_letter .news_letter_ .w1200 .ishitomo-gallery ul {
    gap: 3.231vw;
    /* 42px → 3.231vw */
}

#news_letter .news_letter_ .w1200 .ishitomo-gallery ul li {
    width: calc((92.308vw - 6.462vw) / 3);
    /* ((1200px - 84px) / 3) → ((92.308vw - 6.462vw) / 3) */
}

#news_letter .news_letter_ .w1200 .ishitomo-gallery ul li a {
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#news_letter .news_letter_ .w1200 .ishitomo-gallery ul li p {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
}

#news_letter .news_letter_ .w1200 .newsletter-list {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#news_letter .news_letter_ .w1200 .newsletter-list ul {}

#news_letter .news_letter_ .w1200 .newsletter-list ul li {
    width: calc((92.308vw - (3.077vw * 2)) / 3);
    /* ((1200px - (40px * 2)) / 3) → ((92.308vw - (3.077vw * 2)) / 3) */
    margin: 0 3.077vw;
    /* 0 40px → 0 3.077vw */
    padding: 0.769vw 0px 0;
    /* 10px 0 0 → 0.769vw 0 0 */
}

#news_letter .news_letter_ .w1200 .newsletter-list ul li:nth-child(1n) {
    margin-left: 0
}

#news_letter .news_letter_ .w1200 .newsletter-list ul li:nth-child(3n) {
    margin-right: 0
}

/*
#news_letter .news_letter_ .w1200 .newsletter-list ul li:nth-child(n + 4) {
    border-top: none;
}
*/

#news_letter .news_letter_ .w1200 .newsletter-list ul li:nth-child(3n),
#news_letter .news_letter_ .w1200 .newsletter-list ul li:nth-child(3n - 1) {}

#news_letter .news_letter_ .w1200 .newsletter-list ul li a.newsletter-list-link {
    padding: 1.385vw 0 2.308vw;
    /* 18px 0 30px → 1.385vw 0 2.308vw */
    color: #000;
}

#news_letter .news_letter_ .w1200 .newsletter-list ul li a.newsletter-list-link::before {
    width: 1.846vw;
    /* 24px → 1.846vw */
    height: 1.538vw;
    /* 20px → 1.538vw */
    transform: translate(-50%, -50%);
    top: 50%;
    right: 0%;
}

#news_letter .news_letter_ .w1200 .newsletter-list ul li .edit-link {
    margin-top: 1.538vw;
    /* 20px → 1.538vw */
}




/*下層 ショールーム店舗一覧*/

#showroom_archive .showroom-gallery ul {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	width: 100%;
	gap: 3.69vw; /* 48px → 3.69vw */
}

#showroom_archive .showroom-gallery ul li {
    width: 37%;
}

#showroom_archive .showroom-gallery ul li:nth-child(2n) {
    width: 59%;
}

#showroom_archive .showroom-gallery ul li a {
    text-decoration: none;
    text-align: center;
    color: #333;
}

#showroom_archive .showroom-gallery ul li a:hover {
    opacity: 0.7;
}

#showroom_archive .showroom-gallery ul li a.button {
    color: #fff;
}

#showroom_archive .showroom-gallery ul li a h2.title {
    font-size: 1.38vw; /* 18px → 1.38vw */
    margin-bottom: 0.77vw; /* 10px → 0.77vw */
}

#showroom_archive .showroom-gallery ul li .showroom-meta ul {
    gap: 0;
}

#showroom_archive .showroom-gallery ul li .showroom-meta li {
    width: 100%;
}

#showroom_archive .showroom-gallery ul li h2 {
    margin-bottom: 1.38vw; /* 18px → 1.38vw */
}

.circle-button-wrap {
    position: relative;
}

.circle-button-pos {
    position: absolute;
    top: 12vw; /* 156px → 12vw */
    right: 0;
}

.circle-button {
    display: inline-block;
    width: 3.85vw;  /* 50px → 3.85vw */
    height: 3.85vw; /* 50px → 3.85vw */
    background-color: #1c1c1c;
    border-radius: 50%; /* 円形なので固定 */
    position: relative;
    text-decoration: none;
}

.circle-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 46% /* 46% of 50px = 23px → 23 / 1300 * 100 = 1.77vw + 50% = 3.54vw（相対位置） */
    width: 0.62vw;  /* 8px → 0.62vw */
    height: 0.62vw; /* 8px → 0.62vw */
    border-top: 0.15vw solid #fff;  /* 2px → 0.15vw */
    border-right: 0.15vw solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

/*下層 ショールームお知らせ一覧*/

#showroom {
    margin-bottom: 0;
    padding: 0 0 0.92vw;
}

#showroom .showroom_ .w1200 h3 {
    font-size: 2.46vw;
    /* 32px → 2.46vw */
    margin-bottom: 2.31vw;
    /* 30px → 2.31vw */
}

#showroom .showroom_ .w1200 .showroom-gallery {
    padding-bottom: 3.85vw;
    /* 50px */
}

#showroom .showroom_ .w1200 .showroom-gallery ul {
    gap: 3.23vw;
    /* 42px */
}

#showroom .showroom_ .w1200 .showroom-gallery ul li {
    width: calc((92.31vw - 6.46vw) / 3);
    /* 1200px - 84px → 92.31vw - 6.46vw */
}

#showroom .showroom_ .w1200 .showroom-gallery ul li a {
    margin-bottom: 0.77vw;
    /* 10px */
    display: block;
}

#showroom .showroom_ .w1200 .showroom-gallery ul li p {
    font-size: 1.23vw;
    /* 16px */
}

#showroom .showroom_ .w1200 .showroom-gallery ul li p.showroom-event-shop {
    padding-bottom: 0px;
    margin:2vw 0 0;
    font-size: 1vw;
}

#showroom .showroom_ .w1200 .showroom-gallery ul li p.showroom-event-title {
    padding-bottom: 0;
    margin-bottom: 0;
}

#showroom .showroom_ .w1200 .showroom-gallery ul li p.update-date {
    color: #B1B1B1;
    padding: 0;
    margin-top: 0;
}



/*下層 ショールームお知らせ詳ページ*/

.showroom-event-page {
    margin: 0 auto 6.92vw;
    /* 90px → 6.92vw */
}

.showroom-event-page .two-column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* モバイル対応も想定する場合 */
}

.showroom-event-page .showroom-main-column {
    width: 73%;
    /* 必要に応じて vw に変更もOK */
}

.showroom-event-page .showroom-sidebar {
    width: 22%;
}

.showroom-event-page h3 {
    font-size: 1.23vw;
    /* 16px → 1.23vw */
}





/*下層　お知らせ一覧*/

.news-page h2 {
    margin-bottom: 0;
}

.news-page-items {
    margin-top: 5vw;
}

.news-page-items .news-page-item {
    width: 78%;
}

.news-page-items .news-page-item:nth-child(2n) {
    width: 18%;
}

.news-page-items .news-page-item a {
    margin-bottom: 1.538vw;
    /* 20px → 1.538vw */
    width: 70%;
}


/*ページネーション*/

.pagination {
    gap: 0.769vw;
    /* 10px → 0.769vw */
    margin: 1.538vw 0 4.615vw;
    /* 20px 0 60px → 1.538vw 0 4.615vw */
}

.pagination .page-numbers {
    width: 3.077vw !important;
    /* 40px → 3.077vw */
    height: 3.077vw;
    /* 40px → 3.077vw */
    line-height: 3.077vw;
    /* 40px → 3.077vw */
    font-size: 1.077vw;
    /* 14px → 1.077vw */
}

.pagination .page-numbers:hover {}

.pagination .current {}


/*下層 マルシェ一覧*/
#marche {
    margin: 0 auto 6.923vw;
    /* 10px → 6.923vw */
}


#marche .marche_ .w1200 h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#marche .marche_ .w1200 .marche-head-title {
    margin-top: 7.692vw;
    /* 100px → 7.692vw */
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#marche .marche_ .w1200 .marche-gallery {
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#marche .marche_ .w1200 .marche-gallery ul {
    gap: 3.231vw;
    /* 42px → 3.231vw */
}

#marche .marche_ .w1200 .marche-gallery ul li {
    width: calc((92.308vw - 6.462vw) / 3);
    /* ((1200px - 84px) / 3) → ((92.308vw - 6.462vw) / 3) */
}

#marche .marche_ .w1200 .marche-gallery ul li a {
    margin-bottom: 3.077vw;
    /* 40px → 3.077vw */
}

#marche .marche_ .w1200 .marche-gallery ul li a:hover {}

#marche .marche_ .w1200 .marche-gallery ul li p {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
    line-height: 1.5;
}

#marche .marche_ .w1200 .marche-gallery ul li p.marche-title {
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#marche .marche_ .w1200 .marche-gallery ul li p.marche-date {}

ul.marche-gallery li img {
    width: 100%;
    height: 19.538vw;
    /* 254px → 19.538vw */
}

ul.marche-gallery li img:hover {}

#marche .marche_ .w1200 .marche-list {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#marche .marche_ .w1200 .marche-list ul {}

#marche .marche_ .w1200 .marche-list ul li {
    width: calc((92.308vw - (3.077vw * 2)) / 3);
    /* ((1200px - (40px * 2)) / 3) → ((92.308vw - (3.077vw * 2)) / 3) */
    margin: 0 3.077vw;
    /* 0 40px → 0 3.077vw */
    padding: 1.538vw 0px 0;
    /* 20px 0px 0 → 1.538vw 0px 0 */
}

#marche .marche_ .w1200 .marche-list ul li:nth-child(1n) {
    margin-left: 0
}

#marche .marche_ .w1200 .marche-list ul li:nth-child(3n) {
    margin-right: 0
}

/*
#marche .marche_ .w1200 .marche-list ul li:nth-child(n + 4) {
    border-top: none;
}
*/

#marche .marche_ .w1200 .marche-list ul li:nth-child(3n),
#marche .marche_ .w1200 .marche-list ul li:nth-child(3n - 1) {}

#marche .marche_ .w1200 .marche-list ul li a:hover {}


#marche .marche_ .w1200 .marche-list ul li a.marche-list-link {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
}

#marche .marche_ .w1200 .marche-list ul li a.marche-list-link p.marche-list-title {
    margin-bottom: 0.385vw;
    /* 5px → 0.385vw */
}

#marche .marche_ .w1200 .marche-list ul li a.marche-list-link p.marche-list-date {
    color: #B1B1B1;
    margin: 0;
    padding: 0 0 2.615vw;
    /* 0 0 34px → 0 0 2.615vw */
}

#marche .marche_ .w1200 .marche-list ul li a.marche-list-link::before {
    width: 1.846vw;
    /* 24 → 1.538vw */
    height: 1.538vw;
    /* 20px → 1.538vw */
    transform: translate(-50%, -50%);
    top: 43%;
    left: 98%;
}

#marche .marche_ .w1200 .marche_cta_items {
    margin: 0 auto;
    text-align: center;
}

/* 下層 マルシェ詳細 */
#marche_info {
    margin-bottom: 6.923vw;
    /* 0 auto 90px → 0 auto 6.923vw */
}

#marche_info .marche_info_ {
    margin-top: 0;
}

#marche_info .marche_info_ .w1200 h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#marche_info .marche_info_ .w1200 h4 {
    font-size: 1.846vw;
    /* 24px → 1.846vw */
    margin-bottom: 3.077vw;
    /* 40px → 3.077vw */
}

#marche_info .marche_info_ .w1200 .marche_info-head-title {
    margin-top: 7.692vw;
    /* 100px → 7.692vw */
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex {
    margin-bottom: 7.692vw;
    /* 100px → 7.692vw */
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-img {
    width: 29.692vw;
    /* 386px → 29.692vw */
    margin-right: 3vw;
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-img .marche-info-detail-img-end {
    width: 100%;
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-img .marche-info-detail-img-end::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-img .marche-info-detail-img-end p {
    top: 50%;
    left: 50%;
    font-size: 1.231vw;
    /* 16px → 1.231vw */
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-img .marche-info-detail-img-end img {}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-txt {
    /* width: 58.923vw; */
    /* 766px → 58.923vw */
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-txt p {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
    line-height: 2em;
}

#marche_info .marche_info_ .w1200 .marche-info-detail-flex .marche-info-detail-txt p a {}

#marche_info .marche_info_ .marche-info-date {
    padding: 4.615vw 0;
    /* 60px 0 → 4.615vw 0 */
    margin-bottom: 8.462vw;
    /* 110px → 8.462vw */
}

#marche_info .marche_info_ .marche-info-date .w1200 ul {
    gap: 2.308vw;
    /* 30px → 2.308vw */
}

#marche_info .marche_info_ .marche-info-date .w1200 ul li {
    width: 29.231vw;
    /* 380px → 29.231vw */
    padding: 2.308vw 0;
    /* 30px 0 → 2.308vw 0 */
}

#marche_info .marche_info_ .marche-info-date .w1200 ul li .marche-info-date-day {
    font-size: 2.154vw;
    /* 28px → 2.154vw */
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#marche_info .marche_info_ .marche-info-date .w1200 ul li .marche-info-date-time {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
}

#marche_info .marche_info_ .w1200 .marche-info-media {
    margin-bottom: 5.385vw;
    /* 70px → 5.385vw */
}

#marche_info .marche_info_ .w1200 .marche-info-media .marche-info-media-txt {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
    line-height: 2em;
}

#marche_info .marche_info_ .w1200 .marche-info-overview {
    margin-bottom: 6.154vw;
    /* 80px → 6.154vw */
}

#marche_info .marche_info_ .w1200 .marche-info-overview table {
    width: 100%;
    border-spacing: 0px 0.769vw;
    /* 10px → 0.769vw */
    margin-top: -0.769vw;
    /* -10px → -0.769vw */
}

#marche_info .marche_info_ .w1200 .marche-info-overview table tr {
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#marche_info .marche_info_ .w1200 .marche-info-overview table tr :last-child {
    margin-bottom: 0px;
}

#marche_info .marche_info_ .w1200 .marche-info-overview table tr th {
    width: 15.692vw;
    /* 204px → 15.692vw */
    padding: 1.077vw 0.923vw;
    /* 14px 12px → 1.077vw 0.923vw */
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#marche_info .marche_info_ .w1200 .marche-info-overview table tr td {
    padding: 1.077vw 0.923vw;
    /* 14px 12px → 1.077vw 0.923vw */
}

#marche_info .marche_info_ .w1200 .marche-info-overview table tr td,
#marche_info .marche_info_ .w1200 .marche-info-overview table tr th {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
    line-height: 1.5em;
}

#marche_info .marche_info_ .marche-info-slide .marche-info-slider {
    margin: 0 0 7.692vw auto;
    /* 0 0 100px auto → 0 0 7.692vw auto */
}

#marche_info .marche_info_ .marche-info-slide .marche-info-slider .marche-info-slider-container {
    gap: 2.308vw;
    /* 30px → 2.308vw */
    width: 123.538vw;
    /* 1606px → 123.538vw */
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#marche_info .marche_info_ .marche-info-slide .marche-info-slider .marche-info-slider-container .slide {
    width: 29.231vw;
    /* 380px → 29.231vw */
}

#marche_info .marche_info_ .marche-info-access-flex {
    margin-bottom: 7.692vw;
    /* 100px → 7.692vw */
}

#marche_info .marche_info_ .marche-info-access-flex .marche-info-access-txt {
    line-height: 1.5;
}

#marche_info .marche_info_ .marche-info-access-flex .marche-info-access-map {
    width: 60.615vw;
    /* 788px → 60.615vw */
}

.map-container {
    width: 100%;
    height: 34.615vw;
    /* 450px → 34.615vw */
    margin: 0 auto;
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}




#marche_info .marche_info_ .marche-info-aroud-link {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#marche_info .marche_info_ .marche-info-aroud-link ul {
    gap: 2.308vw;
    /* 30px → 2.308vw */
}

#marche_info .marche_info_ .marche-info-aroud-link ul li {
    width: 29.231vw;
    /* 380px → 29.231vw */
}

#marche_info .marche_info_ .marche-info-aroud-link ul li a {}

#marche_info .marche_info_ .marche-info-aroud-link ul li a img {
    max-width: 100%;
    max-height: 4.923vw;
    /* 64px → 4.923vw */
}

#marche_info .marche_info_ .marche-info-aroud-link ul li a p {
    margin-top: 1.538vw;
    /* 20px → 1.538vw */

}

#marche_info .marche_info_ .marche-info-exhibitors ul {
    gap: 2.308vw;
    /* 30px → 2.308vw */
    row-gap: 1.538vw;
    /* 20px → 1.538vw */
    margin-bottom: 5.385vw;
    /* 70px → 5.385vw */
}

#marche_info .marche_info_ .marche-info-exhibitors:last-child ul {
    margin-bottom: 7.692vw;
    /* 100px → 7.692vw */
}

#marche_info .marche_info_ .marche-info-exhibitors ul li {
    width: 29.231vw;
    /* 380px → 29.231vw */
}

#marche_info .marche_info_ .marche-info-exhibitors ul li a {}

#marche_info .marche_info_ .marche-info-exhibitors ul li a p {
    margin-left: 1.5em;
}

#marche_info .marche_info_ .marche-info-exhibitors ul li a p::before {
    height: 0.077vw;
    /* 1px → 0.077vw */
    width: 1em;
    transform: translate(0%, -50%);
    top: 50%;
    left: -1.5em;
}

/*下層 固定ページ*/
.page {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

/*下層 フォーム*/
.gform_heading {
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}


/*フォーム*/


/*マルシェ店舗リスト*/

#marche .marche_shop .marche-shop-info {}

#marche .marche_shop .w1200 .marche-gallery {
    margin-bottom: 3.846vw;
    /* 50px → 3.846vw */
}

#marche .marche_shop .w1200 .marche-gallery {
    gap: 0.769vw;
    /* 10px → 0.769vw */
}

#marche .marche_shop .w1200 .marche-gallery li {
    width: calc((100% - 1.538vw) / 3);
    /* ((100% - 20px) / 3) → ((100% - 1.538vw) / 3) */
}

#marche .marche_shop .w1200 .marche-gallery li a {
    margin-bottom: 3.077vw;
    /* 40px → 3.077vw */
}

#marche .marche_shop .w1200 .marche-gallery li p {
    font-size: 1.231vw;
    /* 16px → 1.231vw */
    line-height: 1.5;
}

#marche .marche_shop .w1200 .marche-gallery li p.marche-title {
    margin-bottom: 0.769vw;
    /* 10px → 0.769vw */
}

#marche .marche_shop .w1200 .marche-gallery li p.marche-date {}

#marche .marche_shop .w1200 .marche-list {
    margin-bottom: 6.923vw;
    /* 90px → 6.923vw */
}

#marche .marche_shop .w1200 .marche-list ul {}

#marche .marche_shop .w1200 .marche-list ul li {
    width: calc(100% / 5);
    max-width: 2.154vw;
    /* 28px → 2.154vw */
    margin-right: 2%;
}

.kaisha {
    width: 100%;
    border-spacing: 0.7vw;
    border-collapse: separate;
}

.kaisha th,
.kaisha td {
    padding: 1em;
    /*
    border-top: 0.384vw solid #fff;
    border-bottom: 0.384vw solid #fff;
*/
    line-height: 2;
}

.kaisha th {
    width: 10em;
}

.marche-logo {
    flex: 1;
    max-width: 24.769vw;
    /* 322px → 24.769vw */
    margin-right: 3%;
}

.marche-list-area {
    flex: 2;
}

.kaisha ul li {
    max-width: 2.154vw;
    /* 28px → 2.154vw */
    margin-right: 2%;
}


/* 下層 会社概要 */
#company {
    margin: 0 auto 6.923vw;
    /* 0 auto 90px → 0 auto 6.923vw */
}

#company .company_ .w1200 h3 {
    font-size: 2.462vw;
    /* 32px → 2.462vw */
    margin-bottom: 2.308vw;
    /* 30px → 2.308vw */
}

#company .company_ .w1200 .company-head-title {
    margin-top: 7.692vw;
    /* 100px → 7.692vw */
    margin-bottom: 4.615vw;
    /* 60px → 4.615vw */
}

#company .company_ .w1200 > div {
    margin-bottom: 6.923vw;
    /* 90px → 6.923vw */
}

/*企業理念*/
#company .corp-philosophy {}

#company .corp-philosophy div {
    width: 50%;
}

#company .corp-philosophy div:last-child {
    max-width: 43.615vw;
    /* 567px → 43.615vw */
    margin-left: 3%;
}

/*アクセスマップ*/
#company .acs-map {
    flex-direction: column;
}

#company .acs-map div {
    width: 100%;
}

#company .acs-map iframe {
    width: 100%;
    height: 60vw;
}

.map-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9アスペクト比 */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*代表挨拶*/
#company .message {}

#company .message div:first-child {
    width: 100%;
    max-width: 22.615vw;
    /* 294px → 22.615vw */
    margin-right: 5%;
}

#company .message div:first-child p {
    margin-top: 1em;
    line-height: 1.5;
}

/*企業情報・沿革*/
.news-page-items {}

.company-list-area .company-item {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding: 2vw 0;
    /* 26px → 2vw */
}

.corp-info .company-list-area .company-list .company-item:last-child {}

.corp-info .company-list-area .company-list .company-item:last-child .company-title {
    line-height: 2;
}

.company-list {
    width: 100%;
    border-top: 1px dashed #ccc;
}

.company-list-area .company-item a {
    margin-bottom: 1.538vw;
    /* 20px → 1.538vw */
    width: 70%;
}

.company-title {
    flex: 1;
}

.company-date {
    flex: 0 0 15.385vw;
    /* 0 0 200px → 0 0 15.385vw */
}


/*gravity forms*/

.gform-body input[type="submit"],
.gform_next_button {
    margin: 0vw 0 3vw !important;
    /* 42px 0 0 → 3.231vw 0 0 */
    padding: 1.154vw 2.308vw !important;
    /* 15px 30px → 1.154vw 2.308vw */
    font-size: 1.231vw !important;
    /* 16px → 1.231vw */
    border-radius: 2.308vw !important;
    /* 30px → 2.308vw */
    letter-spacing: 1px !important;
}

.gform_previous_button {
    margin: 0vw 0 3vw !important;
    /* 42px 0 0 → 3.231vw 0 0 */
    padding: 1.154vw 2.308vw !important;
    /* 15px 30px → 1.154vw 2.308vw */
    font-size: 1.231vw !important;
    /* 16px → 1.231vw */
    border: #313131 solid 1px;
    border-radius: 2.308vw !important;
    /* 30px → 2.308vw */
    letter-spacing: 1px !important;
}

.gform_next_button:hover {}

.gform-theme--framework .gf_progressbar .percentbar_blue {}

.gform-theme--foundation #field_submit,
.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {}

/*確認画面*/
.gform-body th,
.gform-body td {
    height: 3.077vw;
    /* 40px → 3.077vw */
}

.gform-theme--foundation:where(:not(.gform_editor)) .left_label .gfield_html_formatted,
.gform-theme--foundation:where(:not(.gform_editor)) .right_label .gfield_html_formatted {}
