@charset "utf-8";
/* CSS Document */

/* ===============================
	mv
 =============================== */
#mv {
  background: rgb(93,157,141);
  background: linear-gradient(90deg, rgba(93,157,141,1) 0%, rgba(65,110,99,1) 55%, rgba(52,95,84,1) 100%);
  position: relative;
}
#mv::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: var(--C-black);
  opacity: 0.55;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#mv .wrap {
  z-index: +1;
}

/* ===============================
	banner_area
 =============================== */
#banner_area {
  text-align: center;
  margin-top: 80px;
}
#banner_area p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
}
#banner_area .banner_img img {
  /* width: 100%; */
  height: auto;
  object-fit: contain;
}
#banner_area small {
  font-size: 10px;
  font-weight: 400;
  display: block;
  margin-top: 16px;
}
@media screen and (max-width: 750px) {
  #banner_area {
    margin-top: 10.66666666666667vw;
  }
  #banner_area p {
    font-size: 4.26666666666667vw;
    margin-bottom: 10.66666666666667vw;
  }
  #banner_area small {
    font-size: 2.66666666666667vw;
    margin-top: 4.26666666666667vw;
  }
}

/* ===============================
	contact_flow
 =============================== */
#contact_flow {
  margin-top: 80px;
}
#contact_flow .flow_bl {
  border: var(--C-line-gray) 6px solid;
  border-radius: 3px;
  background: #F3F3F3;
  display: flex;
  align-items: center;
}
#contact_flow .flow_con {
  font-size: 16px;
  font-weight: 500;
  width: calc(100% / 3);
  height: 64px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#contact_flow .flow_con:not(:last-child)::before,
#contact_flow .flow_con:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#contact_flow .flow_con:not(:last-child)::before {
  background: #F3F3F3;
  height: calc(128px / 2);
  width: 13px;
  right: -12px;
  z-index: +2;
}
#contact_flow .flow_con:not(:last-child)::after {
  background: var(--C-line-gray);
  height: calc(156px / 2);
  width: 18px;
  right: -17px;
  z-index: +1;
}
#contact_flow .flow_con span {
  font-size: 14px;
  font-weight: 500;
  color: var(--C-white);
  background: #E83434;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contact_flow.flow_con.con_1 {
  z-index: +2;
}
#contact_flow.flow_con.con_2 {
  z-index: +1;
}
.mw_wp_form_input #contact_flow .con_1,
.mw_wp_form_input #contact_flow .con_1::before,
.mw_wp_form_confirm #contact_flow .con_2,
.mw_wp_form_confirm #contact_flow .con_2::before,
#contact_flow.flow_3 .flow_con.con_3,
#contact_flow.flow_3 .flow_con.con_3::before {
  background: var(--C-white);
}

@media screen and (max-width: 750px) {
  #contact_flow {
    margin-top: 17.06666666666667vw;
  }
  #contact_flow .flow_bl {
    border-width: 3px;
  }
  #contact_flow .flow_con {
    font-size: 3.73333333333333vw;
    height: 11.73333333333333vw;
    gap: 1.33333333333333vw;
  }
  #contact_flow .flow_con span {
    font-size: 2.66666666666667vw;
    width: 4.8vw;
    height: 4.8vw;
    border-radius: 4.8vw;
  }
  #contact_flow .flow_con:not(:last-child)::before {
    height: calc(24vw / 2);
    width: 2.13333333333333vw;
    right: -2.13333333333333vw;
  }
  #contact_flow .flow_con:not(:last-child)::after {
    height: calc(26vw / 2);
    width: 2.66666666666667vw;
    right: -2.66666666666667vw;
  }
}

/* ===============================
	contact_共通
 =============================== */
#contact_list .contact_title::after,
#contact_btn .contact_title::after {
  content: '任意';
  font-size: 12px;
  font-weight: 500;
  color: var(--C-white);
  background: var(--C-accent-Dyellow);
  border-radius: 2px;
  width: 33px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 28px;
  right: 32px;
}
#contact_list .req .contact_title::after,
#contact_btn .req .contact_title::after {
  content: '必須';
  background: #E83434;
}
@media screen and (max-width: 750px) {
  #contact_list .contact_title::after, #contact_btn .contact_title::after {
    font-size: 3.2vw;
    width: 8.8vw;
    height: 5.33333333333333vw;
    top: 3.2vw;
    right: 3.73333333333333vw;
  }
}

