@charset "Shift_JIS";

/*==================================================
icon
================================================== */
:root {
  --bg01-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22251%22%20height%3D%22355%22%20viewBox%3D%220%200%20251%20355%22%20fill%3D%22none%22%3E%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%3Cpath%20d%3D%22M-9.39554%208.29983C194.061%20-50.7627%20364.057%20237.821%20156.02%20348.048C101.023%20377.181%2037.5918%20296.172%20-29.5347%20285.193C-187.998%20265.285%20-132.467%2035.9405%20-9.40611%208.3028L-9.39554%208.29983Z%22%20fill%3D%22%237AD96A%22%20fill-opacity%3D%220.4%22/%3E%3C/g%3E%3C/svg%3E");

  --bg02-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22296%22%20height%3D%22867%22%20viewBox%3D%220%200%20296%20867%22%20fill%3D%22none%22%3E%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%3Cpath%20d%3D%22M839.447%2034.5772C559.392%20-129.848%20614.85%20351.143%20345.018%20371.519C290.658%20375.617%20240.598%20376.419%20187.801%20380.262C109.887%20386.328%2044.7831%20445.51%2017.3076%20515.201C-51.7089%20677.298%20107.087%20904.652%20291.836%20860.598C420.619%20834.741%20491.684%20699.204%20626.002%20681.164C731.685%20656.888%20854.604%20645.937%20924.532%20554.009C1029.16%20413.324%201021.87%20132.363%20839.457%2034.5664L839.447%2034.5772Z%22%20fill%3D%22%2361DBF9%22%20fill-opacity%3D%220.4%22/%3E%3C/g%3E%3C/svg%3E");

  --bg03-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22375%22%20height%3D%221214%22%20viewBox%3D%220%200%20375%201214%22%20fill%3D%22none%22%3E%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%3Cpath%20d%3D%22M132.565%20119.858C259.398%20-43.5106%20546.966%20-29.5173%20704.13%20104.677C857.706%20235.771%20902.934%20398.987%20849.677%20591.978C827.757%20671.354%20831.449%20754.405%20818.785%20835.083C792.134%201004.74%20693.711%201122.07%20536.933%201182.43C389.758%201239.11%20245.912%201218.21%20115.105%201125.19C66.1052%201090.33%2024.9678%201048.57%20-6.7901%20997.339C-46.0527%20934.009%20-99.2945%20883.656%20-158.499%20839.45C-331.119%20710.603%20-351.716%20473.089%20-204.831%20315.658C-82.3327%20184.334%20-24.9926%20322.795%20132.565%20119.858Z%22%20fill%3D%22%23F2E9BA%22%20fill-opacity%3D%220.4%22/%3E%3C/g%3E%3C/svg%3E");

  --bg04-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22375%22%20height%3D%221121%22%20viewBox%3D%220%200%20375%201121%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0A%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1076.14%20570.633C1130.45%20819.261%20993.653%20946.474%20611.495%20874.809C229.338%20803.144%20101.002%20897.809%20-68.6059%201037.19C-238.233%201176.55%20-397.393%201155.14%20-451.864%20860.486C-506.334%20565.832%20-438.202%20284.13%20-390.226%20187.884C-346.762%20100.671%20-247.391%20120.93%20-210.361%20203.267C-171.219%20290.285%20-51.5472%20300.868%2082.6035%20131.17C216.73%20-38.5323%20423.873%20-47.8012%20560.313%20133.694C716.067%20423.157%201024.14%20326.749%201076.12%20570.628L1076.14%20570.633Z%22%20fill%3D%22%2370C6F9%22%20fill-opacity%3D%220.4%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");

  --bg05-sp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2274%22%20height%3D%22234%22%20viewBox%3D%220%200%2074%20234%22%20fill%3D%22none%22%3E%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%3Cpath%20d%3D%22M-175.598%20164.795C-104.721%20292.32%20114.936%20231.667%2066.1225%2076.614C53.2146%2035.6267%20-16.0841%2045.0618%20-53.9328%2018.0617C-140.427%20-48.6509%20-222.311%2091.6565%20-175.602%20164.789L-175.598%20164.795Z%22%20fill%3D%22%23A7246C%22%20fill-opacity%3D%220.4%22/%3E%3C/g%3E%3C/svg%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.44557C367.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.44897L134.815%209.44557Z%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.275C782.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.275Z%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%221759%22%20height%3D%221817%22%20viewBox%3D%220%200%201759%201817%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%22M652.113%20178.731C842.065%20-65.9372%201272.74%20-44.9802%201508.11%20155.995C1738.12%20352.327%201805.85%20596.767%201726.09%20885.798C1693.26%201004.68%201698.79%201129.06%201679.83%201249.88C1639.91%201503.97%201492.51%201679.68%201257.71%201770.09C1037.3%201854.97%20821.867%201823.68%20625.965%201684.37C552.58%201632.15%20490.971%201569.61%20443.409%201492.89C384.607%201398.04%20304.87%201322.63%20216.203%201256.42C-42.3199%201063.46%20-73.1675%20707.745%20146.814%20471.97C330.273%20275.294%20416.148%20482.658%20652.113%20178.731Z%22%20fill%3D%22%23F2E9BA%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --bg04-pc: url("data:image/svg+xml,%3Csvg%20width%3D%221560%22%20height%3D%221120%22%20viewBox%3D%220%200%201560%201120%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1548.14%20570.183C1602.45%20818.812%201465.65%20946.024%201083.5%20874.36C701.339%20802.695%20573.003%20897.36%20403.395%201036.74C233.768%201176.1%2074.6075%201154.69%2020.1372%20860.037C-34.3331%20565.383%2033.7993%20283.68%2081.7746%20187.434C125.239%20100.222%20224.61%20120.481%20261.64%20202.818C300.782%20289.836%20420.454%20300.418%20554.604%20130.721C688.731%20-38.9817%20895.874%20-48.2507%201032.31%20133.245C1188.07%20422.708%201496.14%20326.299%201548.12%20570.178L1548.14%20570.183Z%22%20fill%3D%22%2370C6F9%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --bg05-pc: url("data:image/svg+xml,%3Csvg%20width%3D%22496%22%20height%3D%22434%22%20viewBox%3D%220%200%20496%20434%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%22M25.743%20305.276C159.492%20541.593%20573.993%20429.196%20481.879%20141.866C457.521%2065.9126%20326.752%2083.3967%20255.33%2033.3627C92.1133%20-90.2627%20-62.4061%20169.742%2025.736%20305.264L25.743%20305.276Z%22%20fill%3D%22%23A7246C%22%20fill-opacity%3D%220.4%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");

  --icon-arrow-right: 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%0A%20%20%3Cpath%20d%3D%22M16.1716%2010.9999L10.8076%205.63589L12.2218%204.22168L20%2011.9999L12.2218%2019.778L10.8076%2018.3638L16.1716%2012.9999H4V10.9999H16.1716Z%22%20fill%3D%22currentColor%22/%3E%0A%3C/svg%3E");

}

/*==================================================
sp
================================================== */

#suntory_contents {
  background-image: var(--bg01-sp),
    var(--bg02-sp),
    var(--bg03-sp),
    var(--bg04-sp),
    var(--bg05-sp);
  background-repeat: no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat;
  background-size: 70vw auto,
    80vw auto,
    100vw auto,
    100vw auto,
    20vw auto;
  background-position: left -6vw,
    right 106vw,
    left 329vw,
    right 840vw,
    left bottom 44vw;
}


