:root {
  --font-base: "Montserrat", "Noto Sans JP", sans-serif;
  --base-font-size: 16px;
  --color-black:#000;
  --color-white:#FFF;
  --color-gray: #DDD;
  --color-sky: #00AEFF;
  --color-red:#BC2121;
  --color-blue: #216BBC;
  --color-orange: #FFD000;
}

html {
  position: relative;
  font-size: 62.5%;
}
@media screen and (max-width: 1799px) {
  html {
    font-size: 0.78125vw !important;
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 	14.06px !important; 
  }
}

/* @media screen and (max-width: 500px) {
  html {
    font-size: 2.6666666667vw !important;
  }
} */

body {
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-black);
  line-height: 1.5;
  letter-spacing: 0.1em;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
/* @media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
} */
* {
  min-inline-size: 0;
}
.main { transition: margin-top 0.3s ease;}
ul {padding: 0;}
ul li{list-style-type: none;}
div.inner{max-width: 1800px;margin: 0 auto;padding: 0 5%;}
img{width: 100%;}
p{text-align: justify;line-break: strict;word-break: break-word;}
a{color: var(--color-black);}

 
.box-fadein img { opacity: 0; -webkit-transition: opacity 3s;transition: opacity 3s;}
.box-fadein.lazyloaded img.lazyloaded {opacity: 1;}
 