/* ===============================
	contact_main
 =============================== */
#contact_main {
  margin-top: 56px;
}
#contact_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#contact_list li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 84px;
}
.contact_title {
  font-size: 14px;
  font-weight: 500;
  width: 285px;
  background: var(--C-sub);
  position: relative;
  padding: 26px 32px;
}
.contact_title span {
  display: block;
}
.contact_con {
  width: calc(100% - 285px);
  padding: 26px 32px;
}
.contact_con,
.contact_con * {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #contact_list {
    gap: 0;
  }
  #contact_list li {
    flex-direction: column;
    min-height: inherit;
  }
  .contact_title {
    font-size: 3.73333333333333vw;
    width: 100%;
    padding: 3.2vw 4.53333333333333vw;
  }
  .contact_con {
    width: 100%;
    padding: 8.53333333333333vw 6.4vw;
  }
  .contact_con,
  .contact_con * {
    font-size: 3.73333333333333vw;
  }
}

/* input[type] */
.contact_con input[type=radio] {
  display: none;
}
.contact_con input[type=text],
.contact_con input[type=email] {
  width: 100%;
  max-width: 545px;
  border: var(--C-line-gray) 1px solid;
  border-radius: 4px;
  padding: 9px 15px;
  transition: .2s;
}
.contact_con input[type=text]:focus,
.contact_con input[type=email]:focus {
  outline: var(--C-accent-green) 2px solid;
  outline-offset: -2px;
}
.contact_con input[type=text]::placeholder,
.contact_con input[type=email]::placeholder,
.contact_con textarea::placeholder {
  color: var(--C-line-gray);
}
.contact_con input[type=checkbox] {
  display: none;
}
.contact_con select {
  width: 100%;
  border: var(--C-line-gray) 1px solid;
  border-radius: 4px;
  padding: 9px 15px;
  background-image: url(../img/contact/icon_select_arrow.svg);
  background-size: 24px;
  background-position: center right 6.2992125984252%;
  background-repeat: no-repeat;
}
.contact_con textarea {
  width: 100%;
  max-width: 545px;
  height: 184px;
  border: var(--C-line-gray) 1px solid;
  border-radius: 4px;
  padding: 9px 15px;
  transition: .2s;
}
.contact_con textarea:focus {
  outline: var(--C-accent-green) 2px solid;
  outline-offset: -2px;
}
@media screen and (max-width: 750px) {
  .contact_con input[type=text],
  .contact_con input[type=email] {
    max-width: inherit;
    padding: 3.2vw 4vw;
  }
  .contact_con select {
    max-width: inherit;
    padding: 3.2vw 4vw;
    background-position: center right 4.26666666666667%;
  }
  .contact_con textarea {
    max-width: inherit;
    height: 64vw;
    padding: 3.2vw 4vw;
  }
}