/*==================================================
lead[sp]
================================================== */
#suntory_contents .lead {
  margin: 8.533333333333333vw auto 53.333333333333333vw;
  width: 92vw;
}

#suntory_contents .lead h1 {
  margin-bottom: 4.266666666666667vw;
  color: #041829;
  font-family: Georgia;
  font-size: 12vw;
  font-style: italic;
  font-weight: 700;
  line-height: 111.111%;
}

#suntory_contents .lead p {
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

/*==================================================
facilities[sp]
================================================== */
#suntory_contents .facilities {
  margin: 0 auto 32vw;
  width: 91.466666666666667vw;
  background: #D0E4B6;
  border-radius: 6.4vw;
  position: relative;
}

#suntory_contents .facilities a {
  padding: 69.333333333333333vw 6.4vw 10.666666666666667vw;
  display: block;
}


#suntory_contents .facilities::before {
  content: "";
  width: 91.466666666666667vw;
  height: 91.466666666666667vw;
  background: url(../img/img_facilities.webp) no-repeat center center;
  background-size: 91.466666666666667vw auto;
  position: absolute;
  top: -32vw;
  left: 0;
  pointer-events: none;
}

#suntory_contents .facilities h2 {
  margin-bottom: 4.266666666666667vw;
  color: #041829;
  font-family: Georgia;
  font-size: 7.733333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 113.793%;
}

