@charset "UTF-8";

/*

Theme Name: M.R.L-nail
Author: M.Inagaki
Description: nail salon M.R.L
Version: 1.0

*/
html {
  scrollbar-gutter: stable;
}

body {
  width: 100%;
  font-size: min(1.5625vw, 16px);
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: min(0.2vw, 2px);
  background-color: #FFF;
}
h1 {
	text-align: right;
    font-weight: 400;
    color: #999;
}

a {
  color: #000;
  text-decoration: none;
}

li {
  list-style-type: none;
}

.roman_font {
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0;
}

.gray_smaller01 {
  color: #717171;
}

.gray_smaller02 {
    color: #717171;
    font-size: min(calc( ( 100vw * 14 ) / 1024 ), 14px);
}
.font-size_smaller14 {
    font-size: min(calc( ( 100vw * 14 ) / 1024 ), 14px);
}
.font-size_larger18 {
    font-size: min(calc( ( 100vw * 18 ) / 1024 ), 18px);
}
.font-size_larger20 {
    font-size: min(calc( ( 100vw * 20 ) / 1024 ), 20px);
}
.font-size_larger24 {
    font-size: min(calc( ( 100vw * 24 ) / 1024 ), 24px);
}
.font-size_larger30 {
    font-size: min(calc( ( 100vw * 30 ) / 1024 ), 30px);
}
.font-size_normal {
    font-size: min(calc( ( 100vw * 16 ) / 1024 ), 16px);
}
.font-size_large36 {
    font-size: min(calc( ( 100vw * 36 ) / 1024 ), 36px);
}
.font-size_large48 {
    font-size: min(calc( ( 100vw * 48 ) / 1024 ), 48px);
}

.br_sp {
  display: none;
}
.br_sp_u400 {
  display: none;
}

/*animation*/
.fadeUpTrigger,
.fadeUpTrigger_sp,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger {
    opacity: 0;
	visibility: hidden;
}

/* 下からフェードイン */
.fadeUp {
    animation: fadeUpAnime 3s forwards;
    opacity: 0;
	visibility: hidden;
}
@keyframes fadeUpAnime {
    from {
        opacity: 0;
		visibility: hidden;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
		visibility: visible;
        transform: translateY(0);
    }
}
.fU_delay_02 {
    animation-delay: .2s;
}
.fU_delay_04 {
    animation-delay: .4s;
}
.fU_delay_06 {
    animation-delay: .6s;
}
.fU_delay_08 {
    animation-delay: .8s;
}
.fU_delay_10 {
    animation-delay: 1s;
}
.fU_delay_12 {
    animation-delay: 1.2s;
}
.fU_delay_14 {
    animation-delay: 1.4s;
}
.fU_delay_16 {
    animation-delay: 1.6s;
}
.fU_delay_18 {
    animation-delay: 1.8s;
}
.fU_delay_22 {
    animation-delay: 2.2s;
}
.fU_delay_26 {
    animation-delay: 2.6s;
}

.fadeUp_sp {
    animation: fadeUpAnimeSP 3s forwards;
    opacity: 0;
	visibility: hidden;
}
@keyframes fadeUpAnimeSP {
    from {
        opacity: 0;
		visibility: hidden;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
		visibility: visible;
        transform: translateY(0);
    }
}
.fU_delay_02_sp {
    animation-delay: .2s;
}
.fU_delay_04_sp {
    animation-delay: .4s;
}
.fU_delay_06_sp {
    animation-delay: .6s;
}
.fU_delay_08_sp {
    animation-delay: .8s;
}
.fU_delay_10_sp {
    animation-delay: 1s;
}
.fU_delay_12_sp {
    animation-delay: 1.2s;
}
.fU_delay_14_sp {
    animation-delay: 1.4s;
}
.fU_delay_16_sp {
    animation-delay: 1.6s;
}
.fU_delay_18_sp {
    animation-delay: 1.8s;
}
.fU_delay_22_sp {
    animation-delay: 2.2s;
}
.fU_delay_26_sp {
    animation-delay: 2.6s;
}


/* 上からフェードイン */
.fadeDown {
    animation: fadeDownAnime 3s forwards;
    opacity: 0;
	visibility: hidden;
}
@keyframes fadeDownAnime {
    from {
        opacity: 0;
		visibility: hidden;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
		visibility: visible;
        transform: translateY(0);
    }
}

/* 左からフェードイン */
.fadeLeft {
    animation: fadeLeftAnime 2s forwards;
    opacity: 0;
	visibility: hidden;
}
@keyframes fadeLeftAnime {
    from {
        opacity: 0;
		visibility: hidden;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
		visibility: visible;
        transform: translateX(0);
    }
}
.fL_delay_02 {
    animation-delay: .2s;
}
.fL_delay_04 {
    animation-delay: .4s;
}
.fL_delay_06 {
    animation-delay: .6s;
}
.fL_delay_08 {
    animation-delay: .8s;
}
.fL_delay_10 {
    animation-delay: 1s;
}
.fL_delay_12 {
    animation-delay: 1.2s;
}
.fL_delay_14 {
    animation-delay: 1.4s;
}
.fL_delay_16 {
    animation-delay: 1.6s;
}

/* 右からフェードイン */
.fadeRight {
    animation: fadeRightAnime 2s forwards;
    opacity: 0;
	visibility: hidden;
}
@keyframes fadeRightAnime {
    from {
        opacity: 0;
		visibility: hidden;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
		visibility: visible;
        transform: translateX(0px);
    }
}
.fR_delay_02 {
    animation-delay: .2s;
}
.fR_delay_04 {
    animation-delay: .4s;
}
.fR_delay_06 {
    animation-delay: .6s;
}
.fR_delay_08 {
    animation-delay: .8s;
}
.fR_delay_10 {
    animation-delay: 1s;
}
.fR_delay_12 {
    animation-delay: 1.2s;
}

.Menu__individual-title {
  width: min(39.06vw, 400px);
  border-bottom: min(0.1vw, 1px) solid #000;
  padding-bottom: min(1.95vw, 20px);
}

.Menu__width {
  width: min(39.06vw, 400px);
}

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

.title-frame {
  border: min(0.2vw, 2px) solid #707070;
  width: fit-content;
  padding: min(0.98vw, 10px);
}
.title-frame h2 {
  font-size: min(calc( ( 100vw * 32 ) / 1024 ), 32px);
  padding: min(0.98vw, 10px);
  outline: min(0.2vw, 2px) solid #707070;
  font-weight: 400;
}

.hide__bg {
  background: none;
}

.hamburger {
  display: none;
}

.sp-menu_bg {
  display: none;
}

.modal-container {
    font-family: 'Noto Sans JP', sans-serif;
	font-size: min(calc( ( 100vw * 20 ) / 1024 ), 20px);
    line-height: min(3.13vw, 32px);
    letter-spacing: min(0.2vw, 2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	scrollbar-gutter: stable;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: min(3.91vw, 40px) min(1.95vw, 20px);
    box-sizing: border-box;
    z-index: 9;
    display: none;
}
.modal-body {
    height: fit-content;
    position: relative;
    vertical-align: middle;
    max-width: 800px;
    width: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    height: min(3.91vw, 40px);
    width: min(3.91vw, 40px);
    color: #FFF;
    cursor: pointer;
    background-color: #393939;
}
.modal-content {
    background: #FFF;
    text-align: left;
    display: flex;
    justify-content: center;
    padding: min(5.86vw, 60px);
    height: fit-content;
	width: min(41.02vw, 420px);
}

.p_rltv {
	position: relative;
}
.artcourse_detail {
	border-right: min(0.1vw, 1px) solid #393939;
	padding-right: min(1.95vw, 20px);
}
.flex__column {
    flex-direction: column;
}
.gap_40 {
    gap: min(3.91vw, 40px);
}

.jc_center {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-35%);
    scale: 1.5;
}
.jc_none {
    justify-content: start
}
.s_14 {
    scale: 1.4;
}
.s_19 {
    scale: 1.9;
}
.s_25 {
    scale: 2.5;
}
.s_30 {
    scale: 3.0;
}

.lh-24 {
  line-height: min(2.34vw, 24px);
}

.lh-32 {
  line-height: min(3.13vw, 32px);
}

.mt-30 {
  margin-top: min(2.93vw, 30px);
}

.mt-60 {
  margin-top: min(5.86vw, 60px);
}

.mt-100 {
  margin-top: min(9.77vw, 100px);
}

.mt-130 {
  margin-top: min(12.7vw, 130px);
}

.mt-150 {
  margin-top: min(14.65vw, 150px);
}

.pt-10 {
  padding-top: min(0.98vw, 10px);
}

.pt-20 {
  padding-top: min(1.95vw, 20px);
}