/* radio_1 / radio_2 */
.contact_con .radio_1,
.contact_con .radio_2 {
  display: flex;
  gap: 55px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.contact_con .radio_1 label,
.contact_con .radio_2 label {
  position: relative;
  padding-left: 32px;
}
.contact_con .radio_1 label span::before,
.contact_con .radio_2 label span::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 14px;
  background: var(--C-accent-green);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
  opacity: 0;
  transition: .2s;
}
.contact_con .radio_1 label span::after,
.contact_con .radio_2 label span::after {
  content: '';
  width: 20px;
  height: 20px;
  border: var(--C-line-gray) 1px solid;
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.contact_con .radio_1 label input[type=radio]:checked + span::before,
.contact_con .radio_2 label input[type=radio]:checked + span::before {
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .contact_con .radio_1,
  .contact_con .radio_2 {
    gap: 6.4vw;
    flex-direction: column;
  }
  .contact_con .radio_1 label,
  .contact_con .radio_2 label {
    padding-left: 8.53333333333333vw;
  }
  .contact_con .radio_1 label span::before,
  .contact_con .radio_2 label span::before {
    width: 3vw;
    height: 3vw;
    left: 1vw;
  }
  .contact_con .radio_1 label span::after, .contact_con .radio_2 label span::after {
    width: 5vw;
    height: 5vw;
    border-radius: 5vw;
  }
}

/* check_1 */
.contact_con .check_1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
.contact_con .check_1 label {
  position: relative;
  display: block;
  padding-left: 32px;
}
.contact_con .check_1 label span {
  display: inline-block;
}
.contact_con .check_1 label span::before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../img/contact/icon_check.svg);
  background-size: 14px 11px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  margin: auto;
  opacity: 0;
  transition: .2s;
}
.contact_con .check_1 label span::after {
  content: '';
  width: 20px;
  height: 20px;
  border: var(--C-line-gray) 1px solid;
  border-radius: 3px;
  vertical-align: text-bottom;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  margin: auto;
}
.contact_con .check_1 label input[type=checkbox]:checked + span::before {
  opacity: 1;
}

/* select_1 */
.contact_con .select_1 {
  width: 100%;
  max-width: 254px;
}

/* calendar_1 */
.contact_con .con_row_2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.contact_con .calendar_1 {
  width: 100%;
  max-width: 275px;
  position: relative;
}
.contact_con .calendar_1::after {
  content: '';
  background-image: url(../img/contact/icon_calender.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}
.contact_con .calendar_1 input {
  width: 100%;
  border: var(--C-line-gray) 1px solid;
  border-radius: 4px;
  padding: 9px 15px;
  transition: .2s;
  position: relative;
}

.contact_con #txt_4,
.contact_con #txt_8 {
  max-width: 275px;
}

.contact_con small {
  font-size: 10px;
  font-weight: 400;
  display: block;
  margin-top: 12px;
}
@media screen and (max-width: 750px) {
  .contact_con .check_1 {
    gap: 6.4vw;
  }
  .contact_con .check_1 label {
    padding-left: 8.53333333333333vw;
  }
  .contact_con .check_1 label span::before,
  .contact_con .check_1 label span::after {
    width: 5.33333333333333vw;
    height: 5.33333333333333vw;
    top: 1vw;
  }
  .contact_con #txt_4,
  .contact_con #txt_8 {
    max-width: 50.34722222222222%;
  }
  .contact_con .select_1 {
    max-width: inherit;
  }
  .contact_con .con_row_2 {
    flex-direction: column;
    gap: 4.26666666666667vw;
  }
  .contact_con .calendar_1 {
    max-width: inherit;
  }
  .contact_con .calendar_1 > div {
    padding: 3.2vw 4vw;
  }
  .contact_con small {
    font-size: 2.66666666666667vw;
    margin-top: 4.26666666666667vw;
  }
}

/* ===============================
	contact_txt
 =============================== */
#contact_txt {
  margin-top: 32px;
}
#contact_txt .txt_con {
  border: var(--C-line-gray) 1px solid;
  padding: 40px;
}
#contact_txt section {
  font-size: 14px;
  font-weight: 400;
}
#contact_txt section:not(:last-of-type) {
  margin-bottom: 30px;
}
#contact_txt a:not([href^="tel:"]) {
  color: var(--C-txt-blue);
  text-decoration: underline;
}
#contact_txt small {
  font-size: 10px;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #contact_txt {
    margin-top: 2.13333333333333vw;
  }
  #contact_txt .txt_con {
    padding: 8.53333333333333vw 6.4vw;
  }
  #contact_txt section {
    font-size: 3.2vw;
  }
  #contact_txt section:not(:last-of-type) {
    margin-bottom: 6.4vw;
  }
  #contact_txt small {
    font-size: 2.66666666666667vw;
  }
}

/* ===============================
	contact_btn
 =============================== */
