/*!
Theme Name: JOBDRAFT C-PLAN
Author: NEXTAS Co., Ltd.
Author URI: -
Description: -
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jobdraft-cplan
Tags: custom, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, wide-blocks
*/


 /*************************************************************
* Fonts
**************************************************************/
/* sans-serif用 */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

body {
  --large-txt-font-family: "Oswald", sans-serif;
}



/**************************************************************
* Light reset
**************************************************************/

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
 }
 
ul, ol {
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-left: 0;
}

dl, dt, dd {
  margin: 0;
}

button, a {
  transition: 0.3s;
}

a {
  color: inherit;
}

figure {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* hovers */
@media (hover: hover) {
  a:not([class]):hover{
    opacity: 0.7;
  }
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}



 /*************************************************************
* Wordpress Blocks 追加分
**************************************************************/

/* wp-block-embed
************************************************/
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
  padding-top: calc(9/16 * 100%);
}

.wp-block-embed.is-provider-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

/* wp-block-button
************************************************/
@media all and (min-width: 1024px) {
  main .wp-block-button > .wp-block-button__link {
    line-height: 1.7;
  }
}



/**************************************************************
* WP レイアウト関連
**************************************************************/
@media (max-width: 1023px) {
  .is-layout-constrained {
    padding-left: 5%;
    padding-right: 5%;
  }
}



/**************************************************************
* WP ユーティリティ関連
**************************************************************/

.has-regular-font-size,
.has-normal-font-size {
  font-size: 1em
}

.has-larger-font-size,
.has-huge-font-size {
  font-size: 2.625em
}

.has-text-align-center {
  text-align: center
}

.has-text-align-left {
  text-align: left
}

.has-text-align-right {
  text-align: right
}

#end-resizable-editor-section {
  display: none
}

.aligncenter {
  clear: both
}

.items-justified-left {
  justify-content: flex-start
}

.items-justified-center {
  justify-content: center
}

.items-justified-right {
  justify-content: flex-end
}

.items-justified-space-between {
  justify-content: space-between
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}



/**************************************************************
* グロバル設定
**************************************************************/

html {
  scroll-behavior: smooth;
}



/**************************************************************
* グロバル要素
**************************************************************/

/* g-header
************************************************/
.g-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}

.g-header .wp-block-site-logo {
  z-index: 9999;
  flex: 0 0 clamp(90px, calc(90px + (180 - 90) * ((100vw - 375px) / (1920 - 375))), 180px);
  width: clamp(165px, calc(165px + (330 - 165) * ((100vw - 375px) / (1920 - 375))), 330px);
  height: calc(210/930 * 100vh);
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-right-radius: clamp(10px, calc(10px + (20 - 10) * ((100vw - 375px) / (1920 - 375))), 20px);
  background-color: var(--wp--preset--color--primary-background);
}

.g-header .wp-block-site-logo > a {
  display: block;
}
.g-header .wp-block-site-logo > a img {
  display: block;
  margin: auto;
  border-bottom-right-radius: unset;
}

.g-header__cols {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 1.75em;
}

.g-header__col:first-child {
  flex-basis: 20%;
}
.g-header__col:nth-child(2) {
  flex-basis: 80%;
}

.g-header__nav-block {
  display: grid;
  justify-content: flex-end;
  padding-right: clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px);
}


@media all and (max-width: 1023px) {
  .g-header .wp-block-site-logo {
    z-index: 9999;
    position: relative;
    width: calc(135/14 * 1rem);
    height: calc(90/14 * 1rem);
  }
  
  .g-header .wp-block-site-logo > a {
    padding: 10%;
  }
}

@media (min-width: 1024px) {
  .g-header__nav-block {
    padding-top: 20px;
  }
}

/* g-logo
************************************************/
.g-logo {
  height: 100%;
}

/* g-nav
************************************************/
.g-nav {
  position: relative;
}

@media all and (min-width: 1024px) {
  .g-nav {
    display: flex;
    justify-content: flex-end;
    gap: 10px 20px;
  }
}

/* g-footer
************************************************/
.g-footer {
  position: relative;
  z-index: 0;
  margin-top: calc(15.625/2 * -1vmax);
}



/**************************************************************
* その他の要素
**************************************************************/

/* seo-tagline
************************************************/
.seo-tagline {
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.25;
  text-align: right;
  color: var(--wp--preset--color--inverted-foreground);
}

@media (max-width: 1023px) {
  .seo-tagline {
    display: none;
  }
}