.pt-24 {
  padding-top: min(2.34vw, 24px);
}

.pt-30 {
  padding-top: min(2.93vw, 30px);
}

.pt-40 {
  padding-top: min(3.91vw, 40px);
}

.pt-60 {
  padding-top: min(5.86vw, 60px);
}

.pt-100 {
  padding-top: min(9.77vw, 100px);
}

.ls-02 {
  letter-spacing: min(0.2vw, 2px);
}

.fw-500 {
  font-weight: 500;
}

.reservation {
  position: fixed;
  bottom: min(2.93vw, 30px);
  right: min(2.93vw, 30px);
  background: url(assets/images/icon_n_banner/line_fixed.png) center center no-repeat;
  background-size: 100%;
  height: min(12.5vw, 128px);
  width: min(12.5vw, 128px);
  border: none;
  z-index: 2;
}
.reservation:hover {
  filter: brightness(1.2);
}
.reservation a {
  display: block;
  height: 100%;
  width: 100%;
}

iframe {
  width: min(87.89vw, 900px);
}

.fadeIn {
  animation: fadeIn 5s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: .8;
  }
}

header {
  position: sticky;
  top: 0;
  z-index: 5;
  background: url(https://mrl-nail.com/wp-content/uploads/2024/07/mv_tate-scaled.png) center center no-repeat;
  background-size: cover;
  margin: 0 auto;
  overflow: hidden;
}

header #top_page .MRL_main-visual {
	position: relative;
	width: 100%;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}
header #top_page .MRL_main-visual .slide {
  position: absolute;
  width: 100%;
  height: 100%;
}
header #top_page .MRL_main-visual .image01 {
  background: url(https://mrl-nail.com/mv_tate/) center center no-repeat;
  background-size: cover;
  animation: slideImage01 25s ease-in-out 5s infinite;
}
header #top_page .MRL_main-visual .image02 {
  background: url(https://mrl-nail.com/about-2/) center center no-repeat;
  background-size: cover;
  animation: slideImage02 25s ease-in-out 5s infinite;
  opacity: 0;
}
header #top_page .MRL_main-visual .image03 {
  background: url(https://mrl-nail.com/brown/) center center no-repeat;
  background-size: cover;
  animation: slideImage03 25s ease-in-out 5s infinite;
  opacity: 0;
}
header #top_page .MRL_main-visual .image04 {
  background: url(https://mrl-nail.com/pink/) center center no-repeat;
  background-size: cover;
  animation: slideImage04 25s ease-in-out 5s infinite;
  opacity: 0;
}
@keyframes slideImage01 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideImage02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideImage03 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideImage04 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
header #top_page .MRL_main-visual .logo {
  background: url(assets/images/logo/logo_white_blackshadow.png) center center no-repeat;
  background-size: cover;
  width: min(40.04vw, 410px);
  height: min(68.36vw, 700px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
header #top_page nav {
  height: min(2.93vw, 30px);
  margin: min(4.88vw, 50px) min(1.95vw, 20px);
  z-index: 2;
  position: absolute;
  top: 0;
  right: min(2.93vw, 30px);
}
header #top_page nav .MRL_navi {
  display: flex;
  gap: min(2.93vw, 30px);
}
header #top_page nav ul {
  display: flex;
  flex-direction: row;
  gap: min(2.93vw, 30px);
}
header #top_page nav ul li a {
  color: #fff;
  font-size: min(1.953125vw, 20px);
  text-shadow: min(0.1vw, 1px) min(0.1vw, 1px) min(0.98vw, 10px) #000;
  display: block;
  height: 100%;
  width: 100%;
}
header #top_page nav ul li a:hover {
  color: #000;
  text-shadow: min(0.1vw, 1px) min(0.1vw, 1px) min(0.98vw, 10px) #fff;
}
header #top_page nav ul .instagram-icon {
  background: url(assets/images/icon_n_banner/insta_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
  margin-top: max(-1.56vw, -16px);
}
header #top_page nav ul .instagram-icon:hover {
  opacity: 0.7;
}
header #top_page nav ul .line-icon {
  background: url(assets/images/icon_n_banner/line_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
  margin-top: max(-1.56vw, -16px);
}
header #top_page nav ul .line-icon:hover {
  opacity: 0.7;
}
header #header__inner {
  height: min(9.77vw, 100px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.9);
}
header #header__inner .logo__except-top-page {
  background: url(assets/images/logo/logo_black_transparent.png) center center no-repeat;
  background-size: contain;
  height: min(6.84vw, 70px);
  width: min(6.84vw, 70px);
  margin-top: min(1.56vw, 16px);
  margin-left: min(2.93vw, 30px);
}
header #header__inner .logo__except-top-page:hover {
  opacity: 0.7;
}
header #header__inner .logo__except-top-page a {
  height: 100%;
  width: 100%;
  display: block;
}
header #header__inner nav {
  margin: min(4.88vw, 50px) min(2.93vw, 30px) 0 0;
}
header #header__inner nav .MRL_navi {
  display: flex;
  gap: min(2.93vw, 30px);
}
header #header__inner nav .MRL_navi a {
  font-size: min(1.953125vw, 20px);
  display: block;
  height: 100%;
  width: 100%;
}
header #header__inner nav .MRL_navi a:hover {
  opacity: 0.7;
}
header #header__inner nav .MRL_navi .MRL-menu {
  display: flex;
  gap: min(2.93vw, 30px);
}
header #header__inner nav .MRL_navi .MRL_sns {
  display: flex;
  gap: min(2.93vw, 30px);
}
header #header__inner nav .MRL_navi .MRL_sns .instagram-icon {
  background: url(assets/images/icon_n_banner/insta_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
  margin-top: max(-1.56vw, -16px);
}
header #header__inner nav .MRL_navi .MRL_sns .instagram-icon:hover {
  opacity: 0.7;
}
header #header__inner nav .MRL_navi .MRL_sns .line-icon {
  background: url(assets/images/icon_n_banner/line_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
  margin-top: max(-1.56vw, -16px);
}
header #header__inner nav .MRL_navi .MRL_sns .line-icon:hover {
  opacity: 0.7;
}

