@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


:root{
  --ws-6: min(6px, 0.8vw);
  --ws-8: min(8px, 1.06vw);
  --ws-10: min(10px, 1.33vw);
  --ws-11: min(11px, 1.46vw);
  --ws-12: min(12px, 1.6vw);
  --ws-15: min(15px, 1.99vw);
  --ws-16: min(16px, 2.13vw);
  --ws-18: min(18px, 2.39vw);
  --ws-20: min(20px, 2.66vw);
  --ws-24: min(24px, 3.19vw);
  --ws-26: min(26px, 3.46vw);
  --ws-28: min(28px, 3.72vw);
  --ws-30: min(30px, 3.99vw);
  --ws-32: min(32px, 4.26vw);
  --ws-40: min(40px, 5.32vw);
  --ws-42: min(42px, 5.59vw);
  --ws-45: min(45px, 5.98vw);
  --ws-50: min(50px, 6.65vw);
  --ws-60: min(60px, 7.98vw);
  --ws-64: min(64px, 8.51vw);
  --ws-68: min(68px, 9.04vw);
  --ws-70: min(70px, 9.31vw);
  --ws-75: min(75px, 9.97vw);
  --ws-80: min(80px, 10.64vw);
  --ws-84: min(84px, 11.17vw);
  --ws-85: min(85px, 11.3vw);
  --ws-94: min(94px, 12.5vw);
  --ws-105: min(105px, 13.96vw);
  --ws-130: min(130px, 17.29vw);
  --ws-165: min(165px, 21.94vw);
  --ws-201: min(201px, 26.72vw);
  --ws-202: min(202px, 26.86vw);
  --ws-240: min(240px, 31.91vw);
  --ws-442: min(442px, 58.78vw);
  --ws-640: min(640px, 85.11vw);
  --ws-690: min(690px, 91.76vw);
  --ws-692: min(692px, 92.02vw);
  --ws-750: min(750px, 99.73vw);

  --ws-color: #e2116d;
}

html{
	scroll-behavior: smooth;
}

.wedding_car strong{
  display: inline-block;
  font-weight: 800;
}

.wedding_car .w600{
  font-weight: 600;
}

.wedding_car .w700{
  font-weight: 700;
}

.wedding_car .w800{
  font-weight: 800;
}

.wedding_car .w900{
  font-weight: 900;
}

.wedding_car em{
  color: var(--ws-color);
}

.wedding_car section{
  max-width: 1132px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: 'S-CoreDream', sans-serif;
  letter-spacing: -0.1rem;
}

.wedding_car img{
  max-width: 100%;
}

/* sec01 */
.wedding_car .topBannerWrap{
  max-width: 1920px;
  margin: 0 auto;
  background: url("/images/wedding_car/sec01_bg.png") no-repeat center / cover;
}

.wedding_car .sec01{
  height: var(--ws-750);
  position: relative;
  text-align: center;
}

.wedding_car .sec01 .logo{
  width: var(--ws-201);
  padding: var(--ws-42) 0;
  margin:  0 auto;
}

.wedding_car .sec01 .txt_group{
  position: relative;
  z-index: 1;
}

.wedding_car .sec01 .txt_group h2{
  font-size: var(--ws-45);
  margin-bottom: var(--ws-16);
}

.wedding_car .sec01 .txt_group p strong{
  font-size: var(--ws-68);
}

.wedding_car .sec01 .inner_model{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: var(--ws-640);
  z-index: 0;
}

/* sec02 */
.wedding_car .sec02{
  padding: var(--ws-75) 0 var(--ws-130);
}
.wedding_car .sec02 h3{
  font-size: var(--ws-30);
  text-align: center;
  padding-bottom: var(--ws-84);
}

.wedding_car .sec02 h3 strong{
  display: block;
  margin-bottom: var(--ws-15);
}

.wedding_car .sec02 h3 em{
  font-size: var(--ws-40);
}

.wedding_car .sec02 .car_direction{
  width: var(--ws-690);
  margin: 0 auto;
}

/* sec03 */
.wedding_car .sec03{
  padding: 0 0 var(--ws-70);
}

.wedding_car .sec03 form{
  background-color: #e3e3e3;
  padding: var(--ws-85) var(--ws-32) var(--ws-105);
  box-sizing: border-box;
}

.wedding_car .sec03 form hr{
  max-width: 658px;
  margin: var(--ws-32) auto var(--ws-85);
}

.wedding_car .sec03 .car_selet h2{
  font-size: var(--ws-45);
  text-align: center;
  margin-bottom: var(--ws-15);
}

.wedding_car .sec03 .car_selet p{
  font-size: var(--ws-30);
  text-align: center;
  margin-bottom: var(--ws-64);
}

.wedding_car .sec03 .car_selet ul{
  max-width: 658px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ws-50) 0;
}

.wedding_car .sec03 .car_selet ul li{
  width: 49.088%;
  text-align: center;
}

.wedding_car .sec03 .car_selet ul li:last-child{
  margin: 0 auto;
}

.wedding_car .sec03 .notice{
  text-align: center;
  font-size: var(--ws-26);
  color: #000;
  line-height: 1.6;
  margin: var(--ws-70) auto 0;
  width: fit-content;
  font-weight: 300;
}