/* nav-entry-btn
************************************************/
@media (min-width: 1024px) {
  .wp-block-buttons.nav-entry-btn {
    margin-left: clamp(10px, calc(10px + (20 - 10) * ((100vw - 375px) / (1920 - 375))), 20px);
  }
  
  .wp-block-buttons.nav-entry-btn .wp-block-button {
    width: clamp(125px, calc(125px + (250 - 125) * ((100vw - 375px) / (1920 - 375))), 250px);
  }

  .wp-block-buttons.nav-entry-btn .wp-block-button__link {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}

/* nav-links
************************************************/
.nav-links {
  position: relative;
}

.nav-link {
  position: relative;
}
.nav-link a {
  color: #ffffff;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .nav-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 30px;
  }

  .nav-links > li, .nav-links > li a {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))), 16px);
  }
}

/* copyright
************************************************/
.copyright {
  font-size: 10px;
  font-family: var(--wp--preset--font-family--alphabetic-font);
  font-weight: normal;
  color: var(--wp--preset--color--inverted-foreground);
  text-align: center;
}


/**************************************************************
* コンテンツの共通要素
**************************************************************/

/* segment-heading
************************************************/
.segment-heading {
  position: relative;
  margin-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 375px) / (1920 - 375))), 60px);
}

.segment-heading > p {
  position: relative;
  display: inline-block;
  margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 375px) / (1920 - 375))), 30px);
  font-family: var(--large-txt-font-family);
  font-size: clamp(40px, calc(40px + (90 - 40) * ((100vw - 375px) / (1920 - 375))), 90px);
  color: var(--wp--preset--color--primary);
  letter-spacing: 0.1rem;
  line-height: 1.25;
}

.segment-heading > h2 {
  display: table;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

@media (max-width: 1023px) {
  .segment-heading {
    width: 100%;
    padding-top: calc(80/500 * 100vw);
    text-align: center;
  }

  .segment-heading > h2 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 1024px) {
  .segment-heading > p {
    line-height: 1;
  }
}

/* horizontal-ticker
************************************************/
.horizontal-ticker {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 1rem;
}

.horizontal-ticker > span {
  display: block;
  white-space: nowrap;
  font-family: var(--large-txt-font-family);
  font-size: clamp(60px, calc(60px + (118 - 60) * ((100vw - 375px) / (1920 - 375))), 118px);
  font-weight: bolder;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary);
}



/**************************************************************
* Hero
**************************************************************/

