@charset "Shift_JIS";


/*==================================================
adjustment common css
================================================== */
#suntoryCommonFooter h5 {
  font-weight: bold;
}

/*==================================================
icon
================================================== */
:root {
  --icon-arrow-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.9997%2013.1714L16.9495%208.22168L18.3637%209.63589L11.9997%2015.9999L5.63574%209.63589L7.04996%208.22168L11.9997%2013.1714Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E");

  --bg01-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22251%22%20height%3D%22355%22%20viewBox%3D%220%200%20251%20355%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-9.3975%208.30093C194.06%20-50.7616%20364.055%20237.822%20156.018%20348.049C101.021%20377.182%2037.5899%20296.173%20-29.5367%20285.194C-188%20265.287%20-132.469%2035.9416%20-9.40806%208.3039L-9.3975%208.30093Z%22%20fill%3D%22%237AD96A%22%20fill-opacity%3D%220.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");

  --bg02-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22166%22%20height%3D%22867%22%20viewBox%3D%220%200%20166%20867%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M839.447%2034.5781C559.391%20-129.847%20614.85%20351.144%20345.018%20371.52C290.658%20375.618%20240.598%20376.42%20187.801%20380.263C109.886%20386.329%2044.7829%20445.511%2017.3074%20515.202C-51.7091%20677.299%20107.087%20904.653%20291.836%20860.599C420.619%20834.742%20491.684%20699.205%20626.002%20681.164C731.684%20656.889%20854.603%20645.938%20924.532%20554.01C1029.16%20413.325%201021.87%20132.364%20839.457%2034.5674L839.447%2034.5781Z%22%20fill%3D%22%2361DBF9%22%20fill-opacity%3D%220.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");

  --bg03-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2273%22%20height%3D%22223%22%20viewBox%3D%220%200%2073%20223%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-163.573%20156.583C-96.1995%20277.803%20112.598%20220.149%2066.1975%2072.7612C53.9278%2033.8002%20-11.9449%2042.7688%20-47.9225%2017.1036C-130.14%20-46.3108%20-207.977%2087.06%20-163.577%20156.577L-163.573%20156.583Z%22%20fill%3D%22%23A7246C%22%20fill-opacity%3D%220.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");

  --bg01-pc: url("data:image/svg+xml,%3Csvg%20width%3D%22433%22%20height%3D%22406%22%20viewBox%3D%220%200%20433%20406%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%3Cpath%20d%3D%22M134.815%209.44558C367.657%20-58.147%20562.204%20272.116%20324.121%20398.262C261.181%20431.603%20188.589%20338.894%20111.767%20326.329C-69.582%20303.546%20-6.03071%2041.0783%20134.803%209.44898L134.815%209.44558Z%22%20fill%3D%22%237AD96A%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --bg02-pc: url("data:image/svg+xml,%3Csvg%20width%3D%221390%22%20height%3D%221214%22%20viewBox%3D%220%200%201390%201214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%3Cpath%20d%3D%22M1175.12%2048.2751C782.786%20-182.072%20860.479%20491.759%20482.465%20520.304C406.311%20526.046%20336.181%20527.17%20262.216%20532.552C153.064%20541.051%2061.8589%20623.96%2023.3679%20721.592C-73.3189%20948.677%20149.142%201267.18%20407.961%201205.47C588.376%201169.24%20687.933%20979.366%20876.102%20954.093C1024.15%20920.084%201196.36%20904.743%201294.32%20775.959C1440.9%20578.87%201430.68%20185.266%201175.14%2048.26L1175.12%2048.2751Z%22%20fill%3D%22%2361DBF9%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --bg03-pc: url("data:image/svg+xml,%3Csvg%20width%3D%22439%22%20height%3D%22383%22%20viewBox%3D%220%200%20439%20383%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%3Cpath%20d%3D%22M23.652%20269.761C141.962%20478.799%20508.614%20379.376%20427.134%20125.215C405.588%2058.0289%20289.914%2073.4947%20226.737%2029.2364C82.3608%20-80.1183%20-54.3216%20149.872%2023.6458%20269.75L23.652%20269.761Z%22%20fill%3D%22%23A7246C%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --icon-arrow-back: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%20%3Cpath%20d%3D%22M7.8284%2013.0001L13.1924%2018.3641L11.7782%2019.7783L4%2012.0001L11.7782%204.222L13.1924%205.6362L7.8284%2011.0001L20%2011.0001V13.0001L7.8284%2013.0001Z%22%20fill%3D%22%23041829%22%2F%3E%3C%2Fsvg%3E");

  --icon-arrow-next: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%20%3Cpath%20d%3D%22M16.6716%2010.9999L11.3076%205.63589L12.7218%204.22168L20.5%2011.9999L12.7218%2019.778L11.3076%2018.3638L16.6716%2012.9999H4.5V10.9999H16.6716Z%22%20fill%3D%22%23041829%22%2F%3E%3C%2Fsvg%3E");

  --icon-radio-off: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%3E%20%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2212%22%20fill%3D%22white%22%20stroke%3D%22%235BC2DC%22%2F%3E%3C%2Fsvg%3E");

  --icon-radio-on: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%3E%20%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%235BC2DC%22%2F%3E%20%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%224.5%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");

}


/*==================================================
sp
================================================== */

#suntory_contents {
  background-image:
    var(--bg01-sp),
    var(--bg02-sp),
    var(--bg03-sp);
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  background-size:
    70vw auto,
    40vw auto,
    16vw auto;
  background-position:
    left -6vw,
    right 43vw,
    left bottom 32vw;
}