#About_MRL .About__img {
  background: url(http://mrl-nail.com/wp-content/uploads/2024/07/about.png) center 35% no-repeat;
  background-size: cover;
  height: min(39.06vw, 400px);
}
#About_MRL #About__wrapper {
  max-width: min(87.89vw, 900px);
  margin-left: auto;
  margin-right: auto;
}
#About_MRL #About__wrapper .About__wrapper--information {
  display: flex;
  justify-content: center;
  gap: min(2.93vw, 30px);
}
#About_MRL #About__wrapper .About__wrapper--information p {
  width: min(48.83vw, 500px);
}
#About_MRL #About__wrapper .About__wrapper--information .About__wrapper--dog {
  background: url(assets/images/dogs.png)center center no-repeat;
  background-size: 100%;
  height: min(21.48vw, 220px);
  width: min(48.83vw, 500px);
  margin: auto;
}
#About_MRL #About__wrapper .About__wrapper--exterior-n-interior {
  display: flex;
  justify-content: center;
  gap: min(3.91vw, 40px);
}
#About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--exterior {
  background: url(http://mrl-nail.com/wp-content/uploads/2024/07/salon_exterior.png) center center no-repeat;
  background-size: contain;
  width: min(47.85vw, 490px);
  height: min(34.18vw, 350px);
}
#About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--interior {
  background: url(http://mrl-nail.com/wp-content/uploads/2024/07/salon_interior.png) center center no-repeat;
  background-size: contain;
  width: min(47.85vw, 490px);
  height: min(34.18vw, 350px);
}
#About_MRL #About__wrapper .About__wrapper--profile {
  display: flex;
  justify-content: center;
  gap: min(7.81vw, 80px);
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_img {
  background: url(http://mrl-nail.com/wp-content/uploads/2024/07/rina.png) center center no-repeat;
  background-size: cover;
  width: min(29.3vw, 300px);
  height: min(29.3vw, 300px);
  border-radius: min(19.53vw, 200px);
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name {
  position: relative;
  gap: min(1.95vw, 20px);
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina {
  height: min(2.34vw, 24px);
  width: min(2.34vw, 24px);
  background: url(assets/images/icon_n_banner/insta_black.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: min(15.63vw, 160px);
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina:hover {
  opacity: 0.7;
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina a {
  display: block;
  height: 100%;
  width: 100%;
}
#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_explanation {
  width: min(43.95vw, 450px);
}
#About_MRL #About__wrapper .About__wrapper--access {
  width: min(87.89vw, 900px);
  margin: min(12.7vw, 130px) auto 0;
}
#About_MRL #About__wrapper .About__wrapper--access .About__wrapper--access_address {
  padding: min(3.91vw, 30px);
  background-color: #E9E9E9;
  height: fit-content;
}
#Menu_list #Menu__wrapper {
  width: min(87.89vw, 900px);
  margin-left: auto;
  margin-right: auto;
}
#Menu_list #Menu__wrapper .Menu__particular-box {
	overflow-x: scroll;
	scrollbar-width: none; /* Firefox 対応 */
}
#Menu_list #Menu__wrapper .Menu__particular-box::-webkit-scrollbar {
	display:none; /* Chrome、Safari対応 */
}
#Menu_list #Menu__wrapper button {
	width: fit-content;
	border: none;
	border-radius: min(1.95vw, 20px);
	white-space: nowrap;
	padding: min(3.2vw, 12px) min(1.56vw, 16px);
	color: #717171;
	background-color: #ECE8E4;
	cursor: pointer;
}
#Menu_list #Menu__wrapper button:hover {
  opacity: 0.8;
}
#Menu_list #Menu__wrapper details summary {
  cursor: pointer;
  position: relative;
  display: flex;
  font-size: min(1.953125vw, 20px);
  border-bottom: 1px solid #707070;
  list-style: none;
}
#Menu_list #Menu__wrapper details summary::after {
  content: "";
  position: absolute;
  right: min(1.95vw, 20px);
  transform: translateY(-25%) rotate(45deg);
  width: min(1.95vw, 20px);
  height: min(1.95vw, 20px);
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
  transition: transform 0.2s;
}
#Menu_list #Menu__wrapper details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
}
#season-design__wrapper {
  width: min(87.89vw, 900px);
  margin-left: auto;
  margin-right: auto;
}
#season-design__wrapper .season-design__box {
  width: 100%;
  margin: min(2.93vw, 30px) auto min(14.65vw, 150px);
}
#season-design__wrapper .season-design__box .season-design_img {
  aspect-ratio: 1/1;
}
#season-design__wrapper .season-design__box .season-design01 {
  background: url(https://mrl-nail.com/season-design01/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design02 {
  background: url(https://mrl-nail.com/season-design02/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design03 {
  background: url(https://mrl-nail.com/season-design03/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design04 {
  background: url(https://mrl-nail.com/season-design04/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design05 {
  background: url(https://mrl-nail.com/season-design05/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design06 {
  background: url(https://mrl-nail.com/season-design06/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design07 {
  background: url(https://mrl-nail.com/season-design07/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design08 {
  background: url(https://mrl-nail.com/season-design08/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design09 {
  background: url(https://mrl-nail.com/season-design09/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .season-design10 {
  background: url(https://mrl-nail.com/season-design10/) center center no-repeat;
  background-size: 100%;
}
#season-design__wrapper .season-design__box .slick-dots {
  bottom: max(-7.82vw, -60px);
}
#season-design__wrapper .season-design__box .slick-dots li {
  margin: 0 min(0.78vw, 8px);
}
#season-design__wrapper .season-design__box .slick-dots li button {
  font-size: min(1.56vw, 16px);
  transition-duration: 0.3s;
}
#season-design__wrapper .season-design__box .slick-dots li button::before {
  font-size: min(1.56vw, 16px);
  color: #393939;
}
/* チップ画像 */
/*
#Menu_list #Menu__wrapper .one-color_tip {
  position: absolute;
  right: min(1.95vw, 20px);
  bottom: min(1.95vw, 20px);
  background: url(assets/images/tips/one-color.png) center center no-repeat;
  background-size: contain;
  width: min(3.91vw, 40px);
  height: min(5.27vw, 54px);
  margin-top: max(-2.93vw, -30px);
  rotate: 15deg;
}
#Menu_list #Menu__wrapper .french-tip01 {
  background: url(assets/images/tips/standard-french.png) center center no-repeat;
  background-size: contain;
  width: min(2.93vw, 30px);
  height: min(3.91vw, 40px);
  rotate: 15deg;
  position: absolute;
  left: min(15.63vw, 160px);
  bottom: 0;
}
#Menu_list #Menu__wrapper .french-tip02 {
  background: url(assets/images/tips/skinny-french.png) center center no-repeat;
  background-size: contain;
  width: min(2.93vw, 30px);
  height: min(3.91vw, 40px);
  rotate: 15deg;
  position: absolute;
  left: min(12.7vw, 130px);
  bottom: 0;
}
#Menu_list #Menu__wrapper .gradation-tip {
  background: url(assets/images/tips/gradation.png) center center no-repeat;
  background-size: contain;
  width: min(3.91vw, 40px);
  height: min(5.27vw, 54px);
  rotate: 15deg;
  position: absolute;
  right: min(1.95vw, 20px);
  bottom: min(1.95vw, 20px);
}
*/


/*
#Reservation_n_policy .Reservation__img {
  background: url(http://mrl-nail.com/wp-content/uploads/2024/07/pink.png) center 68% no-repeat;
  background-size: cover;
  height: min(39.06vw, 400px);
}
*/
#Reservation_n_policy #Reservation__wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
#Reservation_n_policy .Policy__wrapper {
  width: min(78.13vw, 800px);
}
#Reservation_n_policy #Reservation__wrapper .Policy__wrapper details summary {
  cursor: pointer;
  position: relative;
  display: flex;
  padding-bottom: min(2.93vw, 30px);
  border-bottom: 1px solid #707070;
  list-style: none;
}
#Reservation_n_policy #Reservation__wrapper .Policy__wrapper details summary::after {
  content: "";
  position: absolute;
  right: min(1.95vw, 20px);
  bottom: min(2.93vw, 30px);
  transform: translateY(-25%) rotate(45deg);
  width: min(1.95vw, 20px);
  height: min(1.95vw, 20px);
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
  transition: transform 0.2s;
}
#Reservation_n_policy #Reservation__wrapper .Policy__wrapper details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
}
#Reservation_n_policy #Reservation__wrapper .Policy__wrapper details ul li {
  list-style-type: disc;
  list-style-position: inside;
}
/*
#Reservation_n_policy .line__banner {
  background: url(assets/images/icon_n_banner/line_banner.png) center center no-repeat;
  background-size: cover;
  height: min(39.06vw, 400px);
  width: min(39.06vw, 400px);
  margin-left: auto;
  margin-right: auto;
}
*/
#Reservation_n_policy .schedule__wrapper .schedule__img {
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 1/1;
	background: url(https://mrl-nail.com/schedule/) center center no-repeat;
	background-size: 100%;
}
#Reservation_n_policy .line__banner a {
  display: block;
  height: 100%;
  width: 100%;
}