.hero {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.hero__body {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
}

/* hero-heading
************************************************/
.hero-heading {
  position: relative;
  text-align: center;
}

h1.hero-heading__line1,
h2.hero-heading__line1  {
  position: relative;
  z-index: 99;
  margin-bottom: clamp(25px, calc(25px + (50 - 25) * ((100vw - 375px) / (1920 - 375))), 50px);
  font-size: clamp(18px, calc(18px + (36 - 18) * ((100vw - 375px) / (1920 - 375))), 36px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2em;
  color: var(--wp--preset--color--inverted-foreground);
}

.hero-heading__line2 {
  position: relative;
  z-index: 99;
  font-family: var(--large-txt-font-family);
  font-size: clamp(55px, calc(55px + (120 - 55) * ((100vw - 375px) / (1920 - 375))), 120px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--wp--preset--color--inverted-foreground);
}

.hero-heading__handwritten-catch {
  position: absolute;
  bottom: 0;
  right: 5%;
  z-index: 99;
  display: block;
  width: clamp(200px, calc(200px + (428 - 200) * ((100vw - 375px) / (1920 - 375))), 428px);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
  transform: translateY(95%);
}

@media all and (min-width: 1024px) {
  .hero-heading__line2 {
    font-size: clamp(70px, calc(70px + (136 - 70) * ((100vw - 375px) / (1920 - 375))), 136px);
    line-height: 0.8;
  }

  .hero-heading__handwritten-catch {
    right: 0;
  }
}

@media all and (min-width: 1800px) {
  .hero-heading__handwritten-catch {
    transform: translateY(90%) translateX(52%);
  }
}

/* mv-slider-holder
************************************************/
.mv-slider-holder {
  width: 100%;
  height: 100%;
}

/* hero-slider
************************************************/
.hero__slider {
  height: 100%;
}

/* hero-slide
************************************************/
.hero-slide picture {
  min-height: 100vh;
}

.hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

@media all and (min-width: 1800px) {
  .hero-slide picture {
    transform: translateY(-10%);
    display: block;
  }
}


/**************************************************************
* Concept
**************************************************************/

.concept {
  position: relative;
  padding-top: 7.8125vmax;
  padding-bottom: 14vmax;
}

/* concept-contents
************************************************/
.concept-contents {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

.concept-contents mark {
  all: unset;
  display: revert;
}

.concept-contents :is(h2, h3, h4, h5, h6) {
  margin-bottom: clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px);
  font-size: clamp(20px, calc(20px + (26 - 20) * ((100vw - 375px) / (1920 - 375))), 26px);
  font-weight: bold;
  text-align: center;
  text-shadow: 0.25px 0.25px 0 currentColor;
}

.concept-contents :is(p, li, dt, dd):not(:last-child) {
  margin-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 375px) / (1920 - 375))), 40px);
}
.concept-contents :is(p) > mark {
  position: relative;
  background-image: linear-gradient(#838383, #4b4b4b), linear-gradient(transparent, transparent), linear-gradient(#222b40, #222b40);
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px* -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 1s ease, background-position 1s ease-out;
}

@media all and (max-width: 1023px) {
  .concept-contents {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media all and (min-width: 768px) {
  .concept-contents :is(p, li, dt, dd) {
    text-align: center;
  }
}

@media all and (min-width: 1024px) {
  .concept-contents :is(h2, h3, h4, h5, h6) {
    font-size: clamp(18px, calc(18px + (36 - 18) * ((100vw - 375px) / (1920 - 375))), 36px);
  }

  .concept-contents :is(p, li, dt, dd) {
    font-size: clamp(10px, calc(10px + (18 - 10) * ((100vw - 375px) / (1920 - 375))), 18px);
    line-height: 2.4;
  }
}



/**************************************************************
* Business
**************************************************************/

.business {
  position: relative;
  z-index: 10;
  padding-bottom: 7.8125vmax;
  background-color: var(--wp--preset--color--primary-background);
}

.bussiness-lead {
  position: relative;
}

@media all and (min-width: 1024px) {
  .business {
    padding-top: 5.2vmax;
  }
  
  .bussiness-lead {
    width: 45%;
    padding-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
  }
  
  .business .segment-heading {
    margin-bottom: clamp(50px, calc(50px + (90 - 50) * ((100vw - 375px) / (1920 - 375))), 90px);
    padding-right: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
  }
}

/* business-upward-visual
************************************************/
.business-upward-visual {
  position: relative;
  z-index: 10;
}

@media all and (max-width: 1023px) {
  .business-upward-visual {
    height: 50vmin;
  }

  .business-upward-visual > .wp-block-cover {
    height: 100%;
    min-height: inherit;
  }
}

@media all and (min-width: 1024px) {
  .business-upward-visual {
    position: absolute;
    top: calc(100/1920 * -100vw);
    right: 0;
    width: 50%;
  }

  .business-upward-visual .wp-block-cover {
    min-height: clamp(250px, calc(250px + (554 - 250) * ((100vw - 375px) / (1920 - 375))), 554px);
  }
}

/* services
************************************************/
.services {
  position: relative;
  z-index: 10;
  margin-top: clamp(25px, calc(25px + (50 - 25) * ((100vw - 375px) / (1920 - 375))), 50px);
}

.services > * > * {
  counter-reset: service-item-counter;
}
.services > * > * > * {
  counter-increment: service-item-counter;
}

@media all and (min-width: 1024px) {
  .services {
    margin-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
  }
}

/* service-item
************************************************/
.service-item {
  position: relative;
}

.service-item > h3 {
  position: relative;
  margin-bottom: clamp(20px, calc(20px + (45 - 20) * ((100vw - 375px) / (1920 - 375))), 45px);
  font-size: 18px;
}
.service-item > h3::before {
  content: "SERVICE #" counter(service-item-counter, decimal-leading-zero);
  display: block;
  margin-bottom: clamp(12px, calc(12px + (25 - 12) * ((100vw - 375px) / (1920 - 375))), 25px);
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  color: #aaaaaa;
}

.service-item > p {
  position: relative;
  letter-spacing: 0.05em;
}

.service-item > figure {
  margin-bottom: clamp(12px, calc(12px + (25 - 12) * ((100vw - 375px) / (1920 - 375))), 25px);
}



/**************************************************************
* INTERVIEW
**************************************************************/

.interview {
  position: relative;
  padding-bottom: 7.8125vmax;
  background-color: var(--wp--preset--color--primary-background);
}

.interview .segment-heading {
  margin-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 375px) / (1920 - 375))), 60px);
}

.interview .horizontal-ticker {
  margin-top: calc(75/500 * 100vw);
}

.interview__body {
  position: relative;
}

@media all and (max-width: 1023px) {
  .interview__body {
    padding-top: 80%;
  }
}