/*==================================================
container[sp]
================================================== */
#suntory_contents .container {
  margin: 8.533333333333333vw auto 50.666666666666667vw;
  width: 91.466666666666667vw;
  font-family: "Alegreya Sans", sans-serif;
  position: relative;
}

#suntory_contents .container a,
#suntory_contents .container span {
  font-family: "Alegreya Sans", sans-serif !important;
}


#suntory_contents span.required {
  margin: 0;
  color: #F00;
  background: none;
  font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 6.133333333333333vw;
}

/*==================================================
lead[sp]
================================================== */
#suntory_contents .lead {
  margin: 8.533333333333333vw 0 21.6666666666667vw;
}

#suntory_contents .lead h1 {
  color: #041829;
  font-family: Georgia;
  font-size: 12vw;
  font-style: italic;
  font-weight: 700;
  line-height: 13.333333333333333vw;
  text-align: left;
}


/*==================================================
form_container[sp]
================================================== */
#suntory_contents #BTCA_MESSAGE {
  scroll-margin-top: calc(80px + 6.4vw);
}

#suntory_contents .form_container {
  border-radius: 6.4vw;
  border: 0.533333333333333vw solid #5BC2DC;
  padding: 21.333333333333333vw 4.266666666666667vw;
}

#suntory_contents .description {
  margin-bottom: 6.4vw;
}

#suntory_contents .description h2 {
  margin-bottom: 6.4vw;
  color: #041829;
  text-align: center;
  font-family: Georgia;
  font-size: 7.733333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 113.793%;
}

#suntory_contents .description p {
  align-self: stretch;
  color: #041829;
  text-align: center;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

#suntory_contents .description.error_text p {
  color: #EB0000;
  font-style: normal;
  font-weight: 700;
}

#suntory_contents .description p .emphasis {
  font-weight: 700;
}

#suntory_contents .error_message {
  margin-bottom: 6.4vw;
}

#suntory_contents .error_message p {
  align-self: stretch;
  color: #EB0000;
  text-align: center;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}


#suntory_contents fieldset {
  border: none;
  text-align: left;
  padding: 0;
}

#suntory_contents fieldset+fieldset {
  margin-top: 6.4vw;
}

#suntory_contents legend {
  margin-bottom: 2.133333333333333vw;
  color: #000;
  text-align: left;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}

#suntory_contents .legend_note {
  color: #000;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 6.133333333333333vw;
}

.select_wraper {
  width: 100%;
  min-height: 14.666666666666667vw;
  position: relative;
}

#suntory_contents .select_wraper::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #5BC2DC;
  -webkit-mask: var(--icon-arrow-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  position: absolute;
  top: calc(50% - 3.2vw);
  right: 4.266666666666667vw;
  pointer-events: none;
}

#suntory_contents .error_field .select_wraper::after {
  background-color: #EB0000;
}

#suntory_contents fieldset select {
  appearance: none;
  width: 100%;
  min-height: 14.666666666666667vw;
  border-radius: 2.133333333333333vw;
  padding: 4.266666666666667vw;
  border: 0.266666666666667vw solid #5BC2DC;
  background: #FFF;
  color: #000;
  text-align: left;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