#suntory_contents .facilities .text {
  margin-bottom: 6.4vw;
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

#suntory_contents .facilities .btn_visit {
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}

#suntory_contents .facilities .btn_visit {
  width: 59.466666666666667vw;
  height: 10.666666666666667vw;
  display: flex;
  align-items: center;
  color: #041829;
  text-decoration: none;
  position: relative;
}

#suntory_contents .facilities .btn_visit::before {
  content: "";
  width: 10.666666666666667vw;
  height: 10.666666666666667vw;
  background: #5BC2DC;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 5.333333333333333vw);
  right: 0;
}

#suntory_contents .facilities .btn_visit::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-right);
  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: 2.133333333333333vw;
  pointer-events: none;
}

/*==================================================
group_companies[sp]
================================================== */
#suntory_contents .group_companies {
  margin: 0 auto 32vw;
  width: 91.466666666666667vw;
}

#suntory_contents .group_companies h2 {
  margin-bottom: 21.333333333333333vw;
  color: #041829;
  text-align: center;
  font-family: Georgia;
  font-size: 7.733333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 113.793%;
}

#suntory_contents .group_companies .company_list_wrapper {
  margin-bottom: 21.333333333333333vw;
}

#suntory_contents .group_companies .company_list_wrapper:last-child {
  margin-bottom: 0;
}

#suntory_contents .group_companies .company_list_wrapper.list_group_2 {
  margin-bottom: 21.333333333333333vw;
}

#suntory_contents .group_companies h3 {
  margin-bottom: 8.533333333333333vw;
  color: #041829;
  text-align: left;
  font-family: Georgia;
  font-size: 7.733333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 111.111%;
}

#suntory_contents .group_companies figure {
  margin-bottom: 4.266666666666667vw;
  width: 91.466666666666667vw;
  height: 48vw;
  border-radius: 6.4vw;
}

#suntory_contents .group_companies h4 {
  margin-bottom: 2.133333333333333vw;
  color: #041829;
  font-family: Georgia;
  font-size: 6.133333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 117.391%;
  text-align: center;
}

#suntory_contents .group_companies p {
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  text-align: center;
}

#suntory_contents .group_companies p span {
  position: relative;
  padding-right: 7.466666666666667vw;
}

#suntory_contents .group_companies p span::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(/component/common/img/icon_open_newtab.svg);
  position: absolute;
  top: calc(50% - 3.2vw);
  right: 0;
}

#suntory_contents .group_companies a {
  color: #041829;
  text-decoration: none;
}

#suntory_contents .company_list li+li {
  margin-top: 8.533333333333333vw;
}


#suntory_contents .btn_group_companies a {
  margin: 0 auto;
  padding: 0 6.4vw;
  width: 91.466666666666667vw;
  height: 32vw;
  display: flex;
  align-items: center;
  border-radius: 6.4vw;
  background: #5BC2DC;
  color: #041829;
  text-decoration: none;
  font-family: "Alegreya Sans";
  font-size: 7.733333333333333vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113.793%;
  position: relative;
}

#suntory_contents .btn_group_companies a::before {
  content: "";
  width: 10.666666666666667vw;
  height: 10.666666666666667vw;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 5.333333333333333vw);
  right: 8.533333333333333vw;
}

#suntory_contents .btn_group_companies a::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-right);
  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: 10.666666666666667vw;
  pointer-events: none;
}

#suntory_contents .btn_group_companies::after {
  display: none;
}