.btn01{
color: #fff;
white-space: nowrap;
text-decoration: none;
font-size:1em;
font-weight: 800;
color: var(--color-white);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding:0.5em 1.5em;
background: linear-gradient(101.74deg, #FFD000 0%, #00AEFF 97%);
border: 0.15em solid #FFFFFF;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
animation: none;
transition: .3s;
border-radius: 2em;}
.btn01:hover {
  background:#FFD000;
}
.btn02{
color: #fff;
white-space: nowrap;
text-decoration: none;
font-size:1em;
font-weight: 800;
color: var(--color-white);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding:0.5em 1.5em;
background: linear-gradient(101.74deg, #FFD000 0%, #FF00B3 97%);
border: 0.15em solid #FFFFFF;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 2em;transition:.3s}
.btn02:hover {
  background:#FFD000;
}

.btn03{transition:.3s;color: #fff;position:relative;text-decoration: none;font-size:1em;font-weight: 800;color: var(--color-white);display: flex;flex-direction: row;/* justify-content: center; */align-items: center;padding: 1em 0 1em 2em;background: linear-gradient(90deg, #F6B802 0%, #FFE868 100%);border: 0.15em solid #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius: 2em;width: 90%;}
.btn03:visited{color: #fff;}
.btn03:before{transition:.3s;content:"";background: url(../img/arrow1.svg) no-repeat;width: 1em;height: 1em;background-size:100% ;right: 1.5em;top: 0;bottom: 0;margin: auto;z-index: 1;position: absolute;}
.btn03:after{transition:.3s;content:"";background: #FFFFFF;border: 1px solid #FBE520;position: absolute;width: 2em;height: 2em;right: 1em;top: 0;display: block;z-index: 0;border-radius: 1em;bottom: 0;margin: auto;}
.btn03:hover{background: linear-gradient(90deg, #F6B802 30%, #FFE868 100%)}
.btn03:hover:before{right:1em}
.btn03:hover:after{right:0.5em}

.swiper-pagination-bullet{width: 0.8em;height: 0.8em;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{left: -38%;}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0.5em;}
.swiper-pagination-bullet-active{background:var(--color-orange);border: 0.15em var(--color-white) solid;}
.bt-next{transition:.3s;background: var(--color-orange);border-radius: 50%;width: 2.5em;height: 2.5em;left: 35.5%;box-shadow: 0 0 0.1em #00000050;position: absolute;z-index: 1;}
.bt-next:hover{    left: 35.75%;cursor: pointer;}
.bt-next:after{transition: .3s;content: "";display: block;width: 0.75em;height: 0.75em;position: absolute;right: 1.25em;top: calc(50% - 0.1em);border-top: solid 0.1em #fff;border-right: solid 0.1em #fff;transform: rotate(45deg) translateY(-50%);color: inherit;}

header{position: fixed;top:0;background: var(--color-white);position: fixed;width: 100%;z-index: 2;}
header .inner{display: flex;align-items: center;position: relative;}
header .inner h1 a{display: flex;text-decoration: none;justify-content: center;align-items: center;}
header .inner h1 a img{width: 4.5em;;}
header .inner h1 a span{font-size:1rem;white-space: nowrap;padding-left: 0.5em;}
header .inner ul.entry{margin-left: auto;display: flex;gap: 5%;margin-right: 1.5em;}
.sides{position:absolute;right: 0;top: 05em;right: 1.5%;width: 1.8%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;  z-index: 2;}
.sides ul{display: flex;flex-direction: column;padding: 0;align-items: center;width: 100%;}
.sides ul li{margin-bottom: 1em;width: 100%;}
.sides ul li img{width: 100%;}
.sides p{writing-mode: vertical-rl;font-size:0.8em;}

main{position: relative;z-index: 1;}
.mainvisual{position: relative;z-index: 2;}
.mainvisual .inner{position: relative;}
.mainvisual h1{position: absolute;z-index: 2;display: flex;flex-direction: column;top: 16em;}
.mainvisual h1 span{background: var(--color-white);line-height: 0.9;font-size: 2em;display: inline-block;width: fit-content;margin-bottom: 0.25em;padding-top: 0.1em;}
.mainvisual span.en-catch{position: absolute;z-index: 2;display: block;width: 80%;bottom:-5em;right:0;transition: .5s ease-in-out;clip-path: inset(0 100% 0 0);}
.mainvisual span.en-catch.show{clip-path: inset(0) !important;}
.mainvisual .mvsp{border-radius:0 5em 5em 0;overflow: hidden;position: relative;width: 106.5%;margin-left: -6.5%;}
.mainvisual figure {aspect-ratio: 4/2;}
.mainvisual figure img{position: relative;top: -4em;}
@media screen and (min-width: 1800px) {
  .mainvisual figure{border-radius:5em 5em 5em 5em;}
}

.crosstalk{position: relative;z-index:1;padding: 3em 0;}
.crosstalk .inner{z-index: 1;position: relative;margin-top: 2.5em;display: flex;align-items: center;position: relative;}
.crosstalk .svg-wrapper {width: 100%;height: 43em;overflow: hidden;position: absolute;top: -10em;}
.crosstalk .svg-wrapper svg { width: 100%; height: 43em; display: block;}
.crosstalk .inner > div{width: 40%;}
.crosstalk .inner > div h3{background: var(--color-white);display: block;width: fit-content;padding: 0 1em;border-radius: 2em;font-weight: 900;margin-bottom: 0.5em;font-size: 1.8em;}
.crosstalk .inner > div h3 span{background: linear-gradient(90deg, #FFD000 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;}
.crosstalk .inner > div h2{margin-bottom: 1em;font-size: 2.4em;line-height: 1.2;}
.crosstalk .inner > div p{margin-bottom: 4em;}
.crosstalk .inner > .crsp{width: 60%;border-radius:5em 0 0 5em;overflow: hidden;position:relative;right: -4em;aspect-ratio: 1.5 / 1;}

@media screen and (min-width: 1800px) {
  .crosstalk .svg-wrapper {width: 100%; height: 967px;overflow: hidden;}
  .crosstalk .svg-wrapper svg { width: 100%; height: 967px; display: block;}
  .crosstalk .inner > figure{border-radius:5em 5em 5em 5em;}
}

.editorsday{position: relative;z-index:1;padding: 3em 0;}
.editorsday .inner{position: relative;display: flex;}
.editorsday .inner > div{width: 95%;}
.editorsday .inner > div > div{display: flex;margin-bottom: 2em;}
.editorsday .inner > div > div > h2{width: 35%;line-height: 0.7;font-size: 2.4em;}
.editorsday .inner > div > div > h2 span{font-size: 0.3em;}
.editorsday .inner > div > div > p{width: 65%;}
.editorsday .inner > div > ul{display: flex;flex-wrap: wrap;margin: 0;padding: 0;width: 100%;justify-content: space-between;}
.editorsday .inner > div > ul li{width: 49.5%;margin-bottom: 0.5em;border-radius:2em;overflow: hidden;position: relative;box-shadow: 0 0 0.5em #00000030;}
.editorsday .inner > div > ul li p{background: var(--color-white);padding: 0.25em 1em;position: absolute;z-index: 1;bottom: 1em;right: 2em;border-radius: 0.25em;margin: auto;width: 37%;text-align: center;}
.editorsday .inner > h3{width: 8%;font-weight: 900;order:1;writing-mode: vertical-rl;font-size: 1.8em;}
.editorsday .inner > h3 span{text-transform:uppercase;background: linear-gradient(45.87deg, #FFD000 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;transform: rotate(90deg);transform-origin: top left;}
.editorsday .inner ul span.catch{z-index: 2;position: absolute;left: 0;top: 20em;16: 80%;clip-path: inset(0 100% 0 0);transition: clip-path 0.5s ease-in-out;width: 50%;right: 0;margin: auto;}
.editorsday .inner > div > ul li a{transition: .3s;}
.editorsday .inner > div > ul li a::before{transition: .3s;opacity: 0;content:"";display: block;width: 100%;height: 100%;position: absolute;}
.editorsday .inner > div > ul li a:hover::before {width: 100%;height: 100%;position: absolute;background:linear-gradient(101.74deg, #FFD000 0%, #00AEFF 97%);;content:"";display: block;opacity: 0.5;z-index: 1;}

.roundtable{position: relative;z-index:1;padding: 3em 0;}
.roundtable .inner{position: relative;display: flex;}
.roundtable .inner > div{width: 95%;order:1;}
.roundtable .inner > div > div{display: flex;margin-bottom: 2em;}
.roundtable .inner > div > div > h2{width: 35%;line-height: 0.7;font-size: 2.4em;}
.roundtable .inner > div > div > h2 span{font-size: 0.3em;}
.roundtable .inner > div > div > p{width: 65%;}
.roundtable .inner > div > ul{display: flex;flex-wrap: wrap;margin: 0;padding: 0;width: 100%;justify-content: space-between;}
.roundtable .inner > div > ul li{width: 100%;margin-bottom: 1.5em;border-radius:2em;overflow: hidden;background: var(--color-orange);box-shadow: 0 0 0.5em #00000030;display: flex;align-items: center;}
.roundtable .inner > div > ul li figure{aspect-ratio: 2 /1;overflow: hidden;width:60%;}
.roundtable .inner > div > ul li div{width: 40%;padding: 1em;}
.roundtable .inner > div > ul li div >h4{ margin-bottom: 1em;}
.roundtable .inner > div > ul li div >h4 span{ background: var(--color-white);padding: 0.25em 0.5em; display: inline-block;border-radius: 0.25em;font-size: 0.8em; margin-right: 0.5em;}
.roundtable .inner > div > ul li div >h4 i{font-style: normal; text-transform: uppercase;font-size: 0.8em;letter-spacing: 0.1em;}
.roundtable .inner > div > ul li div >h3{ font-size: 1.5em;margin-bottom: 1em;}
.roundtable .inner > div > ul li div >a{margin: 0 auto;}
.roundtable .inner > h3{width: 8%;font-weight: 900;order:0;writing-mode: vertical-lr;font-size: 1.8em;}
.roundtable .inner > h3 span{text-transform:uppercase;background: linear-gradient(45.87deg, #FFD000 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;transform: rotate(90deg);transform-origin: top left;}

.interview{position: relative;z-index:1;padding: 3em 0;}
.interview .svg-wrapper {width: 100%;height: auto;overflow: hidden;position: absolute;top: 0;transform: rotate(180deg);}
.interview .svg-wrapper svg { width: 100%; height: auto; display: block;}
.interview .inner{z-index: 1;position: relative;margin-top: 5em;display: flex;align-items: center;position: relative;gap: 5%;}
.interview .inner >div.about{width: 32.5%;}
.interview .inner >div.about >h2{margin-bottom: 0.5em;font-size:2.4em;}
.interview .inner >div.about >h3{background: var(--color-white);display: block;width: fit-content;padding: 0 1em;border-radius: 2em;font-weight: 900;margin-bottom: 0.5em;font-size: 1.8em;}
.interview .inner >div.about >h3 span{background: linear-gradient(90deg, #FFD000 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;}
.interview .inner >div.about >p{margin-bottom: 2em;}
.interview .inner >div.insp{width: 67.5%; padding: 0 3em;;}
ul.intlist{width: 62.5%;display: flex;}
ul.intlist li{transition:.3s;display: flex;background: var(--color-white);box-shadow: 0 0 0.5em #00000030;border-radius: 1em;overflow: hidden;}
ul.intlist li a div{padding: 1em;}
ul.intlist li a div h3{font-size: 0.8em;margin-bottom: 0.5em;}
ul.intlist li a div h4{font-size: 0.8em;font-weight: 500;}
ul.intlist li a div h4 span{font-weight: 800;font-size: 1.2em;}
ul.intlist li a div a{margin: 0 auto;}
ul.intlist li a{position: relative;}
ul.intlist li a:after{transition:.3s;content:"";display: block;width: 1.5em;height: 1.5em;position: absolute;background:url(../img/arrow.svg) no-repeat;right: 0.5em;bottom: 0.5em;background-size:100%;}
ul.intlist li:hover{scale: 1.05;}
ul.intlist li:hover a:after{;right: 0.25em;}

@media screen and (min-width: 1800px) {
  .interview .svg-wrapper {width: 100%; height: 1164px;overflow: hidden;}
  .interview .svg-wrapper svg { width: 100%; height: 1164px; display: block;}
  .interview .inner > figure{border-radius:5em 5em 5em 5em;}
}

.recruit{position: relative;z-index:1;padding: 3em 0;background: var(--color-white);}
.recruit .inner{z-index: 1;}
.recruit .inner h2{margin: 0 auto;font-size:2.4em;text-align: center;margin-bottom: 0.5em;}
.recruit .inner p{text-align: center;margin-bottom: 3.5em;}
.recruit .inner ul{display: flex;justify-content: center;}
.recruit .inner ul li{width: 30%;}

footer{background: var(--color-orange);padding: 4em 0;font-size: 0.8em;}
footer a{text-decoration: none;color: var(--color-black);position: relative;display: block;}
footer a:visited{/* color:inherit; */}
footer .inner{display: flex;flex-wrap: wrap;}
footer .inner .lf{width: 30%;}
footer .inner .lf h1{display: flex;margin-bottom: 0.5em;}
footer .inner .lf h1 figure{width: 40%;margin-right: 0.25em;}
footer .inner .lf h1 span{background: linear-gradient(90.87deg, #FF00B3 2.17%, #00AEFF 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;font-size: 0.5em;}
footer .inner .lf h2{font-size: 0.8em;}
footer .inner .lf .join{display: flex;gap: 5%;}
footer .inner .lf .sns{display: flex;align-items: center;gap: 4%;}
footer .inner .lf .sns li{width: 1em;}
footer .inner .rf{width: 70%;display: flex;justify-content: right;}
footer .inner .rf div{margin-left: 3em;width: 25%;}
footer .inner .rf div dl{}
footer .inner .rf div dt{border-bottom:0.1em solid var(--color-black);margin-bottom: 1em;padding-bottom: 0.25em;}
footer .inner .rf div dd{margin-bottom: 0.5em;}
footer .inner .rf div dd:last-child{margin-bottom: 1.5em;}
footer .inner .rf div dd a:before{    transition: .3s; content: ""; display: block; width: 0.3em; height: 0.3em; position: absolute; right: 0.5em;top: calc(50% - 1px); border-top: solid 1px #666; border-right: #666 solid 1px;  transform: rotate(45deg) translateY(-50%);color: inherit;}
footer .inner .rf div dd a:hover:before{right: 0;}
footer .inner .foot{text-align: center;width: 100%;margin-top:3em;}
footer .inner .foot a{text-align: center;display: block;text-decoration: underline;}
footer .inner .foot a:hover{text-decoration: none;}
footer .inner .foot small{font-size:0.8em;}

.background{display:;position: fixed;}
.background div{position: relative;opacity: 0.3;}
.vv{position: fixed;}
.v01{opacity: 0;visibility: hidden;left:0;top:20%;width: 30%;transition: opacity 0.3s ease;}
.v02{opacity: 0;visibility: hidden;right:10%;top:0;width: 10%;transition: opacity 0.3s ease;}
.v03{opacity: 0;visibility: hidden;left:30%;top:0;width: 5%;transition: opacity 0.3s ease;}
.v04{opacity: 0;visibility: hidden;left:-10%;bottom:10%;width: 20%;transition: opacity 0.3s ease;}
.v05{opacity: 0;visibility: hidden;right:15%;bottom:20%;width: 15%;transition: opacity 0.3s ease;}
.v06{opacity: 0;visibility: hidden;left:50%;bottom:-5%;width: 10%;transition: opacity 0.3s ease;}
.v07{opacity: 0;visibility: hidden;right:-10%;top:20%;width: 25%;transition: opacity 0.3s ease;}
.v08{opacity: 0;visibility: hidden;left:50%;top:5%;width: 15%;transition: opacity 0.3s ease;}
.v09{opacity: 0;visibility: hidden;right:50%;bottom:50%;width: 15%;transition: opacity 0.3s ease;}


/*ham*/
#nav-toggle {top: 1.25em;right:  2em;height: 2em;cursor: pointer;}
#nav-toggle > div {position: relative;width: 3em;}
#nav-toggle span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle.is-in span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle span{background:var(--color-black);}
#nav-toggle span:nth-child(1) {top: 0.8em;}
#nav-toggle span:nth-child(2) {top: 1.2em;}

#gloval-nav {visibility:hidden;display:block;overflow: scroll;opacity:0;z-index: 11;background: var(--color-orange);position: fixed;top:0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: left;display: flex;justify-content:center;align-items: center;transition: opacity .3s ease, visibility .3s ease;padding:5.5% 7.5%;}
.open #gloval-nav {visibility:visible;display:block;overflow: scroll;opacity:1;z-index: 11;background: var(--color-orange);position: fixed;top:0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: left;display: flex;justify-content: center;align-items: center;transition: opacity .3s ease, visibility .3s ease;padding:5.5% 7.5%;}
.open #nav-toggle{z-index:11;}
.open #nav-toggle span:nth-child(1) {will-change: transform;top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {will-change: transform;top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#gloval-nav{display: flex;flex-wrap: wrap;}
#gloval-nav > div{display: flex;justify-content: center;align-items: top;width: 100%;}
#gloval-nav > div .lf{width: 30%;}
#gloval-nav > div .lf h1{display: flex;margin-bottom: 0.5em;}
#gloval-nav > div .lf h1 figure{width: 40%;margin-right: 0.25em;}
#gloval-nav > div .lf h1 span{background: linear-gradient(90.87deg, #FF00B3 2.17%, #00AEFF 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;font-size: 0.5em;}
#gloval-nav > div .lf h2{font-size: 0.8em;}
#gloval-nav > div .lf .join{display: flex;gap: 5%;}
#gloval-nav > div .lf .sns{display: flex;align-items: center;gap: 4%;}
#gloval-nav > div .lf .sns li{width: 1em;}
#gloval-nav > div .rf{width: 70%;display: flex;justify-content: right;flex-direction: column;}
#gloval-nav > div .rf div{margin-left: 3em;width: 50%;}
#gloval-nav > div .rf div dl{}
#gloval-nav > div .rf div dt{border-bottom:0.1em solid var(--color-black);padding-bottom: 0.25em;font-weight: 800;margin-bottom: 1em}
#gloval-nav > div .rf div dd{;position: relative;}
#gloval-nav > div .rf div dd:last-child{margin-bottom: 1.5em;}
#gloval-nav > div .rf div dd a{display: block;padding: 0.5em;text-decoration: none;}
#gloval-nav > div .rf div dd a:before{    transition: .3s; content: ""; display: block; width: 0.3em; height: 0.3em; position: absolute; right: 0.75em;top: calc(50% - 1px); border-top: solid 1px #666; border-right: #666 solid 1px;  transform: rotate(45deg) translateY(-50%);color: inherit;}
#gloval-nav > div .rf div dd a:hover{background-color: #00000010;text-decoration: none;}
#gloval-nav > div .rf div dd a:hover:before{right: 0.3em;}

/*UNDERPAGES*/
section.visual{}
section.visual{position: relative;z-index: 1;}
section.visual .inner{position: relative;z-index: 1;top: 1.75em;}
section.visual h1{position: absolute;z-index: 1;display: flex;flex-direction: column;top: 3.75em;}
section.visual h1 span.main{color:var(--color-white);line-height: 0.9;font-size: 1.8em;display: inline-block;width: fit-content;margin-bottom: 0.25em;padding-top: 0.1em;}
section.visual h1 span.main:before{position: absolute;/* color: var(--color-white); */filter: blur(0.01em)blur(0.03em)blur(0.05em)blur(0.1em);background: linear-gradient(90deg, #00aeff 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;z-index: -1;}
section.visual h1 span.sub{background: var(--color-white);line-height: 0.9;font-size: -1em;display: inline-block;width: fit-content;margin-bottom: 0.25em;padding-top: 0.1em;}
section.visual h3{position: absolute;z-index: 1;display: block;width: fit-content;font-weight: 900;margin-bottom: 0.5em;font-size: 5.8em;opacity: 0.5;}
section.visual h3 span{text-transform:uppercase;background: linear-gradient(90deg, #FFD000 2.17%, #FF00C4 99.71%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;}
section.visual figure{border-radius:0 2.5em 2.5em 0;overflow: hidden;position: relative;    width: 106.5%;margin-left: -6.5%;aspect-ratio: 3.2 / 1;}
section.visual .svg-wrapper {top: 0; position: absolute;width: 100%;  z-index: 0; height: 0;}
section.visual .svg-wrapper svg {height: 28em;width: 100%;}
@media screen and (min-width: 1800px) {
  section.visual .svg-wrapper {width: 100%; height: 630px;overflow: hidden;}
  section.visual .svg-wrapper svg { width: 100%; height: 630px; display: block;}
  section.visual .inner > figure{border-radius:2.5em;}
}
@media screen and (min-width: 1800px) {
  section.visual figure{border-radius:2.5em;}
}

.single{}
.page{}
.content_area{margin-top: 8em;}
.content_area h3.read{font-size: 1.2em;text-align: center;margin-bottom: 2em;}
.content_area h3{line-height: 1.8;}
.content_area p{line-height: 1.8;}
.content_area .inner{padding: 0 10%;}

/*編集者の一日*/
.content_area.editor{}
.content_area.editor .read{margin-bottom: 3em;}
.content_area.editor .links{margin-bottom: 6em;}
.content_area.editor .links ul{display: flex;flex-wrap: wrap;margin: 0;padding: 0;width: 100%;justify-content: space-between;}
.content_area.editor .links ul li{width: 24.5%;margin-bottom: 0.5em;border-radius:0.5em;overflow: hidden;position: relative;}
.content_area.editor .links ul li p{background: var(--color-white);padding: 0.15em 1em;position: absolute;bottom: 0.5em;left: 0;right: 0;margin: auto;width: fit-content;font-size: 0.8em;border-radius: 0.5em;display: block;line-height: 1.5;}
.content_area.editor .prof{display: flex;margin-bottom: 8em;}
.content_area.editor .prof > div.photo{width: 25%;}
.content_area.editor .prof > div.photo figure{border-radius: 50%;aspect-ratio: 1/1;overflow:hidden;position: relative;margin-bottom: 1em; }
.content_area.editor .prof > div.photo figure img{position: absolute;top: 0;left: 0; width: auto;height: 100%; object-fit: cover;}
.content_area.editor .prof > div.photo p{text-align: center;}
.content_area.editor .prof > div.photo p span{font-size: 1.4em;font-weight: 700;}
.content_area.editor .prof > div.txt{width: 75%;padding-left: 5%;}
.content_area.editor .prof > div.txt h4{color:var(--color-white);background: var(--color-orange);padding: 0.25em 1em;margin-bottom: 0.5em;width: fit-content;}
.content_area.editor .prof > div.txt p:not(:last-child){margin-bottom:1em;}
div.photo figure img.ln{ object-position: 80% 0;}
div.photo figure img.gd{ object-position: 25% 0;}
div.photo figure img.bltl{ object-position: 50% 0;}
div.photo figure img.ce{ object-position: 50% 0;}

.content_area.editor .post{display: flex;gap: 2.5%;margin-bottom: 8em;}
.content_area.editor .post .timeline{width: 60%;position: relative;}
.content_area.editor .post .timeline:before{height: calc(100% - 3em);;width: 0.1em;content: "";display: block;position: absolute;background:linear-gradient(180deg, #00AEFF 0%, #FF00B3 100%);left: 1.4em;top: 1em;}
.content_area.editor .post .timeline div{margin-bottom: 1em;margin-left: 5em;position: relative;}
.content_area.editor .post .timeline div:before{width: 1em;height:1em;content:"";border-radius: 50%;background: linear-gradient(180deg, #00AEFF 0%, #FF00B3 100%);border: 0.1em solid var(--color-white);display: block;position: absolute;margin-left: -4em;top: 0.5em;}
.content_area.editor .post .timeline div figure{border-radius: 0.5em;aspect-ratio: 2/1;overflow: hidden;margin: 1em 0;}
.content_area.editor .post .timeline div h3 b{margin-right: 0.25em;}
.content_area.editor .post .qa{width: 40%;height: max-content;position: sticky;}
.content_area.editor .post .qa div{background: #FFF9DA;border-radius: 0.5em;margin-bottom:1em;padding: 1.5em;}
.content_area.editor .post .qa h3{font-size:0.8em;margin-left: 2em;margin-bottom: 0.5em;}
.content_area.editor .post .qa h3 b.qaq{margin-left: -2em; margin-right: 0.5em;}
.content_area.editor .post .qa p{font-size:0.8em;margin-left: 2em;}
.content_area.editor .post .qa p b.qaa{margin-left: -2em; margin-right: 0.5em;}

b.qaq{font-family:Outfit;background: var(--color-orange);text-transform:uppercase;color: var(--color-white);border-radius: 0.25em;width: 1.5em; display: inline-flex;height: 1.5em;justify-content: center;align-items: center;}
b.qaa{font-family:Outfit;background: var(--color-sky);text-transform:uppercase;color: var(--color-white);border-radius: 0.25em;width: 1.5em; display: inline-flex;height: 1.5em;justify-content: center;align-items: center;}

/*編集者の一日 archive*/
.archive .content_area.editor{}
.archive .content_area.editor .inner{display: block;}
.archive .content_area.editor .archive{}

.archive .content_area.editor ul{width: 100%;display: flex;gap: 1%;flex-wrap:wrap;justify-content: space-between;}
.archive .content_area.editor ul li{display: flex;background: var(--color-white);box-shadow: 0 0 0.5em #00000030;border-radius: 1em;overflow: hidden;width: 100%;margin-bottom: 1.5em;}
.archive .content_area.editor ul li a{display: flex;text-decoration: none;}
.archive .content_area.editor ul li a > figure{width: 50%;}
.archive .content_area.editor ul li a > figure img{object-fit: cover; height: 100%;}
.archive .content_area.editor ul li a > div{width: 50%;padding: 2em;}
.archive .content_area.editor ul li a > div h3{font-size: 1.4em;margin-bottom: 0.25em;}
.archive .content_area.editor ul li a > div h4{margin-bottom: 0.5em;color: var(--color-orange);}
.archive .content_area.editor ul li a > div p{font-size: 0.8em;}

/*クロストーク*/
.content_area.cross .inner{display: block;}
.content_area.cross .read{margin-bottom: 3em;}
.content_area.cross .prof{}
.content_area.cross .prof >div{display: flex;align-items: center;padding: 2em;background: #fff7d5;margin-bottom: 1em;border-radius: 1em;}
.content_area.cross .prof >div .photo{width:20%;}
.content_area.cross .prof >div .photo figure{border-radius: 50%;overflow: hidden;}
.content_area.cross .prof >div .txt{width:80%;padding-left: 2em;}
.content_area.cross .about{display: flex;align-items: top;gap:2.5%;font-size:0.8em;background: #ffeef2;padding: 2em;border-radius: 1em;}
.content_area.cross .about > figure{width: 30%;}
.content_area.cross .about > div{width: 70%;}
.content_area.cross .about > div > h2{font-size: 1.6em;margin-bottom: 0.5em;}
.content_area.cross .about > div > h3{font-size: 1em;margin-bottom: 1em;}
.content_area.cross .about > div > p{margin-bottom: 2em;}
.content_area.cross .about > div >div h4{ background: var(--wp--preset--color--pale-pink); padding: 0.25em 1.5em; margin-bottom: 1em; color: #fff; width: fit-content;}
.content_area.cross .about > div >div p{font-size: 0.8em;}

.content_area.cross .post{margin-bottom: 4em;}
.content_area.cross .post p{display: flex;}
.content_area.cross .post figure{border-radius:1em;margin: 1em 0;overflow: hidden;}
.content_area.cross .post p.xx{font-weight:700;margin: 4em 0 2em 0 ;margin: 4em auto 2em;width: 80%;}
.content_area.cross .post p.xx-2{font-weight:700;margin: 2em 0 2em 0 ;margin: 4em auto 2em;width: 80%;}
.content_area.cross .post p{margin-bottom: 2em;width: 90%;}
.content_area.cross .post p span{width: 90%;}
.content_area.cross .post p:before{display: block;font-size: 0.7em;padding-top: 9em;text-align: center;width: 10%;height: 12em;}
.content_area.cross .post p:after{display: block;font-size: 0.7em;padding-top: 9em;text-align: center;width: 10%;height: 12em;}

.content_area.cross .post p.sa{}
.content_area.cross .post p.sa:before{content:"雨川先生";background: url(../img/ct-icon1.png) no-repeat;background-size: 100% auto;}
.content_area.cross .post p.sa span{}
.content_area.cross .post p.ss{margin-bottom: 2em;margin-left: auto;width: 90%;}
.content_area.cross .post p.ss:after{content:"担当編集S";background: url(../img/ct-icon2.png) no-repeat;background-size: 100% auto;}

.content_area.cross .post p:not(.xx,.xx-2) span {position: relative;display: flex;align-items: center;margin: 0 0 1.5em 1.5em;padding: 1em;max-width: 100%;color: #555;background: #FFF;border-radius:0.5em;background: #fff;filter: drop-shadow(0 0 0.3em #00000030);}
.content_area.cross .post p:not(.xx,.xx-2) span:before {content: "";position: absolute;top: 2.5em;left: -1.35em;margin-top: -0.7em;border: 0.7em solid transparent;border-right: 0.7em solid #FFF;z-index: 2;}
.content_area.cross .post p:not(.xx,.xx-2) span:after {content: "";position: absolute;top: 2.5em;left: -1.6em;margin-top: -0.8em;border: 0.8em solid transparent;z-index: 1;filter: drop-shadow(0 0 0.3em #00000030);}

.content_area.cross .post p.ss span{margin: 0 1.5em 1.5em 0;}
.content_area.cross .post p.ss span:before{content: "";position: absolute;top: 2.5em;right: -1.35em;left:auto;margin-top: -0.7em;border: 0.7em solid transparent;border-left: 0.7em solid #FFF;z-index: 2;}
.content_area.cross .post p.ss span:after{content: "";position: absolute;top: 2.5em;right: -1.6em;left:auto;margin-top: -0.8em;border: 0.8em solid transparent;z-index: 1;filter: drop-shadow(0 0 0.3em #00000030);}


/*tabletalk*/
.content_area.tabletalk .inner{display: block;}
.content_area.tabletalk .read{margin-bottom: 3em;}
.content_area.tabletalk .prof{display: flex;flex-wrap: wrap;gap: 2%;justify-content: space-between;}
.content_area.tabletalk .prof >div{display: block;align-items: center;padding: 1em;background:var(--color-white);margin-bottom: 1em;border-radius: 1em;box-shadow: 0 0 0.5em #00000030;width: 23%;}
.content_area.tabletalk .prof >div .photo{width: 75%;margin: 0 auto 1em;}
.content_area.tabletalk .prof >div .photo figure{border-radius: 50%;overflow: hidden;}
.content_area.tabletalk .prof >div .txt{width: 100%;/* padding-left: 2em; */}
.content_area.tabletalk .prof >div .txt p:first-child{margin-bottom: 1em;text-align: center;}
.content_area.tabletalk .prof >div .txt p:last-child{font-size:0.8em;}
.content_area.tabletalk .prof >div .txt p span{font-size:0.8em;}

.content_area.tabletalk .post{margin-bottom: 4em;}
.content_area.tabletalk .post p{display: flex;}
.content_area.tabletalk .post figure{border-radius:1em;margin: 1em 0;overflow: hidden;}
.content_area.tabletalk .post p.xx{font-weight:700;margin: 4em 0 2em 0 ;margin: 4em auto 2em;width: 80%;}

.content_area.tabletalk .post p{margin-bottom: 2em;width: 90%;}
.content_area.tabletalk .post p span{width: 90%;}
.content_area.tabletalk .post p:before{display: block;background-size: 100% auto;font-size: 0.7em;padding-top: 9em;text-align: center;width: 10%;height: 12em;}
.content_area.tabletalk .post p:after{display: block;background-size: 100% auto;font-size: 0.7em;padding-top: 9em;text-align: center;width: 10%;height: 12em;}

.content_area.tabletalk .post p.t1g{}
.content_area.tabletalk .post p.t1g:before{content:"ゴン";background: url(../img/tt1-icon1.svg) no-repeat;;}
.content_area.tabletalk .post p.t1g span{padding-left: 1em;}
.content_area.tabletalk .post p.t1k{margin-left: auto;}
.content_area.tabletalk .post p.t1k:after{content:"カガリ";background: url(../img/tt1-icon2.svg) no-repeat;}
.content_area.tabletalk .post p.t1k span{padding-right: 1em;}
.content_area.tabletalk .post p.t1n{}
.content_area.tabletalk .post p.t1n:before{content:"ナナ";background: url(../img/tt1-icon3.svg) no-repeat;}
.content_area.tabletalk .post p.t1n span{padding-left: 1em;}
.content_area.tabletalk .post p.t1h{margin-left: auto;}
.content_area.tabletalk .post p.t1h:after{content:"ヒイロ";background: url(../img/tt1-icon4.svg) no-repeat;}
.content_area.tabletalk .post p.t1h span{;padding-right: 1em;}
.content_area.tabletalk .post p.t1x{}
.content_area.tabletalk .post p.t1x:before{content:"一同";background: url(../img/tt1-icon5.svg) no-repeat;}
.content_area.tabletalk .post p.t1x span{padding-right: 1em;}
.content_area.tabletalk .post p.t2w{}
.content_area.tabletalk .post p.t2w:before{content:"W.J";background: url(../img/tt2-icon1.svg) no-repeat;;}
.content_area.tabletalk .post p.t2w span{padding-left: 1em;}
.content_area.tabletalk .post p.t2a{margin-left: auto;}
.content_area.tabletalk .post p.t2a:after{content:"A.K";background: url(../img/tt2-icon2.svg) no-repeat;}
.content_area.tabletalk .post p.t2a span{padding-right: 1em;}
.content_area.tabletalk .post p.t2y{}
.content_area.tabletalk .post p.t2y:before{content:"Y.O";background: url(../img/tt2-icon4.svg) no-repeat;}
.content_area.tabletalk .post p.t2y span{padding-left: 1em;}
.content_area.tabletalk .post p.t2g{margin-left: auto;}
.content_area.tabletalk .post p.t2g:after{content:"G.B";background: url(../img/tt2-icon3.svg) no-repeat;}
.content_area.tabletalk .post p.t2g span{;padding-right: 1em;}

.content_area.tabletalk .post p:not(.xx) span {position: relative;display: flex;align-items: center;margin: 0 0 1.5em 1.5em;padding: 1em;max-width: 100%;color: #555;background: #FFF;border-radius:0.5em;background: #fff;filter: drop-shadow(0 0 0.3em #00000030);}
.content_area.tabletalk .post p:not(.xx) span:before {content: "";position: absolute;top: 2.5em;left: -1.35em;margin-top: -0.7em;border: 0.7em solid transparent;border-right: 0.7em solid #FFF;z-index: 2;}
.content_area.tabletalk .post p:not(.xx) span:after {content: "";position: absolute;top: 2.5em;left: -1.6em;margin-top: -0.8em;border: 0.8em solid transparent;z-index: 1;filter: drop-shadow(0 0 0.3em #00000030);}

.content_area.tabletalk .post p.t1k span,
.content_area.tabletalk .post p.t1h span,
.content_area.tabletalk .post p.t2a span,
.content_area.tabletalk .post p.t2g span{margin: 0 1.5em 1.5em 0;}
.content_area.tabletalk .post p.t1k span:before,
.content_area.tabletalk .post p.t1h span:before,
.content_area.tabletalk .post p.t2a span:before,
.content_area.tabletalk .post p.t2g span:before{content: "";position: absolute;top: 2.5em;right: -1.35em;left:auto;margin-top: -0.7em;border: 0.7em solid transparent;border-left: 0.7em solid #FFF;z-index: 2;}
.content_area.tabletalk .post p.t1k span:after,
.content_area.tabletalk .post p.t1h span:after,
.content_area.tabletalk .post p.t2a span:after,
.content_area.tabletalk .post p.t2g span:after{content: "";position: absolute;top: 2.5em;right: -1.6em;left:auto;margin-top: -0.8em;border: 0.8em solid transparent;z-index: 1;filter: drop-shadow(0 0 0.3em #00000030);}


.content_area.tabletalk .links{position: relative;z-index:1;padding: 3em 0;}
.content_area.tabletalk .links {position: relative;display: flex;}
.content_area.tabletalk .links ul{display: flex;flex-wrap: wrap;margin: 0;padding: 0;width: 100%;justify-content: space-between;}
.content_area.tabletalk .links ul li{width: 100%;margin-bottom: 1.5em;border-radius:2em;overflow: hidden;background: var(--color-orange);box-shadow: 0 0 0.5em #00000030;display: flex;align-items: center;}
.content_area.tabletalk .links ul li figure{aspect-ratio: 2 /1;overflow: hidden;width:60%;}
.content_area.tabletalk .links ul li div{width: 40%;padding: 1em;}
.content_area.tabletalk .links ul li div >h4{ margin-bottom: 1em;}
.content_area.tabletalk .links ul li div >h4 span{ background: var(--color-white);padding: 0.25em 0.5em; display: inline-block;border-radius: 0.25em;font-size: 0.8em; margin-right: 0.5em;}
.content_area.tabletalk .links ul li div >h4 i{font-style: normal; text-transform: uppercase;font-size: 0.8em;letter-spacing: 0.1em;}
.content_area.tabletalk .links ul li div >h3{ font-size: 1.5em;margin-bottom: 1em;}
.content_area.tabletalk .links ul li div >a{margin: 0 auto;}



/*interview archive*/
.archive .content_area.interviews{}
.archive .content_area.interviews .inner{display: block;}
.archive .content_area.interviews .archive{}

.archive .content_area.interviews ul.intlist{width: 100%;display: flex;gap: 1%;flex-wrap:wrap;justify-content: space-between;}
.archive .content_area.interviews ul.intlist li{display: flex;background: var(--color-white);box-shadow: 0 0 0.5em #00000030;border-radius: 1em;overflow: hidden;width: 19%;margin-bottom: 0.75em;}

/*interview single*/
.single .content_area.interviews .prof{display: flex;align-items: center;padding: 2em;background: #fff7d5;margin-bottom: 4em;border-radius: 1em;}
.single .content_area.interviews .prof .photo{width: 15%;border-radius: 50%;overflow: hidden;aspect-ratio: 1/1;}
.single .content_area.interviews .prof .photo figure{border-radius: 50%;overflow: hidden;}
.single .content_area.interviews .prof .txt{width: 85%;padding-left: 2em;}

.single .content_area.interviews .post{margin-bottom: 10em;}
.single .content_area.interviews .post >div{display: flex;}
.single .content_area.interviews .post >div > figure{width: 35%;border-radius: 0.5em;overflow: hidden;height: max-content;position: sticky;}
.single .content_area.interviews .post >div > div{width: 65%;padding-right: 5%;}
.single .content_area.interviews .post >div > div.all{width: 100%;padding: 0;}
.single .content_area.interviews .post p.xx{margin-bottom: 1em;font-weight: 700;color: var(--color-orange);text-decoration: underline;}
.single .content_area.interviews .post p.pp{margin-bottom: 1em;}
.single .content_area.interviews .intl{position: relative;}
.single .content_area.interviews .intl .bt-next{right: -1em;left: auto;top: 15em;}
.single .content_area.interviews .intl h2{margin-bottom: 1em;}

/*Page*/
.page .content_area{margin-bottom: 5em;}

/*FAQ*/
.qa {/*margin-bottom: 3em;*/margin-top: 1em;}
.qa__box h2{margin: 2em 0;}
.qa__box {width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.qa__box > dl{ border-bottom: 0.05em solid #000; padding-top: 1.5em;}
.qa__box > dl > dt {display: flex;align-items: center;padding:0 3em 0 1em;position: relative;transition: 0.3s;}
.qa__box > dl > dt:hover{cursor: pointer;background: var(--red);}
.qa__box > dl > dt .crossBar {width: 1em;height: 1em;position: absolute;top: 50%;right: 1em;transform: translateY(-50%);}
.qa__box > dl > dt .crossBar::before {content: "";display: inline-block;width: 1.6px;height: 100%;background-color:var(--color-black);position: absolute;top: 0;left: 50%;transform-origin: center center; transform: translateX(-50%) rotate(0deg);transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.qa__box > dl > dt .crossBar::after {content: "";display: inline-block;width: 100%;height: 1.6px;background-color: var(--color-black);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.qa__box > dl > dt > span {    top: -0.1em;position: relative;font-size: 3em;line-height: 1.75;font-weight: 700;font-style: normal;margin-right: 0.5em;font-family: "Red Hat Display", sans-serif;background: linear-gradient(101.74deg, #FFD000 0%, #FF00B3 97%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 900;}

.qa__box > dl > dd {opacity:0;margin: 0;display: flex;align-items: flex-start;margin-bottom: 1em;padding:0 0 0 3em;max-height: 0;overflow: hidden;transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.qa__box > dl > dd > span {font-size: 2em;line-height: 1.7;font-weight: 700;font-style: normal;margin-right: 0.5em;color:var(--red)}
.qa__box > dl > dd a{text-decoration: underline;color:#fff}
.qa__box > dl > dd a:hover{text-decoration: none;}
.qa__box > dl > dd.is-open {max-height: fit-content;padding:1em 0em 1em 3em;opacity:1;}
.qa__box > dl > dt.is-open .crossBar::before {transform: translateX(-50%) rotate(90deg);}

/*事業紹介*/
.slug-business .content_area .post h2{font-size: 1.6em;text-align: center;margin: 2em 0;font-weight: 800;}
.slug-business .content_area .post h3{font-size: 1.2em;}
.slug-business .content_area .post p{margin-bottom: 1em;}
.slug-business .content_area .post div{display: flex;margin: 2em 0;align-items: center;}
.slug-business .content_area .post div h3{width: 25%;}
.slug-business .content_area .post div p{width: 75%;padding-left: 5%;border-left:0.1em solid var(--color-black)}

/*職種紹介*/
.slug-job .content_area .post{}
.slug-job .content_area .post ul{display: flex;flex-wrap: wrap;gap: 2%;}
.slug-job .content_area .post ul li{list-style-type: none;width: 49%;background: var(--color-white);border-radius: 1em;box-shadow: 0 0 0.5em #00000030;padding: 2em;margin-bottom: 1.5em;position: relative;}
.slug-job .content_area .post ul li h2{margin-bottom: 1em;}
.slug-job .content_area .post ul li span{position: relative;font-family: "Red Hat Display", sans-serif;font-size: 6em;font-weight: 900;font-style: italic;position: absolute;right: 0.2em;top: -0.5em;background: linear-gradient(101.74deg, #FFD000 0%, #FF00B3 97%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
/* .slug-job .content_area .post ul li span:after{position: absolute;content:"";display: block;border-right: 0.025em solid var(--color-black);transform: rotate(135deg);width: 0.5em;height: 0.5em;top: 0.8em;right: 0.15em;} */

/*募集要項*/
.slug-newgraduate .content_area .post{}
.slug-newgraduate .content_area .post .flow{display: flex;width: 90%;justify-content: space-between;margin: 0 auto;}
.slug-newgraduate .content_area .post .flow div{background:var(--color-white);writing-mode: vertical-rl;border: 0.1em solid;padding: 1em;position: relative;font-weight: 700;border-radius: 0.5em;}
.slug-newgraduate .content_area .post .flow div:after{content:"";display: block;position: absolute;height: calc(1em / 2 * tan(60deg));width: 0.8em;clip-path: polygon(0 0, 100% 50%, 0 100%);background: #000;top:0;bottom:0;margin:auto;right: -2em;}
.slug-newgraduate .content_area .post .flow div:last-child:after{display: none;}
.slug-newgraduate .content_area .post table{border-collapse: collapse;width: 100%;}
.slug-newgraduate .content_area .post table th{padding: 1em;vertical-align: top;text-align: left;width: 10em;border:0.05em solid var(--color-black);background: var(--color-white);}
.slug-newgraduate .content_area .post table td{padding: 1em;border:0.05em solid var(--color-black);background: var(--color-white);}
.slug-newgraduate .content_area .post h2{margin: 2em 0;}

.sp{display: none;}
.pc{display: block;}

@media (max-width: 767px) {
  body{line-height:1.6;color:var(--black);font-size:4rem;}
  div.inner{max-width: auto;}
  .sp{display:block;}
  .pc{display:none;}
  header .inner{padding: 1em;}
  header .inner ul.entry{display: none;}
  #nav-toggle{margin-left: auto;}
  .sides{display: none;}

  header .inner h1 a span{    font-size: 0.4em;font-weight: 800;}
  
  .open #gloval-nav{padding: 5.5% 10%;}
  #gloval-nav > div{flex-direction: column;}
  #gloval-nav > div a{text-decoration: none;display: block;}
  #gloval-nav > div .lf{width: 100%;}
  #gloval-nav > div .rf{width: 100%;}
  #gloval-nav > div .rf div{margin-left: 0;width: 100%;}
  
  
  .mainvisual{}
  .mainvisual .inner {padding: 0;}
  .mainvisual .mvsp{ width: 100%; margin-left: 0;border-radius: 0 2.5em 2.5em 0;margin-left: -1.25em;}
  .mainvisual h1{top: 10em;left: 1em;writing-mode: vertical-lr;}
  .mainvisual h1 span{font-size:1.2em;margin-left: 0.3em;line-height: 1.2;position: relative;right: 0;height: fit-content;padding-right: 0.2em;}
  .mainvisual figure{aspect-ratio:1 / 1;}
  .mainvisual figure img{ top: 0;position: absolute;width: 180%; max-width: none; left: -40%;}
  .mainvisual span.en-catch{        width: 80%; right: 0;  margin: auto; bottom: 2em;}
    .mainvisual  .swiper-horizontal>.swiper-pagination-bullets,  .mainvisual  .swiper-pagination-bullets.swiper-pagination-horizontal{left:35%}

  section.visual .svg-wrapper svg{height: 13em;}
  section.visual h1{top:1.5em;        font-size: 1.4em;}
  section.visual h3{font-size: 2.4em;}
  section.visual h1 span.sub{    font-size: 0.7em;}
  section.visual figure{    aspect-ratio: 3 / 1;}

  .crosstalk .inner{flex-direction: column;}
  .crosstalk .svg-wrapper {height: 36em;top: -28em;}
.crosstalk .svg-wrapper svg{height: 36em;}
  .crosstalk .inner > div{width: 100%;}
  .crosstalk .inner > div h2{font-size: 1.8em;}
  .crosstalk .inner > div h3{padding: 0 0.5em;}
  .crosstalk .inner > .crsp{position: absolute;width: 40%;aspect-ratio: 1 / 1;right: 1em;border-radius: 50%;top: -4em;}
  .crosstalk .inner > .crsp figure{aspect-ratio:1 / 1;}
  .crosstalk .inner > .crsp figure img{top: 0;position: absolute;width: 180%;max-width: none;left: 0;}
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left: 0;;}
  .crosstalk .inner > div h2 span{font-size: 0.5em;}
  .crosstalk .inner > div p{margin-bottom: 2em;}
  .crosstalk .inner > div a.btn03{margin: 0 auto;}

  .editorsday .inner > div{width: 90%;}
  .editorsday .inner > h3{width: 10%;top:3em;height: max-content;position: sticky;font-size: 1.8em;line-height: 1.4;}
  .editorsday .inner > div > div{flex-direction: column;}
  .editorsday .inner > div > div > h2{width: 100%;margin-bottom: 0.5em;line-height:1.2 ;font-size: 1.8em;}
  .editorsday .inner > div > div > h2 span{font-size: 0.6em;}
  .editorsday .inner > div > div > p{width: 100%;}
  .editorsday .inner > div > ul li{width: 100%;}
  .editorsday .inner ul span.catch{display: none;}
  .editorsday .inner > div > ul li p{font-size: 0.7em;}
  
  .roundtable .inner > div{width: 90%;}
  .roundtable .inner > h3{width: 10%;top:3em;height: max-content;position: sticky;line-height: 0.4;font-size: 1.8em;}
  .roundtable .inner > div > div{flex-direction: column;}
  .roundtable .inner > div > div > h2{width: 100%;margin-bottom: 0.5em;line-height:1.2 ;font-size: 1.8em;}
    .roundtable .inner > div > div > h2 span{font-size: 0.6em;}
  .roundtable .inner > div > div > p{width: 100%;}
  .roundtable .inner > div > ul li{width: 100%;}
  .roundtable .inner > div > ul li{flex-direction: column;}
  .roundtable .inner > div > ul li figure{width: 100%;}
  .roundtable .inner > div > ul li div{width: 100%;}
  .roundtable .inner > div > ul li div >a{width: 100%;}

  .interview .inner{flex-direction: column;}
  .interview .inner >div.about >h2{font-size: 1.8em;}
  .interview .inner >div.about >h3{padding: 0;background: none;}
  .interview .svg-wrapper{top:auto;bottom:0;}
  .interview .inner >div.about{width: 100%;}
  .interview .inner >div.insp{width: 100%;}
   ul.intlist li a div h3{font-size:0.7em}
  .bt-next{top: 25em; right: 0.5em; left: auto;}
  .bt-next:hover{left: auto;}

  .recruit .inner ul{flex-wrap: wrap;}
  .recruit .inner ul li{width:100%;margin-bottom: 0.8em;}
  .recruit .inner ul li a{margin: 0 auto;}

  footer{font-size: 0.7em;}
  footer .inner .lf{width: 100%;}
  footer .inner .rf{width: 100%;justify-content: space-between;}
  footer .inner .rf div{margin: 0;width: 32%;}


  .content_area .inner{padding: 0 5%}
  .slug-business .content_area .post h2{text-align: left;}
  .slug-business .content_area .post div{flex-direction: column;}
  .slug-business .content_area .post div h3{width: 100%;border-bottom:0.1em solid var(--color-black);margin-bottom: 0.5em;padding-bottom: 0.5em;}
  .slug-business .content_area .post div p{width: 100%;padding-left:0;border: none;}
  .slug-job .content_area .post ul{flex-direction: column;}
  .slug-job .content_area .post ul li{width: 100%;}

  .content_area.editor .read{text-align: left;}

  .archive .content_area.editor ul li a{flex-direction: column;}
  .archive .content_area.editor ul li a > figure{width: 100%;}
  .archive .content_area.editor ul li a > div{width: 100%;}

  .content_area.editor .prof{flex-direction: column;}
  .content_area.editor .prof > div.photo{ width: 50%; margin: 0 auto;}
  .content_area.editor .prof > div.txt{ width: 100%;padding: 0;}
  .content_area.editor .post{ flex-direction: column;}
  .content_area.editor .post .timeline{width: 100%;}
  .content_area.editor .post .qa{width: 100%;}

  .content_area.editor .links ul{}
  .content_area.editor .links ul li{width: 49%;}
  .content_area h3.read{text-align: left;font-size: 1em;}
  .archive .content_area.interviews ul.intlist li{width: 48%;}

  .single .content_area.interviews .prof{position: relative;}
  .single .content_area.interviews .prof .photo{position: absolute;  top: 1.25em;width:6em;height: 6em;}
  .single .content_area.interviews .prof .txt{    width: 100%;padding-left: 0;}
  .single .content_area.interviews .prof .txt h3{    margin-left: 6em;margin-bottom: 1.5em;}
  .single .content_area.interviews .prof .txt h3 span{display: block;}
  .single .content_area.interviews .post >div > figure{display: none;}
  .single .content_area.interviews .post >div > div{width: 100%;padding-right:0;}
  .single .content_area.interviews .intl .sw04{padding: 0 2em;}

  .content_area.cross .post p.xx{width: 100%;}
  .content_area.cross .post p.ss{width: 100%;}
  .content_area.cross .post p span{width: 100%;}
  .content_area.cross .post p:before,
  .content_area.cross .post p:after{width: 25%;}

  .content_area.cross .prof{position: relative;}
  .content_area.cross .prof >div{position: relative;}
  .content_area.cross .prof >div .photo{        position: absolute;  top: 1.25em;width: 20%;}
  .content_area.cross .prof >div .txt{    width: 100%;padding-left: 0;}
  .content_area.cross .prof >div .txt h3{    margin-left: 6em;margin-bottom: 2em;margin-top: 1em;}
  .content_area.cross .prof >div .txt h3 span{display: block;}
  .content_area.cross .prof >div > figure{display: none;}
  .content_area.cross .prof >div > div{width: 100%;padding-right:0;}

  .content_area.tabletalk .prof >div{width: 100%; display: flex;justify-content: space-between;align-items: top;}
  .content_area.tabletalk .prof >div .photo{width: 20%;}
  .content_area.tabletalk .prof >div .txt{width: 75%;}
  .content_area.tabletalk .prof >div .txt p:first-child{text-align: left;}

  .content_area.tabletalk .post p.xx{width: 100%;}
  .content_area.tabletalk .post p.t1g,
  .content_area.tabletalk .post p.t1k,
  .content_area.tabletalk .post p.t1n,
  .content_area.tabletalk .post p.t2a,
  .content_area.tabletalk .post p.t2y,
  .content_area.tabletalk .post p.t2g,
  .content_area.tabletalk .post p.t2w
  {width: 100%;}
  .content_area.tabletalk .post p span{width: 100%;}
  .content_area.tabletalk .post p:before,
  .content_area.tabletalk .post p:after{width: 25%;}

  .content_area.tabletalk .links ul li{flex-direction: column;}
  .content_area.tabletalk .links ul li figure{width: 100%;}
  .content_area.tabletalk .links ul li div{width: 100%;}
  
  .slug-newgraduate .content_area .post .flow{width: 100%;flex-direction: column;}
  .slug-newgraduate .content_area .post .flow div{ writing-mode: initial;text-align: center;margin-bottom: 1em;}
  .slug-newgraduate .content_area .post .flow div:after{right:0;left:0;top:auto;bottom:-0.5em;    clip-path: polygon(0 0, 100% 0, 50% 100%);    height: calc(1em / 4 * tan(60deg));width: 1.5em;}

  .qa__box > dl > dt > span{width:1em;}
  .qa__box > dl > dt > h4{width: fit-content;}
  .slug-newgraduate .content_area .post table td{border:0.1em solid var(--color-black)}
  .slug-newgraduate .content_area .post table th{border:0.1em solid var(--color-black)}
}