#suntory_contents fieldset.error_field select {
  border: 0.266666666666667vw solid #EB0000;
}

#suntory_contents fieldset select {
  color: #757575;
}

#suntory_contents fieldset select:focus {
  border: 0.266666666666667vw solid #5BC2DC;
  outline: none;
}


#suntory_contents fieldset input {
  width: 100%;
  min-height: 14.666666666666667vw;
  border-radius: 8px;
  padding: 4.266666666666667vw;
  border: 0.266666666666667vw solid #5BC2DC;
  background: #FFF;
  box-sizing: border-box;
  font-size: 4.8vw;
  color: #000;
}

#suntory_contents fieldset input:focus {
  border: 0.266666666666667vw solid #5BC2DC;
  outline: none;
}

#suntory_contents fieldset.error_field input {
  border: 0.266666666666667vw solid #EB0000;
}

#suntory_contents fieldset.error_field input:focus {
  border: 0.266666666666667vw solid #EB0000;
}

#suntory_contents fieldset input::placeholder {
  color: #757575;
  opacity: 1;
}

#suntory_contents fieldset textarea {
  width: 100%;
  min-height: 29.333333333333333vw;
  border-radius: 8px;
  padding: 4.266666666666667vw;
  border: 0.266666666666667vw solid #5BC2DC;
  background: #FFF;
  box-sizing: border-box;
  font-size: 4.8vw;
  line-height: 1.5;
  color: #000;
}

#suntory_contents fieldset textarea:focus {
  border: 0.266666666666667vw solid #5BC2DC;
  outline: none;
}

#suntory_contents fieldset.error_field textarea {
  border: 0.266666666666667vw solid #EB0000;
}

#suntory_contents fieldset.error_field textarea:focus {
  border: 0.266666666666667vw solid #EB0000;
}

#suntory_contents fieldset textarea::placeholder {
  color: #757575;
  opacity: 1;
}

#suntory_contents fieldset.radio_list_field {
  padding: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

#suntory_contents fieldset.radio_list_field .validation_message {
  width: 100%;
  padding-left: 20vw;
}

#suntory_contents fieldset.radio_list_field .legend_wrap {
  width: 20vw;
}

#suntory_contents fieldset .radio_list li {
  height: 6.666666666666667vw;
  position: relative;
  padding-left: 9.066666666666667vw;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#suntory_contents fieldset .radio_list li+li {
  margin-top: 2.666666666666667vw;
}

#suntory_contents fieldset .radio_list input {
  display: none;
}

#suntory_contents fieldset .radio_list label::before {
  content: '';
  display: inline-block;
  width: 6.666666666666667vw;
  height: 6.666666666666667vw;
  min-height: auto;
  border-radius: 0;
  border: none;
  background: var(--icon-radio-off) no-repeat 0 0;
  background-size: 6.666666666666667vw auto;
  position: absolute;
  left: 0;
  top: calc(50% - 3.333333333333333vw);
}

#suntory_contents fieldset .radio_list input[type="radio"]:checked+label::before {
  border: 1px #f00 solid;
  content: '';
  display: block;
  width: 6.666666666666667vw;
  height: 6.666666666666667vw;
  min-height: auto;
  border-radius: 0;
  border: none;
  background-repeat: no-repeat;
  background: var(--icon-radio-on) no-repeat 0 0;
  background-size: 6.666666666666667vw auto;
  position: absolute;
  left: 0;
  top: calc(50% - 3.333333333333333vw);
}


#suntory_contents fieldset p.confirm_text {
  color: #000;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
  overflow-wrap: anywhere;
  word-break: break-word;

}

#suntory_contents .validation_message {
  margin-top: 1.066666666666667vw;
  color: #EB0000;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4vw;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

#suntory_contents .note {
  margin-top: 6.4vw;
  margin-bottom: 10.666666666666667vw;
  text-align: left;
}

#suntory_contents .note p {
  color: #041829;
  font-size: 4vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

#suntory_contents .note p a {
  color: #041829;
  text-decoration: underline;
}