footer {
  background-color: #ECE8E4;
  height: min(13.67vw, 140px);
  padding: min(3.91vw, 40px) 0;
}
footer #footer__contents {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  padding-bottom: min(0.98vw, 10px);
}
footer #footer__contents .footer__information {
  display: flex;
}
footer #footer__contents .footer__information .footer__logo {
  background: url(assets/images/logo/logo_black_transparent.png) center center no-repeat;
  background-size: cover;
  height: min(9.77vw, 100px);
  width: min(6.84vw, 70px);
}
footer #footer__contents .footer__information .footer__address {
  margin-left: min(2.93vw, 30px);
  padding-left: min(2.93vw, 30px);
  border-left: min(0.1vw, 1px) solid #000;
}
footer #footer__contents .footer__sitemap {
  margin-left: min(5.86vw, 60px);
}
footer #footer__contents .footer__sitemap li span {
  padding-top: 0;
}
footer #footer__contents .footer__sitemap a {
  display: block;
  height: 100%;
  width: 100%;
}
footer #footer__contents .footer__sitemap a:hover {
  opacity: 0.7;
}
footer #footer__contents .footer__SNS {
  display: flex;
  gap: min(2.93vw, 30px);
  margin-left: min(5.86vw, 60px);
}
footer #footer__contents .footer__SNS a {
  color: #fff;
  text-shadow: min(0.1vw, 1px) min(0.1vw, 1px) min(0.98vw, 10px) #000;
  display: block;
  height: 100%;
  width: 100%;
}
footer #footer__contents .footer__SNS a:hover {
  color: #000;
  text-shadow: min(0.1vw, 1px) min(0.1vw, 1px) min(0.98vw, 10px) #fff;
}
footer #footer__contents .footer__SNS .instagram-icon {
  background: url(assets/images/icon_n_banner/insta_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
}
footer #footer__contents .footer__SNS .instagram-icon:hover {
  opacity: 0.7;
}
footer #footer__contents .footer__SNS .line-icon {
  background: url(assets/images/icon_n_banner/line_black.png) center center no-repeat;
  background-size: contain;
  height: min(3.91vw, 40px);
  width: min(3.91vw, 40px);
}
footer #footer__contents .footer__SNS .line-icon:hover {
  opacity: 0.7;
}
footer .footer__copyright {
  text-align: center;
  margin-bottom: min(1.95vw, 20px);!important
}
@media screen and (min-width: 1280px) {
	header #top_page .MRL_main-visual .image05 {
	  background: url(https://mrl-nail.com/mv_yoko/) center center no-repeat;
	  background-size: cover;
	  animation: slideImage05 25s ease-in-out 5s infinite;
	  opacity: 0;
	}
	@keyframes slideImage01 {
  		0% {
    		opacity: 1;
  		}
  		20% {
    		opacity: 0;
  		}
  		40% {
    		opacity: 0;
  		}
  		60% {
    		opacity: 0;
  		}
		80% {
			opacity: 0;
		}
  		100% {
    		opacity: 1;
  		}
	}
	@keyframes slideImage02 {
  		0% {
    		opacity: 0;
  		}
  		20% {
    		opacity: 1;
  		}
  		40% {
    		opacity: 0;
  		}
  		60% {
    		opacity: 0;
  		}
		80% {
			opacity: 0;
		}
  		100% {
    		opacity: 0;
  		}
	}
	@keyframes slideImage03 {
  		0% {
    		opacity: 0;
  		}
  		20% {
    		opacity: 0;
  		}
  		40% {
    		opacity: 1;
  		}
  		60% {
    		opacity: 0;
  		}
		80% {
			opacity: 0;
		}
  		100% {
    		opacity: 0;
  		}
	}
	@keyframes slideImage04 {
  		0% {
    		opacity: 0;
  		}
  		20% {
    		opacity: 0;
  		}
  		40% {
    		opacity: 0;
  		}
  		60% {
    		opacity: 1;
  		}
		80% {
			opacity: 0;
		}
  		100% {
    		opacity: 0;
  		}
	}
	@keyframes slideImage05 {
  		0% {
    		opacity: 0;
  		}
  		20% {
    		opacity: 0;
  		}
  		40% {
    		opacity: 0;
  		}
  		60% {
    		opacity: 0;
  		}
		80% {
			opacity: 1;
		}
  		100% {
    		opacity: 0;
  		}
	}
}
@media screen and (max-width: 767px) {
  body {
    font-size: min(calc( ( 100vw * 16 ) / 767 ), 16px);
  }
  .br_sp {
    display: block;
  }
  .gray_smaller02 {
    color: #717171;
    font-size: min(1.8252933507vw, 14px);
  }
  .font-size_smaller12_sp {
    font-size: min(1.5645371578vw, 12px);
  }
  .font-size_smaller14_sp {
    font-size: min(1.8252933507vw, 14px);
  }
  .font-size_larger18 {
    font-size: min(2.3468057366vw, 18px);
  }
  .font-size_larger20 {
    font-size: min(2.6075619296vw, 20px);
  }
  .font-size_larger24 {
    font-size: min(3.1290743155vw, 24px);
  }
  .font-size_larger30 {
    font-size: min(3.9113428944vw, 30px);
  }
  .font-size_normal_sp {
    font-size: min(2.0860495437vw, 16px);
  }
  .font-size_normal {
    font-size: min(calc( ( 100vw * 16 ) / 767 ), 16px);
  }
  .font-size_large36 {
    font-size: min(4.6936114733vw, 36px);
  }
  .font-size_large48 {
    font-size: min(6.258148631vw, 48px);
  }
  .lh-24 {
    line-height: min(3.13vw, 24px);
  }
  .lh-32 {
  line-height: min(4.17vw, 32px);
  }
  .lh-30 {
    line-height: min(3.91vw, 30px);
  }
  .mt-30 {
    margin-top: min(5.22vw, 40px);
  }
  .mt-60 {
    margin-top: min(7.82vw, 60px);
  }
  .mt-100 {
    margin-top: min(13.04vw, 100px);
  }
  .mt-130 {
    margin-top: min(16.95vw, 130px);
  }
  .mt-150 {
    margin-top: min(19.56vw, 150px);
  }
  .pt-10 {
    padding-top: min(1.3vw, 10px);
  }
  .pt-20 {
    padding-top: min(2.61vw, 20px);
  }
  .pt-24 {
    padding-top: min(3.13vw, 24px);
  }
  .pt-30 {
    padding-top: min(3.91vw, 30px);
  }
  .pt-40 {
    padding-top: min(5.22vw, 40px);
  }
  .pt-60 {
    padding-top: min(7.82vw, 60px);
  }
  .pt-100 {
    padding-top: min(13.04vw, 100px);
  }
  .ls-02 {
    letter-spacing: min(0.26vw, 2px);
  }
  .Menu__individual-title {
    width: 100%;
    border-bottom: min(0.13vw, 1px) solid #000;
    padding-bottom: min(2.61vw, 20px);
  }
  .Menu__width {
    width: 100%;
  }
  .reservation {
    bottom: min(3.91vw, 30px);
    right: min(3.91vw, 30px);
    height: min(16.69vw, 128px);
    width: min(16.69vw, 128px);
    border: none;
    z-index: 2;
  }
.title-frame {
  border: min(0.26vw, 2px) solid #707070;
  width: fit-content;
  padding: min(1.3vw, 10px);
}
.title-frame h2 {
  font-size: min(calc( ( 100vw * 32 ) / 767 ), 32px);
  padding: min(1.3vw, 10px);
  outline: min(0.26vw, 2px) solid #707070;
}
	.modal-body {
    width: 60%;
	}
	.modal-content {
    width: auto;
	}
	.modal-close {
        width: min(5.22vw, 40px);
        height: min(5.22vw, 40px);
    }
  header #top_page {
	height: 100svh;
	overflow: hidden;
  }
  header #top_page .MRL_main-visual {
	height: 100svh;
  }
  header #top_page .hamburger {
    display: block;
    position: relative;
	height: min(3.91vw, 30px);
    width: min(5.22vw, 40px);
    z-index: 5;
  }
  header #top_page .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    height: min(0.26vw, 2px);
    background: #FFF;
	width: min(5.22vw, 40px);
  }
  header #top_page .hamburger span:nth-of-type(1) {
    top: 0;
  }
  header #top_page .hamburger span:nth-of-type(2) {
    top: 50%;
  }
  header #top_page .hamburger span:nth-of-type(3) {
    bottom: 0;
  }
  header #top_page .sp-menu {
    flex-direction: column;
    top: -120%;
    right: 0;
    position: fixed;
    background-color: rgba(255, 255, 255, .9);
	width: 100%;
	height: 60vh;
	transition: 1s ease-in-out;
    text-align: left;
	padding-top: min(7.82vw, 60px);
  }
  header #top_page .sp-menu li {
	margin-left: min(5.22vw, 40px);
    padding: min(2.61vw, 20px);
  }
   header #top_page .sp-menu li span {
	display: block;
	transform: translateY(max(-2.61vw, -20px));
  }
   header #top_page .sp-menu li span a {
	font-size: min(calc( ( 100vw * 30 ) / 767 ), 30px);
  }
   header #top_page .sp-menu li:hover span {
	transform: translateY(max(-2.61vw, -20px));
  }
  header #top_page .sp-menu .MRL-menu {
        flex-direction: column;
  }
  header #top_page .sp-menu li a {
    font-size: min(calc( ( 100vw * 36 ) / 767 ), 36px);
    text-shadow: none;
    color: #000;
  }
    header #top_page .sp-menu .MRL_sns {
    display: flex;
    height: min(2.61vw, 20px);
    gap: min(7.82vw, 60px);
    padding-top: min(2.93vw, 30px);
    padding-left: min(2.61vw, 20px);
  }
  header #top_page .sp-menu .instagram-icon {
    height: min(3.91vw, 30px);
    width: min(3.91vw, 30px);
  }
  header #top_page .sp-menu .line-icon {
    height: min(3.91vw, 30px);
    width: min(3.91vw, 30px);
  }
  header #top_page .hamburger.active {
    z-index: 5;
  }
  header #top_page .hamburger.active span {
    background-color: #000;
  }
  header #top_page .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(1.83vw, 14px)) rotate(-45deg);
	width: min(5.22vw, 40px);
  }
  header #top_page .hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }
  header #top_page .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-1.83vw, -14px)) rotate(45deg);
	width: min(5.22vw, 40px);
  }
  header #top_page .sp-menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    display: none;
  }
  header #header__inner {
    height: min(13.04vw, 100px);
  }
  header #header__inner .hamburger {
    display: block;
    position: relative;
    height: min(3.91vw, 30px);
    width: min(5.22vw, 40px);
    z-index: 5;
    margin-right: min(1.3vw, 10px);
  }
  header #header__inner .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    height: 2px;
    background: #000;
    width: min(5.22vw, 40px);
	transform: scaleY(0.5);
  }
  header #header__inner .hamburger span:nth-of-type(1) {
    top: 0;
  }
  header #header__inner .hamburger span:nth-of-type(2) {
    top: 50%;
  }
  header #header__inner .hamburger span:nth-of-type(3) {
    bottom: 0;
  }
  header #header__inner .sp-menu {
    flex-direction: column;
    top: -120%;
    right: 0;
    position: fixed;
    background-color: rgba(255, 255, 255, .9);
	width: 100%;
	height: 60vh;
	transition: 1s ease-in-out;
    text-align: left;
	padding-top: min(7.82vw, 60px);
  }
  header #header__inner .sp-menu li {
	margin-left: min(5.22vw, 40px);
    padding: min(2.61vw, 20px);
  }
  header #header__inner .sp-menu li a {
	font-size: min(calc( ( 100vw * 36 ) / 767), 36px);
    color: #000;
  }
  header #header__inner nav .MRL_navi ul li span {
	display: block;
	transform: translateY(max(-2.61vw, -20px));
  }
  header #header__inner .sp-menu li span a {
	font-size: min(calc( ( 100vw * 30 ) / 767 ), 30px);
  }
  header #header__inner .sp-menu li:hover span {
	transform: translateY(max(-2.61vw, -20px));
  }
  header #header__inner .sp-menu .MRL-menu {
    flex-direction: column;
  }
  header #header__inner nav .MRL_navi .MRL_sns {
    display: flex;
    height: min(2.61vw, 20px);
    gap: min(7.82vw, 60px);
    padding-top: min(2.61vw, 20px);
    padding-left: min(2.61vw, 20px);
  }
  header #header__inner nav .MRL_navi .MRL_sns .instagram-icon {
    height: min(3.91vw, 30px);
    width: min(3.91vw, 30px);
  }
  header #header__inner nav .MRL_navi .MRL_sns .line-icon {
    height: min(3.91vw, 30px);
    width: min(3.91vw, 30px);
  }
  header #header__inner .hamburger.active {
    z-index: 5;
  }
  header #header__inner .hamburger.active span {
    background-color: #000;
  }
  header #header__inner .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(1.83vw, 14px)) rotate(-45deg);
    width: min(5.22vw, 40px);
  }
  header #header__inner .hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }
  header #header__inner .hamburger.active span:nth-of-type(3) {
    transform: translateY(max(-1.83vw, -14px)) rotate(45deg);
    width: min(5.22vw, 40px);
  }
  header #header__inner .sp-menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    display: none;
  }
  header #header__inner .logo__except-top-page {
    background: url(assets/images/logo/logo_black_transparent.png) center center no-repeat;
    background-size: contain;
    height: min(7.82vw, 60px);
    width: min(7.82vw, 60px);
	margin-top: min(2.61vw, 20px);
  }
  #About_MRL .About__img {
    height: min(52.15vw, 400px);
  }
  #About_MRL .About__img h1 {
    padding: min(2.61vw, 20px) min(5.22vw, 40px);
  }
  #About_MRL #About__wrapper {
    width: min(91.26vw, 700px);
  }
  #About_MRL #About__wrapper .About__wrapper--information {
    flex-direction: column;
    align-items: center;
  }
  #About_MRL #About__wrapper .About__wrapper--information p {
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--information .About__wrapper--dog {
    height: min(24.77vw, 200px);
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--exterior-n-interior {
    flex-direction: column;
    align-items: center;
  }
  #About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--exterior {
    width: 100%;
    height: min(45.63vw, 350px);
  }
  #About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--interior {
    width: 100%;
    height: min(45.63vw, 350px);
  }
  #About_MRL #About__wrapper .About__wrapper--profile {
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: min(1.3vw, 10px);
  }
  #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_img {
    width: min(39.11vw, 300px);
    height: min(39.11vw, 300px);
  }
  #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina {
    left: 47%;
	top: min(4.69vw, 36px);
    height: min(3.13vw, 24px);
    width: min(3.13vw, 24px);
  }
  #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_explanation {
  width: 100%;
}
  #About_MRL #About__wrapper .About__wrapper--access {
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--access .About__wrapper--access_address {
    height: fit-content;
  }
  #About_MRL #About__wrapper .About__wrapper--access iframe {
    width: 100%;
  }
  #Menu_list .Menu__img {
    height: min(52.15vw, 400px);
  }
  #Menu_list .Menu__img h1 {
    padding: min(2.61vw, 20px) min(5.22vw, 40px);
  }
  #Menu_list #Menu__wrapper {
    width: min(78.23vw, 600px);
  }