/*==================================================
careers[sp]
================================================== */
#suntory_contents .careers {
  margin: 0 auto 32vw;
  width: 91.466666666666667vw;
  border-radius: 6.4vw;
  background: #fff;
  position: relative;
  box-shadow: 0px 0px 3.2vw 0px rgba(0, 0, 0, 0.16);
}

#suntory_contents .careers a {
  padding: 75.428571428571429vw 0 6.4vw;
  display: block;
}

#suntory_contents .careers::before {
  content: "";
  width: 91.466666666666667vw;
  height: 64vw;
  background: url(../img/img_careers.webp) no-repeat 0 0;
  background-size: 91.466666666666667vw auto;
  border-radius: 6.4vw;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#suntory_contents .careers h2 {
  margin-bottom: 4.266666666666667vw;
  color: #041829;
  text-align: center;
  font-family: Georgia;
  font-size: 7.733333333333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 113.793%;
}

#suntory_contents .careers .text {
  margin-bottom: 4.266666666666667vw;
  color: #041829;
  text-align: center;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

#suntory_contents .careers .btn_more {
  margin: 0 auto;
  width: 36vw;
  height: 10.666666666666667vw;
  display: flex;
  align-items: center;
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  position: relative;
}

#suntory_contents .careers .btn_more::before {
  content: "";
  width: 10.666666666666667vw;
  height: 10.666666666666667vw;
  background: #5BC2DC;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 5.333333333333333vw);
  right: 0;
}

#suntory_contents .careers .btn_more::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-right);
  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: 2.133333333333333vw;
  pointer-events: none;
}

/*==================================================
btn_inquiry[sp]
================================================== */
#suntory_contents .btn_inquiry {
  margin: 0 auto 53.333333333333333vw;
  width: 91.466666666666667vw;
  border-radius: 6.4vw;
  border: 0.533333333333333vw solid #5BC2DC;
}

#suntory_contents .btn_inquiry a {
  width: 91.466666666666667vw;
  padding: 10.666666666666667vw 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#suntory_contents .btn_inquiry a p:first-child {
  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 .btn_inquiry a p:last-child {
  width: 53.333333333333333vw;
  height: 10.666666666666667vw;
  display: flex;
  align-items: center;
  color: #041829;
  font-family: "Alegreya Sans";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  position: relative;
}

#suntory_contents .btn_inquiry a p:last-child::before {
  content: "";
  width: 10.666666666666667vw;
  height: 10.666666666666667vw;
  background: #5BC2DC;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 5.333333333333333vw);
  right: 0;
}