@media all and (min-width: 1024px) {
  .interview .horizontal-ticker {
    margin-top: calc(75/1920 * 100vw);
  }
}



/**************************************************************
* CULTURE
**************************************************************/

.culture {
  display: grid;
  padding-bottom: 7.8125vmax;
  background-color: var(--wp--preset--color--primary-background);
}

@media all and (max-width: 1023px) {
  .culture__body {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media all and (min-width: 1024px) {
  .culture {
    position: relative;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-bottom: inherit;
  }

  .culture__body {
    padding-top: calc(150/1920 * 100vw);
    padding-bottom: calc(95/1920 * 100vw);
    padding-left: calc(100/1920 * 100vw);
    padding-right: calc(100/1920 * 100vw);
  }
}

@media all and (min-width: 1400px) {
  .culture__body {
    padding-right: calc(277/1920 * 100vw);
  }
}

/* culture-viusal
************************************************/
.culture-viusal {
  width: 100%;
  height: 40vmin;
}

.culture-viusal .wp-block-cover {
  height: 100%;
}

@media all and (max-width: 1023px) {
  .culture-viusal {
    height: 50vmin;
  }

  .culture-viusal .wp-block-cover {
    min-height: inherit;
  }
}

@media all and (min-width: 1024px) {
  .culture-viusal {
    position: sticky;
    top: 0;
    height: 100vh;
  }
}

/* culture-contents
************************************************/
.culture-contents {
  position: relative;
}

/* culture-item
************************************************/
.culture-item {
  position: relative;
}

.culture-item:not(:last-child) {
  margin-bottom: clamp(40px, calc(40px + (95 - 40) * ((100vw - 375px) / (1920 - 375))), 95px);
}

.culture-item > dt {
  margin-bottom: clamp(20px, calc(20px + (45 - 20) * ((100vw - 375px) / (1920 - 375))), 45px);
  font-size: 18px;
}



/**************************************************************
* INFORMATION
**************************************************************/

.information {
  position: relative;
  padding-top: 7.8125vmax;
  padding-bottom: 7.8125vmax;
  background-color: var(--wp--preset--color--background-secondary);
}

@media all and (min-width: 1024px) {
  .information .segment-heading {
    width: 100%;
    text-align: center;
  }

  .information  .segment-heading > h2 {
    margin-left: auto;
    margin-right: auto;
  }
}


/* information-contents
************************************************/
.information-contents {
  position: relative;
  max-width: 840px;
  margin: auto;
}



/**************************************************************
* ABOUT
**************************************************************/

.about {
  position: relative;
  padding-bottom: 7.8125vmax;
  background-color: var(--wp--preset--color--primary-background);
}

.about__body {
  position: relative;
}

@media all and (max-width: 1023px) {
  .about__body {
    padding-top: 3.5vmax;
    padding-bottom: 70vmin;
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media all and (min-width: 1024px) {
  .about__body {
    position: relative;
    width: 50%;
    min-height: 770px;
    padding-top: 6.5vmax;
    padding-left: calc(100/1024 * 100vw);
  }
}

@media all and (min-width: 1600px) {
  .about__body {
    padding-left: calc(260/1920 * 100vw);
  }
}

/* about-fullbleed-media
************************************************/
.about-fullbleed-media {
  position: relative;
}

@media all and (max-width: 1023px) {
  .about-fullbleed-media {
    max-height: 48vmin;
    overflow: hidden;
  }
  .about-fullbleed-media .wp-block-cover .wp-block-cover__image-background {
    max-height: 50vmin;
  }
}

/* about-visuals
************************************************/
.about-visuals .wp-block-cover {
  padding: 1em;
}

@media all and (max-width: 1023px) {
  .about-visuals {
    width: 80%;
    margin: auto;
  }
}

@media all and (min-width: 1024px) {
  .about-visuals {
    width: 40%;
  }
}

@media all and (min-width: 1600px) {
  .about-visuals {
    width: 45%; /* ~914px */
  }
}


/* about-visual-*
************************************************/
.about-visual-1 {
  width: 100%;
}

.about-visual-2 {
  width: calc(284/914 * 100%);
}



/**************************************************************
* ENTRY
**************************************************************/

.entry {
  padding-top: 7.8125vmax;
  padding-bottom: 15.625vmax;
  background-repeat: no-repeat;
  background-position: center 100%;
  background-size: 100% auto;
  background-image: url(/themes-imagery/jobdraft-cplan/form_bg.jpg);
  background-color: #000000;
}

.entry .segment-heading {
  text-align: center;
  display: grid;
  justify-content: center;
}

.entry :is(p, label),
.entry .segment-heading :is(h2) {
  color: var(--wp--preset--color--inverted-foreground);
}

.entry .segment-heading :is(p) {
  color: var(--wp--preset--color--primary);
}

.entry .wp-block-columns {
  gap: 3rem;
}

@media all and (max-width: 1023px) {
  .entry {
    background-position: center 100% !important;
    background-size: 100% auto !important;
  }
}

@media all and (min-width: 1024px) {
  .entry .segment-heading {
    width: 100%;
    text-align: center;
  }

  .entry .segment-heading > h2 {
    margin-left: auto;
    margin-right: auto;
  }

  .entry .wp-block-columns {
    gap: 6.25rem;
  }

  .entry__body {
    padding-right: 2%;
    padding-left: 2%;
  }
}

/* entry-lead-block
************************************************/
.entry-lead-block {
  position: relative;
}

.entry-lead-block > p {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
}
.entry-lead-block > .wp-block-separator {
  border-top: 2px dashed;
  border-bottom: none;
}
.entry-lead-block > ul {
  margin-top: 2.5rem;
}

body:not(.editor-styles-wrapper) .entry-lead-block > ul li {
  list-style: disc;
  list-style-position: inside;
}

.entry-lead-block > p,
.entry-lead-block > ul li {
  font-size:  0.875rem;
}

/* entry-form-block
************************************************/
.entry-form-block {
  position: relative;
}



/**************************************************************
* States
**************************************************************/
.is-hidden {
  display: none;
}



/**************************************************************
* Utility
**************************************************************/

/* u-hide-**
**************************************/
.u-hide-sp,
.u-hide-pc {
  display: none !important;
}

@media screen and (max-width: 1023px) {
  .u-hide-pc {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-hide-sp {
    display: block !important;
  }
}



/**************************************************************
* 管理画面固定ページの見た目修正
**************************************************************/

/* 固定ページ　エディター画面のOVERRIDE */
body:is(.post-type-page) .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100% !important;
}

.editor-styles-wrapper {
  overflow-x: hidden;
  padding: 15px;
}

.editor-styles-wrapper .wp-block-site-logo .custom-logo-link {
  width: 100%; /* fix for logo block */
}

.editor-styles-wrapper .horizontal-ticker > span {
  font-size: 70px;
}

/* g-header
************************************************/
.editor-styles-wrapper .g-header {
  background-color: #808080;
}

/* g-footer
************************************************/
.editor-styles-wrapper .g-footer {
  margin-top: 5%;
  background-color: #808080;
}

/* hero
************************************************/
.editor-styles-wrapper .hero__body {
  background-color: #bfbfbf;
}

.editor-styles-wrapper .hero-heading__handwritten-catch {
  position: absolute;
}

/* interview
************************************************/
.editor-styles-wrapper .interview {
  display: flow-root;
}

.editor-styles-wrapper .interview-primary-visuals {
  width: 38.5%;
}

.editor-styles-wrapper .interview-visual-2 {
  width: 25%;
}

.editor-styles-wrapper .interview-visual-2 .wp-block-cover, 
.editor-styles-wrapper .interview-visual-2 .wp-block-cover-image {
  min-height: 15vmin;
}

.editor-styles-wrapper .interview-secondary-visuals {
  width: 17.4%;
  float: right;
}

.editor-styles-wrapper .interview-contents {
  max-width: 70%;
  margin-right: auto;
}

.editor-styles-wrapper .interview-catch {
  position: absolute;
  top: 0;
  right: 3.5rem;
  z-index: 99;
  writing-mode: vertical-rl;
}

.editor-styles-wrapper .interview-catch .wp-block-heading {
  color: var(--wp--preset--color--inverted-foreground);
  font-size: 1.75vw;
}

.editor-styles-wrapper .interview-catch .wp-block-heading > strong {
  display: inline-block;
  margin-left: 10px;
  padding: 10px 6px;
  font-weight: normal;
  background-color: var(--wp--preset--color--primary);
}

/* culture
************************************************/
@media all and (min-width: 1024px) {
  .editor-styles-wrapper .culture__body {
    padding-top: calc(150/1920 * 100vw);
    padding-bottom: calc(95/1920 * 100vw);
    padding-left: calc(50/1920 * 100vw);
    padding-right: calc(50/1920 * 100vw);
  }
}

/* about
************************************************/
.editor-styles-wrapper .about-visuals {
  margin-left: auto;
}
.editor-styles-wrapper .about-visuals .about-visual-2 {
  margin-left: auto;
}