.modal-close {
        width: min(7.5vw, 30px);
        height: min(7.5vw, 30px);
    }
  #Menu_list #Menu__wrapper button {
    border: none;
	border-radius: min(2.61vw, 20px);
    padding: min(1.56vw, 12px) min(2.09vw, 16px);
  }
  #Menu_list #Menu__wrapper .Menu__particular-box {
    gap: min(3.13vw, 24px);
  }
  #Menu_list #Menu__wrapper .Menu__detail {
    align-items: center;
    width: 100%;
	flex-direction: column;
    gap: min(7.82vw, 60px);
  }
  .Menu_detail-left {
		width: 100%;
  }
  .Menu__detail-right {
		width: 100%;
  }
  #season-design__wrapper .season-design__box {
  	margin: min(3.91vw, 30px) auto min(19.56vw, 150px);
  }
  #season-design__wrapper .season-design__box .slick-dots {
    bottom: max(-5.86vw, -60px);
  }
  #season-design__wrapper .season-design__box .slick-dots li {
    margin: 0 min(1.04vw, 8px);
  }
  #season-design__wrapper .season-design__box .slick-dots li button {
    font-size: min(2.09vw, 16px);
  }
  #season-design__wrapper .season-design__box .slick-dots li button::before {
    font-size: min(1.56vw, 16px);
  }
  #Reservation_n_policy .Reservation__img {
    height: min(52.15vw, 400px);
  }
  #Reservation_n_policy .Reservation__img h1 {
    padding: min(2.61vw, 20px) min(5.22vw, 40px);
  }
  #Reservation_n_policy #Reservation__wrapper .Reservation__explanation {
    text-align: center;
  }
  #Reservation_n_policy #Reservation__wrapper .Policy__wrapper details summary::after {
  	right: min(2.61vw, 20px);
  	bottom: min(3.91vw, 30px);
  	width: min(2.61vw, 20px);
  	height: min(2.61vw, 20px);
}
  footer {
    height: min(54.76vw, 420px);
    padding: min(5.22vw, 40px) 0;
  }
  footer #footer__contents {
    padding-bottom: min(1.3vw, 10px);
    flex-direction: column;
  }
  footer #footer__contents .footer__information {
    flex-direction: column;
  }
  footer #footer__contents .footer__information .footer__logo {
    background-size: 100%;
    height: min(10.43vw, 80px);
    width: min(6.52vw, 50px);
    margin: 0 auto;
  }
  footer #footer__contents .footer__information .footer__address {
    margin-top: min(2.61vw, 20px);
    padding-top: min(2.61vw, 20px);
    border-top: min(0.13vw, 1px) solid #000;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
  footer #footer__contents .footer__information .footer__address p {
    white-space: nowrap;
    text-align: center;
  }
  footer #footer__contents .footer__sitemap {
    width: 100%;
    margin-top: min(3.91vw, 30px);
    margin-left: min(1.3vw, 10px);
  }
  footer #footer__contents .footer__sitemap ul {
    display: flex;
    gap: min(2.61vw, 20px);
    text-align: center;
    justify-content: center;
    line-height: 10px;
  }
  footer #footer__contents .footer__sitemap ul li {
    padding-top: 0;
  }
  footer #footer__contents .footer__SNS {
    gap: min(3.91vw, 30px);
    justify-content: center;
    margin-left: 0;
    padding-top: 0;
    margin-top: min(5.22vw, 40px);
  }
  footer #footer__contents .footer__SNS a {
    text-shadow: min(0.13vw, 1px) min(0.13vw, 1px) min(1.3vw, 10px) #000;
  }
  footer #footer__contents .footer__SNS a:hover {
    text-shadow: min(0.13vw, 1px) min(0.13vw, 1px) min(0.98vw, 10px) #fff;
  }
  footer #footer__contents .footer__SNS .instagram-icon {
    height: min(5.22vw, 40px);
    width: min(5.22vw, 40px);
  }
  footer #footer__contents .footer__SNS .line-icon {
    height: min(5.22vw, 40px);
    width: min(5.22vw, 40px);
  }
  footer .footer__copyright {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
	body {
		font-size: min(calc( ( 100vw * 16 ) / 600 ), 16px);
	}
	.gray_smaller02 {
		color: #717171;
		font-size: min(calc( ( 100vw * 14 ) / 600 ), 14px);
	}
	.font-size_smaller14 {
		font-size: min(calc( ( 100vw * 14 ) / 600 ), 14px);
	}
	.font-size_larger18 {
		font-size: min(calc( ( 100vw * 18 ) / 600 ), 18px);
	}
	.font-size_larger20 {
		font-size: min(calc( ( 100vw * 20 ) / 600 ), 20px);
	}
	.font-size_larger24 {
		font-size: min(calc( ( 100vw * 24 ) / 600 ), 24px);
	}
	.font-size_larger30 {
		font-size: min(calc( ( 100vw * 30 ) / 600 ), 30px);
	}
	.font-size_normal {
		font-size: min(calc( ( 100vw * 16 ) / 600 ), 16px);
	}
	.font-size_large36 {
		font-size: min(calc( ( 100vw * 36 ) / 600 ), 36px);
	}
	.font-size_large48 {
		font-size: min(calc( ( 100vw * 48 ) / 600 ), 48px);
	}
	.lh-24 {
		line-height: min(4vw, 24px);
	}
	.lh-32 {
		line-height: min(5.33vw, 32px);
	}
	.mt-30 {
		margin-top: min(5vw, 30px);
	}
	.mt-60 {
		margin-top: min(10vw, 60px);
	}
	.mt-100 {
		margin-top: min(16.67vw, 100px);
	}
	.mt-130 {
		margin-top: min(21.67vw, 130px);
	}
	.mt-150 {
		margin-top: min(25vw, 150px);
	}
	.pt-10 {
		padding-top: min(1.67vw, 10px);
	}
	.pt-20 {
		padding-top: min(3.33vw, 20px);
	}
	.pt-24 {
		padding-top: min(4vw, 24px);
	}
	.pt-30 {
		padding-top: min(5vw, 30px);
	}
	.pt-40 {
		padding-top: min(6.67vw, 40px);
	}
	.pt-60 {
		padding-top: min(10vw, 60px);
	}
	.pt-100 {
		padding-top: min(16.67vw, 100px);
	}
	.ls-02 {
		letter-spacing: min(0.33vw, 2px);
	}
	.modal-content {
		padding: min(6vw, 36px);
    }
	.modal-close {
        width: min(6.67vw, 40px);
        height: min(6.67vw, 40px);
    }
   header #top_page .hamburger {
    height: min(5vw, 30px);
    width: min(6.67vw, 40px);
  }
  header #top_page .hamburger span {
    width: min(6.67vw, 40px);
  }
  header #header__inner .hamburger {
    height: min(5vw, 30px);
    width: min(6.67vw, 40px);
  }
  header #header__inner .hamburger span {
    width: min(6.67vw, 40px);
  }
   header #top_page .sp-menu {
	   padding-top: min(10vw, 60px);
  }
   header #top_page .sp-menu li {
	   margin-left: min(6.67vw, 40px);
	   padding: min(3.33vw, 20px);
  }
   header #top_page .sp-menu li span {
	   transform: translateY(max(-3.33vw, -20px));
  }
   header #top_page .sp-menu li span a {
	   font-size: min(calc( ( 100vw * 30 ) / 600 ), 30px);
  }
   header #top_page .sp-menu li:hover span {
	   transform: translateY(max(-3.33vw, -20px));
  }
  header #top_page .sp-menu li a {
	  font-size: min(calc( ( 100vw * 36 ) / 600 ), 36px);
  }
    header #top_page .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(2.33vw, 14px)) rotate(-45deg);
	width: min(6.67vw, 40px);
  }
  header #top_page .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-2.33vw, -14px)) rotate(45deg);
	width: min(6.67vw, 40px);
  }
  header #header__inner {
		height: min(13.33vw, 80px);
  }
	header #header__inner .sp-menu {
		padding-top: min(10vw, 60px);
	}
   header #header__inner .logo__except-top-page {
    height: min(10vw, 60px);
    width: min(10vw, 60px);
	margin-top: 1.4vw;
  }
	header #header__inner .sp-menu li {
	   margin-left: min(6.67vw, 40px);
	   padding: min(3.33vw, 20px);
  }
  header #header__inner .sp-menu li a {
	font-size: min(calc( ( 100vw * 36 ) / 600 ), 36px);
  }
  header #header__inner nav .MRL_navi ul li span {
	transform: translateY(max(-3.33vw, -20px));
  }
  header #header__inner .sp-menu li span a {
	font-size: min(calc( ( 100vw * 30 ) / 600 ), 30px);
  }
  header #header__inner .sp-menu li:hover span {
	transform: translateY(max(-3.33vw, -20px));
  }
  header #header__inner .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(2.33vw, 14px)) rotate(-45deg);
    width: min(6.67vw, 40px);
  }
  header #header__inner .hamburger.active span:nth-of-type(3) {
    transform: translateY(max(-2.33vw, -14px)) rotate(45deg);
    width: min(6.67vw, 40px);
  }
	  #About_MRL .About__img {
    height: min(66.67vw, 400px);
  }
	#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina {
        top: min(6vw, 36px);
        height: min(4vw, 24px);
        width: min(4vw, 24px);
    }
	  #Menu_list .Menu__img {
    height: min(66.67vw, 400px);
  }
	#Menu_list #Menu__wrapper .Menu__detail {
        gap: min(10vw, 60px);
    }
  #season-design__wrapper .season-design__box .slick-dots {
    bottom: -40px;
  }
  #season-design__wrapper .season-design__box .slick-dots li button {
    font-size: 12px;
  }
  #season-design__wrapper .season-design__box .slick-dots li button::before {
    font-size: 12px;
  }
	#Menu_list #Menu__wrapper button {
        border-radius: min(3.33vw, 20px);
    }
	#Menu_list #Menu__wrapper .french-tip01 {
        width: min(5vw, 30px);
        height: min(6.67vw, 40px);
        left: min(26.67vw, 160px);
    }
	#Menu_list #Menu__wrapper .french-tip02 {
        width: min(5vw, 30px);
        height: min(6.67vw, 40px);
        left: min(22.5vw, 135px);
    }
	#Menu_list #Menu__wrapper .Menu__payment-method .Menu__payment-method_img {
		padding-top: min(10vw, 60px);
	}
	  #Reservation_n_policy .Reservation__img {
    height: min(66.67vw, 400px);
  }
	#Reservation_n_policy #Reservation__wrapper {
    	width: 80%;
	}
	#Reservation_n_policy .Policy__wrapper {
		width: 100%;
	}
	footer {
        height: min(70vw, 420px);
        padding: min(6.67vw, 40px) 0;
    }
	footer #footer__contents .footer__information .footer__logo {
        height: min(13.33vw, 80px);
        width: min(8.33vw, 50px);
    }
}

