@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */ }

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit; }

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit; }

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0; }

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */ }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item;
  /* Add the correct display in all browsers */ }

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */ }

[hidden],
template {
  display: none;
  /* Add the correct display in IE */ }

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */ }

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */ }

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */ }

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0; }

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default; }

[type="number"] {
  width: auto;
  /* Firefox 36+ */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */ }

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */ }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */ }

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */ }

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */ }

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */ }

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */ }

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */ }

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */ }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */ }

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */ }

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */ }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default; }

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

@font-face {
  font-family: 'PPEiko';
  src: url("https://www.suntory.com/about/themakers/assets/fonts/PPEiko-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'PPNeue';
  src: url("https://www.suntory.com/about/themakers/assets/fonts/PPNeueMontreal-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: 'PPNeue';
  src: url("https://www.suntory.com/about/themakers/assets/fonts/PPNeueMontreal-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: 'PPNeue';
  src: url("https://www.suntory.com/about/themakers/assets/fonts/PPNeueMontreal-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'kraftig';
  src: url("https://www.suntory.com/about/themakers/assets/fonts/soehne-breit-kraftig.woff2") format("woff2");
  font-style: normal;
  font-weight: normal; }

:root {
  font-size: 16px; }

html {
  word-wrap: break-word;
  font-size: 62.5%;
  scroll-behavior: smooth; }

body {
  width: 100%;
  height: 100%;
  position: relative;
  color: #303030;
  font-size: calc(28rem / 16);
  font-family: "PPNeue", sans-serif;
  -webkit-font-smoothing: antialiased; }

a {
  transition: all .5s ease; }

img {
  max-width: 100%; }

#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents p {
  margin: 0; }

.themakers-content {
  position: relative;
  background-color: #FFD9B7;
  width: 100%; }
  @media screen and (min-width: 960px) and (max-width: 1163px) {
    .themakers-content {
      width: 100%;
      padding-top: 36.9px; } }
  @media screen and (min-width: 768px) and (max-width: 959px) {
    .themakers-content {
      width: 960px;
      padding-top: 36.9px; } }
  @media screen and (max-width: 767px) {
    .themakers-content {
      width: 100%; } }
  .themakers-content p {
    font-size: 1.75rem;
    line-height: 1.28em;
    font-family: "PPNeue", sans-serif; }
    @media screen and (max-width: 767px) {
      .themakers-content p {
        font-size: calc(3200vw / 767);
        line-height: 1.4em;
        max-width: 100%; } }
    .themakers-content p + p {
      margin-top: 1.3em !important; }
      @media screen and (max-width: 767px) {
        .themakers-content p + p {
          margin-top: 1.4em !important; } }
  .themakers-content picture {
    position: relative;
    z-index: 2; }
  .themakers-content .h3 {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    column-gap: 0;
    row-gap: 0;
    grid-template-areas: "quote text" ". name";
    font-weight: normal; }
    .themakers-content .h3__quote {
      grid-area: quote;
      margin-right: 6px;
      font-size: 3.4375rem;
      line-height: 0.966em;
      font-family: 'PPEiko', serif; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .h3__quote {
          margin-right: 4px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .h3__quote {
          font-size: 8.4745762712vw;
          line-height: 1.09em;
          letter-spacing: .06em; } }
    .themakers-content .h3__text {
      grid-area: text;
      font-size: 3.4375rem;
      line-height: 0.966em;
      font-family: 'PPEiko', serif; }
      @media screen and (max-width: 767px) {
        .themakers-content .h3__text {
          font-size: 8.4745762712vw;
          line-height: 1.09em;
          letter-spacing: -.01em; } }
    .themakers-content .h3__name {
      grid-area: name;
      font-size: 0.875rem;
      line-height: 1.026em;
      margin-top: 36px; }
      @media screen and (max-width: 767px) {
        .themakers-content .h3__name {
          margin-top: 4.6936114733vw;
          font-size: 2.3233376793vw; } }
  .themakers-content .bg__border {
    width: 1px;
    height: 100%;
    background-color: #FF684A;
    position: absolute;
    left: calc(50% - 10px);
    z-index: 1; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .bg__border {
        left: calc(50% - calc(1000vw / 960)); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .bg__border {
        left: calc(50% - 10px); } }
    @media screen and (max-width: 767px) {
      .themakers-content .bg__border {
        display: none; } }
  .themakers-content .bg__400, .themakers-content .bg__400--sp {
    border-radius: 400px;
    width: 400px;
    height: 400px;
    border: 1px solid #FF684A;
    position: absolute;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .themakers-content .bg__400, .themakers-content .bg__400--sp {
        width: 52.1512385919vw;
        height: 52.1512385919vw; } }
  .themakers-content .bg__500, .themakers-content .bg__500--sp {
    border-radius: 500px;
    width: 500px;
    height: 500px;
    border: 1px solid #FF684A;
    position: absolute;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .themakers-content .bg__500, .themakers-content .bg__500--sp {
        width: 65.1890482399vw;
        height: 65.1890482399vw; } }
  .themakers-content .parallax-content {
    position: relative;
    z-index: 20 !important;
    background-color: #FFD9B7; }
  .themakers-content .sec_title {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_title {
        padding: 0 40px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_title {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_title {
        padding: 0; } }
    .themakers-content .sec_title__wrapper {
      position: relative;
      background-color: #AD4632;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__wrapper {
          padding: 5.2151238592vw 0 0 0; } }
    .themakers-content .sec_title__inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: 0 -10px; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__inner {
          margin: 0; } }
    .themakers-content .sec_title__img, .themakers-content .sec_title__text {
      position: relative;
      z-index: 10;
      padding: 0 10px;
      max-width: 50%;
      flex: 0 0 50%;
      font-size: 0;
      line-height: 0;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__img, .themakers-content .sec_title__text {
          max-width: 100%;
          flex: 0 0 100%;
          padding: 0; } }
      .themakers-content .sec_title__img:nth-child(2), .themakers-content .sec_title__text:nth-child(2) {
        padding-left: 104.12px; }
        @media screen and (min-width: 1164px) and (max-width: 1439px) {
          .themakers-content .sec_title__img:nth-child(2), .themakers-content .sec_title__text:nth-child(2) {
            padding-left: 104px; } }
        @media screen and (min-width: 960px) and (max-width: 1163px) {
          .themakers-content .sec_title__img:nth-child(2), .themakers-content .sec_title__text:nth-child(2) {
            padding-left: 85.12px; } }
        @media screen and (min-width: 768px) and (max-width: 959px) {
          .themakers-content .sec_title__img:nth-child(2), .themakers-content .sec_title__text:nth-child(2) {
            padding-left: 85.12px; } }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_title__img:nth-child(2), .themakers-content .sec_title__text:nth-child(2) {
            padding: 10.4302477184vw 0 9.3872229465vw;
            text-align: center; } }
    .themakers-content .sec_title__img {
      font-size: 0;
      line-height: 0; }
    .themakers-content .sec_title__year {
      font-family: 'kraftig', sans-serif;
      font-size: 1.5rem;
      font-weight: normal;
      letter-spacing: 0.2em;
      line-height: 1.031em;
      color: #fff; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__year {
          font-size: 3.1290743155vw; } }
    .themakers-content .sec_title__name {
      width: 366px;
      margin: 40px 0;
      font-size: 5rem;
      font-family: 'PPEiko', serif;
      letter-spacing: -0.02em;
      line-height: 1.05em;
      color: #fff; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__name {
          width: 100%;
          margin: 5.2151238592vw 0 3.9113428944vw;
          font-size: 13.6897001304vw; } }
    .themakers-content .sec_title__desc {
      width: 366px;
      font-size: 1.75rem;
      line-height: 1.031em;
      color: #fff; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_title__desc {
          width: 280px; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_title__desc {
          width: 280px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_title__desc {
          width: 58.8005215124vw;
          margin: 0 auto;
          font-size: 4.1720990874vw; } }
  .themakers-content .kv {
    position: relative;
    font-size: 0;
    line-height: 0;
    padding-top: 53.75%; }
    @media screen and (min-width: 1164px) and (max-width: 1439px) {
      .themakers-content .kv {
        padding-top: 66.4948453608%; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .kv {
        padding-top: 66.3927083333%; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .kv {
        padding-top: 637.37px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .kv {
        padding-top: 101.9556714472%; } }
    .themakers-content .kv__before, .themakers-content .kv__after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .themakers-content .kv__before img, .themakers-content .kv__after img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .themakers-content .kv__after--1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 32.3611111111%;
      opacity: 0;
      z-index: 3;
      line-height: 0;
      font-size: 0; }
      @media screen and (min-width: 1164px) and (max-width: 1439px) {
        .themakers-content .kv__after--1 {
          width: 29.9828178694%;
          left: 0; } }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .kv__after--1 {
          width: 30%; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .kv__after--1 {
          width: 288px;
          left: 0; } }
      @media screen and (max-width: 767px) {
        .themakers-content .kv__after--1 {
          display: none; } }
    .themakers-content .kv__after--2 {
      position: absolute;
      bottom: 0;
      left: 22.7083333333%;
      width: 31.25%;
      opacity: 0;
      z-index: 3;
      line-height: 0;
      font-size: 0; }
      @media screen and (min-width: 1164px) and (max-width: 1439px) {
        .themakers-content .kv__after--2 {
          width: 32.9896907216%;
          left: 19.8453608247%; } }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .kv__after--2 {
          width: 33.0208333333%;
          left: 19.7916666667%; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .kv__after--2 {
          width: 317px;
          left: 190px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .kv__after--2 {
          display: none; } }
    .themakers-content .kv__after--3 {
      position: absolute;
      top: 0;
      left: 50.6944444444%;
      width: 27.9166666667%;
      opacity: 0;
      z-index: 3;
      line-height: 0;
      font-size: 0; }
      @media screen and (min-width: 1164px) and (max-width: 1439px) {
        .themakers-content .kv__after--3 {
          width: 29.7250859107%;
          left: 49.3986254296%; } }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .kv__after--3 {
          width: 29.5833333333%;
          left: 49.375%; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .kv__after--3 {
          width: 284px;
          left: 474px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .kv__after--3 {
          display: none; } }
    .themakers-content .kv__after--4 {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 26.25%;
      opacity: 0;
      z-index: 3;
      line-height: 0;
      font-size: 0; }
      @media screen and (min-width: 1164px) and (max-width: 1439px) {
        .themakers-content .kv__after--4 {
          width: 27.8350515464%;
          right: 0; } }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .kv__after--4 {
          width: 27.7083333333%;
          right: 0; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .kv__after--4 {
          width: 266px;
          right: 0; } }
      @media screen and (max-width: 767px) {
        .themakers-content .kv__after--4 {
          display: none; } }
    .themakers-content .kv__switch {
      position: absolute;
      right: 40px;
      top: 40px;
      display: block;
      width: 30px;
      height: 30px;
      background-color: #FF684A;
      border-radius: 30px;
      border: 1px solid #FF684A;
      transition: background-color .6s;
      opacity: 1;
      z-index: 3; }
      @media screen and (max-width: 767px) {
        .themakers-content .kv__switch {
          display: none; } }
      .themakers-content .kv__switch.is-disabled {
        opacity: 0;
        transition: opacity .3s; }
  .themakers-content .sec_lead {
    max-width: 1204px;
    margin: 0 auto;
    padding: 0 20px; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_lead {
        padding: 0 40px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_lead {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_lead {
        padding: 0 5.2151238592vw; } }
    .themakers-content .sec_lead__1 {
      margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_lead__1 {
          margin-top: 5.2151238592vw; } }
      .themakers-content .sec_lead__1 h1 {
        font-family: 'PPEiko', serif;
        font-size: 11.25rem;
        line-height: .85em;
        letter-spacing: -.03em;
        font-weight: normal; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_lead__1 h1 {
            font-size: 20.8604954368vw;
            width: 76.4015645372vw; } }
      .themakers-content .sec_lead__1--1 {
        position: relative;
        display: inline-block;
        width: .57em; }
        .themakers-content .sec_lead__1--1::after {
          position: absolute;
          top: 16px;
          left: 100%;
          content: '';
          display: inline-block;
          width: .55em;
          height: 1em;
          background-color: #FFD9B7; }
      .themakers-content .sec_lead__1--2 {
        position: relative;
        z-index: 2; }
        .themakers-content .sec_lead__1--2 span {
          margin-left: -3px; }
    .themakers-content .sec_lead__2 {
      margin: 43px 79px 0 auto;
      width: 376.5px; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_lead__2 {
          margin: 84px 52px 0 auto; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_lead__2 {
          margin: 8.3441981747vw 0.221642764vw 0 auto;
          width: 58.8200782269vw; } }
      .themakers-content .sec_lead__2 p {
        color: #FF684A;
        font-family: 'PPEiko', serif;
        font-size: 5rem;
        line-height: .9em;
        letter-spacing: -.03em; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_lead__2 p {
            font-size: 10.4302477184vw; } }
    .themakers-content .sec_lead__3 {
      margin: 46px 40px 0 auto;
      width: 415px; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_lead__3 {
          margin: 46px 14px 0 auto; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_lead__3 {
          margin: calc(3457vw / 767) 0 0 auto;
          width: calc(45000vw / 767); } }
      .themakers-content .sec_lead__3 p {
        line-height: 1.246em; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_lead__3 p {
            font-size: 4.1720990874vw;
            line-height: 1.4em; } }
    .themakers-content .sec_lead__4 {
      margin: 40px 0 80px;
      width: 412px; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_lead__4 {
          margin: 80px 0 76px; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_lead__4 {
          margin: 78px 0 76px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_lead__4 {
          width: calc(56900% / 687);
          margin: calc(7300vw / 767) 0 0; } }
      .themakers-content .sec_lead__4 p {
        font-size: 0.875rem;
        line-height: 1.4em;
        letter-spacing: .045em; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_lead__4 p {
            font-size: calc(2000vw / 767);
            line-height: 1.296em;
            letter-spacing: 0; } }
        .themakers-content .sec_lead__4 p + p {
          margin-top: 1em !important; }
  .themakers-content .navi {
    position: relative;
    max-width: 1204px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .navi {
        padding: 0 40px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .navi {
        width: 960px;
        padding: 0 40px; } }
    .themakers-content .navi::before {
      content: '';
      position: absolute;
      bottom: -3.5px;
      right: calc(100% - 20px);
      background: #731D0C;
      height: 7px;
      width: 100%;
      z-index: 99; }
      @media screen and (min-width: 768px) and (max-width: 1163px) {
        .themakers-content .navi::before {
          right: calc(100% - 40px); } }
      @media screen and (max-width: 767px) {
        .themakers-content .navi::before {
          display: none; } }
    .themakers-content .navi__wrapper {
      position: sticky;
      top: 0;
      border-bottom: 1px solid #731D0C;
      background-color: #FFD9B7;
      z-index: 99; }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__wrapper {
          position: static;
          border-top: 1px solid #731D0C;
          overflow: hidden;
          height: 11.7340286832vw;
          padding: 0;
          background-image: url("https://www.suntory.com/about/themakers/assets/images/home/arrow.svg");
          background-repeat: no-repeat;
          background-position: top 4.1720990874vw left calc(6700vw / 767);
          background-size: 5.2151238592vw;
          transform: translateY(0);
          transition: height .4s ease-in-out; } }
      .themakers-content .navi__wrapper.is-fixed {
        position: fixed;
        top: auto;
        bottom: 0;
        width: 100%; }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__wrapper.is-active {
          height: calc(40900vw / 767);
          transition: height .4s ease-in-out;
          z-index: 101; } }
      .themakers-content .navi__wrapper.is-active .navi__item--spacer {
        display: none; }
    .themakers-content .navi__inner {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      column-gap: 68px;
      transition: transform .6s; }
      @media screen and (min-width: 768px) and (max-width: 1163px) {
        .themakers-content .navi__inner {
          column-gap: 45px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__inner {
          column-gap: 0; } }
      .themakers-content .navi__inner.is-origin {
        transform: translateY(0); }
      .themakers-content .navi__inner.is-intro {
        transform: translateY(calc(((9000vw * 1) / 767) * -1)); }
      .themakers-content .navi__inner.is-shinjiro {
        transform: translateY(calc(((9000vw * 2) / 767) * -1)); }
      .themakers-content .navi__inner.is-keizo {
        transform: translateY(calc(((9000vw * 3) / 767) * -1)); }
      .themakers-content .navi__inner.is-shingo {
        transform: translateY(calc(((9000vw * 4) / 767) * -1)); }
    .themakers-content .navi__item {
      position: relative;
      display: flex;
      align-items: center;
      height: 90px;
      font-family: 'PPEiko', serif;
      color: #731D0C; }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__item {
          width: 100%;
          flex: 0 0 100%;
          padding: calc(2600vw / 767) 8px calc(2600vw / 767) calc(15700vw / 767);
          height: 11.7340286832vw; } }
      .themakers-content .navi__item:nth-child(2) a {
        grid-template-areas: "marker name"; }
      .themakers-content .navi__item a, .themakers-content .navi__item span.spacer {
        display: grid;
        grid-template-areas: "marker name" "marker year";
        align-items: center;
        font-family: 'PPEiko', serif;
        font-size: 1.125rem;
        color: #731D0C;
        line-height: 1.3em;
        text-decoration: none;
        grid-area: name; }
        @media screen and (max-width: 767px) {
          .themakers-content .navi__item a, .themakers-content .navi__item span.spacer {
            color: #FF684A;
            grid-template-areas: "name year";
            justify-content: flex-start;
            font-size: 4.1720990874vw; } }
        .themakers-content .navi__item a::before, .themakers-content .navi__item span.spacer::before {
          content: '';
          grid-area: marker;
          width: 30px;
          height: 30px;
          border-radius: 30px;
          border: 1px solid #FF684A;
          background-color: #FF684A;
          margin-right: 10px;
          transition: background-color .6s, border-color .6s; }
          @media screen and (max-width: 767px) {
            .themakers-content .navi__item a::before, .themakers-content .navi__item span.spacer::before {
              display: none; } }
        .themakers-content .navi__item a:hover:before, .themakers-content .navi__item span.spacer:hover:before {
          background-color: transparent; }
        .themakers-content .navi__item a span, .themakers-content .navi__item span.spacer span {
          grid-area: year;
          font-family: "PPNeue", sans-serif;
          font-size: 0.875rem;
          line-height: 1.3em; }
          @media screen and (max-width: 767px) {
            .themakers-content .navi__item a span, .themakers-content .navi__item span.spacer span {
              font-size: 4.1720990874vw;
              margin-left: .4em; } }
      .themakers-content .navi__item--chapters {
        padding-right: 90px; }
        @media screen and (min-width: 768px) and (max-width: 1163px) {
          .themakers-content .navi__item--chapters {
            padding-right: 14px; } }
        @media screen and (max-width: 768px) {
          .themakers-content .navi__item--chapters {
            display: none; } }
        .themakers-content .navi__item--chapters::after {
          content: '';
          position: absolute;
          bottom: -3.5px;
          left: 0;
          background: #731D0C;
          width: calc(100% + 68px);
          height: 7px;
          z-index: 99; }
          @media screen and (min-width: 768px) and (max-width: 1163px) {
            .themakers-content .navi__item--chapters::after {
              width: calc(100% + 45px); } }
          @media screen and (max-width: 767px) {
            .themakers-content .navi__item--chapters::after {
              display: none; } }
      .themakers-content .navi__item--spacer {
        display: none; }
        @media screen and (max-width: 767px) {
          .themakers-content .navi__item--spacer {
            display: grid; } }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__item.is-active a {
          color: #731D0C; } }
      .themakers-content .navi__item.is-active a::before {
        border-color: #731D0C;
        background-color: #731D0C; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .navi__item:last-child {
          padding-right: 0; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .navi__item:last-child {
          padding-right: 0; } }
    .themakers-content .navi__progress {
      position: absolute;
      bottom: -3.5px;
      left: 0;
      background: #731D0C;
      height: 7px;
      width: calc(100% + 68px);
      pointer-events: none;
      z-index: 99;
      transform: scaleX(0); }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .navi__progress {
          width: calc(100% + 45px); } }
      @media screen and (max-width: 767px) {
        .themakers-content .navi__progress {
          display: none; } }
  .themakers-content .sec_introduction, .themakers-content .sec_shinjiro, .themakers-content .sec_keizo, .themakers-content .sec_shingo {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction, .themakers-content .sec_shinjiro, .themakers-content .sec_keizo, .themakers-content .sec_shingo {
        overflow-x: hidden; } }
    .themakers-content .sec_introduction__inner, .themakers-content .sec_shinjiro__inner, .themakers-content .sec_keizo__inner, .themakers-content .sec_shingo__inner {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 20px;
      row-gap: 80px;
      justify-content: start;
      align-items: start;
      max-width: 1204px;
      margin: 0 auto;
      padding: 80px 20px;
      z-index: 10;
      background-color: #FFD9B7; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_introduction__inner, .themakers-content .sec_shinjiro__inner, .themakers-content .sec_keizo__inner, .themakers-content .sec_shingo__inner {
          column-gap: calc(2000vw / 960);
          row-gap: 8.3333333333vw;
          padding: 8.3333333333vw 40px; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_introduction__inner, .themakers-content .sec_shinjiro__inner, .themakers-content .sec_keizo__inner, .themakers-content .sec_shingo__inner {
          column-gap: 20px;
          row-gap: 80px;
          width: 960px;
          max-width: 960px;
          padding: 80px 40px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__inner, .themakers-content .sec_shinjiro__inner, .themakers-content .sec_keizo__inner, .themakers-content .sec_shingo__inner {
          grid-template-columns: 1fr;
          row-gap: 10.4302477184vw;
          width: 100%;
          padding: 8.3333333333vw 5.2151238592vw; } }
      .themakers-content .sec_introduction__inner > [class^="sec_"], .themakers-content .sec_shinjiro__inner > [class^="sec_"], .themakers-content .sec_keizo__inner > [class^="sec_"], .themakers-content .sec_shingo__inner > [class^="sec_"] {
        position: relative; }
    .themakers-content .sec_introduction picture, .themakers-content .sec_shinjiro picture, .themakers-content .sec_keizo picture, .themakers-content .sec_shingo picture {
      position: relative;
      z-index: 3; }
  .themakers-content .sec_introduction__inner--1 {
    padding-top: 80px;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "introduction__1 introduction__3" "introduction__4 introduction__5" "introduction__6 introduction__7"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__inner--1 {
        padding-top: 10.4302477184vw;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
        grid-template-areas: "introduction__3" "introduction__1" "introduction__4" "introduction__5" "introduction__6" "introduction__7"; } }
  .themakers-content .sec_introduction__inner--2 {
    grid-template-rows: auto;
    grid-template-areas: "introduction__9 introduction__9" "introduction__11 introduction__10" "introduction__11 introduction__12"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__inner--2 {
        padding-bottom: 10.4302477184vw;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        grid-template-areas: "introduction__9" "introduction__10" "introduction__11" "introduction__12"; } }
  .themakers-content .sec_introduction__1 {
    grid-area: introduction__1;
    font-size: 0;
    line-height: 0; }
    .themakers-content .sec_introduction__1 figure figcaption {
      font-size: 0.875rem;
      line-height: 1.026em;
      margin-top: 20px; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_introduction__1 figure figcaption {
          margin-top: 10px; } }
      .themakers-content .sec_introduction__1 figure figcaption .only-m {
        display: none; }
        @media screen and (min-width: 960px) and (max-width: 1163px) {
          .themakers-content .sec_introduction__1 figure figcaption .only-m {
            display: block; } }
        @media screen and (min-width: 768px) and (max-width: 959px) {
          .themakers-content .sec_introduction__1 figure figcaption .only-m {
            display: block; } }
    .themakers-content .sec_introduction__1 .bg__400 {
      top: 50%;
      left: 100%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__1 .bg__400 {
          display: none; } }
  .themakers-content .sec_introduction__3 {
    grid-area: introduction__3;
    margin-top: 390px;
    max-width: 476px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_introduction__3 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__3 {
        max-width: 426px;
        margin-top: 284px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__3 {
        max-width: 432px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__3 {
        margin-top: 0;
        max-width: none; } }
    .themakers-content .sec_introduction__3 p {
      position: relative; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__3 p {
          padding-left: calc(13200% / 767); } }
      .themakers-content .sec_introduction__3 p .sec_introduction__3-first-letter {
        font-family: 'PPEiko', serif;
        font-size: 9.375rem;
        line-height: .916em; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_introduction__3 p .sec_introduction__3-first-letter {
            position: absolute;
            top: 0;
            left: 0;
            font-size: calc(11500vw / 767); } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__3 p .sec_introduction__3-text-1, .themakers-content .sec_introduction__3 p .sec_introduction__3-text-2 {
          display: inline-block; } }
  .themakers-content .sec_introduction__4 {
    grid-area: introduction__4;
    justify-self: end;
    width: 376px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_introduction__4 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__4 {
        width: 29.1666666667vw; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__4 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__4 {
        grid-area: introduction__4;
        margin-top: -7.8226857888vw;
        width: calc(45100% / 687); } }
  .themakers-content .sec_introduction__5 {
    grid-area: introduction__5;
    font-size: 0;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__5 {
        grid-area: introduction__5;
        margin-top: -7.8226857888vw; } }
    .themakers-content .sec_introduction__5 .bg__400--sp {
      display: none;
      top: 100%;
      left: 100%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__5 .bg__400--sp {
          display: block; } }
  .themakers-content .sec_introduction__6 {
    grid-area: introduction__6;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__6 {
        width: calc(100% - (3000vw / 767)); } }
  .themakers-content .sec_introduction__7 {
    grid-area: introduction__7;
    max-width: 473px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_introduction__7 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__7 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__7 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__7 {
        grid-area: introduction__7;
        max-width: none; } }
  .themakers-content .sec_introduction__8 {
    position: relative;
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    z-index: 20; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__8 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__8 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__8 {
        padding: 0 calc(4000vw / 767); } }
  .themakers-content .sec_introduction__9 {
    grid-area: introduction__9; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__9 {
        width: calc(57686% / 687); } }
  .themakers-content .sec_introduction__10 {
    position: relative;
    grid-area: introduction__10;
    max-width: 476px;
    z-index: 3; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_introduction__10 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__10 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__10 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__10 {
        max-width: none; } }
  .themakers-content .sec_introduction__11 {
    grid-area: introduction__11;
    align-self: end;
    font-size: 0;
    line-height: 0; }
    .themakers-content .sec_introduction__11 .bg__500 {
      top: 0;
      left: 100%;
      transform: translate(-50%, -50%);
      z-index: 1; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_introduction__11 .bg__500 {
          left: 0; } }
  .themakers-content .sec_introduction__12 {
    grid-area: introduction__12;
    width: 276.88px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_introduction__12 {
        width: 266px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_introduction__12 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_introduction__12 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_introduction__12 {
        justify-self: end;
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
  .themakers-content .sec_shinjiro__inner--1 {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "shinjiro__1 shinjiro__1" ". shinjiro__2" "shinjiro__3 shinjiro__4" "shinjiro__3 shinjiro__5"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__inner--1 {
        grid-template-rows: repeat(5, auto);
        grid-template-areas: "shinjiro__1" "shinjiro__2" "shinjiro__4" "shinjiro__3" "shinjiro__5"; } }
  .themakers-content .sec_shinjiro__inner--2 {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "shinjiro__7 shinjiro__7" "shinjiro__8 shinjiro__9" "shinjiro__10 shinjiro__11" "shinjiro__10 shinjiro__12"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__inner--2 {
        grid-template-rows: repeat(6, auto);
        grid-template-areas: "shinjiro__7" "shinjiro__8" "shinjiro__9" "shinjiro__10" "shinjiro__11" "shinjiro__12"; } }
  .themakers-content .sec_shinjiro__inner--3 {
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "shinjiro__14 shinjiro__14" "shinjiro__15 shinjiro__16" "shinjiro__15 shinjiro__17"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__inner--3 {
        padding-bottom: 10.4302477184vw;
        grid-template-rows: repeat(4, auto);
        grid-template-areas: "shinjiro__14" "shinjiro__16" "shinjiro__15" "shinjiro__17"; } }
  .themakers-content .sec_shinjiro__1 {
    position: relative;
    grid-area: shinjiro__1;
    margin: -20px 0;
    padding: 20px 0;
    background-color: #FFD9B7;
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__1 {
        width: calc(63825% / 687); } }
  .themakers-content .sec_shinjiro__2 {
    grid-area: shinjiro__2;
    max-width: 473px;
    z-index: 1; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__2 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__2 {
        max-width: 430px;
        margin-top: 58px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__2 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__2 {
        max-width: none; } }
  .themakers-content .sec_shinjiro__3 {
    position: relative;
    grid-area: shinjiro__3;
    width: 377px;
    justify-self: end;
    font-size: 0;
    line-height: 0;
    z-index: 3; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__3 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__3 {
        width: 280px;
        margin-top: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__3 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__3 {
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
  .themakers-content .sec_shinjiro__4 {
    position: relative;
    grid-area: shinjiro__4;
    font-size: 0;
    line-height: 0;
    z-index: 0; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__4 {
        margin-top: 30px; } }
    .themakers-content .sec_shinjiro__4 .bg__500 {
      top: 100%;
      left: -20px;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shinjiro__4 .bg__500 {
          top: 0;
          left: calc(100% - (2000vw / 767)); } }
  .themakers-content .sec_shinjiro__5 {
    grid-area: shinjiro__5;
    max-width: 473px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__5 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__5 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__5 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__5 {
        max-width: none; } }
  .themakers-content .sec_shinjiro__6 {
    position: relative;
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    z-index: 20; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__6 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__6 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__6 {
        padding: 0 calc(4000vw / 767); } }
  .themakers-content .sec_shinjiro__7 {
    position: relative;
    grid-area: shinjiro__7;
    margin: -16px 0;
    padding: 16px 0;
    background-color: #FFD9B7;
    z-index: 3; }
    .themakers-content .sec_shinjiro__7 .h3__text {
      letter-spacing: .01em; }
  .themakers-content .sec_shinjiro__8 {
    grid-area: shinjiro__8;
    justify-self: end;
    width: 361px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__8 {
        width: calc(28000vw / 960);
        margin-top: 64px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__8 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__8 {
        width: calc(45100vw / 767); } }
  .themakers-content .sec_shinjiro__9 {
    grid-area: shinjiro__9;
    max-width: 473px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__9 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__9 {
        max-width: 430px;
        margin-top: 64px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__9 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__9 {
        max-width: none; } }
  .themakers-content .sec_shinjiro__10 {
    grid-area: shinjiro__10;
    font-size: 0;
    line-height: 0; }
  .themakers-content .sec_shinjiro__11 {
    grid-area: shinjiro__11;
    width: 360px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__11 {
        width: calc(28000vw / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__11 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__11 {
        justify-self: end;
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
  .themakers-content .sec_shinjiro__12 {
    grid-area: shinjiro__12;
    max-width: 473px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__12 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__12 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__12 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__12 {
        max-width: none; } }
  .themakers-content .sec_shinjiro__13 {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1204px;
    font-size: 0;
    line-height: 0;
    z-index: 3; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__13 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__13 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__13 {
        padding: 0 calc(4000vw / 767); } }
    .themakers-content .sec_shinjiro__13 img {
      position: relative;
      width: 100%;
      z-index: 3; }
  .themakers-content .sec_shinjiro__14 {
    position: relative;
    grid-area: shinjiro__14;
    margin: -16px 0;
    padding: 16px 0;
    background-image: linear-gradient(#FFD9B7 0, #FFD9B7 80%, transparent 80%, transparent 100%);
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__14 {
        margin-top: calc((1600vw / 767) * -1);
        width: calc(57029% / 687); } }
    .themakers-content .sec_shinjiro__14 .h3__name {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shinjiro__14 .h3__name {
          font-size: 2.3233376793vw; } }
  .themakers-content .sec_shinjiro__15 {
    grid-area: shinjiro__15;
    align-self: center;
    font-size: 0;
    line-height: 0;
    transform: translateY(0); }
    @media screen and (min-width: 1165px) and (max-width: 1439px) {
      .themakers-content .sec_shinjiro__15 {
        transform: translateY(-50px); } }
    .themakers-content .sec_shinjiro__15 .bg__400 {
      top: -77px;
      left: calc(100% + 10px);
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shinjiro__15 .bg__400 {
          top: 100%;
          left: 0; } }
  .themakers-content .sec_shinjiro__16 {
    grid-area: shinjiro__16;
    max-width: 476px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__16 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__16 {
        max-width: 430px;
        margin-top: 64px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__16 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__16 {
        max-width: none; } }
  .themakers-content .sec_shinjiro__17 {
    grid-area: shinjiro__17;
    margin-top: -40px;
    max-width: 476px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shinjiro__17 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shinjiro__17 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shinjiro__17 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shinjiro__17 {
        max-width: none;
        margin-top: 0; } }
  .themakers-content .sec_keizo__inner--1 {
    grid-template-rows: repeat(3, auto);
    grid-template-areas: ". keizo__1" "keizo__2 keizo__3" "keizo__2 keizo__4"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__inner--1 {
        grid-template-rows: repeat(4, auto);
        grid-template-areas: "keizo__1" "keizo__2" "keizo__3" "keizo__4"; } }
  .themakers-content .sec_keizo__inner--2 {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "keizo__6 keizo__6" ". keizo__7" "keizo__8 keizo__9" "keizo__8 keizo__10"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__inner--2 {
        padding-top: 10.4302477184vw;
        grid-template-rows: repeat(5, auto);
        grid-template-areas: "keizo__6" "keizo__7" "keizo__9" "keizo__8" "keizo__10"; } }
  .themakers-content .sec_keizo__inner--3 {
    grid-template-rows: repeat(1, auto);
    grid-template-areas: "keizo__12 keizo__13"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__inner--3 {
        padding-top: 0;
        padding-bottom: calc(8000vw / 767);
        grid-template-rows: repeat(3, auto);
        grid-template-areas: "keizo__11" "keizo__12" "keizo__13"; } }
  .themakers-content .sec_keizo__1 {
    position: relative;
    grid-area: keizo__1;
    max-width: 476px;
    z-index: 5; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__1 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__1 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__1 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__1 {
        max-width: none; } }
  .themakers-content .sec_keizo__2 {
    position: relative;
    grid-area: keizo__2;
    font-size: 0;
    line-height: 0;
    z-index: 1; }
    .themakers-content .sec_keizo__2 .bg__500 {
      top: 100%;
      left: 100%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_keizo__2 .bg__500 {
          top: 0;
          left: 100%; } }
  .themakers-content .sec_keizo__3 {
    grid-area: keizo__3;
    width: 376px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__3 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__3 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__3 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__3 {
        justify-self: end;
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
  .themakers-content .sec_keizo__4 {
    grid-area: keizo__4;
    max-width: 476px;
    z-index: 3; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__4 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__4 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__4 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__4 {
        max-width: none; } }
  .themakers-content .sec_keizo__5 {
    position: relative;
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    z-index: 20; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__5 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__5 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__5 {
        padding: 0 calc(4000vw / 767); } }
  .themakers-content .sec_keizo__6 {
    position: relative;
    grid-area: keizo__6;
    margin: -16px 0;
    padding: 16px 0;
    background-image: linear-gradient(#FFD9B7 0, #FFD9B7 80%, transparent 80%, transparent 100%);
    max-width: 1010px;
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__6 {
        width: calc(63578% / 687); } }
    .themakers-content .sec_keizo__6 .h3__name {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_keizo__6 .h3__name {
          font-size: 2.3233376793vw; } }
  .themakers-content .sec_keizo__7 {
    grid-area: keizo__7;
    max-width: 475px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__7 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__7 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__7 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__7 {
        max-width: none; } }
  .themakers-content .sec_keizo__8 {
    grid-area: keizo__8;
    justify-self: end;
    width: 376px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__8 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__8 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__8 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__8 {
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
  .themakers-content .sec_keizo__9 {
    grid-area: keizo__9;
    font-size: 0;
    line-height: 0; }
  .themakers-content .sec_keizo__10 {
    grid-area: keizo__10;
    max-width: 476px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__10 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__10 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__10 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__10 {
        max-width: none; } }
  .themakers-content .sec_keizo__11 {
    position: relative;
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    z-index: 20; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__11 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__11 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__11 {
        padding: 0 5.2151238592vw; } }
  .themakers-content .sec_keizo__12 {
    grid-area: keizo__12;
    width: 100%;
    justify-self: end;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__12 {
        width: 552px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__12 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__12 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__12 {
        margin-top: calc((6000vw / 767) * -1);
        width: calc(45100% / 687); } }
    .themakers-content .sec_keizo__12 .bg__400 {
      top: 100%;
      left: 100%;
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_keizo__12 .bg__400 {
          top: 146%; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_keizo__12 .bg__400 {
          top: 146%; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_keizo__12 .bg__400 {
          top: 100%;
          left: -30%; } }
  .themakers-content .sec_keizo__13 {
    grid-area: keizo__13;
    max-width: 476px;
    z-index: 1; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_keizo__13 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_keizo__13 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_keizo__13 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_keizo__13 {
        max-width: none; } }
  .themakers-content .sec_shingo__inner--1 {
    grid-template-rows: repeat(3, auto);
    grid-template-areas: ". shingo__1" "shingo__2 shingo__3" "shingo__2 shingo__4"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__inner--1 {
        padding-top: 10.4302477184vw;
        grid-template-rows: repeat(4, auto);
        grid-template-areas: "shingo__1" "shingo__2" "shingo__3" "shingo__4"; } }
  .themakers-content .sec_shingo__inner--2 {
    grid-template-rows: repeat(4, auto);
    grid-template-areas: ". shingo__6" "shingo__7 shingo__7" "shingo__8 shingo__9" "shingo__8 shingo__10"; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__inner--2 {
        padding-top: 10.4302477184vw;
        grid-template-rows: repeat(5, auto);
        grid-template-areas: "shingo__6" "shingo__7" "shingo__8" "shingo__9" "shingo__10"; } }
  .themakers-content .sec_shingo__1 {
    grid-area: shingo__1;
    max-width: 476px;
    z-index: 5; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__1 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__1 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__1 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__1 {
        max-width: 100%; } }
  .themakers-content .sec_shingo__2 {
    position: relative;
    grid-area: shingo__2;
    justify-self: end;
    width: 376px;
    font-size: 0;
    line-height: 0;
    z-index: 3; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__2 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__2 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__2 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__2 {
        width: calc(45100% / 687);
        max-width: 100%; } }
    .themakers-content .sec_shingo__2 .bg__500--sp {
      display: none;
      transform: translate(-50%, -50%);
      left: -40%;
      top: 0; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shingo__2 .bg__500--sp {
          display: block; } }
  .themakers-content .sec_shingo__3 {
    position: relative;
    grid-area: shingo__3;
    font-size: 0;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__3 {
        margin-top: calc((6000vw / 767) * -1);
        max-width: 100%; } }
    .themakers-content .sec_shingo__3 .bg__500 {
      top: 100%;
      left: -48px;
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_shingo__3 .bg__500 {
          top: 66%; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_shingo__3 .bg__500 {
          top: 66%; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shingo__3 .bg__500 {
          display: none; } }
  .themakers-content .sec_shingo__4 {
    position: relative;
    grid-area: shingo__4;
    max-width: 476px;
    z-index: 1; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__4 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__4 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__4 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__4 {
        max-width: 100%; } }
  .themakers-content .sec_shingo__5 {
    position: relative;
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    z-index: 20; }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__5 {
        padding: 0 calc(4000% / 960); } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__5 {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__5 {
        padding: 0 calc(4000% / 767);
        max-width: 100%; } }
  .themakers-content .sec_shingo__6 {
    grid-area: shingo__6;
    max-width: 473px; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__6 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__6 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__6 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__6 {
        max-width: 100%; } }
  .themakers-content .sec_shingo__7 {
    position: relative;
    grid-area: shingo__7;
    margin: -20px 0;
    padding: 20px 0;
    background-image: linear-gradient(#FFD9B7 0, #FFD9B7 80%, transparent 80%, transparent 100%);
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__7 {
        width: calc(59204% / 687);
        max-width: 100%; } }
    .themakers-content .sec_shingo__7 .h3__name {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shingo__7 .h3__name {
          font-size: 2.3233376793vw; } }
  .themakers-content .sec_shingo__8 {
    grid-area: shingo__8;
    font-size: 0;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__8 {
        max-width: 100%; } }
    .themakers-content .sec_shingo__8 .bg__400 {
      top: calc(100% - 316px);
      left: 100%;
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 1164px) and (max-width: 1439px) {
        .themakers-content .sec_shingo__8 .bg__400 {
          top: 100%; } }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_shingo__8 .bg__400 {
          display: none; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_shingo__8 .bg__400 {
          display: none; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shingo__8 .bg__400 {
          display: none; } }
  .themakers-content .sec_shingo__9 {
    grid-area: shingo__9;
    width: 376px;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__9 {
        width: 361px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__9 {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__9 {
        width: 280px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__9 {
        margin-top: calc((6000vw / 767) * -1);
        justify-self: end;
        width: 58.8005215124vw;
        max-width: 100%; } }
    .themakers-content .sec_shingo__9 .bg__400--sp {
      display: none;
      top: 100%;
      left: -30%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_shingo__9 .bg__400--sp {
          display: block; } }
  .themakers-content .sec_shingo__10 {
    grid-area: shingo__10;
    max-width: 476px;
    z-index: 3; }
    @media screen and (min-width: 1164px) and (max-width: 1339px) {
      .themakers-content .sec_shingo__10 {
        max-width: 458px; } }
    @media screen and (min-width: 960px) and (max-width: 1163px) {
      .themakers-content .sec_shingo__10 {
        max-width: 430px; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .themakers-content .sec_shingo__10 {
        max-width: 430px; } }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_shingo__10 {
        max-width: 100%; } }
  .themakers-content .sec_family-tree {
    position: relative;
    padding: 160px 0 157px;
    background-color: #731D0C;
    z-index: 20; }
    @media screen and (max-width: 767px) {
      .themakers-content .sec_family-tree {
        padding: 10.4302477184vw 0 11.7340286832vw; } }
    .themakers-content .sec_family-tree__inner {
      max-width: 1070px;
      margin: 0 auto;
      font-size: 0;
      line-height: 0; }
      @media screen and (min-width: 1163px) and (max-width: 1439px) {
        .themakers-content .sec_family-tree__inner {
          max-width: 970px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_family-tree__inner {
          padding: 0 5.2151238592vw; } }
    .themakers-content .sec_family-tree__text {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_family-tree__text {
          margin: 0 0 7.3011734029vw; } }
      .themakers-content .sec_family-tree__text-title {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 28px;
        color: #FFD9B7;
        font-family: 'PPEiko', serif;
        font-size: 3.4375rem;
        line-height: 1.02em;
        margin: 0 -10px 80px; }
        @media screen and (min-width: 960px) and (max-width: 1163px) {
          .themakers-content .sec_family-tree__text-title {
            padding: 0 60px 0 49px; } }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_family-tree__text-title {
            flex: 0 0 100%;
            max-width: 100%;
            font-size: 10.4302477184vw;
            padding: 0;
            margin: 0 0 5.8670143416vw; } }
      .themakers-content .sec_family-tree__text-desc {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 32px; }
        @media screen and (max-width: 767px) {
          .themakers-content .sec_family-tree__text-desc {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0; } }
        .themakers-content .sec_family-tree__text-desc p {
          width: 450px;
          color: #FFD9B7;
          font-size: 1.75rem;
          line-height: 1.3em; }
          @media screen and (max-width: 767px) {
            .themakers-content .sec_family-tree__text-desc p {
              width: auto;
              font-size: 4.1720990874vw; } }
    .themakers-content .sec_family-tree__img {
      margin-top: 68px; }
      @media screen and (min-width: 960px) and (max-width: 1163px) {
        .themakers-content .sec_family-tree__img {
          padding: 0 40px; } }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        .themakers-content .sec_family-tree__img {
          padding: 0 40px; } }
      @media screen and (max-width: 767px) {
        .themakers-content .sec_family-tree__img {
          margin-top: 0; } }
#suntoryCommonFooter {
  position: relative;
  z-index: 99; }

#footer_search_wrap {
  background-color: #fff; }