#suntory_contents .btn_inquiry a p:last-child::after {
  content: '';
  width: 6.4vw;
  height: 6.4vw;
  background-color: #041829;
  -webkit-mask: var(--icon-arrow-right);
  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: 2.133333333333333vw;
  pointer-events: none;
}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px) {

  #suntory_contents {
    background-image: var(--bg01-pc),
      var(--bg02-pc),
      var(--bg03-pc),
      var(--bg04-pc),
      var(--bg05-pc);
    background-repeat: no-repeat,
      no-repeat,
      no-repeat,
      no-repeat,
      no-repeat;
    background-size: 560px auto,
      1520px auto,
      1771px auto,
      1538px auto,
      470px auto;
    background-position: calc(50% - 700px) -60px,
      calc(50% + 1086px) -300px,
      calc(50% + 670px) 634px,
      calc(50% + 600px) 2304px,
      calc(50% - 740px) 3304px;
  }

  /*==================================================
  lead[pc]
  ================================================== */
  #suntory_contents .lead {
    margin: 77px auto 266px;
    width: auto;
  }

  #suntory_contents .lead h1 {
    margin-bottom: 40px;
    color: #041829;
    font-family: Georgia;
    font-size: 88px;
    font-style: italic;
    font-weight: 700;
    line-height: 88px;
    text-align: center;
  }

  #suntory_contents .lead p {
    margin: 0 auto;
    width: 610px;
    color: #041829;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
    text-align: center;
  }

  /*==================================================
  facilities[pc]
  ================================================== */
  #suntory_contents .facilities {
    margin: 0 auto 200px;
    width: 90%;
    max-width: 1248px;
    height: auto;
    min-height: 400px;
    background: #D0E4B6;
    border-radius: 24px;
    position: relative;
  }

  #suntory_contents .facilities a {
    padding: 76px 5% 76px;
  }

  #suntory_contents .facilities::before {
    content: "";
    width: 45%;
    max-width: 506px;
    height: auto;
    aspect-ratio: 1 / 1;
    background: url(../img/img_facilities.webp) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 70%;
    transform: translateX(-50%);
  }

  #suntory_contents .facilities h2 {
    margin-bottom: 16px;
    color: #041829;
    font-family: Georgia;
    font-size: 45px;
    font-style: italic;
    font-weight: 700;
    line-height: 113.793%;
  }

  #suntory_contents .facilities .text {
    margin-bottom: 24px;
    width: 504px;
    width: 40.384615384615385%;
    color: #041829;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
  }

  #suntory_contents .facilities .btn_visit {
    color: #041829;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
  }

  #suntory_contents .facilities .btn_visit {
    width: 271px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #041829;
    text-decoration: none;
    position: relative;
  }

  #suntory_contents .facilities .btn_visit::before {
    content: "";
    width: 40px;
    height: 40px;
    background: #5BC2DC;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
  }

  #suntory_contents .facilities a:hover .btn_visit::before {
    transform: scale(1.2);
  }

  #suntory_contents .facilities .btn_visit::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-right);
    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: 8px;
    pointer-events: none;
  }


  /*==================================================
  group_companies[pc]
  ================================================== */
  #suntory_contents .group_companies {
    margin: 0 auto 200px;
    width: 90%;
    max-width: 1248px;
  }

  #suntory_contents .group_companies h2 {
    margin-bottom: 80px;
    color: #041829;
    text-align: center;
    font-family: Georgia;
    font-size: 64px;
    font-style: italic;
    font-weight: 700;
    line-height: 64px;
  }

  #suntory_contents .group_companies .company_list_group {
    display: flex;
    width: 100%;
  }

  #suntory_contents .group_companies .list_group_1 {
    margin-right: 24px;
    margin-right: 1.923076923076923%;
    width: 710px;
    width: 56.891025641025641%;
  }

  #suntory_contents .group_companies .company_list_wrapper.list_group_2 {
    margin-bottom: 0;
    width: 514px;
    width: 41.185897435897436%;
  }

  #suntory_contents .group_companies .company_list_wrapper.list_group_3 {
    width: 100%;
  }

  #suntory_contents .group_companies .company_list_wrapper {
    margin-bottom: 80px;
  }

  #suntory_contents .group_companies .company_list_wrapper:last-child {
    margin-bottom: 0;
  }

  #suntory_contents .group_companies h3 {
    margin-bottom: 8px;
    color: #041829;
    text-align: left;
    font-family: Georgia;
    font-size: 45px;
    font-style: italic;
    font-weight: 700;
    line-height: 111.111%;
  }



  #suntory_contents .group_companies figure {
    margin-bottom: 24px;
    width: 343px;
    width: 100%;
    height: auto;
    border-radius: 24px;
  }

  #suntory_contents .group_companies h4 {
    width: 343px;
    width: 100%;
    margin-bottom: 24px;
    color: #041829;
    font-family: Georgia;
    font-size: 29px;
    font-style: italic;
    font-weight: 700;
    line-height: 113.793%;
  }

  #suntory_contents .group_companies p {
    color: #041829;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
  }

  #suntory_contents .group_companies p span {
    padding-right: 28px;
  }


  #suntory_contents .group_companies p span::after {
    content: '';
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(/component/common/img/icon_open_newtab.svg);
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
  }


  #suntory_contents .group_companies a {
    color: #041829;
    text-decoration: none;
  }

  #suntory_contents .group_companies a:hover p {
    text-decoration: underline;
  }

  #suntory_contents .company_list {
    display: flex;
  }

  #suntory_contents .company_list li {
    margin-top: 24px;
    margin-right: 24px;
    width: 343px;
  }

  #suntory_contents .group_companies .list_group_1 .company_list li {
    margin-right: 3.380281690140845%;
    width: 48.309859154929577%;
  }

  #suntory_contents .group_companies .list_group_1 .company_list li:nth-child(2) {
    margin-right: 0;
  }

  #suntory_contents .group_companies .list_group_2 .company_list li {
    width: 66.731517509727626%;
  }

  #suntory_contents .group_companies .list_group_3 .company_list li {
    margin-right: 1.923076923076923%;
    width: 27.483974358974359%;
  }

  #suntory_contents .company_list li:nth-child(2n) {
    margin-right: 0;
  }

  #suntory_contents .company_list li+li {
    margin-top: 24px;
  }

  #suntory_contents .btn_group_companies a {
    margin: 0;
    padding: 0 40px;
    width: 400px;
    height: 160px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    background: #5BC2DC;
    color: #041829;
    text-decoration: none;
    font-family: "Alegreya Sans";
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.793%;
    position: relative;
  }

  #suntory_contents .btn_group_companies a::before {
    content: "";
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    right: 40px;
  }

  #suntory_contents .btn_group_companies a:hover::before {
    transform: scale(1.2);
  }

  #suntory_contents .btn_group_companies a::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-right);
    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: 46px;
    pointer-events: none;
  }

  #suntory_contents .btn_group_companies::after {
    display: none;
  }

  /*==================================================
  careers[pc]
  ================================================== */
  #suntory_contents .careers {
    margin: 0 auto 200px;
    width: 90%;
    max-width: 1251px;
    height: 400px;
    border-radius: 24px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  }

  #suntory_contents .careers a {
    padding: 0;
    display: block;
  }

  #suntory_contents .careers::before {
    content: "";
    width: 48.920863309352518%;
    height: 400px;
    aspect-ratio: 1 / 1;
    background: url(../img/img_careers.webp) no-repeat 0 bottom;
    background-size: cover;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
  }

  #suntory_contents .careers .inner {
    margin: 0 0 0 40px;
    width: 44.444444444444444%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #suntory_contents .careers h2 {
    margin-bottom: 24px;
    color: #041829;
    text-align: center;
    font-family: Georgia;
    font-size: 45px;
    font-style: italic;
    font-weight: 700;
    line-height: 113.793%;
  }

  #suntory_contents .careers .text {
    margin-bottom: 24px;
    color: #041829;
    text-align: center;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
  }

  #suntory_contents .careers .btn_more {
    margin: 0 auto;
    width: 135px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #041829;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
    position: relative;
  }

  #suntory_contents .careers .btn_more::before {
    content: "";
    width: 40px;
    height: 40px;
    background: #5BC2DC;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
  }

  #suntory_contents .careers a:hover .btn_more::before {
    transform: scale(1.2);
  }

  #suntory_contents .careers .btn_more::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-right);
    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: 8px;
    pointer-events: none;
  }


  /*==================================================
  btn_inquiry[pc]
  ================================================== */
  #suntory_contents .btn_inquiry {
    margin: 0 auto 250px;
    width: 90%;
    max-width: 1251px;
    border-radius: 24px;
    border: 2px solid #5BC2DC;
  }

  #suntory_contents .btn_inquiry a {
    width: 100%;
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #suntory_contents .btn_inquiry a p:first-child {
    margin-bottom: 24px;
    color: #041829;
    text-align: center;
    font-family: Georgia;
    font-size: 45px;
    font-style: italic;
    font-weight: 700;
    line-height: 113.793%;
  }

  #suntory_contents .btn_inquiry a p:last-child {
    width: 200px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #041829;
    font-family: "Alegreya Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.778%;
    position: relative;
  }

  #suntory_contents .btn_inquiry a p:last-child::before {
    content: "";
    width: 40px;
    height: 40px;
    background: #5BC2DC;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
  }

  #suntory_contents .btn_inquiry a:hover p:last-child::before {
    transform: scale(1.2);
  }

  #suntory_contents .btn_inquiry a p:last-child::after {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #041829;
    -webkit-mask: var(--icon-arrow-right);
    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: 8px;
    pointer-events: none;
  }


}