@media screen and (max-width: 500px) {
	body {
		font-size: min(calc( ( 100vw * 16 ) / 500 ), 16px);
	}
	.gray_smaller02 {
		color: #717171;
		font-size: min(calc( ( 100vw * 14 ) / 500 ), 14px);
	}
	.font-size_smaller14 {
		font-size: min(calc( ( 100vw * 14 ) / 500 ), 14px);
	}
	.font-size_larger18 {
		font-size: min(calc( ( 100vw * 18 ) / 500 ), 18px);
	}
	.font-size_larger20 {
		font-size: min(calc( ( 100vw * 20 ) / 500 ), 20px);
	}
	.font-size_larger24 {
		font-size: min(calc( ( 100vw * 24 ) / 500 ), 24px);
	}
	.font-size_larger30 {
		font-size: min(calc( ( 100vw * 30 ) / 500 ), 30px);
	}
	.font-size_normal {
		font-size: min(calc( ( 100vw * 16 ) / 500 ), 16px);
	}
	.font-size_large36 {
		font-size: min(calc( ( 100vw * 36 ) / 500 ), 36px);
	}
	.font-size_large48 {
		font-size: min(calc( ( 100vw * 48 ) / 500 ), 48px);
	}
	.lh-24 {
		line-height: min(4.8vw, 24px);
	}
	.lh-32 {
		line-height: min(6.4vw, 32px);
	}
	.mt-30 {
		margin-top: min(6vw, 30px);
	}
	.mt-60 {
		margin-top: min(12vw, 60px);
	}
	.mt-100 {
		margin-top: min(20vw, 100px);
	}
	.mt-130 {
		margin-top: min(26vw, 130px);
	}
	.mt-150 {
		margin-top: min(30vw, 150px);
	}
	.pt-10 {
		padding-top: min(2vw, 10px);
	}
	.pt-20 {
		padding-top: min(4vw, 20px);
	}
	.pt-24 {
		padding-top: min(4.8vw, 24px);
	}
	.pt-30 {
		padding-top: min(6vw, 30px);
	}
	.pt-40 {
		padding-top: min(8vw, 40px);
	}
	.pt-60 {
		padding-top: min(12vw, 60px);
	}
	.pt-100 {
		padding-top: min(20vw, 100px);
	}
	.ls-02 {
		letter-spacing: min(0.4vw, 2px);
	}
	.modal-body {
    width: 80%;
	}
	.modal-content {
		padding: min(7.2vw, 36px);
    }
	.modal-close {
        width: min(6vw, 30px);
        height: min(6vw, 30px);
    }
  header #top_page .hamburger {
    height: min(6vw, 30px);
    width: min(8vw, 40px);
  }
  header #top_page .hamburger span {
    width: min(8vw, 40px);
  }
  header #header__inner .hamburger {
    height: min(6vw, 30px);
    width: min(8vw, 40px);
  }
  header #header__inner .hamburger span {
    width: min(8vw, 40px);
  }
	header #top_page .sp-menu {
		padding-top: min(12vw, 60px);
	}
	header #top_page .sp-menu li {
	   margin-left: min(8vw, 40px);
	   padding: min(4vw, 20px);
	}
	header #top_page .sp-menu li span {
	   transform: translateY(max(-4vw, -20px));
	}
	header #top_page .sp-menu li span a {
	   font-size: min(calc( ( 100vw * 30 ) / 500 ), 30px);
	}
   header #top_page .sp-menu li:hover span {
	   transform: translateY(max(-4vw, -20px));
	}
	header #top_page .sp-menu li a {
	  font-size: min(calc( ( 100vw * 36 ) / 500 ), 36px);
	}
	  header #top_page .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(2.8vw, 14px)) rotate(-45deg);
	width: min(8vw, 40px);
  }
  header #top_page .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-2.8vw, -14px)) rotate(45deg);
	width: min(8vw, 40px);
  }
  header #header__inner {
		height: min(16vw, 80px);
  }
	header #header__inner .sp-menu {
		padding-top: min(12vw, 60px);
	}
  header #header__inner .logo__except-top-page {
    height: min(12vw, 60px);
    width: min(12vw, 60px);
	margin-top: 1.8vw;
  }
	header #header__inner .sp-menu li {
	   margin-left: min(8vw, 40px);
	   padding: min(4vw, 20px);
  }
  header #header__inner .sp-menu li a {
	font-size: min(calc( ( 100vw * 36 ) / 600 ), 36px);
  }
  header #header__inner nav .MRL_navi ul li span {
	transform: translateY(max(-4vw, -20px));
  }
  header #header__inner .sp-menu li span a {
	font-size: min(calc( ( 100vw * 30 ) / 500 ), 30px);
  }
  header #header__inner .sp-menu li:hover span {
	transform: translateY(max(-4vw, -20px));
  }
  header #header__inner .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(2.8vw, 14px)) rotate(-45deg);
	width: min(8vw, 40px);
  }
  header #header__inner .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-2.8vw, -14px)) rotate(45deg);
	width: min(8vw, 40px);
  }
	  #About_MRL .About__img {
    height: min(80vw, 400px);
  }
	#About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina {
        top: min(7.2vw, 36px);
        height: min(4.8vw, 24px);
        width: min(4.8vw, 24px);
    }
	  #Menu_list .Menu__img {
    height: min(80vw, 400px);
  }
	#Menu_list #Menu__wrapper .Menu__detail {
        gap: min(16vw, 60px);
    }
	#Menu_list #Menu__wrapper button {
        border-radius: min(4vw, 20px);
    }
	#Menu_list #Menu__wrapper .Menu__payment-method .Menu__payment-method_img {
		padding-top: min(12vw, 60px);
	}
	 #Reservation_n_policy .Reservation__img {
    height: min(80vw, 400px);
  }
	footer {
        height: min(84vw, 420px);
        padding: min(8vw, 40px) 0;
    }
	footer #footer__contents .footer__information .footer__logo {
        height: min(16vw, 80px);
        width: min(10vw, 50px);
    }

}

	@media screen and (max-width: 400px) {
  body {
    font-size: min(calc( ( 100vw * 16 ) / 400 ), 16px);
  }
  .br_sp_u400 {
  display: block;
  }
  .tac_u400 {
	text-align: center;
  }
  .mlra_u400 {
	margin-left: auto;
	margin-right: auto;
  }
  .reservation {
	height: min(25vw, 100px);
	width: min(25vw, 100px);
  }
	.modal-content {
		padding: min(9vw, 36px);
    }
  .modal-close {
	width: min(7.5vw, 30px);
	height: min(7.5vw, 30px);
  }
  .jc_center {
	bottom: 5%;
  }
  .gray_smaller02 {
    color: #717171;
    font-size: min(calc( ( 100vw * 14 ) / 400 ), 14px);
  }
  .font-size_smaller12_sp {
    font-size: min(calc( ( 100vw * 12 ) / 400 ), 12px);
  }
  .font-size_smaller14_sp {
    font-size: min(calc( ( 100vw * 14 ) / 400 ), 14px);
  }
  .font-size_larger18 {
    font-size: min(calc( ( 100vw * 18 ) / 400 ), 18px);
  }
  .font-size_larger20 {
    font-size: min(calc( ( 100vw * 20 ) / 400 ), 20px);
  }
  .font-size_larger24 {
    font-size: min(calc( ( 100vw * 24 ) / 400 ), 24px);
  }
  .font-size_larger30 {
    font-size: min(calc( ( 100vw * 30 ) / 400 ), 30px);
  }
  .font-size_normal_sp {
    font-size: min(calc( ( 100vw * 16 ) / 400 ), 16px);
  }
  .font-size_normal {
    font-size: min(calc( ( 100vw * 16 ) / 400 ), 16px);
  }
  .font-size_large48 {
    font-size: min(calc( ( 100vw * 48 ) / 400 ), 48px);
  }
  .font-size_large36 {
    font-size: min(calc( ( 100vw * 36 ) / 400 ), 36px);
  }
  .lh-24 {
    line-height: min(6vw, 24px);
  }
  .lh-30 {
    line-height: min(7.5vw, 30px);
  }
  .lh-32 {
  line-height: min(8vw, 32px);
  }
  .mt-30 {
    margin-top: min(7.5vw, 30px);
  }
  .mt-60 {
    margin-top: min(15vw, 60px);
  }
  .mt-100 {
    margin-top: min(25vw, 100px);
  }
  .mt-130 {
    margin-top: min(32.5vw, 130px);
  }
  .mt-150 {
    margin-top: min(37.5vw, 150px);
  }
  .pt-10 {
    padding-top: min(2.5vw, 10px);
  }
  .pt-20 {
    padding-top: min(5vw, 20px);
  }
  .pt-24 {
    padding-top: min(6vw, 24px);
  }
  .pt-30 {
    padding-top: min(7.5vw, 30px);
  }
  .pt-40 {
    padding-top: min(10vw, 40px);
  }
  .pt-100 {
    padding-top: min(25vw, 100px);
  }
  .pt-60 {
    padding-top: min(15vw, 60px);
  }
  .ls-02 {
    letter-spacing: min(0.5vw, 2px);
  }
  header #top_page .hamburger {
    height: min(7.5vw, 30px);
    width: min(10vw, 40px);
  }
  header #top_page .hamburger span {
    width: min(10vw, 40px);
  }
  header #header__inner .hamburger {
    height: min(7.5vw, 30px);
    width: min(10vw, 40px);
  }
  header #header__inner .hamburger span {
    width: min(10vw, 40px);
  }
  header #top_page .sp-menu {
	padding-top: min(15vw, 60px);
  }
	header #top_page .sp-menu li {
	   margin-left: min(10vw, 40px);
	   padding: min(5vw, 20px);
	}
	header #top_page .sp-menu li span {
	   transform: translateY(max(-5vw, -20px));
	}
	header #top_page .sp-menu li span a {
	   font-size: min(calc( ( 100vw * 30 ) / 400 ), 30px);
	}
   header #top_page .sp-menu li:hover span {
	   transform: translateY(max(-5vw, -20px));
	}
	header #top_page .sp-menu li a {
	  font-size: min(calc( ( 100vw * 36 ) / 400 ), 36px);
	}
		  header #top_page .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(3.5vw, 14px)) rotate(-45deg);
	width: min(10vw, 40px);
  }
  header #top_page .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-3.5vw, -14px)) rotate(45deg);
	width: min(10vw, 40px);
  }
   header #header__inner {
		height: min(20vw, 80px);
  }
  header #header__inner nav {
	  margin: min(6vw, 24px) min(2.5vw, 10px) 0 0;
	}
	header #header__inner .sp-menu {
		padding-top: min(15vw, 60px);
	}
   header #header__inner .logo__except-top-page {
    height: min(15vw, 60px);
    width: min(15vw, 60px);
	margin-top: 2.2vw;
  }
  header #header__inner .sp-menu li {
	   margin-left: min(10vw, 40px);
	   padding: min(5vw, 20px);
  }
  header #header__inner .sp-menu li a {
		  font-size: min(calc( ( 100vw * 36 ) / 400 ), 36px);
  }
  header #header__inner nav .MRL_navi ul li span {
	transform: translateY(max(-5vw, -20px));
  }
  header #header__inner .sp-menu li span a {
	font-size: min(calc( ( 100vw * 30 ) / 400 ), 30px);
  }
  header #header__inner .sp-menu li:hover span {
	transform: translateY(max(-4vw, -20px));
  }
  header #header__inner .hamburger.active span:nth-of-type(1) {
    transform: translateY(min(3.5vw, 14px)) rotate(-45deg);
	width: min(10vw, 40px);
  }
  header #header__inner .hamburger.active span:nth-of-type(3) {
	transform: translateY(max(-3.5vw, -14px)) rotate(45deg);
	width: min(10vw, 40px);
  }
  .Menu__individual-title {
    width: min(87.5vw, 350px);
  }
  .Menu__width {
    width: 100%;
  }