#contact_btn {
  margin-top: 32px;
  margin-bottom: 80px;
}
#contact_btn .wrap > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#contact_btn .contact_con {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contact_con .check_2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
.contact_con .check_2 label {
  position: relative;
  padding-left: 32px;
}
.contact_con .check_2 label span::before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../img/contact/icon_check.svg);
  background-size: 14px 11px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: .2s;
}
.contact_con .check_2 label span::after {
  content: '';
  width: 20px;
  height: 20px;
  border: var(--C-line-gray) 1px solid;
  border-radius: 3px;
  vertical-align: text-bottom;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin-right: 10px;
}
.contact_con .check_2 label input[type=checkbox]:checked + span::before {
  opacity: 1;
}
#contact_btn .contact_con span a {
  color: var(--C-txt-blue);
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  #contact_btn {
    margin-top: 10.66666666666667vw;
    margin-bottom: 21.33333333333333vw;
  }
}
/* contact_btn */
#contact_btn .btn_area {
  justify-content: center;
  gap: 16px;
  margin-top: 80px;
}
#contact_btn .contact_btn {
  max-width: 100%;
  width: 364px;
  height: 64px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.6em;
  transition: .6s;
  z-index: 0;
}
#contact_btn .contact_btn:first-child {
  background: rgb(93,157,141);
  background: linear-gradient(90deg, rgba(93,157,141,1) 0%, rgba(65,110,99,1) 50%, rgba(52,95,84,1) 100%);
}
#contact_btn .contact_btn:nth-child(2) {
  border: #333 1px solid;
}
#contact_btn .contact_btn input {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  transition: .6s;
}
#contact_btn .contact_btn:first-child input {
  color: var(--C-white);
}
#contact_btn .contact_btn:nth-child(2) input {
  color: #333;
}
#contact_btn .contact_btn::before {
  content: '';
  width: 8px;
  height: 14px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
  transition: .6s;
}
#contact_btn .contact_btn:first-child:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='24' height='24' transform='translate(1379 365)' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-1379 -365)' clip-path='url(%23a)'%3E%3Cpath fill='white' d='M.965,7.5h0L0,6.555,6.68,0l6.679,6.555-.964.946L6.68,1.894.966,7.5Z' transform='translate(1395 370.641) rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
}
#contact_btn .contact_btn:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='24' height='24' transform='translate(1379 365)' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-1379 -365)' clip-path='url(%23a)'%3E%3Cpath fill='rgb(112,112,112,1)' d='M.965,7.5h0L0,6.555,6.68,0l6.679,6.555-.964.946L6.68,1.894.966,7.5Z' transform='translate(1395 370.641) rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
}
#contact_btn .contact_btn:nth-child(2):hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='24' height='24' transform='translate(1379 365)' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-1379 -365)' clip-path='url(%23a)'%3E%3Cpath fill='white' d='M.965,7.5h0L0,6.555,6.68,0l6.679,6.555-.964.946L6.68,1.894.966,7.5Z' transform='translate(1395 370.641) rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
}
#contact_btn .contact_btn::after {
  content: '';
  background: #333;
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .6s;
}
#contact_btn .contact_btn:nth-child(2):hover input {
  color: var(--C-white);
}
#contact_btn .contact_btn:hover::after {
  transform: scale(1, 1);
}
@media screen and (max-width: 750px) {
  #contact_btn .btn_area {
    gap: 3.2vw;
    margin-top: 10.66666666666667vw;
  }
  #contact_btn .contact_btn  {
    width: 100%;
    height: 16vw;
  }
  #contact_btn input[type=submit] {
    font-size: 14px;
  }
}

/* ===============================
	error
 =============================== */
