@charset "UTF-8";
:root {
  --min-layout-width: 375;
	--max-layout-width: 1300;
	--min-ratio: calc(1 / var(--min-layout-width) * 100vw);
	--max-ratio: calc(1 / var(--max-layout-width) * 100vw);
}

@media (min-width: 768px) {
  .pc-hide-br {
    display: none;
  }
}

@media not all and (min-width: 768px) {
  .sp-hide-br {
    display: none;
  }
}

#main_top .main_ttlArea p {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

@media (min-width: 768px) {
  #main_top .main_ttlArea h2 {
    color: #595757;
  }
}

#topWrap {
	background: url(../img/location/top_bg.jpg);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/*---------------------*/
/* con01 */
/*---------------------*/
.con01 {
	width: 100%;
	margin: 0 auto;
	padding: calc(98 * var(--min-ratio)) 0 calc(30 * var(--min-ratio));
	background: url(../img/common/top_bg_kage.png) repeat-x 0% 0%;
}
.con01 .section_title {
	color: #191919;
}
.con01 .lead {
	color: #191919;
}
.con01 .section_title.slash01::before {
	background-color: #191919;
}
.con01 .section_title {
  margin-bottom: calc(15 * var(--min-ratio));
}
@media (min-width: 768px) {
  .con01 {
    padding-top: calc(196 * var(--max-ratio));
    padding-bottom: calc(60 * var(--max-ratio));
  }
  .con01 .section_title {
    margin-bottom: calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .con01 {
    padding-top: 196px;
    padding-bottom: 60px;
  }
  .con01 .section_title {
    margin-bottom: 30px;
  }
}


.service-section {
  padding: 0 calc(20 * var(--min-ratio));
  background-color: #fff;
}
@media (min-width: 768px) {
  .service-section {
    padding: 0 calc(20 * var(--min-ratio));
  }
}
@media (min-width: 1148px) {
  .service-section {
    padding: 0;
  }
}
.service-section .inner {
  max-width: 1122px;
  width: 100%;
  margin: 0 auto;
}
.section-image {
  width: 100vw;
  margin:0 calc(50% - 50vw);
  position: relative;
}
.section-image img {
  position: relative;
  z-index: 1;
}
.section-image .cap {
  padding: calc(5 * var(--min-ratio)) calc(10 * var(--min-ratio));
  font-size: calc(12 * var(--min-ratio));
  line-height: calc(16 / 12);
  text-align: right;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .section-image .cap {
    padding: calc(5 * var(--max-ratio)) calc(10 * var(--max-ratio));
    font-size: calc(12 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .section-image .cap {
    padding: 5px 10px;
    font-size: 12px;
  }
}
.section-image .cap.left {
  right: auto;
  left: 0;
}

.service-section-title {
  display: flex;
  flex-direction: column;
}
.service-section-title .en {
  font-family: "goldenbook", serif;
  font-size: calc(15 * var(--min-ratio));
  color: #aea133;
  line-height: calc(34 / 18);
  font-weight: normal;
  letter-spacing: 0.12em;
}
.service-section-title .jpn {
  margin-top: calc(-4 * var(--min-ratio));
  font-size: calc(20 * var(--min-ratio));
  color: #000;
  line-height: calc(34 / 24);
  font-weight: normal;
  letter-spacing: 0.18em;
}
@media (min-width: 768px) {
  .service-section-title {
    row-gap: calc(7 * var(--max-ratio));
  }
  .service-section-title .en {
    font-size: calc(18 * var(--max-ratio));
  }
  .service-section-title .jpn {
    margin-top: 0;
    font-size: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .service-section-title {
    row-gap: 7px;
  }
  .service-section-title .en {
    font-size: 18px;
  }
  .service-section-title .jpn {
    font-size: 24px;
  }
}

.cap {
  color: #fff;
}
.cap.fb, .cap .fb {
  color: #000;
}
.image {
  position: relative;
}
.image .cap {
  padding: calc(5 * var(--min-ratio)) calc(10 * var(--min-ratio));
  font-size: calc(10 * var(--min-ratio));
  line-height: calc(16 / 12);
  letter-spacing: 0.1em;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.image .cap.bg {
  background-color: rgba(0 0 0 / 0.5);
}
@media (min-width: 768px) {
  .image .cap {
    padding: calc(5 * var(--max-ratio)) calc(10 * var(--max-ratio));
    font-size: calc(12 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .image .cap {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.text {
  font-size: calc(11.7 * var(--min-ratio));
  line-height: calc(28 / 14);
  letter-spacing: .12em;
}
@media (min-width: 768px) {
  .text {
    font-size: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .text {
    font-size: 14px;
  }
}

.text p {
  letter-spacing: .12em;
}

.grid {
  display: grid;
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .grid.n4 {
    grid-template-columns: repeat(4, calc((270 / 1128) * 100%));
    column-gap: calc((16 / 1128) * 100%);
  }
  .grid.n2 {
    grid-template-columns: repeat(2, calc((558 / 1128) * 100%));
    column-gap: calc((12 / 1128) * 100%);
  }
}



.entrance-lounge {
  padding-bottom: calc(32 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-lounge {
    padding-bottom: calc(63 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge {
    padding-bottom: 63px;
  }
}

.entrance-lounge .section-image {
  margin-bottom: calc(27 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-lounge .section-image {
    margin-bottom: calc(27 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .section-image {
    margin-bottom: 27px;
  }
}

.entrance-lounge .service-section-title {
  margin-bottom: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-lounge .service-section-title {
    margin-bottom: calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .service-section-title {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .entrance-lounge .service-section-title .text {
    margin-bottom: calc(91 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .service-section-title .text {
    margin-bottom: 91px;
  }
}

@media (min-width: 768px) {
  .entrance-lounge .service-section-title .image {
    margin-bottom: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .service-section-title .image {
    margin-bottom: 24px;
  }
}

.entrance-lounge .service-section-title + .text {
  margin-bottom: calc(94 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-lounge .service-section-title + .text {
    margin-bottom: calc(94 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .service-section-title + .text {
    margin-bottom: 94px;
  }
}

.entrance-lounge .grid {
  grid-template-columns: repeat(2, 49%);
  column-gap: 2%;
  row-gap: calc(50 * var(--min-ratio));
}
.entrance-lounge .grid figure .image {
  margin-bottom: calc(10 * var(--min-ratio));
}
.entrance-lounge .grid .text {
  line-height: 1.5;
}
@media (min-width: 768px) {
  .entrance-lounge .grid {
    grid-template-columns: repeat(2, calc((538 / 1128) * 100%));
    column-gap: calc((52 / 1128) * 100%);
  }
  .entrance-lounge .grid figure .image {
    margin-bottom: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-lounge .grid figure .image {
    margin-bottom: 21px;
  }
}

.entrance-hall {
  padding-bottom: calc(63 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-hall {
    padding-bottom: calc(126 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-hall {
    padding-bottom: 126px;
  }
}

.entrance-hall .service-section-title {
  margin-bottom: calc(18 * var(--min-ratio));
  row-gap: calc(4 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-hall .service-section-title {
    margin-bottom: calc(18 * var(--max-ratio));
    row-gap: calc(4 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-hall .service-section-title {
    margin-bottom: 18px;
    row-gap: 4px;
  }
}


.entrance-hall .section-image {
  margin-bottom: calc(22 * var(--min-ratio));
}
@media (min-width: 768px) {
  .entrance-hall .section-image {
    margin-bottom: calc(44 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-hall .section-image {
    margin-bottom: 44px;
  }
}

@media (min-width: 768px) {
  .entrance-hall .text {
    width: calc(745 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .entrance-hall .text {
    width: 745px;
  }
}

.material {
  padding-top: calc(35 * var(--max-ratio));
  padding-bottom: calc(78 * var(--max-ratio));
}
@media (min-width: 768px) {
  .material {
    padding-top: calc(69 * var(--max-ratio));
    padding-bottom: calc(155 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .material {
    padding-top: 69px;
    padding-bottom: 155px;
  }
}
.material .inner {
  grid-template-columns: 100%;
  row-gap: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .material .inner {
    grid-template-columns: calc((570 / 1128) * 100%) calc((515 / 1128) * 100%);
    column-gap: calc((43 / 1128) * 100%);
    row-gap: unset;
    align-items: center;
  }
}
.material .inner .image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.material .inner .cont {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
@media (min-width: 768px) {
  .material .inner .image {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .material .inner .cont {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
}

.material .inner h2 {
  margin-bottom: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .material .inner h2 {
    margin-bottom: calc(42 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .material .inner h2 {
    margin-bottom: 42px;
  }
}


.party-room {
  padding-bottom: calc(36 * var(--min-ratio));
}
@media (min-width: 768px) {
  .party-room {
    padding-bottom: calc(72 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .party-room {
    padding-bottom: 72px;
  }
}

.party-room .section-image {
  margin-bottom: calc(22 * var(--min-ratio));
}
@media (min-width: 768px) {
  .party-room .section-image {
    margin-bottom: 0;
  }
}

.party-room .grid {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .party-room .grid {
    margin-top: calc(-55 * var(--max-ratio));
    grid-template-columns: calc((515 / 1128) * 100%) calc((536 / 1128) * 100%);
    align-items: center;
    column-gap: calc((77 / 1128) * 100%);
    row-gap: unset;
  }
  .party-room .cont {
    padding-top: calc(50 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .party-room .grid {
    margin-top: -55px;
  }
  .party-room .cont {
    padding-top: 50px;
  }
}

.party-room .service-section-title {
  margin-bottom: calc(27 * var(--min-ratio));
  row-gap: calc(7 * var(--min-ratio));
}
@media (min-width: 768px) {
  .party-room .service-section-title {
    margin-bottom: calc(27 * var(--max-ratio));
    row-gap: calc(7 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .party-room .service-section-title {
    margin-bottom: 27px;
    row-gap: 7px;
  }
}

.party-room .text {
  margin-bottom: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .party-room .text {
    margin-bottom: 0;
  }
}

@media not all and (min-width: 768px) {
  .party-room .image {
    width: 50%;
    margin-left: auto;
  }
}

.others {
  padding-top: calc(36 * var(--min-ratio));
}
@media (min-width: 768px) {
  .others {
    padding-top: calc(72 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .others {
    padding-top: 72px;
  }
}

.others .grid {
  padding-bottom: calc(26 * var(--min-ratio));
  row-gap: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .others .grid {
    padding-bottom: calc(52 * var(--max-ratio));
    grid-template-columns: calc((548 / 1128) * 100%) calc((536 / 1128) * 100%);
    column-gap: calc((44 / 1128) * 100%);
    row-gap: unset;
  }
}
@media (min-width: 1148px) {
  .others .grid {
    padding-bottom: 52px;
  }
}


.others .service-section-title {
  margin-bottom: calc(25 * var(--min-ratio));
  row-gap: calc(2 * var(--min-ratio));
}
.others .service-section-title span.jpn span {
  font-size: calc(15 * var(--min-ratio));
}
.others .service-section-title span.jpn {
  font-size: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .others .service-section-title {
    margin-bottom: calc(25 * var(--max-ratio));
    row-gap: calc(2 * var(--max-ratio));
  }
  .others .service-section-title span.jpn span {
    font-size: calc(17 * var(--max-ratio));
  }
  .others .service-section-title span.jpn {
    font-size: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .others .service-section-title {
    margin-bottom: 25px;
    row-gap: 2px;
  }
  .others .service-section-title span.jpn span {
    font-size: 17px;
  }
  .others .service-section-title span.jpn {
    font-size: 24px;
  }
}

.others .image {
  width: 100vw;
  margin: 0 calc(50% - 50vw) calc(18 * var(--min-ratio));
}
@media (min-width: 768px) {
  .others .image {
    width: 100%;
    margin: 0 0 calc(35 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .others .image {
    margin-bottom: 35px;
  }
}


.high-grade {
  padding-top: calc(23 * var(--min-ratio));
  padding-bottom: calc(46 * var(--min-ratio));
}
@media (min-width: 768px) {
  .high-grade {
    padding-top: calc(45 * var(--max-ratio));
    padding-bottom: calc(92 * var(--max-ratio));
    background-color: #fff;
  }
}
@media (min-width: 1148px) {
  .high-grade {
    padding-top: 45px;
    padding-bottom: 92px;
  }
}


.high-grade h2 {
  margin-bottom: calc(30 * var(--min-ratio));
  font-size: calc(20 * var(--min-ratio));
  line-height: calc(44 / 24);
  letter-spacing: 0.18em;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .high-grade .inner:nth-of-type(1) {
    width: 100vw;
    padding: calc(20 * var(--min-ratio));
    margin: 0 calc(-20 * var(--min-ratio));
    background-color: #f7f7f0;
  }
  .high-grade .inner + .inner {
    padding-top: calc(20 * var(--min-ratio))
  }
  .high-grade .inner:nth-of-type(1) .grid{
    margin-bottom: 0;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
  }
}
@media (min-width: 768px) {
  .high-grade h2 {
    margin-bottom: calc(66 * var(--max-ratio));
    font-size: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .high-grade h2 {
    margin-bottom: 66px;
    font-size: 24px;
  }
}

.high-grade-box h3 {
  padding-bottom: 9px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aea133;
  font-size: calc(15 * var(--min-ratio));
  color: #a79159;
  line-height: 1.3;
  letter-spacing: normal;
}
.high-grade-box h3 span {
  font-size: 16.83px;
}
@media (min-width: 768px) {
  .high-grade-box h3 {
    padding-bottom: calc(9 * var(--max-ratio));
    margin-bottom: calc(10 * var(--max-ratio));
    font-size: calc(21.64 * var(--max-ratio));
    line-height: calc(41.41 / 18);
  }
}
@media (min-width: 1148px) {
  .high-grade-box h3 {
    padding-bottom: 9px;
    margin-bottom: 10px;
    font-size: 21.64px;
  }
}

.high-grade-box .text {
  line-height: calc(20 / 14);
  font-weight: 200;
}
.high-grade-box .text p {
  letter-spacing: normal;
}
.high-grade-box .text p.small {
  margin-top: calc(21 * var(--min-ratio));
  font-size: calc(9 * var(--min-ratio));
}
@media (min-width: 768px) {
  .high-grade-box .text p.small {
    margin-top: calc(21 * var(--max-ratio));
    font-size: calc(9 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .high-grade-box .text p.small {
    margin-top: 21px;
    font-size: 9px;
  }
}

.high-grade-box.right-image {
  margin-bottom: calc(37 * var(--min-ratio));
  display: grid;
  grid-template-columns: 100%;
}
.high-grade-box.left-image {
  margin-bottom: calc(20 * var(--min-ratio));
  display: grid;
  grid-template-columns: 100%;
}
.high-grade-box.left-image .image,
.high-grade-box.right-image .image {
  margin-bottom: calc(20 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.high-grade-box.left-image figcaption,
.high-grade-box.right-image figcaption {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}


.high-grade-box.right-image h3,
.high-grade-box.left-image h3 {
  font-size: calc(18 * var(--min-ratio));
}
.high-grade-box.right-image h3 {
  line-height: 1.4;
}
@media (min-width: 768px) {
  .high-grade-box.right-image {
    margin-bottom: calc(75 * var(--max-ratio));
    grid-template-columns: calc((550 / 1128) * 100%) calc((535 / 1128) * 100%);
    column-gap: calc((43 / 1128) * 100%);
    align-items: center;
  }
  .high-grade-box.left-image {
    margin-bottom: calc(20 * var(--max-ratio));
    grid-template-columns: calc((564 / 1128) * 100%) calc((415 / 1128) * 100%);
    column-gap: calc((75 / 1128) * 100%);
    align-items: center;
  }
  .high-grade-box.right-image .image {
    margin-bottom: 0;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .high-grade-box.right-image figcaption {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .high-grade-box.left-image .image {
    margin-bottom: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .high-grade-box.left-image figcaption {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .high-grade-box.right-image h3,
  .high-grade-box.left-image h3 {
    font-size: calc(21.64 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .high-grade-box.right-image {
    margin-bottom: 75px;
  }
  .high-grade-box.left-image {
    margin-bottom: 20px;
  }
  .high-grade-box.right-image h3,
  .high-grade-box.left-image h3 {
    font-size: 21.64px;
  }
}
.high-grade-box.right-image .text,
.high-grade-box.left-image .text {
  line-height: calc(24.47 / 14);
  font-weight: 500;
}
.high-grade-box.right-image .text p,
.high-grade-box.left-image .text p {
  letter-spacing: 0.12em;
}

.high-grade-box.right-image + .grid {
  margin-bottom: calc(40 * var(--min-ratio));
  row-gap: calc(30 * var(--min-ratio));
}
.high-grade-box.right-image + .grid .image {
  margin-bottom: calc(8 * var(--min-ratio));
}
@media (min-width: 768px) {
  .high-grade-box.right-image + .grid .image {
    margin-bottom: 0;
  }
  .high-grade-box.right-image + .grid {
    margin-bottom: calc(85 * var(--max-ratio));
    grid-template-columns: repeat(3, calc((340 / 1128) * 100%));
    column-gap: calc((54 / 1128) * 100%);
    row-gap: unset;
  }
}
@media (min-width: 1148px) {
  .high-grade-box.right-image + .grid {
    margin-bottom: 85px;
  }
}

.service-box {
  padding: calc(20 * var(--min-ratio));
  margin-bottom: calc(50 * var(--min-ratio));
  background-color: #fff9ee;
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(30 * var(--min-ratio));
}
.service-box h3 {
  margin-bottom: calc(16 * var(--min-ratio));
  font-size: calc(16 * var(--min-ratio));
  letter-spacing: 0.12em;
}
.service-box .text {
  font-size: calc(14 * var(--min-ratio));
  line-height: calc(22.21 / 16.83);
  letter-spacing: 0.12em;
}
.service-box .text span {
  font-size: calc(11 * var(--min-ratio));
}
@media (min-width: 768px) {
  .service-box {
    padding: calc(30 * var(--max-ratio)) calc(35 * var(--max-ratio));
    margin-bottom: calc(100 * var(--max-ratio));
    grid-template-columns: repeat(2, calc((490 / 1058) * 100%));
    column-gap: calc((78 / 1058) * 100%);
    row-gap: unset;
  }
  .service-box h3 {
    margin-bottom: calc(16 * var(--max-ratio));
    font-size: calc(19.24 * var(--max-ratio));
  }
  .service-box .text {
    font-size: calc(16.83 * var(--max-ratio));
  }
  .service-box .text span {
    font-size: calc(14.43 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .service-box {
    padding: 30px 35px;
    margin-bottom: 100px;
  }
  .service-box h3 {
    margin-bottom: 16px;
    font-size: 19.24px;
  }
  .service-box .text {
    font-size: 16.83px;
  }
  .service-box .text span {
    font-size: 14.43px;
  }
}

.service-box + .grid {
  margin-bottom: calc(40 * var(--min-ratio));
  row-gap: calc(30 * var(--min-ratio));
}
@media not all and (min-width: 768px) {
  .service-box + .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
  }
}
.service-box + .grid .image {
  margin-bottom: calc(8 * var(--min-ratio));
}
@media (min-width: 768px) {
  .service-box + .grid {
    margin-bottom: calc(107 * var(--max-ratio));
    row-gap: unset;
  }
  .service-box + .grid .image {
    margin-bottom: 0;
  }
}
@media (min-width: 1148px) {
  .service-box + .grid {
    margin-bottom: 107px;
  }
}

.golds-gym {
  row-gap: calc(30 * var(--min-ratio));
}
.golds-gym .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
  }
@media (min-width: 768px) {
  .golds-gym {
    row-gap: unset;
  }
  .golds-gym .grid {
    width: calc(537 * var(--max-ratio));
    grid-template-columns: calc((260 / 537) * 100%) calc((256 / 537) * 100%);
    column-gap: calc((21 / 537) * 100%);
  }
}
@media (min-width: 1148px) {
  .golds-gym .grid {
    width: 537px;
  }
}

.golds-gym .logo {
  width: 100%;
  margin: 0 auto calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .golds-gym .logo {
    width: calc(456 * var(--max-ratio));
    margin-top: calc(54 * var(--max-ratio));
    margin-bottom: calc(73 * var(--max-ratio));
  }
}
@media (min-width: 1148px) {
  .golds-gym .logo {
    width: 456px;
    margin-top: 54px;
    margin-bottom: 73px;
  }
}

.golds-gym h3 {
  padding-bottom: calc(4 * var(--min-ratio));
  line-height: 1.4;
  letter-spacing: 0.12em;
}
.golds-gym .text {
  margin-bottom: calc(20 * var(--min-ratio));
  line-height: calc(24 / 14);
}
.golds-gym .text span {
  font-size: calc(12 * var(--min-ratio));
}
@media (min-width: 768px) {
  .golds-gym h3 {
    padding-bottom: calc(4 * var(--max-ratio));
  }
  .golds-gym .grid {
    margin-top: auto;
  }
  .golds-gym .text {
    margin-bottom: calc(10 * var(--max-ratio));
  }
  .golds-gym .text span {
    font-size: calc(12 * var(--max-ratio));
  }
  .golds-gym .high-grade-box {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1148px) {
  .golds-gym h3 {
    padding-bottom: 4px;
  }
  .golds-gym .text {
    margin-bottom: 10px;
  }
  .golds-gym .text span {
    font-size: 12px;
  }
}