.title-frame {
  border: min(0.5vw, 2px) solid #707070;
  padding: min(2.5vw, 10px);
}
.title-frame h2 {
  font-size: min(calc( ( 100vw * 32 ) / 400 ), 32px);
  padding: min(3.5vw, 14px) min(3.5vw, 14px) min(2.5vw, 10px);
  outline: min(0.5vw, 2px) solid #707070;
}
  header #header__inner .sp-menu .MRL_sns {
    gap: min(7.5vw, 30px);
  }
  #About_MRL .About__img {
    height: min(100vw, 400px);
  }
	#About_MRL #About__wrapper {
    	width: min(87.5vw, 350px);
  }
	#About_MRL #About__wrapper .About__wrapper--information {
		width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--information p {
   		width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--information .About__wrapper--dog {
	height: min(50vw, 200px);
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--exterior {
	background-size: contain;
	height: min(62.5vw, 250px);
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--exterior-n-interior .About__wrapper--interior {
	background-size: contain;
	height: min(62.5vw, 250px);
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--profile {
	width: 100%
  }
  #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_img {
    width: min(75vw, 300px);
    height: min(75vw, 300px);
	border-radius: min(50vw, 200px);
  }
    #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_name .instagram-icon_rina {
	top: min(9vw, 36px);
    height: min(6vw, 24px);
    width: min(6vw, 24px);
  }
  #About_MRL #About__wrapper .About__wrapper--profile .About__wrapper--profile_p .About__wrapper--profile_explanation {
    width: 100%;
}
  #About_MRL #About__wrapper .About__wrapper--access {
    width: 100%;
  }
  #About_MRL #About__wrapper .About__wrapper--access iframe {
    width: 100%;
  }
  #Menu_list .Menu__img {
    height: min(100vw, 400px);
  }
  #Menu_list #Menu__wrapper {
    width: min(87.5vw, 350px);
  }
  #Menu_list #Menu__wrapper button {
	border-radius: min(5vw, 20px);
  }
  #Menu_list #Menu__wrapper .Menu__detail .Menu__detail-left {
    width: 100%;
  }
  #Menu_list #Menu__wrapper .Menu__detail .Menu__detail-right {
    width: 100%;
  }
  #Menu_list #Menu__wrapper .Menu__detail {
        gap: min(15vw, 60px);
    }
  #season-design__wrapper .season-design__box {
  	margin: min(7.5vw, 30px) auto min(20vw, 80px);
  }
  #Reservation_n_policy .Reservation__img {
    height: min(100vw, 400px);
  }
  #Reservation_n_policy #Reservation__wrapper {
    width: min(87.5vw, 350px);
  }
  #Reservation_n_policy .Policy__wrapper {
    margin-left: auto;
	margin-right: auto;
	width: 100%
  }
  #Reservation_n_policy .Policy__wrapper .Policy__detail {
	padding: min(10vw, 40px);
  }
  #Reservation_n_policy #Reservation__wrapper .line__banner {
	height: min(62.5vw, 250px);
	width: min(62.5vw, 250px);
  }
  #art-course #art-course__wrapper {
	width: min(92.5vw, 370px);
  }
  #art-course .flat-art .flat-art_upper .flat-art_upper_left .flat-art_upper01 {
  height: min(37.5vw, 150px);
  width: min(50vw, 200px);
  }
  #art-course .flat-art .flat-art_upper .flat-art_upper_left .flat-art_upper02 {
  height: min(37.5vw, 150px);
  width: min(50vw, 200px);
  }
  #art-course .flat-art .flat-art_upper .flat-art_upper_right .flat-art_upper03 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .flat-art .flat-art_upper .flat-art_upper_right .flat-art_upper04 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .flat-art .flat-art_upper .flat-art_upper_right .flat-art_upper05 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .flat-art p {
  padding: min(6.25vw, 25px);
  position: absolute;
  top: min(87.5vw, 350px);
  left: min(12.5vw, 50px);
}
#art-course .flat-art .flat-art_lower .flat-art_lower_upper .flat-art_lower_upper_left .flat-art_lower01 {
  height: min(25vw, 100px);
  width: min(25vw, 100px);
}
#art-course .flat-art .flat-art_lower .flat-art_lower_upper .flat-art_lower_upper_left .flat-art_lower02 {
  height: min(25vw, 100px);
  width: min(25vw, 100px);
}
#art-course .flat-art .flat-art_lower .flat-art_lower_upper .flat-art_lower_upper_right .flat-art_lower03 {
  height: min(62.5vw, 250px);
  width: min(56.25vw, 225px);
}
#art-course .flat-art .flat-art_lower .flat-art_lower_lower .flat-art_lower04 {
  height:min(43.75vw, 175px);
  width: min(40.5vw, 162px);
}
#art-course .flat-art .flat-art_lower .flat-art_lower_lower .flat-art_lower05 {
  height: min(43.75vw, 175px);
  width: min(40.5vw, 162px);
}
#art-course .solid-art .solid-art_upper .solid-art_upper_left .solid-art_upper01 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .solid-art .solid-art_upper .solid-art_upper_left .solid-art_upper02 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .solid-art .solid-art_upper .solid-art_upper_left .solid-art_upper03 {
  height: min(31.25vw, 125px);
  width: min(31.25vw, 125px);
}
#art-course .solid-art .solid-art_upper .solid-art_upper_right .solid-art_upper04 {
  height: min(37.5vw, 150px);
  width: min(50vw, 200px);
}
#art-course .solid-art .solid-art_upper .solid-art_upper_right .solid-art_upper05 {
  height: min(37.5vw, 150px);
  width: min(50vw, 200px);
}
#art-course .solid-art p {
  padding: min(6.25vw, 25px);
  position: absolute;
  top: min(87.5vw, 350px);
  right: min(12.5vw, 50px);
}
#art-course .solid-art .solid-art_lower .solid-art_lower_upper .solid-art_lower_upper_left .solid-art_lower01 {
  height: min(62.5vw, 250px);
  width: min(56.25vw, 225px);
}
#art-course .solid-art .solid-art_lower .solid-art_lower_upper .solid-art_lower_upper_right .solid-art_lower02 {
  height: min(25vw, 100px);
  width: min(25vw, 100px);
}
#art-course .solid-art .solid-art_lower .solid-art_lower_upper .solid-art_lower_upper_right .solid-art_lower03 {
  height: min(25vw, 100px);
  width: min(25vw, 100px);
}
#art-course .solid-art .solid-art_lower .solid-art_lower_lower .solid-art_lower04 {
  height: min(43.75vw, 175px);
  width: min(40.5vw, 162px);
}
#art-course .solid-art .solid-art_lower .solid-art_lower_lower .solid-art_lower05 {
  height: min(43.75vw, 175px);
  width: min(40.5vw, 162px);
}
  footer {
    height: min(95vw, 380px);
    padding: min(10vw, 40px) 0;
  }
  footer #footer__contents .footer__information .footer__logo {
    height: min(20vw, 80px);
    width: min(12.5vw, 50px);
  }
   footer #footer__contents .footer__SNS {
    gap: min(7.5vw, 30px);
    margin-top: min(10vw, 40px);
  }
  footer #footer__contents .footer__SNS .instagram-icon {
    height: min(10vw, 40px);
    width: min(10vw, 40px);
  }
   footer #footer__contents .footer__SNS .line-icon {
    height: min(10vw, 40px);
    width: min(10vw, 40px);
 }
}/*# sourceMappingURL=style.css.map */