.error {
  font-size: 12px;
  font-weight: 400;
  color: #E83434;
  position: relative;
  display: block;
  margin-top: 14px;
  padding-left: 18px;
}
.error::before {
  content: '';
  width: 14px;
  height: 14px;
  background-image: url(../img/contact/icon_error.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  margin: auto;
}
.contact_con:has(.error) input,
.contact_con:has(.error) select,
.contact_con:has(.error) .calendar_1 > div {
  outline: #E83434 2px solid;
  outline-offset: -2px;
}
@media screen and (max-width: 750px) {
  .error {
    font-size: 3.2vw;
    margin-top: 4.26666666666667vw;
    padding-left: 4.8vw;
  }
  .error::before {
    content: '';
    width: 3.73333333333333vw;
    height: 3.73333333333333vw;
    top: 1.06666666666667vw;
  }
}

/* ===============================
	mw_wp_form_confirm
 =============================== */
.mw_wp_form_confirm {

}
.mw_wp_form_confirm .contact_con {
  display: flex;
  align-items: center;
}
.mw_wp_form_confirm .contact_con small {
  display: none;
}
.mw_wp_form_confirm .calendar_1 {
  max-width: inherit;
}
.mw_wp_form_confirm .calendar_1::before {
  content: '希望日　：';
}
.mw_wp_form_confirm .select_1 {
  max-width: inherit;
}
.mw_wp_form_confirm .select_1::before {
  content: '希望時間：';
}
.mw_wp_form_confirm #contact_btn .contact_con label {
  padding-left: 0;
}
.mw_wp_form_confirm #contact_btn .contact_con label span {
  display: none;
}

/* ===============================
	thanks
 =============================== */
#thanks {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 120px;
}
#thanks .title {
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin-bottom: 64px;
}
#thanks .title span {
  font-size: 50px;
  font-family: "Cormorant", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: var(--C-accent-green);
  display: block;
  margin-bottom: 16px;
}
#thanks p {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #thanks {
    margin-top: 10.66666666666667vw;
    margin-bottom: 21.33333333333333vw;
  }
  #thanks .title {
    font-size: 4.8vw;
    margin-bottom: 10.66666666666667vw;
  }
  #thanks .title span {
    font-size: 9.6vw;
    margin-bottom: 2.66666666666667vw;
  }
  #thanks p {
    font-size: 3.73333333333333vw;
    text-align: left;
  }
}

#thanks + #pickup {
  border-image-source: linear-gradient(#F5F4F0, #F5F4F0);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw;
  padding-top: 120px;
  padding-bottom: 160px;
}
#thanks + #pickup ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 56px;
}
#thanks + #pickup li {
  width: calc((100% - 20px) / 2);
}
#thanks + #pickup li a {
  display: block;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#thanks + #pickup li a::before {
  content: '';
  background: rgb(9,13,12);
  background: linear-gradient(0deg, rgba(9,13,12,1) 0%, rgba(64,110,99,0.3) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: +1;
  transition: .6s;
}
#thanks + #pickup li a::after {
  content: '';
  background: rgb(9,13,12);
  background: linear-gradient(0deg, rgba(9,13,12,1) 0%, rgba(9,13,12,0.7008928571428572) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: +1;
  transition: .6s;
  opacity: 0;
}
#thanks + #pickup li:hover a::after {
  opacity: 1;
}
#thanks + #pickup li h3 {
  line-height: 1.5;
  text-align: center;
  color: var(--C-white);
  position: absolute;
  z-index: +2;
}
#thanks + #pickup li h3 span {
  color: var(--C-white);
  text-align: center;
  display: block;
  margin-bottom: 8px;
}
#thanks + #pickup li .list_img {
  position: relative;
  overflow: hidden;
}
#thanks + #pickup li .list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}
#thanks + #pickup li:hover .list_img img {
  transform: scale(1.1);
}
@media screen and (max-width: 750px) {
  #thanks + #pickup {
    padding-top: 17.06666666666667vw;
    padding-bottom: 21.33333333333333vw;
  }
  #thanks + #pickup ul {
    gap: 2.66666666666667vw;
    margin-top: 10.66666666666667vw;
  }
  #thanks + #pickup li {
    width: calc((100% - 2.66666666666667vw) / 2);
  }
  #thanks + #pickup li h3 {
    font-size: 3.2vw;
    text-align: center;
  }
  #thanks + #pickup li:nth-child(2) h3 {
    letter-spacing: 0;
  }
  #thanks + #pickup li h3 span {
    display: none;
  }
}