#suntory_contents .btn_confirm,
#suntory_contents .btn_submit {
  margin: 0 auto;
  width: 82.933333333333333vw;
  height: 21.333333333333333vw;
  display: flex;
  padding: 6.4vw 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 6.4vw;
  background: #5BC2DC;
  border: none;
  color: #000;
  text-align: center;
  font-family: Georgia;
  font-size: 6.133333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 117.391%;
}

#suntory_contents .btn_submit {
  margin-top: 10.666666666666667vw;
}

#suntory_contents .btn_back {
  margin-top: 6.4vw;
  text-align: center;
}

#suntory_contents .btn_back a {
  color: #041829;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  position: relative;
  padding-left: 7.466666666666667vw;
}

#suntory_contents .btn_back a::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-back);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  position: absolute;
  top: calc(50% - 3.2vw);
  left: 0;
  pointer-events: none;
}

#suntory_contents .btn_next {
  margin-top: 6.4vw;
  text-align: center;
}

#suntory_contents .btn_next a {
  color: #041829;
 font-family: "Alegreya Sans", sans-serif;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  position: relative;
  padding-right: 7.466666666666667vw;
}

#suntory_contents .btn_next a::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-next);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  position: absolute;
  top: calc(50% - 3.2vw);
  right: 0;
  pointer-events: none;
}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px) {

  #suntory_contents {
    background-image:
      var(--bg01-pc),
      var(--bg02-pc),
      var(--bg03-pc);
    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat;
    background-size:
      560px auto,
      1520px auto,
      500px auto;
    background-position:
      calc(50% - 700px) -60px,
      calc(50% + 1086px) -300px,
      calc(50% - 700px) 2230px;
    border-bottom: 1px solid transparent;
  }


  #suntory_contents .sp_item {
    display: none;
  }

  /*==================================================
  container[pc]
  ================================================== */
  #suntory_contents .container {
    margin: 77px auto 200px;
    max-width: 1251px;
    width: 90%;
    position: relative;
  }

  #suntory_contents span.required {
    color: #F00;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
  }

  /*==================================================
  lead[pc]
  ================================================== */
  #suntory_contents .lead {
    margin: 0 0 160px;
  }

  #suntory_contents .lead h1 {
    color: #041829;
    font-family: Georgia;
    font-size: 88px;
    font-style: italic;
    font-weight: 700;
    line-height: 88px;
    text-align: center;
  }


  /*==================================================
  form_container[pc]
  ================================================== */
  #suntory_contents #BTCA_MESSAGE {
    scroll-margin-top: 124px;
  }

  #suntory_contents .form_container {
    border-radius: 24px;
    border: 2px solid #5BC2DC;
    padding: 80px 17%;
  }

  #suntory_contents .description {
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
  }

  #suntory_contents .description::after {
    content: '';
    width: 188px;
    height: 2px;
    background: #5BC2DC;
    position: absolute;
    bottom: 0;
    left: calc(50% - 94px);
  }

  #suntory_contents .description h2 {
    margin-bottom: 24px;
    color: #041829;
    text-align: center;
    font-family: Georgia;
    font-size: 45px;
    font-style: italic;
    font-weight: 700;
    line-height: 50px;
  }

  #suntory_contents .description p {
    align-self: stretch;
    color: #041829;
    text-align: center;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
  }

  #suntory_contents .description p .emphasis {
    font-weight: 700;
  }

  #suntory_contents .error_message {
    margin-bottom: 24px;
  }

  #suntory_contents .error_message p {
    align-self: stretch;
    color: #EB0000;
    text-align: center;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
  }

  #suntory_contents fieldset {
    border: none;
    text-align: left;
  }

  #suntory_contents fieldset+fieldset {
    margin-top: 24px;
  }

  #suntory_contents legend {
    margin-bottom: 8px;
    color: #000;
    text-align: left;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
  }

  #suntory_contents .legend_note {
    color: #000;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
  }

  #suntory_contents .select_wraper {
    width: 100%;
    min-height: 75px;
    position: relative;
  }

  #suntory_contents .select_wraper.select_wraper_narrow {
    width: 38.787878787878788%;
  }

  #suntory_contents .select_wraper::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #5BC2DC;
    -webkit-mask: var(--icon-arrow-down);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 12px);
    right: 24px;
    pointer-events: none;
  }

  #suntory_contents fieldset select {
    appearance: none;
    width: 100%;
    min-height: 75px;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid #5BC2DC;
    background: #FFF;
    color: #000;
    text-align: left;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
  }

  #suntory_contents fieldset.error_field select {
    border: 1px solid #EB0000;
  }

  #suntory_contents fieldset select:focus {
    border: 1px solid #5BC2DC;
    outline: none;
  }

  #suntory_contents fieldset input {
    width: 100%;
    min-height: 75px;
    border-radius: 8px;
    padding: 24px;
    font-size: 23px;
    border: 1px solid #5BC2DC;
    background: #FFF;
    box-sizing: border-box;
  }

  #suntory_contents fieldset.error_field input {
    border: 1px solid #EB0000;
  }

  #suntory_contents fieldset.error_field input:focus {
    border: 1px solid #EB0000;
  }

  #suntory_contents fieldset input:focus {
    border: 1px solid #5BC2DC;
    outline: none;
  }

  #suntory_contents fieldset input::placeholder {
    color: #757575;
    opacity: 1;
  }

  #suntory_contents fieldset textarea {
    width: 100%;
    min-height: 150px;
    border-radius: 8px;
    padding: 24px;
    font-size: 23px;
    border: 1px solid #5BC2DC;
    background: #FFF;
    box-sizing: border-box;
  }

  #suntory_contents fieldset.error_field textarea {
    border: 1px solid #EB0000;
  }

  #suntory_contents fieldset.error_field textarea:focus {
    border: 1px solid #EB0000;
  }

  #suntory_contents fieldset textarea:focus {
    border: 1px solid #5BC2DC;
    outline: none;
  }

  #suntory_contents fieldset textarea::placeholder {
    color: #757575;
    opacity: 1;
  }

  #suntory_contents fieldset.radio_list_field {
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #suntory_contents fieldset.radio_list_field .validation_message {
    width: 100%;
    padding-left: 108px;
  }

  #suntory_contents fieldset.radio_list_field .legend_wrap {
    width: 108px;
  }

  #suntory_contents fieldset .radio_list li {
    height: 27px;
    position: relative;
    padding-left: 39px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 23px;
  }

  #suntory_contents fieldset .radio_list li+li {
    margin-top: 10px;
  }

  #suntory_contents fieldset .radio_list input {
    display: none;
  }

  #suntory_contents fieldset .radio_list label::before {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    min-height: auto;
    border-radius: 0;
    border: none;
    background: var(--icon-radio-off) no-repeat 0 0;
    background-size: 27px auto;
    position: absolute;
    left: 0;
    top: calc(50% - 13.5px);
  }

  #suntory_contents fieldset .radio_list input[type="radio"]:checked+label::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    min-height: auto;
    border-radius: 0;
    border: none;
    background: var(--icon-radio-on) no-repeat 0 0;
    background-size: 27px auto;
    position: absolute;
    left: 0;
    top: calc(50% - 13.5px);
  }

  #suntory_contents fieldset p.confirm_text {
    color: #000;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
  }

  #suntory_contents .validation_message {
    margin-top: 8px;
    color: #EB0000;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }

  #suntory_contents .note {
    margin-top: 24px;
    margin-bottom: 60px;
  }

  #suntory_contents .note p {
    color: #041829;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }

  #suntory_contents .note p a {
    font-size: 18px;
  }

  #suntory_contents .btn_confirm,
  #suntory_contents .btn_submit {
    margin: 0 auto;
    width: 400px;
    height: 80px;
    display: flex;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 24px;
    background: #5BC2DC;
    border: none;
    color: #000;
    text-align: center;
    font-family: Georgia;
    font-size: 29px;
    font-style: italic;
    font-weight: 700;
    line-height: 117.391%;
  }

  #suntory_contents .btn_submit {
    margin-top: 60px;
  }

  #suntory_contents .btn_back {
    margin-top: 24px;
    text-align: center;
  }

  #suntory_contents .btn_back a {
    color: #041829;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
    position: relative;
    padding-left: 28px;
  }

  #suntory_contents .btn_back a::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-back);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
    pointer-events: none;
  }

  #suntory_contents .btn_next {
    margin-top: 24px;
    text-align: center;
  }

  #suntory_contents .btn_next a {
    color: #041829;
   font-family: "Alegreya Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
    position: relative;
    padding-right: 28px;
  }

  #suntory_contents .btn_next a::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-next);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    pointer-events: none;
  }

}