.wedding_car .sec03 .notice .highlight {
  color: var(--ws-color);
  font-weight: 500;
}

.wedding_car .sec03 .car_item figcaption{
  display: inline-block;
  font-size: var(--ws-30);
  padding-left: var(--ws-40);
  margin: var(--ws-18) auto;
  background: url("/images/wedding_car//sec03_radio_off.png") no-repeat left center / contain;
}

.wedding_car .sec03 .car_item input:checked + figcaption{
  background: url("/images/wedding_car//sec03_radio_on.png") no-repeat left center / contain;
}

.wedding_car .sec03 .car_selet li a:last-child{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-color: var(--ws-color);
  color: #fff;
  border-radius: 6px;
  font-size: var(--ws-20);
  width: var(--ws-202);
  height: var(--ws-40);
}

.wedding_car .sec03 .use_datetime{
  max-width: 658px;
  margin: 0 auto;
}

.wedding_car .sec03 .use_datetime h2{
  font-size: var(--ws-45);
  text-align: center;
  margin-bottom: var(--ws-40);
}

.wedding_car .sec03 .use_datetime > ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ws-18) 0;
}

.wedding_car .sec03 .use_datetime > ul > li{
  display: flex;
  align-items: center;
  justify-content: center;
}

.wedding_car .sec03 .use_datetime > ul > li:last-child{
	width: 100%;
}

.wedding_car .sec03 .use_datetime > ul > li .departure_location_detail{
	flex: 1;
}

.wedding_car .sec03 .use_datetime li i{
  font-size: var(--ws-30);
  padding: 0 var(--ws-8);
}

.wedding_car .sec03 .use_datetime label{
  font-size: var(--ws-30);
  margin-right: var(--ws-16);
}

.wedding_car .sec03 .use_datetime .departure_location{
  margin-right: var(--ws-16);
}

.wedding_car .sec03 .use_datetime input{
  border: 2px solid #c6c6c6;
  font-size: var(--ws-24);
  padding: 0 var(--ws-16) 0 var(--ws-16);
  box-sizing: border-box;
  height: var(--ws-50);
}

.wedding_car .sec03 .use_datetime input::placeholder{
  color: #6e6e6e;
}

.wedding_car .sec03 .use_datetime li:nth-child(n+2) input{
  background: #fff url("/images/wedding_car/sec03_arrow_off.png") no-repeat right var(--ws-6) center / var(--ws-16) var(--ws-11);
}

.wedding_car .sec03 .use_datetime li:nth-child(n+2) input.act{
  background: #fff url("/images/wedding_car/sec03_arrow_on.png") no-repeat right var(--ws-6) center / var(--ws-16) var(--ws-11);
}

.wedding_car .sec03 .use_datetime .departure_HH_box{
  display: flex;
  align-items: center;
}

.wedding_car .sec03 .use_datetime #departure_HH,
.wedding_car .sec03 .use_datetime #departure_MM{
  width: var(--ws-94);
}

.wedding_car .sec03 .use_datetime #departure_location_input{
  width: var(--ws-165);
}

.wedding_car .sec03 .use_datetime #departure_location_detail_input{
  width: 100%;
  background: #fff;
}

.wedding_car .sec03 > ul{
  padding: var(--ws-64) var(--ws-12) var(--ws-84);
  box-sizing: border-box;
}

.wedding_car .sec03 > ul.centerBox{
  padding: var(--ws-12) var(--ws-12) 0;
  text-align: center;
}

.wedding_car .sec03 > ul.centerBox li{
	display: inline-block;
}

.wedding_car .sec03 > ul li{
  font-size: var(--ws-18);
  line-height: var(--ws-30);
  padding-left: var(--ws-20);
  position: relative;
  color: #6e6e6e;
  letter-spacing: -0.06rem;
}

.wedding_car .sec03 > ul li::before{
  content: "*";
  position: absolute;
  left: 6px;
  top: 0;
}

.wedding_car .sec03 button{
  display: block;
  background-color: var(--ws-color);
  color: #fff;
  border-radius: 9999px;
  font-size: var(--ws-40);
  height: var(--ws-94);
  width: var(--ws-442);
  margin: 0 auto;
}

/* sec03 popup */
.departure_HH_box,
.departure_MM_box,
.departure_location,
.departure_location_detail {
  position: relative;
  display: inline-block;
}

.popup_list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  border: 2px solid #c6c6c6;
  border-top: 0;
  box-sizing: border-box;
  background: #fff;
  z-index: 100;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.popup_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.popup_list li {
  padding: 8px 12px;
  cursor: pointer;
  font-size: var(--fs-16); 
  border-bottom: 1px solid #c6c6c6;
}

.popup_list li:not(:last-child) {
  border-bottom: 1px solid #c6c6c6;
}

.popup_list li:hover {
  background-color: #f0f0f0;
}


/* sec04 */
.wedding_car .sec04{
  padding: 0;
}

.wedding_car .sec04 ul{
  background-color: #e3e3e3;
  padding: var(--ws-85) var(--ws-32) var(--ws-105);
  box-sizing: border-box;
}

.wedding_car .sec04 ul li:not(:last-child){
  margin-bottom: var(--ws-202);
}

.wedding_car .sec04 img{
  display: block;
  margin: 0 auto;
}