@charset "UTF-8"; /*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */ html {
 -webkit-box-sizing: border-box;
 -webkit-text-size-adjust: 100%;
 box-sizing: border-box;
 overflow-y: scroll
}
*, ::after, ::before {
 -webkit-box-sizing: inherit;
 background-repeat: no-repeat;
 box-sizing: inherit
}
::after, ::before {
 text-decoration: inherit;
 vertical-align: inherit
}
* {
 margin: 0;
 padding: 0
}
audio:not([controls]) {
 display: none;
 height: 0
}
hr {
 overflow: visible
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
 display: block
}
summary {
 display: list-item
}
small {
 font-size: 80%
}
[hidden], template {
 display: none
}
abbr[title] {
 border-bottom: 1px dotted;
 text-decoration: none
}
a {
 -webkit-text-decoration-skip: objects;
 background-color: transparent
}
code, kbd, pre, samp {
 font-family: monospace, monospace
}
b, strong {
 font-weight: bolder
}
dfn {
 font-style: italic
}
mark {
 background-color: #ff0;
 color: #000
}
sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline
}
sub {
 bottom: -.25em
}
sup {
 top: -.5em
}
input {
 border-radius: 0
}
[role=button], [type=button], [type=reset], [type=submit], button {
 cursor: pointer
}
[disabled] {
 cursor: default
}
[type=number] {
 width: auto
}
[type=search] {
 -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
 -webkit-appearance: none
}
textarea {
 overflow: auto;
 resize: vertical
}
optgroup {
 font-weight: 700
}
button {
 overflow: visible
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 border-style: 0;
 padding: 0
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
 outline: 1px dotted ButtonText
}
[type=reset], [type=submit], button, html [type=button] {
 -webkit-appearance: button
}
button, select {
 text-transform: none
}
button, input, select, textarea {
 background-color: transparent;
 border-style: none;
 color: inherit
}
select::-ms-expand {
 display: none
}
select::-ms-value {
 color: currentColor
}
legend {
 border: 0;
 color: inherit;
 display: table;
 max-width: 100%;
 white-space: normal
}
::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit
}
[type=search] {
 -webkit-appearance: textfield;
 outline-offset: -2px
}
img {
 border-style: none
}
progress {
 vertical-align: baseline
}
svg:not(:root) {
 overflow: hidden
}
audio, canvas, progress, video {
 display: inline-block
}
[aria-busy=true] {
 cursor: progress
}
[aria-controls] {
 cursor: pointer
}
[aria-disabled] {
 cursor: default
}
::-moz-selection {
 background-color: #b3d4fc;
 color: #000;
 text-shadow: none
}
::selection {
 background-color: #b3d4fc;
 color: #000;
 text-shadow: none
}
* {
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
html {
 -webkit-text-size-adjust: 100%;
 font-size: 62.5%
}
body {
 -webkit-font-smoothing: antialiased;
 word-wrap: break-word;
 font-family: a-otf-ryumin-pr6n, serif;
 opacity: 1;
 width: 100%
}
main {
 overflow: hidden;
 padding-top: 50px
}
section {
 position: relative
}
.page .obj {
 position: absolute
}
ul {
 list-style: none
}
figure, picture {
 width: 100%
}
figure img, picture img {
 width: 100%
}
img {
 height: auto;
 max-width: 100%;
 vertical-align: bottom
}
.l-inner {
 margin: auto;
 position: relative;
 width: 87.5vw
}
.l-inner--top {
 margin: auto;
 position: relative;
 width: 87.5vw
}
.l-inner--lg {
 margin: auto;
 position: relative;
 width: 87.5vw
}
.l-inner2 {
 margin: auto;
 position: relative;
 width: 93.75vw
}
.l-inner2.-sp-mid {
 width: 87.5vw
}
.l-inner2.-sp-full {
 padding: 0;
 width: 100%
}
.l-main-wrap {
 padding-top: 2.5vw
}
.l-archive-wrap {
 padding-top: 7.8125vw
}
.l-short-wrap {
 padding-top: 7.8125vw
}
.l-flex {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}
.l-flex-between {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between
}
.l-footer {
 background-color: #000;
 color: #fff;
 padding: 12.5vw 6.25vw 6.25vw 6.25vw
}
.l-footer__copy {
 display: block;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 9.375vw;
 text-align: center
}
.l-footer__logo {
 display: block;
 width: 160px
}
.l-footer__link {
 color: #fff;
 display: block;
 font-size: 10px;
 font-size: 3.125vw;
 letter-spacing: 0;
 line-height: 1em;
 text-align: center;
 text-decoration: none;
 white-space: nowrap
}
.l-footer__company {
 color: #fff;
 display: block;
 font-size: 12px;
 font-size: 3.75vw;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 6.25vw;
 text-align: center;
 text-decoration: none;
 white-space: nowrap
}
.l-header {
 background-color: #fff;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 8000
}
.l-header__inner {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 50px;
 justify-content: space-between;
 margin: auto;
 width: 93.75vw
}
.l-header__logo {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 line-height: 1;
 text-decoration: none;
 width: 50vw
}
.l-header__logoImage {
 width: 50px
}
.l-header__logoWrap {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding-left: 2.1875vw
}
.l-header__logoTitle {
 color: #000;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 15px;
 font-size: 1.5rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 1em
}
.l-header__logoText {
 display: none
}
.l-header__hamburger {
 margin-right: 1.5625vw;
 position: relative;
 z-index: 20
}
.l-header-nav {
 -webkit-transform: translateX(100%);
 background-color: rgba(153, 133, 116, .95);
 height: 100vh;
 padding: 21.875vw 6.25vw;
 position: absolute;
 right: 0;
 top: 0;
 transform: translateX(100%);
 width: 87.5vw;
 z-index: 10
}
.l-header-nav.is-show {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
.l-header-sns {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 margin-bottom: 50px
}
.l-header-sns__item {
 margin-right: 25px;
 width: 25px
}
.gNav__item {
 margin-bottom: 9.375vw
}
.gNav__item a {
 color: #fff;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 1em;
 text-decoration: none;
 white-space: nowrap
}
.l-header__dinos {
 width: 26.875vw
}
.l-header__dinos img {
 vertical-align: middle
}
.c-form {
 -ms-flex-negative: 0;
 flex-shrink: 0;
 margin-bottom: 25px;
 width: 100%
}
.c-form .form-group {
 position: relative
}
.c-form .c-form__search {
 -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
 background-clip: padding-box;
 background-color: #fff;
 color: #999;
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
 font-weight: 700;
 height: 35px;
 letter-spacing: 0;
 line-height: 1.5;
 line-height: 1em;
 padding: 0 1rem;
 transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
 width: 100%
}
.c-form .c-form__submit {
 -webkit-transform: translateY(-50%);
 background: transparent url(../img/common/icon_search.svg) no-repeat center center;
 content: '';
 height: 16px;
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translateY(-50%);
 width: 16px
}
.top-nav .top-nav-inner {
 border-bottom: solid 1px #c6b5b0;
 border-top: solid 1px #c6b5b0
}
.top-nav-list {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 18.75vw;
 justify-content: space-between
}
.top-nav-list a:hover img {
 opacity: .6
}
.top-nav-list .top-nav__item {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
 width: calc(100% / 3)
}
.top-nav-list .top-nav__item.-staff img {
 width: 24.0625vw
}
.top-nav-list .top-nav__item.-story {
 border-left: 1px dashed #e2e2e2;
 border-right: 1px dashed #e2e2e2
}
.top-nav-list .top-nav__item.-story img {
 width: 25.625vw
}
.top-nav-list .top-nav__item.-interview img {
 -webkit-transform: translateY(-.9375vw);
 transform: translateY(-.9375vw);
 width: 19.0625vw
}
.anime-fadeInUp, .anime-fadeInUpLoaded {
 -webkit-transition: opacity .8s ease-out, -webkit-transform .8s ease-out;
 -webkit-transform: translateY(50px);
 opacity: 0;
 transform: translateY(50px);
 transition: opacity .8s ease-out, -webkit-transform .8s ease-out;
 transition: transform .8s ease-out, opacity .8s ease-out;
 transition: transform .8s ease-out, opacity .8s ease-out, -webkit-transform .8s ease-out
}
.anime-fadeInUp2 {
 -webkit-transition: opacity 2s ease-out, -webkit-transform 3s cubic-bezier(.33, 1, .68, 1);
 -webkit-transform: translateY(50px);
 opacity: 0;
 transform: translateY(50px);
 transition: opacity 2s ease-out, -webkit-transform 3s cubic-bezier(.33, 1, .68, 1);
 transition: transform 3s cubic-bezier(.33, 1, .68, 1), opacity 2s ease-out;
 transition: transform 3s cubic-bezier(.33, 1, .68, 1), opacity 2s ease-out, -webkit-transform 3s cubic-bezier(.33, 1, .68, 1)
}
.scroll-in .anime-fadeInUp, .scroll-in.anime-fadeInUp, .scroll-in.anime-fadeInUp2 {
 -webkit-transform: translateY(0);
 opacity: 1;
 transform: translateY(0)
}
.loaded .anime-fadeInUpLoaded {
 -webkit-transform: translateY(0);
 opacity: 1;
 transform: translateY(0)
}
.scroll-in .anime-fadeInUp.disable, .scroll-in.anime-fadeInUp.disable {
 opacity: .4
}
.anime-fadeIn {
 -webkit-transition: all 2.2s ease-out;
 opacity: 0;
 transition: all 2.2s ease-out
}
.scroll-in.anime-fadeIn {
 opacity: 1
}
.anime-fadeInDown {
 -webkit-transition: all 1.4s ease-out;
 -webkit-transform: translate3d(0, -20px, 0);
 opacity: 0;
 transform: translate3d(0, -20px, 0);
 transition: all 1.4s ease-out
}
.anime-zoomin {
 -webkit-transition: all .8s ease-out;
 -webkit-transform: scale3d(2, 2, 2) translate(-10px, -10px);
 opacity: 0;
 transform: scale3d(2, 2, 2) translate(-10px, -10px);
 transition: all .8s ease-out
}
.scroll-in.anime-zoomin {
 -webkit-transform: scale3d(1, 1, 1) translate(0, 0);
 opacity: 1;
 transform: scale3d(1, 1, 1) translate(0, 0)
}
.scroll-in.anime-fadeInDown {
 -webkit-transform: translate3d(0, 0, 0);
 opacity: 1;
 transform: translate3d(0, 0, 0)
}
.anime-fadeInLeft {
 -webkit-transition: all .8s ease-out;
 -webkit-transform: translateX(-30px);
 opacity: 0;
 transform: translateX(-30px);
 transition: all .8s ease-out
}
.scroll-in.anime-fadeInLeft {
 -webkit-transform: translateX(0);
 opacity: 1;
 transform: translateX(0)
}
.anime-fadeInLeft-works {
 -webkit-transition: all 1.5s ease-out;
 -webkit-transform: translateX(-30px) skewY(15.5deg);
 opacity: 0;
 transform: translateX(-30px) skewY(15.5deg);
 transition: all 1.5s ease-out
}
.scroll-in.anime-fadeInLeft-works {
 -webkit-transform: translateX(0) skewY(15.5deg);
 opacity: 1;
 transform: translateX(0) skewY(15.5deg)
}
.anime-imgUp {
 overflow: hidden;
 padding-top: 75%;
 position: relative;
 width: 100%
}
.anime-imgUp:before {
 -webkit-transform: skewX(45deg) translateX(0);
 background-color: #f9f9f9;
 content: "";
 display: block;
 height: 200%;
 left: 0;
 position: absolute;
 top: 0;
 transform: skewX(45deg) translateX(0);
 width: 200%;
 z-index: 100
}
.anime-imgUp img {
 -webkit-transform: translate(-50%, -50%);
 left: 50%;
 opacity: 0;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%)
}
.scroll-in .anime-imgUp:before, .scroll-in.anime-imgUp:before {
 -webkit-transform: skewX(45deg) translateX(1000px);
 -webkit-animation: imgAnime 2s linear;
 animation: imgAnime 2s linear;
 transform: skewX(45deg) translateX(1000px)
}
.scroll-in .anime-imgUp img, .scroll-in.anime-imgUp img {
 opacity: 1
}
@-webkit-keyframes imgAnime {
 0% {
  -webkit-transform: skewX(45deg) translateX(0);
  transform: skewX(45deg) translateX(0)
 }
 40% {
  -webkit-transform: skewX(45deg) translateX(30px);
  transform: skewX(45deg) translateX(30px)
 }
 100% {
  -webkit-transform: skewX(45deg) translateX(1000px);
  transform: skewX(45deg) translateX(1000px)
 }
}
@keyframes imgAnime {
 0% {
  -webkit-transform: skewX(45deg) translateX(0);
  transform: skewX(45deg) translateX(0)
 }
 40% {
  -webkit-transform: skewX(45deg) translateX(30px);
  transform: skewX(45deg) translateX(30px)
 }
 100% {
  -webkit-transform: skewX(45deg) translateX(1000px);
  transform: skewX(45deg) translateX(1000px)
 }
}
.anime-imgUp2 {
 padding-top: 100%
}
.anime-imgUp2:before {
 background-color: rgba(255, 255, 255, .4)
}
.anime-imgUp2 img {
 -webkit-transition: all 4s ease-out;
 opacity: 0;
 transition: all 4s ease-out
}
.anime-imgUp3 {
 padding-top: 66%
}
.anime-imgUp3:before {
 background-color: rgba(255, 255, 255, .4)
}
.anime-imgUp3 img {
 -webkit-transition: all 4s ease-out;
 opacity: 0;
 transition: all 4s ease-out
}
.anime-imgUp4 {
 padding-top: 100%
}
.anime-imgUp4:before {
 background-color: rgba(255, 255, 255, .4)
}
.anime-imgUp4 img {
 -webkit-transition: all 4s ease-out;
 opacity: 0;
 transition: all 4s ease-out
}
.anime-type1 {
 -webkit-transition: all 4s;
 display: inline-block;
 opacity: 0;
 opacity: 0;
 transition: all 4s
}
.anime-type2 {
 -webkit-transition: all 4s;
 display: inline-block;
 opacity: 0;
 transition: all 4s
}
.anime-type3 {
 -webkit-transition: all 4s;
 display: inline-block;
 opacity: 0;
 transition: all 4s
}
.anime-type4 {
 -webkit-transition: all 4s;
 display: inline-block;
 opacity: 0;
 transition: all 4s
}
.scroll-in .anime-type1, .scroll-in .anime-type2, .scroll-in .anime-type3, .scroll-in .anime-type4 {
 opacity: 1
}
.anime-badge {
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 width: 0
}
.scroll-in.anime-badge {
 width: 140px
}
.anime-bounceIn {
 opacity: 0
}
.scroll-in.anime-bounceIn {
 -webkit-animation-duration: 1s;
 -webkit-animation-name: bounceIn;
 animation-duration: 1s;
 animation-name: bounceIn;
 opacity: 1
}
@-webkit-keyframes bounceIn {
 0% {
  -webkit-transform: scale3d(.3, .3, .3);
  opacity: 0;
  transform: scale3d(.3, .3, .3)
 }
 20% {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3)
 }
 40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9)
 }
 60% {
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  opacity: 1;
  transform: scale3d(1.03, 1.03, 1.03)
 }
 80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97)
 }
 100% {
  -webkit-transform: scale3d(1, 1, 1);
  opacity: 1;
  transform: scale3d(1, 1, 1)
 }
}
@keyframes bounceIn {
 0% {
  -webkit-transform: scale3d(.3, .3, .3);
  opacity: 0;
  transform: scale3d(.3, .3, .3)
 }
 20% {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3)
 }
 40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9)
 }
 60% {
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  opacity: 1;
  transform: scale3d(1.03, 1.03, 1.03)
 }
 80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97)
 }
 100% {
  -webkit-transform: scale3d(1, 1, 1);
  opacity: 1;
  transform: scale3d(1, 1, 1)
 }
}
.animate__bounceIn {
 -webkit-animation-duration: calc(1.5s * .75);
 -webkit-animation-name: bounceIn;
 animation-duration: calc(1.5s * .75);
 animation-name: bounceIn
}
.c-hamburger, .c-hamburger span {
 -webkit-transition: all .4s;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 transition: all .4s
}
.c-hamburger {
 height: 16px;
 position: relative;
 width: 20px
}
.c-hamburger span {
 background-color: #000;
 border-radius: 0;
 height: 1px;
 left: 0;
 position: absolute;
 width: 100%
}
.c-hamburger span:nth-of-type(1) {
 top: 0
}
.c-hamburger span:nth-of-type(2) {
 -webkit-transform: translateY(-50%);
 top: 50%;
 transform: translateY(-50%)
}
.c-hamburger span:nth-of-type(3) {
 bottom: 0
}
.c-hamburger span:nth-of-type(2)::after {
 -webkit-transition: all .4s;
 background-color: #000;
 content: '';
 height: 1px;
 left: 0;
 position: absolute;
 top: 0;
 transition: all .4s;
 width: 100%
}
.c-hamburger.is-active span:nth-of-type(1), .l-header__hamburger.is-active span:nth-of-type(1) {
 -webkit-transform: scale(0);
 transform: scale(0)
}
.c-hamburger.is-active span:nth-of-type(2), .l-header__hamburger.is-active span:nth-of-type(2) {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg)
}
.c-hamburger.is-active span:nth-of-type(2)::after, .l-header__hamburger.is-active span:nth-of-type(2)::after {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg)
}
.c-hamburger.is-active span:nth-of-type(3), .l-header__hamburger.is-active span:nth-of-type(3) {
 -webkit-transform: scale(0);
 transform: scale(0)
}
.home.is-top .c-hamburger span, .home.is-top .c-hamburger span:nth-of-type(2)::after {
 background-color: #000
}
.is-nav-open .c-hamburger span, .is-nav-open .c-hamburger span:nth-of-type(2)::after {
 background-color: #fff !important
}
.c-article__heading {
 font-size: 20px;
 font-size: 6.25vw;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 12.5vw;
 margin-left: 8.75vw
}
.about-content {
 margin-bottom: 28.125vw
}
.about-content p {
 font-size: 12px;
 font-size: 3.75vw;
 letter-spacing: 0;
 line-height: 7.5vw;
 margin-bottom: 2em
}
.about-content a {
 color: #000;
 display: block;
 margin-left: 1em;
 text-decoration: none
}
.about-content a:hover {
 text-decoration: underline
}
.about-content a:hover > span {
 text-decoration: none
}
.about__heading {
 border-bottom: dotted 1px #000;
 font-size: 16px;
 font-size: 5vw;
 font-weight: 400;
 letter-spacing: .25vw;
 line-height: 1em;
 margin-bottom: 18px;
 padding-bottom: 7px
}
.about__image {
 margin-bottom: 9.375vw
}
.archive-hero {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 background: #fff url(../img/monogataribito/main_bg_sp.jpg) no-repeat center center/cover;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 62.5vw;
 justify-content: center
}
.archive-hero__heading {
 width: 87.5vw
}
.interview .archive-hero {
 background: #fff url(../img/interview_bg_sp.jpg) no-repeat center center/cover
}
.staff .archive-hero {
 background: #fff url(../img/staff_bg_sp.jpg) no-repeat center center/cover
}
.story .archive-hero {
 background: #fff url(../img/story_bg_sp.jpg) no-repeat center center/cover
}
.deepstory .archive-hero {
 background: #fff url(../img/deepstory/main_bg_sp.jpg) no-repeat center center/cover
}
.dakarastory .archive-hero {
 background: #fff url(../img/dakarastory/main_bg_sp.jpg) no-repeat center center/cover
}
.archive {
 margin-bottom: 25vw
}
.archive a {
 color: #fff;
 text-decoration: none
}
.archive__item {
 font-size: 12px;
 font-size: 3.75vw;
 letter-spacing: 0;
 line-height: 6.25vw;
 margin-bottom: 4.6875vw
}
.archive__item--cs {
 color: rgba(234, 234, 234, .3)
}
.archive__name {
 font-size: 10px;
 font-size: 3.125vw;
 letter-spacing: 0;
 line-height: 1em
}
.archive__position {
 -webkit-transform: scaleX(.9);
 display: block;
 font-size: 10px;
 font-size: 3.125vw;
 letter-spacing: 0;
 line-height: 5vw;
 transform: scaleX(.9)
}
.article-deepstory {
 padding-bottom: 21.875vw
}
.article-deepstory.theme1 {
 background-color: #f1ece6
}
.article-deepstory.theme2 {
 background-color: #fff6eb
}
.article-deepstory.theme3 {
 background-color: #fafff3
}
.article-deepstory__overview {
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: 0;
 line-height: 26px
}
.article-deepstory-hero {
 margin-bottom: 10.9375vw
}
.article-deepstory__main {
 margin-bottom: 9.375vw;
 padding-top: 56.25%;
 position: relative;
 width: 100%
}
.article-deepstory__main img {
 -webkit-transform: translate(-50%, -50%);
 -o-object-fit: cover;
 height: 100%;
 left: 50%;
 object-fit: cover;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 z-index: 10
}
.article-deepstory__mainWrap {
 position: relative
}
.article-deepstory__title {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt';
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: 400;
 letter-spacing: 1.2px;
 line-height: 38px;
 margin-bottom: 7.1875vw
}
.article-deepstory__title.is-show {
 opacity: 1
}
.article-deepstory__sub {
 display: block;
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 4.375vw
}
.article-deepstory__name {
 display: block;
 font-size: 20px;
 font-size: 2rem;
 letter-spacing: 6px;
 line-height: 1em;
 margin-bottom: 2.1875vw
}
.article-deepstory__name span {
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 4.2px;
 line-height: 1em
}
.article-deepstory__position {
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 6.25vw
}
.article-deepstory__movie {
 margin-bottom: 12.5vw;
 padding-top: 56.25%;
 position: relative;
 width: 100%
}
.article-deepstory__movie video {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%
}
.article-deepstory__section {
 margin-bottom: 15.625vw
}
.article-deepstory__section p {
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: 0;
 line-height: 27px;
 margin-bottom: 1.5em
}
.article-deepstory__section .article-deepstory__image-wrap {
 display: block;
 margin: auto;
 width: 81.25vw
}
.article-deepstory__section:nth-child(2n) .article-deepstory__content {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2
}
.article-deepstory__section:last-child {
 margin-bottom: 0
}
.article-deepstory__content {
 margin-bottom: 18.75vw
}
.article-deepstory__content p:last-child {
 margin-bottom: 0
}
.article-deepstory__heading {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt';
 font-size: 20px;
 font-size: 2rem;
 font-weight: 400;
 letter-spacing: 1px;
 line-height: 30px;
 margin-bottom: 4.6875vw
}
.article-deepstory__image-wrap {
 position: relative
}
.article-deepstory__image-wrap .article-deepstory__image {
 overflow: hidden;
 padding-top: 75%;
 position: relative;
 width: 100%
}
.article-deepstory__image-wrap .image {
 -webkit-transform: translate(-50%, -50%);
 -o-object-fit: cover;
 height: 100%;
 left: 50%;
 object-fit: cover;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 z-index: 10
}
.article-deepstory__image-wrap .obj {
 position: absolute;
 z-index: 0
}
.obj_pc {
 display: none
}
.article-deepstory.theme1 .obj1 {
 right: -9.375vw;
 top: -8.125vw;
 width: 27.1875vw
}
.article-deepstory.theme1 .obj2 {
 bottom: 0;
 left: -12.5vw;
 width: 20.3125vw
}
.article-deepstory.theme1 .obj3 {
 bottom: -14.0625vw;
 left: 9.375vw;
 width: 23.75vw
}
.article-deepstory.theme1 .obj_pc {
 display: none
}
.article-deepstory.theme1 .obj4 {
 left: -12.5vw;
 top: -15.625vw;
 width: 24.375vw
}
.article-deepstory.theme1 .obj5 {
 bottom: -1.5625vw;
 right: -13.4375vw;
 width: 21.875vw
}
.article-deepstory.theme1 .obj6 {
 bottom: -15.625vw;
 right: 6.25vw;
 width: 23.125vw
}
.article-deepstory.theme1 .obj7 {
 right: -12.5vw;
 top: -10.9375vw;
 width: 27.1875vw
}
.article-deepstory.theme1 .obj8, .article-deepstory.theme1 .obj9 {
 display: none
}
.article-deepstory.theme2 .obj1 {
 left: -7.8125vw;
 top: -6.25vw;
 width: 17.5vw
}
.article-deepstory.theme2 .obj2 {
 bottom: -3.75vw;
 right: -11.25vw;
 width: 18.75vw
}
.article-deepstory.theme2 .obj3 {
 bottom: -14.0625vw;
 right: 15.625vw;
 width: 17.1875vw
}
.article-deepstory.theme2 .obj4 {
 right: -9.375vw;
 top: -25vw;
 width: 18.75vw
}
.article-deepstory.theme2 .obj5 {
 bottom: -6.25vw;
 left: -7.8125vw;
 width: 23.4375vw
}
.article-deepstory.theme2 .obj6 {
 bottom: -14.0625vw;
 left: 17.1875vw;
 width: 17.5vw
}
.article-deepstory.theme2 .obj7 {
 left: -12.5vw;
 top: -9.375vw;
 width: 25vw
}
.article-deepstory.theme2 .obj8 {
 bottom: -6.25vw;
 right: -9.375vw;
 width: 23.4375vw
}
.article-deepstory.theme2 .obj9 {
 bottom: -23.4375vw;
 right: 14.0625vw;
 width: 16.5625vw
}
.article-deepstory.theme3 .obj1 {
 right: -14.0625vw;
 top: -7.8125vw;
 width: 23.75vw
}
.article-deepstory.theme3 .obj2 {
 bottom: -3.125vw;
 left: -12.5vw;
 width: 22.5vw
}
.article-deepstory.theme3 .obj3 {
 bottom: -15.625vw;
 right: -6.25vw;
 width: 20.3125vw
}
.article-deepstory.theme3 .obj4 {
 left: -13.125vw;
 top: -12.5vw;
 width: 27.1875vw
}
.article-deepstory.theme3 .obj5 {
 bottom: -9.375vw;
 right: -9.375vw;
 width: 25vw
}
.article-deepstory.theme3 .obj6 {
 bottom: -12.5vw;
 left: -14.0625vw;
 width: 22.8125vw
}
.article-deepstory.theme3 .obj7 {
 left: -9.375vw;
 top: -10.9375vw;
 width: 24.375vw
}
.article-deepstory.theme3 .obj8 {
 bottom: -4.375vw;
 right: -12.5vw;
 width: 25vw
}
.article-deepstory.theme3 .obj9 {
 bottom: -28.125vw;
 right: 20.9375vw;
 width: 21.875vw
}
.article-deepstory-products {
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 background-color: #f9f6f4;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
 padding: 4em 0
}
.article-deepstory-products a {
 color: #000;
 margin: auto;
 text-decoration: none;
 width: auto
}
.article-deepstory-products a:hover {
 opacity: .6
}
.article-deepstory-products span {
 color: #000;
 display: block;
 font-size: 16px;
 font-size: 1.6rem;
 letter-spacing: 0;
 line-height: 24px;
 margin-bottom: 4.6875vw;
 text-align: center;
 text-decoration: none
}
.article-deepstory-products__image {
 margin: auto;
 width: 75vw
}
.article-deepstory-products__image figure {
 display: block;
 overflow: hidden;
 padding-top: 56.25%;
 position: relative;
 width: 100%
}
.article-deepstory-products__image img {
 -webkit-transform: translate(-50%, -50%);
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%)
}
.article-deepstory__line {
 border-top: solid 1px #999;
 margin-bottom: 21.875vw
}
.article-link {
 color: #000;
 text-decoration: none
}
.article-link:hover {
 text-decoration: underline
}
.article-link:hover img {
 opacity: .8
}
.article-box {
 margin-bottom: 25px
}
.article-box__title {
 font-size: 14px;
 font-size: 1.4rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 22px;
 margin-bottom: 1.875vw
}
.article-box__name {
 font-size: 12px;
 font-size: 1.2rem;
 letter-spacing: 0;
 line-height: 20px;
 margin-bottom: 5px
}
.article-cat {
 color: #fff;
 display: inline-block;
 margin: 14px 5px 10px 0;
 width: auto
}
.article-cat img {
 height: 17px;
 width: auto
}
.article-box__tag-new {
 -webkit-transform: none !important;
 left: 0 !important;
 opacity: 1 !important;
 position: absolute;
 top: -1px !important;
 transform: none !important;
 vertical-align: top;
 width: 16.25vw;
 z-index: 10
}
.article-box-tag {
 -ms-flex-wrap: wrap;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif
}
.article-box-tag__item {
 display: inline-block;
 margin-bottom: 1.25vw;
 margin-right: 2px
}
.article-box-tag__item a {
 background-color: #f3ede8;
 color: #988575;
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
 letter-spacing: 0;
 line-height: 1em;
 padding: 4px;
 text-decoration: none
}
.l-archive-wrap .article-lists {
 -ms-flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}
.l-archive-wrap .article-box {
 margin-bottom: 6.25vw;
 width: 45.3125vw
}
.l-archive-wrap .article-cat {
 margin: 1.5625vw 5px 1.5625vw 0
}
.l-archive-wrap .article-box__title {
 color: #000;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 20px
}
.l-archive-wrap .article-box__name {
 font-size: 12px;
 font-size: 1.2rem;
 letter-spacing: 0;
 line-height: 16px
}
.l-archive-wrap .article-box-tag {
 display: inline-block
}
.l-archive-wrap .article-box-tag__item {
 margin-bottom: 1.25vw
}
.l-archive-wrap .article-box-tag__item a {
 display: inline-block;
 font-size: 10px;
 font-size: 1rem;
 letter-spacing: 0;
 line-height: 1em
}
.article-box__names {
 color: #000;
 font-size: 10px;
 font-size: 1rem;
 letter-spacing: 0;
 line-height: 16px;
 margin-bottom: 5px
}
.article-box__names .article-box__interviewee {
 display: block
}
.article-box__names .article-box__interviewee dt {
 display: inline;
 padding-right: .7em
}
.article-box__names .article-box__interviewee dt:empty {
 padding-right: 0;
}
.article-box__names .article-box__interviewee dd {
 display: inline
}
.article-published-date {
 font-size: 12px;
 font-size: 1.2rem;
 letter-spacing: 0;
 letter-spacing: .05em;
 line-height: 1em
}
.article-wrap {
 position: relative
}
.article {
 height: 112.5vw;
 margin: 0 auto;
 position: relative;
 width: 84.375vw
}
.article p {
 display: inline;
 font-size: 13px;
 font-size: 4.0625vw;
 letter-spacing: .02031vw;
 line-height: 8.4375vw;
 margin-left: 0;
 vertical-align: baseline
}
.article .u-block--sm {
 display: block;
 margin-left: 0
}
.article__inner {
 -webkit-column-gap: 21.875vw;
 -moz-column-gap: 21.875vw;
 -webkit-column-count: 1;
 -moz-column-count: 1;
 -webkit-column-width: 87.5vw;
 -moz-column-width: 87.5vw;
 column-count: 1;
 column-gap: 21.875vw;
 column-width: 87.5vw;
 display: inline-block;
 vertical-align: baseline;
 width: 84.375vw
}
.column2-sm {
 margin-bottom: 156.25vw
}
.column3-sm {
 margin-bottom: 290.625vw
}
.column4-sm {
 margin-bottom: 425vw
}
.column5-sm {
 margin-bottom: 559.375vw
}
.article__spacer {
 display: inline-block;
 height: 100%;
 width: 7.5vw
}
.article__spacer--md {
 display: none
}
.article__image {
 margin-bottom: 21.875vw
}
.article__image--last {
 margin-bottom: 0
}
.article__image--lf {
 width: 87.5vw
}
.article__image--sp {
 margin-left: 12.5vw;
 width: 87.5vw
}
.articleBox {
 color: #000;
 cursor: pointer;
 display: block;
 margin-bottom: 25vw;
 padding-bottom: 10.625vw;
 position: relative;
 text-decoration: none;
 width: 40.625vw
}
.articleBox:hover {
 opacity: .8
}
.articleBox .negative--half {
 margin: 0 0 0 -1em
}
.articleBox__coming {
 margin-bottom: 25vw;
 padding-bottom: 10.625vw;
 position: relative;
 width: 40.625vw
}
.articleBox__portrait {
 margin-bottom: 3.125vw
}
.articleBox__title {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-direction: column;
 font-size: 10px;
 font-size: 3.125vw;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 3.125vw;
 white-space: nowrap
}
.articleBox__title span {
 background-color: #000;
 display: inline;
 margin-bottom: .9375vw;
 max-height: 100%;
 overflow: hidden;
 padding: .3em .3em .4em .5em
}
.articleBox__title span.active {
 max-height: 100vh
}
.articleBox__title span:before {
 background-color: #b22b2b;
 content: '';
 display: none;
 height: 100%
}
.articleBox__title .negative {
 margin: 0 0 0 -12px;
 min-height: auto;
 padding: 0
}
.articleBox__title.-interview44 {
 width: 20.3125vw
}
.articleBox__nickname {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt';
 display: block;
 font-size: 15px;
 font-size: 4.6875vw;
 letter-spacing: .9375vw;
 line-height: 1em;
 margin-bottom: 3.125vw
}
.interviews .articleBox__nickname {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt';
 display: block;
 font-size: 12px;
 font-size: 3.75vw;
 letter-spacing: .75vw;
 line-height: 1em;
 margin-bottom: 3.125vw
}
.articleBox__name {
 display: block;
 font-size: 17px;
 font-size: 5.3125vw;
 letter-spacing: .79688vw;
 line-height: 8.125vw;
 margin-bottom: 2.5vw
}
.articleBox__name span {
 font-size: 9px;
 font-size: 2.8125vw;
 letter-spacing: 0;
 line-height: 1em
}
.articleBox__name--narrow {
 font-size: 17px;
 font-size: 5.3125vw;
 letter-spacing: 0;
 line-height: 8.125vw
}
.articleBox__position {
 font-size: 10px;
 font-size: 3.125vw;
 letter-spacing: 0;
 line-height: 5vw
}
.articleBox__number {
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 38px;
 font-size: 11.875vw;
 letter-spacing: .7125vw;
 line-height: 1em;
 position: absolute;
 right: 0;
 top: -9.375vw
}
.articleBox__number span {
 font-size: 20px;
 font-size: 6.25vw;
 letter-spacing: 0;
 line-height: 1em
}
.articleBox__new {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 background-color: #d3ff00;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-family: Arial;
 font-size: 10px;
 font-size: 3.125vw;
 height: 3.75vw;
 justify-content: center;
 left: 0;
 letter-spacing: 0;
 line-height: 1em;
 position: absolute;
 top: 0;
 width: 12.5vw;
 z-index: 10
}
.articleBox__link {
 border-bottom: solid 2px #000;
 bottom: 0;
 color: #000;
 display: inline-block;
 font-size: 11px;
 font-size: 3.4375vw;
 left: 0;
 letter-spacing: .17188vw;
 line-height: 1em;
 padding-bottom: 1.25vw;
 position: absolute;
 text-decoration: none
}
.articleBox__cs {
 font-size: 14px;
 font-size: 4.375vw;
 letter-spacing: .4375vw;
 line-height: 1em
}
.pickup2 .articleBox__name {
 margin-bottom: 2.5vw
}
.article-person2 .articleBox__name {
 margin-bottom: 0
}
.article-person2 .articleBox__name2 {
 margin-top: 10px
}
.articleBox__title--col3 {
 width: 22.5vw
}
.articleBox__title--col4 {
 width: 30vw
}
.articleBox__title-tablet {
 display: none
}
.articleBox__title--sm {
 -webkit-transform: scaleX(.85);
 -webkit-transform-origin: left;
 transform: scaleX(.85);
 transform-origin: left
}
.articleBox__title--xs {
 -webkit-transform: scaleX(.8);
 -webkit-transform-origin: left;
 transform: scaleX(.8);
 transform-origin: left
}
.articleBox__title--xss {
 -webkit-transform: scaleX(.76);
 -webkit-transform-origin: left;
 transform: scaleX(.76);
 transform-origin: left
}
.articleMovie {
 margin-bottom: 29.6875vw;
 padding-top: 56.25%;
 position: relative;
 width: 100%;
 z-index: 10
}
.articleMovie iframe {
 border: none;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%
}
.articleOverview {
 background-color: #efeae5;
 padding: 7.8125vw 0 10.9375vw
}
.articleOverview_lead {
 font-size: 16px;
 font-size: 5vw;
 letter-spacing: .05vw;
 line-height: 9.375vw;
 margin-bottom: 6.25vw;
 white-space: nowrap
}
.articleOverview_lead .negative {
 margin-left: -1em
}
.articleOverview_lead .negative2 {
 margin-left: -.5em
}
.articleOverview__name {
 font-size: 26px;
 font-size: 8.125vw;
 font-weight: 300;
 letter-spacing: 2.4375vw;
 line-height: 1em;
 margin-bottom: 4.6875vw;
 position: relative
}
.articleOverview__name span {
 font-size: 15px;
 font-size: 1.5rem;
 letter-spacing: 0;
 line-height: 1em
}
.articleOverview__name.-narrow {
 font-size: 26px;
 font-size: 8.125vw;
 letter-spacing: .24375vw;
 line-height: 9.375vw
}
.articleOverview__name--en {
 display: block;
 font-family: 'Helvetica Neue', sans-serif;
 font-size: 11px;
 font-size: 3.4375vw;
 font-weight: 300 !important;
 letter-spacing: .6875vw;
 letter-spacing: .6875vw !important;
 line-height: 1em;
 margin: 3.75vw 0 0 .625vw
}
.articleOverview__position {
 display: block;
 font-size: 11px;
 font-size: 3.4375vw;
 letter-spacing: 0;
 line-height: 5.625vw;
 margin-bottom: 3.125vw
}
.artivleOverview__profile {
 font-size: 10px;
 font-size: 3.125vw;
 letter-spacing: 0;
 line-height: 5.625vw;
 margin-bottom: 9.375vw;
 position: relative;
}
.artivleOverview__profile a {
 color: #000;
 text-decoration: none
}
.artivleOverview__profile a:hover {
 text-decoration: underline
}
.artivleOverview__text {
 border-bottom: solid .5px #000;
 border-top: solid .5px #000;
 font-size: 12px;
 font-size: 3.75vw;
 letter-spacing: 0;
 line-height: 7.5vw;
 padding: 6.25vw 0
}
.articlePaging {
 background-color: #e3e3e3;
 padding: 12.5vw 0
}
.articlePaging .articlePaging__inner {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 margin: auto
}
.articlePaging .articlePaging__box {
 color: #000;
 display: block;
 position: relative
}
.articlePaging .articlePaging__text {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 background-color: #000;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 14px;
 font-size: 4.375vw;
 height: 7.8125vw;
 justify-content: center;
 letter-spacing: 0;
 line-height: 1em;
 text-decoration: none;
 width: 43.75vw
}
.articlePaging img {
 display: none
}
.articlePaging .articlePaging__number--wrap {
 display: none
}
.articlePaging .articlePaging__number--wrap span {
 font-size: 30px;
 font-size: 3rem;
 letter-spacing: 0;
 line-height: 1em
}
.articlePaging .articlePaging__next .articlePaging__text {
 left: auto;
 right: 0
}
.articlePaging .articlePaging__next .articlePaging__text {
 left: auto;
 right: 0
}
.articlePaging .articlePaging__hidden {
 visibility: hidden
}
.articlePaging .articlePaging__back {
 display: block;
 margin-top: 9.375vw;
 text-align: center;
 width: 100%
}
.articlePaging .articlePaging__back a {
 color: #000;
 display: inline;
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 0;
 line-height: 1em;
 text-decoration: none
}
.articlePaging .articlePaging__back a:hover {
 text-decoration: underline
}
.back-top {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 background-color: #e2e2e2;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 31.25vw;
 justify-content: center
}
.back-top a {
 color: #000;
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 0;
 line-height: 28px;
 text-align: center;
 text-decoration: none
}
.pagination {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 11px;
 font-size: 1.1rem;
 font-weight: 700;
 justify-content: center;
 letter-spacing: 0;
 line-height: 1em;
 margin-bottom: 18.75vw;
 margin-top: 9.375vw
}
.pagination a {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 color: #000;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 42px;
 justify-content: center;
 text-decoration: none;
 width: 42px
}
.pagination .current {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 align-items: center;
 border: solid 1px #000;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 42px;
 justify-content: center;
 width: 42px
}
.hero {
 position: relative;
 z-index: 10
}
.hero__main {
 position: relative
}
.hero__main .l-inner {
 height: 100%;
 min-height: 60vh
}
.heroArticle__number--wrap {
 bottom: 9.375vw;
 color: #fff;
 left: 0;
 position: absolute
}
.heroArticle__title {
 color: #fff;
 font-family: Arial;
 font-size: 16px;
 font-size: 5vw;
 letter-spacing: .55vw;
 line-height: 1em;
 margin-bottom: 5.625vw
}
.heroArticle__number {
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 border-bottom: solid 1px #fff;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 58px;
 font-size: 18.125vw;
 letter-spacing: 1.45vw;
 line-height: 1em;
 padding-bottom: 3.75vw
}
.heroArticle__number--icon {
 font-size: 26px;
 font-size: 8.125vw;
 letter-spacing: 0;
 line-height: 1em;
 padding-top: 1.5625vw
}
.main.top {
 margin-top: calc(70px + 18.75vw);
 padding-top: 0
}
.main.top .hero__image {
 display: block;
 margin-bottom: 4.6875vw
}
.main.top .hero-nav__item {
 margin-bottom: 1.875vw
}
.main.top .hero-nav__item a {
 line-height: 1
}
.main.top .hero-nav__item a:hover img {
 opacity: .8
}
.main.top .hero-nav__item img {
 vert-align: top
}
.badge img {
 display: none
}
.badge_left {
 display: block;
 left: 10px;
 width: 45px
}
.badge_right {
 display: block;
 left: auto;
 right: 10px;
 width: 24px
}
.keyword {
 width: 100%
}
.keyword__heading {
 border-bottom: solid 1px #c6b198;
 margin-bottom: 10px;
 padding-bottom: 5px;
 width: 100%
}
.keyword__heading img {
 width: 190px
}
.keyword-lists {
 margin-bottom: 40px;
 width: 96%
}
.keyword__item {
 display: inline-block;
 margin-bottom: 8px;
 margin-right: 10px;
 width: auto
}
.keyword__item a {
 color: #988575;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 11px;
 font-size: 1.1rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 1em;
 text-decoration: none
}
.keyword__item a:hover {
 opacity: .8
}
.keyword__item.is-hidden {
 display: none
}
.pickup {
 border-bottom: dotted 1px #000;
 margin-bottom: 7.5vw;
 padding-bottom: 3.125vw
}
.l-archive-wrap .pickup {
 border: none;
 padding-bottom: 0
}
.pickup__heading {
 border-bottom: solid 1px #c6b198;
 margin-bottom: 10px;
 padding-bottom: 5px
}
.pickup__heading img {
 width: 200px
}
.pickup-lists {
 -ms-flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}
.pickup-box {
 margin-bottom: 12px;
 width: 45.3125vw
}
.article-cat.-pickup {
 margin: 1.5625vw 0
}
.article-cat.-pickup img {
 height: 14px
}
.pickup__title {
 color: #000;
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 16px;
 margin-bottom: 1.875vw
}
.pickup__name {
 color: #000;
 font-size: 10px;
 font-size: 1rem;
 letter-spacing: 0;
 line-height: 14px
}
.main.result {
 padding-top: 9.375vw
}
.result__heading {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt';
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 15px;
 font-size: 1.5rem;
 letter-spacing: 1.5px;
 line-height: 1em;
 margin-bottom: 6.25vw
}
.result__heading span {
 color: #988575
}
.result-keyword__title {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 12px;
 font-size: 1.2rem;
 letter-spacing: .6px;
 line-height: 1em;
 margin-bottom: 14px;
 margin-top: 20px
}
.result-keyword__title:before {
 background-color: #988575;
 content: '';
 height: 12px;
 margin-right: 5px;
 width: 3px
}
.keyword-lists {
 margin-bottom: 5px
}
.keyword-more {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 cursor: pointer;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 11px;
 font-size: 1.1rem;
 letter-spacing: .55px;
 line-height: 1em;
 margin-bottom: 40px;
 margin-left: 4px
}
.keyword-more:before {
 border-color: transparent transparent transparent #988575;
 border-style: solid;
 border-width: 3.5px 0 3.5px 6px;
 content: '';
 height: 0;
 margin-right: 4px;
 width: 0
}
.short-story-lists {
 -ms-flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin-bottom: 20px
}
.short-story-section {
 background-color: #f7f3ed;
 margin-top: 6.25vw;
 padding: 9.375vw 0 3.125vw
}
.short-story-section__title {
 margin-bottom: 6.25vw;
 width: 82.8125vw
}
.short-story__heading {
 border-bottom: solid 1px #c6b198;
 margin-bottom: 10px;
 padding-bottom: 5px
}
.short-story__heading img {
 width: 200px
}
.short-story-box {
 margin-bottom: 20px;
 width: 45.3125vw
}
.l-short-wrap .article-lists {
 -webkit-box-align: start;
 -ms-flex-align: start;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -ms-flex-wrap: wrap;
 align-items: flex-start;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}
.short-story-box__image {
 position: relative
}
.short-story__cat {
 color: #fff;
 display: inline-block;
 margin: 5px 0 8px;
 width: auto
}
.short-story__cat img {
 height: 14px;
 width: auto
}
.short-story__title {
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 16px;
 margin-bottom: 1.875vw
}
.short-story__name {
 font-size: 10px;
 font-size: 1rem;
 letter-spacing: 0;
 line-height: 14px;
 margin-bottom: 3px
}
.short-story__position {
 margin-bottom: 10px
}
.short-story-box-tag__item {
 margin: 0 2px 4px 0
}
.short-story-box-tag__item a {
 background-color: #f3ede8;
 color: #988575;
 display: block;
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 10px;
 font-size: 1rem;
 letter-spacing: 0;
 line-height: 1em;
 padding: 4px;
 text-decoration: none
}
.short-story-box__tag-new {
 -webkit-transform: none !important;
 left: 0 !important;
 opacity: 1 !important;
 position: absolute;
 top: 0 !important;
 transform: none !important;
 width: 16.25vw;
 z-index: 10
}
.short-box {
 border-bottom: dotted 1px #000;
 margin-bottom: 9.375vw;
 padding-bottom: 9.375vw
}
.short-box p {
 font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: 0;
 line-height: 26px
}
.short-box:nth-child(2n) .short-hero {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2
}
.short-box:nth-child(2n) .short-content {
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1
}
.short-box.-article {
 border: none
}
.short-hero {
 margin-bottom: 4.6875vw
}
.short__image {
 margin-bottom: 6.25vw;
 overflow: hidden;
 padding-top: 75%;
 position: relative;
 width: 100%
}
.short__image img {
 -webkit-transform: translate(-50%, -50%);
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%
}
.short__title {
 font-size: 22px;
 font-size: 2.2rem;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 30px
}
.short-info {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 margin-bottom: 4.6875vw
}
.short-info-wrap {
 padding-bottom: 3.125vw
}
.short__name {
 font-size: 18px;
 font-size: 1.8rem;
 letter-spacing: 5.4px;
 line-height: 1em;
 margin-bottom: 10px
}
.short__name span {
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 4.2px;
 line-height: 1em
}
.short__position {
 font-size: 12px;
 font-size: 1.2rem;
 letter-spacing: 0;
 line-height: 20px
}
.short__illust {
 padding-top: 3.125vw;
 width: 28.125vw
}
.short-paging {
 background-color: #f4f1ed;
 padding: 10.9375vw 0 25vw
}
.short-paging-list {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 margin: auto;
 position: relative;
 width: 87.5vw
}
.short-paging-list .short-paging__prev a {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}
.short-paging-list .short-paging__prev a:before {
 -webkit-transform: rotate(-45deg);
 border-left: solid 1px #000;
 border-top: solid 1px #000;
 content: '';
 height: 10px;
 margin-right: 5px;
 margin-top: 2px;
 transform: rotate(-45deg);
 width: 10px
}
.short-paging-list .short-paging__next {
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-end
}
.short-paging-list .short-paging__next a {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}
.short-paging-list .short-paging__next a:after {
 -webkit-transform: rotate(45deg);
 border-right: solid 1px #000;
 border-top: solid 1px #000;
 content: '';
 height: 10px;
 margin-left: 5px;
 margin-top: 2px;
 transform: rotate(45deg);
 width: 10px
}
.short-paging-list .short-paging__back {
 -webkit-transform: translateX(-50%);
 bottom: -60px;
 left: 50%;
 position: absolute;
 text-align: center;
 text-decoration: none;
 transform: translateX(-50%);
 width: 100%
}
.short-paging-list .short-paging__back a {
 line-height: 1.6
}
.short-paging-list a {
 color: #000;
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: 0;
 line-height: 28px;
 text-decoration: none
}
.sns {
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 align-items: center;
 background-color: #e7e7e7;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 6vw 0;
 position: relative;
 z-index: 0
}
.sns__list {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 width: 200px
}
.sns__list--item {
 display: block;
 width: 25px
}
.sns__list__site {
 display: block;
 margin-top: 30px;
 vertical-align: center;
 width: 80px
}
.u-sp-hidden {
 display: none
}
.u-pc-show {
 display: none
}
.u-article-image {
 overflow: hidden;
 padding-top: 56.25%;
 position: relative
}
.u-article-image img {
 -webkit-transform: translate(-50%, -50%);
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%)
}
.u-image-fit {
 -o-object-fit: cover;
 height: 100%;
 object-fit: cover;
 width: 100%
}
.icon-arrow--rt {
 border-color: transparent transparent transparent #fff;
 border-style: solid;
 border-width: 4px 0 4px 7px;
 height: 0;
 width: 0
}
.u-nowrap {
 white-space: nowrap
}
.u-vertical {
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl
}
.u-skew5 {
 -webkit-transform: skew(-5deg) rotate(-5deg);
 -webkit-transform-origin: left bottom;
 transform: skew(-5deg) rotate(-5deg);
 transform-origin: left bottom
}
.u-palt {
 -webkit-font-feature-settings: 'palt';
 font-feature-settings: 'palt'
}
.u-skew5__inner {
 -webkit-transform: skew(5deg) rotate(5deg);
 -webkit-transform-origin: left bottom;
 transform: skew(5deg) rotate(5deg);
 transform-origin: left bottom
}
.u-txt-center {
 text-align: center
}
.u-mb-10 {
 margin-bottom: 10px
}
.u-mb-15 {
 margin-bottom: 15px
}
.u-mb-20 {
 margin-bottom: 20px
}
.u-mb-25 {
 margin-bottom: 25px
}
.u-mb-30 {
 margin-bottom: 30px
}
.u-mb-35 {
 margin-bottom: 35px
}
.u-mb-40 {
 margin-bottom: 40px
}
.u-mb-50 {
 margin-bottom: 50px
}
.u-mb-55 {
 margin-bottom: 55px
}
.u-mb-60 {
 margin-bottom: 60px
}
.u-mb-45 {
 margin-bottom: 45px
}
.u-mb-70 {
 margin-bottom: 70px
}
.u-text-normal {
 letter-spacing: normal
}
.u-ai-center {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}
.u-ai-start {
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start
}
.u-flex-wrap {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}
.u-text-combine {
 -webkit-text-combine: horizontal;
 margin-left: -.5em;
 text-combine-upright: all
}
.u-text-combine.-top {
 display: inline-block;
 margin: 0 0 2px -.5em !important;
 overflow: visible;
 padding: 0 !important;
 width: 100%
}
@media only screen and (min-width:321px) {
 a:active, a:hover {
  outline-width: 0
 }
}
@media only screen and (min-width:414px) {
 a:active, a:hover {
  outline-width: 0
 }
}
@media only screen and (min-width:500px) {
 a:active, a:hover {
  outline-width: 0
 }
}
@media only screen and (min-width:639px) {
 a:active, a:hover {
  outline-width: 0
 }
 .page {
  overflow: hidden
 }
 .l-inner {
  margin: auto;
  padding: 0 6.89655vw;
  width: 100vw
 }
 .l-inner--top {
  margin: auto;
  max-width: 1060px;
  padding: 0 50px;
  width: 100%
 }
 .l-inner--lg {
  margin: auto;
  max-width: 1260px;
  padding: 0 30px;
  width: 100%
 }
 .l-content {
  width: 50%
 }
 .l-flex-between--tablet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
 }
 .l-flex-center--tablet {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
 }
 .l-footer {
  padding: 50px 30px 45px
 }
 .l-footer__copy {
  font-size: 14px;
  font-size: 1.11111vw;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 3.96825vw
 }
 .l-footer__link {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .l-footer__company {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 20px
 }
 .c-article__heading {
  font-size: 26px;
  font-size: 2.24138vw;
  letter-spacing: 0;
  line-height: 4.31034vw;
  margin-left: 3.7931vw
 }
 .archive {
  margin-bottom: 7.93651vw
 }
 .archive__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px
 }
 .archive__list:after {
  content: '';
  display: block;
  width: 25%
 }
 .archive__list:before {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  content: '';
  display: block;
  order: 4;
  width: 25%
 }
 .archive__item {
  font-size: 14px;
  font-size: 1.11111vw;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 1.5873vw;
  width: 25%
 }
 .archive__name {
  font-size: 10px;
  font-size: .79365vw;
  letter-spacing: 0;
  line-height: 1em
 }
 .archive__position {
  -webkit-transform: scaleX(1);
  font-size: 11px;
  font-size: .87302vw;
  letter-spacing: 0;
  line-height: 1.19048vw;
  margin-top: .39683vw;
  transform: scaleX(1)
 }
 .obj_pc {
  display: none
 }
 .article-deepstory.theme1 .obj8, .article-deepstory.theme1 .obj9 {
  display: none
 }
 .article-wrap {
  margin: auto;
  width: 86.2069vw
 }
 .article {
  height: 31.46552vw;
  width: 86.2069vw
 }
 .article p {
  font-size: 16px;
  font-size: 1.37931vw;
  letter-spacing: -.01379vw;
  line-height: 3.01724vw
 }
 .article .u-block--sm {
  display: inline
 }
 .article .u-block--md {
  display: block
 }
 .article__inner {
  -webkit-column-width: 86.2069vw;
  -moz-column-width: 86.2069vw;
  -webkit-column-gap: 6.89655vw;
  -moz-column-gap: 6.89655vw;
  column-gap: 6.89655vw;
  column-width: 86.2069vw;
  width: 86.2069vw
 }
 .column1-md {
  margin-bottom: 6.89655vw
 }
 .column2-md {
  margin-bottom: 45.25862vw
 }
 .column3-md {
  margin-bottom: 83.62069vw
 }
 .article__spacer {
  width: 3.01724vw
 }
 .article__spacer--md {
  display: block;
  height: 100%;
  width: 3.01724vw
 }
 .article__image {
  margin-bottom: 0
 }
 .article__image--wide {
  margin-bottom: 11.2069vw;
  padding-top: 8.62069vw
 }
 .article__image--last {
  padding-top: 8.62069vw
 }
 .article__image--lf {
  margin: 0
 }
 .article__image--sp {
  margin: 0
 }
 .articleBox {
  margin-bottom: 13.33333vw;
  padding-bottom: 5.2381vw;
  width: 30%
 }
 .articleBox .negative--half {
  margin: -1em 0 0 0
 }
 .articleBox__coming {
  margin-bottom: 13.33333vw;
  padding-bottom: 5.2381vw;
  width: 30%
 }
 .articleBox__portrait {
  margin-bottom: 2.38095vw
 }
 .articleBox__title {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  font-size: 20px;
  font-size: 1.5873vw;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 3.96825vw;
  writing-mode: vertical-rl
 }
 .articleBox__title span {
  padding: .5em .1em .4em
 }
 .articleBox__title .negative {
  margin: -1em 0 0 0
 }
 .articleBox__title.-interview44 {
  top: 4.7619vw;
  width: 8.44828vw
 }
 .articleBox__title.-interview44 img {
  width: 100%
 }
 .articleBox__nickname {
  font-size: 20px;
  font-size: 1.72414vw;
  letter-spacing: .34483vw;
  line-height: 1em;
  margin-bottom: 1.2931vw
 }
 .interviews .articleBox__nickname {
  font-size: 20px;
  font-size: 1.72414vw;
  letter-spacing: .34483vw;
  line-height: 1em;
  margin-bottom: 1.2931vw
 }
 .articleBox__name {
  font-size: 26px;
  font-size: 2.06349vw;
  letter-spacing: .61905vw;
  line-height: 1em;
  margin-bottom: 1.5873vw
 }
 .articleBox__name span {
  font-size: 16px;
  font-size: 1.26984vw;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleBox__name--narrow {
  font-size: 26px;
  font-size: 2.06349vw;
  letter-spacing: .20635vw;
  line-height: 1em
 }
 .articleBox__position {
  font-size: 12px;
  font-size: .95238vw;
  letter-spacing: .04762vw;
  line-height: 1.5873vw
 }
 .articleBox__position--sm {
  -webkit-transform: scaleX(.85);
  -webkit-transform-origin: left;
  display: inline-block;
  transform: scaleX(.85);
  transform-origin: left
 }
 .articleBox__number {
  font-size: 60px;
  font-size: 4.7619vw;
  letter-spacing: .28571vw;
  line-height: 1em;
  right: .79365vw;
  top: -3.57143vw
 }
 .articleBox__number span {
  font-size: 35px;
  font-size: 2.77778vw;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleBox__new {
  background-color: #d3ff00;
  font-size: 16px;
  font-size: 1.26984vw;
  height: 1.5873vw;
  letter-spacing: .13968vw;
  line-height: 1em;
  top: 15.55556vw;
  width: 5.2381vw
 }
 .articleBox__link {
  border-bottom: solid .31746vw #000;
  bottom: 0;
  font-size: 21px;
  font-size: 1.66667vw;
  left: 0;
  letter-spacing: .08333vw;
  line-height: 1em;
  padding-bottom: 1.11111vw;
  position: absolute
 }
 .articleBox__cs {
  display: block;
  font-size: 27px;
  font-size: 2.14286vw;
  letter-spacing: .21429vw;
  line-height: 1em;
  text-align: center
 }
 .pickup2 .articleBox__name {
  margin-bottom: 1.26984vw
 }
 .pickup2 .articleBox__position {
  margin-bottom: 3.01724vw
 }
 .article-person2 .articleBox__name {
  margin-bottom: 10px
 }
 .article-person2 .articleBox__name2 {
  margin-top: 20px
 }
 .articleBox__title--col3 {
  width: 8.09524vw
 }
 .articleBox__title--col4 {
  width: 10.15873vw
 }
 .articleBox__title-sp {
  display: none
 }
 .articleBox__title-tablet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
 }
 .articleBox__title--sm {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
 }
 .articleBox__title--xs {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
 }
 .articleBox__title--xss {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
 }
 .articleMovie {
  margin-bottom: 120px
 }
 .articleOverview {
  padding: 7.75862vw 0
 }
 .articleOverview_lead {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 30px;
  font-size: 2.58621vw;
  letter-spacing: .12931vw;
  line-height: 4.31034vw;
  position: absolute;
  right: 7.24138vw;
  top: -43.10345vw;
  writing-mode: vertical-rl
 }
 .articleOverview_lead .negative {
  margin: -1em 0 0 0
 }
 .articleOverview_lead .negative2 {
  margin: -.5em 0 0 0
 }
 .articleOverview__name--wrap {
  width: 34.48276vw
 }
 .articleOverview__name {
  font-size: 40px;
  font-size: 3.44828vw;
  letter-spacing: 1.03448vw;
  line-height: 1em;
  margin-bottom: 3.44828vw
 }
 .articleOverview__name span {
  font-size: 15px;
  font-size: 1.2931vw;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleOverview__name.-narrow {
  font-size: 40px;
  font-size: 3.44828vw;
  letter-spacing: .51724vw;
  line-height: 3.96552vw
 }
 .articleOverview__name.-interview45 {
  font-size: 35px;
  font-size: 3.01724vw;
  letter-spacing: 0;
  line-height: 3.96552vw
 }
 .articleOverview__name--en {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: left top;
  font-size: 14px;
  font-size: 1.2069vw;
  left: -1.55172vw;
  letter-spacing: .24138vw;
  letter-spacing: 2.8px !important;
  line-height: 1em;
  margin: 0;
  position: absolute;
  top: .34483vw;
  transform: rotate(90deg);
  transform-origin: left top
 }
 .articleOverview__position {
  font-size: 14px;
  font-size: 1.2069vw;
  letter-spacing: 0;
  line-height: 2.41379vw;
  margin-bottom: 0
 }
 .artivleOverview__profile {
  font-size: 13px;
  font-size: 1.12069vw;
  letter-spacing: 0;
  line-height: 2.06897vw;
  margin-bottom: 0;
  width: 51.72414vw
 }
 .artivleOverview__text {
  font-size: 16px;
  font-size: 1.37931vw;
  letter-spacing: 0;
  line-height: 2.58621vw;
  margin-top: 4.31034vw;
  padding: 2.15517vw 0
 }
 .articlePaging {
  padding: 8.62069vw 0 6.89655vw
 }
 .articlePaging .articlePaging__inner {
  width: 86.2069vw
 }
 .articlePaging .articlePaging__box {
  width: 28.96552vw
 }
 .articlePaging .articlePaging__text {
  -webkit-transform: translate(0, -50%);
  font-size: 20px;
  font-size: 1.72414vw;
  height: 3.44828vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1em;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 17.24138vw
 }
 .articlePaging img {
  display: block
 }
 .articlePaging .articlePaging__number--wrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 60px;
  font-size: 5.17241vw;
  letter-spacing: 0;
  line-height: 1em;
  position: absolute;
  right: .43103vw;
  top: -2.58621vw
 }
 .articlePaging .articlePaging__number--wrap span {
  font-size: 35px;
  font-size: 3.01724vw;
  letter-spacing: 0;
  line-height: 1em
 }
 .articlePaging .articlePaging__hidden {
  visibility: hidden
 }
 .articlePaging .articlePaging__back {
  margin-top: 6.89655vw
 }
 .articlePaging .articlePaging__back a {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .hero__main .l-inner {
  height: 56.03448vw;
  min-height: 56.03448vw
 }
 .heroArticle__number--wrap {
  bottom: 6.55172vw;
  color: #000;
  left: 6.89655vw
 }
 .heroArticle__title {
  font-size: 25px;
  font-size: 2.15517vw;
  letter-spacing: .23707vw;
  line-height: 1em;
  margin-bottom: 3.44828vw
 }
 .heroArticle__title {
  font-size: 25px;
  font-size: 2.5rem;
  letter-spacing: 2.75px;
  line-height: 1em;
  margin-bottom: 40px
 }
 .heroArticle__number {
  border-bottom: solid 1px #fff;
  font-size: 90px;
  font-size: 7.75862vw;
  letter-spacing: .62069vw;
  line-height: 1em;
  margin-top: .34483vw;
  padding-bottom: 1.72414vw
 }
 .heroArticle__number--icon {
  font-size: 40px;
  font-size: 3.44828vw;
  letter-spacing: .17241vw;
  line-height: 1em;
  padding-top: .34483vw
 }
 .heroArticle__number--icon {
  font-size: 40px;
  font-size: 4rem;
  letter-spacing: 2px;
  line-height: 1em;
  padding-top: 4px
 }
 .badge img {
  -webkit-transform: translateY(-50%);
  display: block;
  position: fixed;
  top: 50%;
  transform: translateY(-50%)
 }
 .u-tablet-hidden {
  display: none
 }
 .u-sp-hidden {
  display: inline-block
 }
 .u-mb-0--tablet {
  margin-bottom: 0
 }
 .u-mb-10--tablet {
  margin-bottom: 10px
 }
 .u-mb-15--tablet {
  margin-bottom: 15px
 }
 .u-mb-20--tablet {
  margin-bottom: 20px
 }
 .u-mb-25--tablet {
  margin-bottom: 25px
 }
 .u-mb-30--tablet {
  margin-bottom: 30px
 }
 .u-mb-35--tablet {
  margin-bottom: 35px
 }
 .u-mb-40--tablet {
  margin-bottom: 40px
 }
 .u-mb-50--tablet {
  margin-bottom: 50px
 }
 .u-mb-60--tablet {
  margin-bottom: 60px
 }
 .u-mb-80--tablet {
  margin-bottom: 80px
 }
 .u-flex-pc {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
 }
 .u-text-combine-pc {
  -webkit-text-combine: horizontal;
  margin-left: -.5em;
  text-combine-upright: all
 }
 .u-text-combine-pc.-top {
  display: inline-block;
  margin: 0 0 2px -.5em !important;
  overflow: visible;
  padding: 0 !important;
  width: 100%
 }
 .u-nowrap--md {
  white-space: nowrap
 }
}
@media only screen and (min-width:768px) {
 a:active, a:hover {
  outline-width: 0
 }
 main {
  overflow: hidden;
  padding-top: 90px
 }
 .l-inner2 {
  margin: auto;
  padding: 0 3.33333vw;
  width: 100vw
 }
 .l-inner2.-sp-mid {
  width: 100%
 }
 .l-inner2.-sp-full {
  padding: 0 3.33333vw;
  width: 100vw
 }
 .l-inner2.-pc-full {
  max-width: none;
  padding: 0;
  width: 100%
 }
 .l-inner2.-pc-sm {
  max-width: 100vw;
  padding: 0 4.54545vw
 }
 .l-inner2.-pc-md {
  max-width: 108.33333vw;
  padding: 0 4.16667vw
 }
 .l-main-wrap {
  padding: 0
 }
 .l-archive-wrap {
  margin-bottom: 3.33333vw;
  padding: 0
 }
 .l-short-wrap {
  margin-bottom: 3.33333vw;
  padding-top: 0
 }
 .l-short-wrap.-article {
  padding-top: 6.66667vw
 }
 .l-main-content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  border-right: dotted 1px #000;
  order: 1;
  padding-right: 2vw;
  width: 69.33333vw
 }
 .l-main-side {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 21.73333vw
 }
 .l-flex--tablet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
 }
 .l-flex--tablet.-ai-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
 }
 .l-flex--tablet.-ai-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
 }
 .l-header__inner {
  height: 90px;
  margin: auto;
  padding: 0 3.33333vw;
  width: 100vw
 }
 .l-header__logo {
  width: 300px
 }
 .l-header__logoImage {
  width: 70px
 }
 .l-header__logoWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 14px
 }
 .l-header__logoTitle {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .8px;
  line-height: 1em;
  margin-bottom: 6px
 }
 .l-header__logoText {
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  color: #938075;
  display: block;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  font-stretch: condensed;
  letter-spacing: 0;
  line-height: 1em
 }
 .l-header__hamburger {
  display: none
 }
 .l-header-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-transform: none;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  justify-content: flex-end;
  padding: 0;
  position: relative;
  top: auto;
  transform: none;
  width: 46.66667vw
 }
 .gNav__item a {
  color: #000;
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1em
 }
 .gNav__item {
  display: none;
  margin: 0
 }
 .gNav__item:last-child {
  display: block;
  position: relative
 }
 .gNav__item:last-child:after {
  border-bottom: solid 1px #988575;
  bottom: -8px;
  content: '';
  left: 0;
  position: absolute;
  width: 100%
 }
 .l-header__dinos {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 10px;
  width: 112px
 }
 .c-form {
  margin-bottom: 0;
  margin-left: 20px;
  width: 144px
 }
 .c-form .c-form__search {
  border: solid 1px #231815;
  display: inline-block;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  font-size: .8vw;
  height: 35px;
  letter-spacing: 0;
  line-height: 2em;
  line-height: 1em;
  width: 100%
 }
 .c-form .c-form__submit {
  height: 14px;
  width: 14px
 }
 .top-nav-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 5.86667vw;
  justify-content: center;
  margin: auto;
  width: 84vw
 }
 .top-nav-list .top-nav__item.-staff img {
  width: 16.46667vw
 }
 .top-nav-list .top-nav__item.-story img {
  width: 20.13333vw
 }
 .top-nav-list .top-nav__item.-story {
  border: none
 }
 .top-nav-list .top-nav__item.-interview img {
  -webkit-transform: translateY(-.2vw);
  transform: translateY(-.2vw);
  width: 14.66667vw
 }
 .c-hamburger {
  height: 16px;
  width: 20px
 }
 .about {
  padding-top: 150px
 }
 .about-content {
  margin-bottom: 5.33333vw
 }
 .about-content p {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 28px
 }
 .about-content p.note {
  font-size: 1.2rem
 }
 .about-content .l-inner2 {
  margin: 0 0 0 3.33333vw;
  width: 56.66667vw
 }
 .about__heading {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 1.2px;
  line-height: 1em;
  margin-bottom: 40px;
  padding-bottom: 10px;
  margin-top: 60px
 }
 .about__image {
  margin-bottom: 50px
 }
 .archive-hero {
  background: #fff url(../img/monogataribito/main_bg_pc.jpg) no-repeat center center/cover;
  height: 23.33333vw;
  margin-bottom: 50px;
  min-height: 300px
 }
 .archive-hero__heading {
  width: 550px
 }
 .interview .archive-hero {
  background: #fff url(../img/interview_bg_pc.jpg) no-repeat center center/cover
 }
 .staff .archive-hero {
  background: #fff url(../img/staff_bg_pc.jpg) no-repeat center center/cover
 }
 .story .archive-hero {
  background: #fff url(../img/story_bg_pc.jpg) no-repeat center center/cover
 }
 .deepstory .archive-hero {
  background: #fff url(../img/deepstory/main_bg_pc.jpg) no-repeat center center/cover
 }
 .dakarastory .archive-hero {
  background: #fff url(../img/dakarastory/main_bg_pc.jpg) no-repeat center center/cover
 }
 .article-deepstory {
  padding-bottom: 8.33333vw
 }
 .article-deepstory-hero {
  margin-bottom: 6.66667vw !important
 }
 .article-deepstory-hero-wrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: initial
 }
 .article-deepstory__info {
  padding-right: 1.66667vw;
  width: 41.66667vw
 }
 .article-deepstory__overview {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 36px;
  width: 50vw
 }
 .article-deepstory__main {
  margin-bottom: 4.16667vw
 }
 .article-deepstory__title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  bottom: 1.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 35px;
  font-size: 2.91667vw;
  letter-spacing: .14583vw;
  line-height: 5vw;
  margin-bottom: 0;
  opacity: 1;
  position: absolute;
  right: 2.5vw;
  z-index: 20
 }
 .article-deepstory__title span {
  background-color: #000;
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  padding: 0 .5em 0 .4em
 }
 .article-deepstory__sub {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 1.66667vw;
  margin-top: .41667vw
 }
 .article-deepstory__name {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 9px;
  line-height: 1em;
  margin-bottom: 1.25vw
 }
 .article-deepstory__position {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 1.66667vw
 }
 .article-deepstory__movie {
  margin-bottom: 6.66667vw
 }
 .article-deepstory__section {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9.09091vw
 }
 .article-deepstory__section p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 35px
 }
 .article-deepstory__section .article-deepstory__image-wrap {
  margin: 0;
  width: 40.90909vw
 }
 .article-deepstory__content {
  margin-bottom: 0;
  width: 40.90909vw
 }
 .article-deepstory__heading {
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 1.4px;
  line-height: 44px;
  margin-bottom: 2.72727vw
 }
 .article-deepstory.theme1 .obj1 {
  right: -6.36364vw;
  top: -4.54545vw;
  width: 13.18182vw
 }
 .article-deepstory.theme1 .obj2 {
  bottom: -2.72727vw;
  left: -5vw;
  width: 10vw
 }
 .article-deepstory.theme1 .obj3 {
  bottom: -6.36364vw;
  left: 6.36364vw;
  width: 11.54545vw
 }
 .article-deepstory.theme1 .obj_pc {
  bottom: -18.18182vw;
  display: block;
  right: -11.18182vw;
  width: 12.09091vw
 }
 .article-deepstory.theme1 .obj4 {
  left: -9.09091vw;
  top: .45455vw;
  width: 11.81818vw
 }
 .article-deepstory.theme1 .obj5 {
  bottom: -2.18182vw;
  right: -4.90909vw;
  width: 10.45455vw
 }
 .article-deepstory.theme1 .obj6 {
  bottom: -6.81818vw;
  right: 7.72727vw;
  width: 11.27273vw
 }
 .article-deepstory.theme1 .obj7 {
  right: -6.36364vw;
  top: -3.90909vw;
  width: 13.18182vw
 }
 .article-deepstory.theme2 .obj1 {
  left: -3.63636vw;
  top: -5vw;
  width: 8.54545vw
 }
 .article-deepstory.theme2 .obj2 {
  bottom: -2.90909vw;
  right: -5.63636vw;
  width: 9.09091vw
 }
 .article-deepstory.theme2 .obj3 {
  bottom: -7.27273vw;
  right: 6.36364vw;
  width: 8.18182vw
 }
 .article-deepstory.theme2 .obj4 {
  right: -4.54545vw;
  top: -4.54545vw;
  width: 9.09091vw
 }
 .article-deepstory.theme2 .obj5 {
  bottom: 3.18182vw;
  left: -5.90909vw;
  width: 11.81818vw
 }
 .article-deepstory.theme2 .obj6 {
  bottom: -4.54545vw;
  left: 5.45455vw;
  width: 8.54545vw
 }
 .article-deepstory.theme2 .obj7 {
  left: -3.45455vw;
  top: -5.45455vw;
  width: 12.27273vw
 }
 .article-deepstory.theme2 .obj8 {
  bottom: -.90909vw;
  right: -8.18182vw;
  width: 11.36364vw
 }
 .article-deepstory.theme2 .obj9 {
  bottom: -9.09091vw;
  right: 10vw;
  width: 8.18182vw
 }
 .article-deepstory.theme3 .obj1 {
  right: -5.45455vw;
  top: -3.63636vw;
  width: 11.63636vw
 }
 .article-deepstory.theme3 .obj2 {
  bottom: -1.81818vw;
  left: -5.45455vw;
  width: 10.90909vw
 }
 .article-deepstory.theme3 .obj3 {
  bottom: -7.27273vw;
  right: -3.63636vw;
  width: 10.18182vw
 }
 .article-deepstory.theme3 .obj4 {
  left: -6.36364vw;
  top: -2.72727vw;
  width: 13.27273vw
 }
 .article-deepstory.theme3 .obj5 {
  bottom: 4.54545vw;
  right: -5.27273vw;
  width: 11.81818vw
 }
 .article-deepstory.theme3 .obj6 {
  bottom: -7.27273vw;
  left: -4.90909vw;
  width: 11.09091vw
 }
 .article-deepstory.theme3 .obj7 {
  left: -3.45455vw;
  top: -5.45455vw;
  width: 11.81818vw
 }
 .article-deepstory.theme3 .obj8 {
  bottom: .90909vw;
  right: -10vw;
  width: 12.27273vw
 }
 .article-deepstory.theme3 .obj9 {
  bottom: -9.09091vw;
  right: 8.63636vw;
  width: 10.90909vw
 }
 .article-deepstory-products {
  padding: 40px
 }
 .article-deepstory-products span {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 15px
 }
 .article-deepstory-products__image {
  width: 240px
 }
 .article-deepstory__line {
  border-top: solid 1px #999;
  margin-bottom: 100px
 }
 .article-lists {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
 }
 .article-lists:after {
  content: "";
  width: 29.33333vw
 }
 .article-box {
  margin-bottom: 2vw;
  width: 29.33333vw
 }
 .article-box__title {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 6px
 }
 .article-box__name {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 8px
 }
 .article-cat {
  margin: .53333vw 8px .26667vw 0
 }
 .article-box__tag-new {
  width: 4.4vw
 }
 .article-box-tag__item {
  margin-bottom: 4px
 }
 .l-archive-wrap .article-box {
  margin-bottom: 2vw;
  width: 29.33333vw
 }
 .l-archive-wrap .article-cat {
  margin: .53333vw 8px .26667vw 0
 }
 .l-archive-wrap .article-box__title {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 25px
 }
 .l-archive-wrap .article-box__name {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 8px
 }
 .l-archive-wrap .article-box-tag {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
 }
 .l-archive-wrap .article-box-tag__item {
  margin-bottom: 4px
 }
 .article-box__names {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 8px
 }
 .article-box__names .article-box__interviewee dt {
  display: inline;
  padding-right: .7em
 }
 .article-box__names .article-box__interviewee dd {
  display: inline
 }
 .back-top {
  height: 160px
 }
 .back-top a {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .pagination {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 60px;
  margin-top: 40px
 }
 .pagination a {
  margin: 0 10px
 }
 .pagination .current {
  height: 50px;
  margin: 0 10px;
  width: 50px
 }
 .hero .article-box {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 3.33333vw;
  width: 100%
 }
 .hero .u-article-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 61.33333vw
 }
 .hero .article__info {
  padding: 3vw 1.66667vw 0
 }
 .hero .article-box__title {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 6px
 }
 .main.top {
  margin-top: calc(110px + 5.9vw);
  padding-top: 0
 }
 .main.top .hero {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
 }
 .main.top .hero__image {
  margin-bottom: 4vw;
  width: 67.33333vw
 }
 .main.top .hero-side {
  height: 31.33333vw;
  margin: 0;
  padding: 0;
  width: 24.66667vw
 }
 .main.top .hero-nav__item {
  margin-bottom: 1.66667vw
 }
 .main.top .hero-nav__item:last-child {
  margin-bottom: 0
 }
 .keyword__heading {
  margin-bottom: .93333vw
 }
 .keyword__heading img {
  width: 16.93333vw
 }
 .keyword-lists {
  display: block;
  margin: 0
 }
 .keyword__item {
  margin-bottom: 0
 }
 .keyword__item a {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 24px
 }
 .pickup {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0
 }
 .pickup__heading {
  margin-bottom: 1.2vw;
  padding-bottom: .33333vw
 }
 .pickup__heading img {
  vertical-align: top;
  width: 16.53333vw
 }
 .pickup-box {
  margin-bottom: 2.8vw;
  width: 100%
 }
 .article-cat.-pickup {
  margin: .53333vw 0 .26667vw
 }
 .article-cat.-pickup img {
  height: 17px
 }
 .pickup__title {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 8px
 }
 .pickup__name {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 20px
 }
 .main.result {
  margin-top: 2.66667vw;
  padding-top: 6vw
 }
 .main.result .article-lists:after {
  content: '';
  width: 21.33333vw
 }
 .result__heading {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 2px;
  line-height: 1em;
  margin-bottom: 44px
 }
 .result-keyword__title {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 1.3px;
  line-height: 1em
 }
 .keyword-lists {
  margin-bottom: 10px;
  margin-left: .6em
 }
 .keyword-more {
  margin-left: 1em
 }
 .short-story-lists {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
 }
 .short-story-lists:before {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  content: '';
  display: block;
  order: 3;
  width: 16vw
 }
 .short-story-lists:after {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  content: '';
  display: block;
  order: 4;
  width: 16vw
 }
 .short-story-section {
  margin-top: 2vw;
  padding: 2.66667vw 0 .66667vw
 }
 .short-story-section__title {
  margin-bottom: 2.66667vw;
  width: 29.66667vw
 }
 .short-story-box {
  width: 17.33333vw
 }
 .l-short-wrap .article-lists:after {
  content: '';
  display: block;
  width: 21.33333vw
 }
 .l-short-wrap .short-story-box {
  margin-bottom: 2.66667vw;
  width: 21.33333vw
 }
 .short-story__title {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 8px
 }
 .short-story__name {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 5px
 }
 .short-story-box__tag-new {
  width: 4vw
 }
 .story .short-story-box {
  width: 21.66667vw
 }
 .short-box {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.45455vw;
  min-height: calc(100vh - 560px);
  padding-bottom: 4.54545vw
 }
 .short-box p {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 28px
 }
 .short-hero {
  margin-bottom: 0;
  width: 36.36364vw
 }
 .short-content {
  width: 50%
 }
 .short__image {
  margin-bottom: 1.36364vw
 }
 .short__title {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 3.63636vw
 }
 .short-info {
  margin-bottom: 0
 }
 .short-info-wrap {
  margin-bottom: 20px;
  padding: 0
 }
 .short__name {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 7.8px;
  line-height: 1em
 }
 .short__name span {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 5.4px;
  line-height: 1em
 }
 .short__position {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 28px
 }
 .short__illust {
  padding: 0;
  width: 13.63636vw
 }
 .short-paging {
  padding: 60px 0
 }
 .short-paging-list {
  max-width: 1000px;
  padding: 0 50px;
  width: 100%
 }
 .short-paging-list .short-paging__prev {
  width: 20%
 }
 .short-paging-list .short-paging__next {
  width: 20%
 }
 .short-paging-list .short-paging__back {
  -webkit-transform: none;
  bottom: auto;
  left: auto;
  position: relative;
  transform: none;
  width: auto
 }
 .short-paging-list .short-paging__back a {
  line-height: 1
 }
 .short-paging-list a {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .sns {
  padding: 40px 0 40px
 }
 .sns__list {
  width: 17.33333vw
 }
 .sns__list--item {
  width: 2.26667vw
 }
}
@media only screen and (min-width:769px) {
 a:active, a:hover {
  outline-width: 0
 }
}
@media only screen and (min-width:860px) {
 .l-header__logoTitle {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: .9px;
  line-height: 1em;
  margin-bottom: 6px
 }
 .l-header__logoText {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1em
 }
}
@media only screen and (min-width:1100px) {
 .l-inner2.-pc-sm {
  max-width: 1100px;
  padding: 0 50px
 }
 .article-deepstory__section {
  margin-bottom: 100px
 }
 .article-deepstory__section .article-deepstory__image-wrap {
  width: 450px
 }
 .article-deepstory__content {
  width: 450px
 }
 .article-deepstory__heading {
  margin-bottom: 30px
 }
 .article-deepstory.theme1 .obj1 {
  right: -70px;
  top: -50px;
  width: 145px
 }
 .article-deepstory.theme1 .obj2 {
  bottom: 30px;
  left: -55px
 }
 .article-deepstory.theme1 .obj3 {
  bottom: -70px;
  left: 70px;
  width: 127px
 }
 .article-deepstory.theme1 .obj_pc {
  bottom: -200px;
  right: -123px;
  width: 133px
 }
 .article-deepstory.theme1 .obj4 {
  left: -100px;
  top: 5px;
  width: 130px
 }
 .article-deepstory.theme1 .obj5 {
  bottom: -24px;
  right: -54px;
  width: 115px
 }
 .article-deepstory.theme1 .obj6 {
  bottom: -75px;
  right: 85px;
  width: 124px
 }
 .article-deepstory.theme1 .obj7 {
  right: -70px;
  top: -43px;
  width: 145px
 }
 .article-deepstory.theme2 .obj1 {
  right: -40px;
  top: -55px;
  width: 94px
 }
 .article-deepstory.theme2 .obj2 {
  bottom: -32px;
  right: -62px;
  width: 100px
 }
 .article-deepstory.theme2 .obj3 {
  bottom: -80px;
  right: 70px;
  width: 90px
 }
 .article-deepstory.theme2 .obj4 {
  right: -50px;
  top: -50px;
  width: 100px
 }
 .article-deepstory.theme2 .obj5 {
  bottom: 35px;
  left: -65px;
  width: 130px
 }
 .article-deepstory.theme2 .obj6 {
  bottom: -50px;
  left: 60px;
  width: 94px
 }
 .article-deepstory.theme2 .obj7 {
  left: -38px;
  top: -60px;
  width: 135px
 }
 .article-deepstory.theme2 .obj8 {
  bottom: -10px;
  right: -90px;
  width: 125px
 }
 .article-deepstory.theme2 .obj9 {
  bottom: -100px;
  right: 110px;
  width: 90px
 }
 .article-deepstory.theme3 .obj1 {
  right: -60px;
  top: -40px;
  width: 128px
 }
 .article-deepstory.theme3 .obj2 {
  bottom: -20px;
  left: -60px;
  width: 120px
 }
 .article-deepstory.theme3 .obj3 {
  bottom: -80px;
  right: -40px;
  width: 112px
 }
 .article-deepstory.theme3 .obj4 {
  left: -70px;
  top: -30px;
  width: 146px
 }
 .article-deepstory.theme3 .obj5 {
  bottom: 50px;
  right: -58px;
  width: 130px
 }
 .article-deepstory.theme3 .obj6 {
  bottom: -80px;
  left: -54px;
  width: 122px
 }
 .article-deepstory.theme3 .obj7 {
  left: -38px;
  top: -60px;
  width: 130px
 }
 .article-deepstory.theme3 .obj8 {
  bottom: 10px;
  right: -110px;
  width: 135px
 }
 .article-deepstory.theme3 .obj9 {
  bottom: -100px;
  right: 95px;
  width: 120px
 }
 .short-box {
  margin-bottom: 60px;
  padding-bottom: 50px
 }
 .short-hero {
  width: 400px
 }
 .short__image {
  margin-bottom: 15px
 }
 .short__title {
  margin-bottom: 40px
 }
 .short__illust {
  width: 150px
 }
}
@media only screen and (min-width:1160px) {
 a:active, a:hover {
  outline-width: 0
 }
 .l-inner {
  margin: auto;
  padding: 0 80px;
  width: 1160px
 }
 .l-inner--top {
  margin: auto;
  max-width: 1060px;
  padding: 0 30px;
  width: 1060px
 }
 .c-article__heading {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 44px
 }
 .archive__position {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 5px
 }
 .obj_pc {
  display: none
 }
 .article-deepstory.theme1 .obj8, .article-deepstory.theme1 .obj9 {
  display: none
 }
 .article-wrap {
  margin: auto;
  width: 1000px
 }
 .article {
  height: 365px;
  width: 1000px
 }
 .article p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 35px
 }
 .article__inner {
  -webkit-column-width: 1000px;
  -moz-column-width: 1000px;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
  column-width: 1000px;
  width: 1000px
 }
 .column1-md {
  margin-bottom: 80px
 }
 .column2-md {
  margin-bottom: 525px
 }
 .column3-md {
  margin-bottom: 970px
 }
 .article__spacer {
  width: 35px
 }
 .article__spacer--md {
  width: 35px
 }
 .article__image--wide {
  margin-bottom: 130px;
  padding-top: 100px
 }
 .article__image--last {
  padding-top: 100px
 }
 .articleBox__title.-interview44 {
  top: 60px;
  width: 98px
 }
 .pickup2 .articleBox__position {
  margin-bottom: 35px
 }
 .articleOverview {
  padding: 90px 0
 }
 .articleOverview_lead {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 1.5px;
  line-height: 50px;
  right: 84px;
  top: -500px
 }
 .articleOverview__name--wrap {
  width: 400px
 }
 .articleOverview__name {
  font-size: 40px;
  font-size: 4rem;
  letter-spacing: 12px;
  line-height: 1em;
  margin-bottom: 40px
 }
 .articleOverview__name span {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleOverview__name.-narrow {
  font-size: 40px;
  font-size: 4rem;
  letter-spacing: 6px;
  line-height: 46px
 }
 .articleOverview__name.-interview45 {
  font-size: 35px;
  font-size: 3.5rem;
  letter-spacing: 0;
  line-height: 46px
 }
 .articleOverview__name--en {
  font-size: 14px;
  font-size: 1.4rem;
  left: -18px;
  letter-spacing: 2.8px;
  letter-spacing: 2.8px !important;
  line-height: 1em;
  position: absolute;
  top: 4px
 }
 .articleOverview__position {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 0
 }
 .artivleOverview__profile {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 28px;
  width: 600px
 }
 .artivleOverview__text {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 37px;
  margin-top: 50px;
  padding: 25px 0
 }
 .articlePaging {
  padding: 100px 0 80px
 }
 .articlePaging .articlePaging__inner {
  width: 1000px
 }
 .articlePaging .articlePaging__box {
  width: 336px
 }
 .articlePaging .articlePaging__text {
  font-size: 20px;
  font-size: 2rem;
  height: 40px;
  letter-spacing: 0;
  line-height: 1em;
  width: 200px
 }
 .articlePaging .articlePaging__number--wrap {
  font-size: 60px;
  font-size: 6rem;
  letter-spacing: 0;
  line-height: 1em;
  right: 5px;
  top: -30px
 }
 .articlePaging .articlePaging__number--wrap span {
  font-size: 35px;
  font-size: 3.5rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .articlePaging .articlePaging__back {
  margin-top: 80px
 }
 .articlePaging .articlePaging__back a {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .hero__main .l-inner {
  height: 650px;
  max-height: 650px;
  min-height: 650px
 }
 .heroArticle__number--wrap {
  bottom: 76px;
  left: 80px
 }
 .heroArticle__number {
  font-size: 90px;
  font-size: 9rem;
  letter-spacing: 7.2px;
  line-height: 1em;
  margin-top: 4px;
  padding-bottom: 20px
 }
 .u-pc-show {
  display: inline-block
 }
 .u-pc-hidden {
  display: none
 }
}
@media only screen and (min-width:1200px) {
 .l-inner2.-pc-md {
  max-width: 1300px !important;
  padding: 0 50px !important
 }
 .article-deepstory {
  padding-bottom: 100px
 }
 .article-deepstory-hero {
  margin-bottom: 80px !important
 }
 .article-deepstory__info {
  padding-right: 20px;
  width: 500px
 }
 .article-deepstory__overview {
  width: 600px
 }
 .article-deepstory__main {
  margin-bottom: 50px
 }
 .article-deepstory__title {
  bottom: 20px;
  font-size: 35px;
  font-size: 3.5rem;
  letter-spacing: 1.75px;
  line-height: 60px;
  right: 30px
 }
 .article-deepstory__sub {
  margin-bottom: 20px;
  margin-top: 5px
 }
 .article-deepstory__name {
  margin-bottom: 15px
 }
 .article-deepstory__position {
  margin-bottom: 20px
 }
}
@media only screen and (min-width:1260px) {
 .l-footer__copy {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 50px
 }
 .archive {
  margin-bottom: 100px
 }
 .archive__item {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: 20px
 }
 .archive__name {
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleBox {
  margin-bottom: 168px;
  padding-bottom: 66px;
  width: 30%
 }
 .articleBox__coming {
  margin-bottom: 168px;
  padding-bottom: 66px;
  width: 30%
 }
 .articleBox__portrait {
  margin-bottom: 30px
 }
 .articleBox__title {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  font-size: 20px;
  font-size: 2rem;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 50px;
  writing-mode: vertical-rl
 }
 .articleBox__nickname {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1em;
  margin-bottom: 15px
 }
 .interviews .articleBox__nickname {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 4px;
  line-height: 1em;
  margin-bottom: 15px
 }
 .articleBox__name {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 7.8px;
  line-height: 1em;
  margin-bottom: 20px
 }
 .articleBox__name span {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleBox__name--narrow {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 2.6px;
  line-height: 1em
 }
 .articleBox__position {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: .6px;
  line-height: 20px
 }
 .articleBox__number {
  font-size: 60px;
  font-size: 6rem;
  letter-spacing: 3.6px;
  line-height: 1em;
  right: 10px;
  top: -45px
 }
 .articleBox__number span {
  font-size: 35px;
  font-size: 3.5rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .articleBox__new {
  font-size: 16px;
  font-size: 1.6rem;
  height: 20px;
  letter-spacing: 1.76px;
  line-height: 1em;
  top: 196px;
  width: 66px
 }
 .articleBox__link {
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 1.05px;
  line-height: 1em;
  padding-bottom: 14px
 }
 .articleBox__cs {
  font-size: 27px;
  font-size: 2.7rem;
  letter-spacing: 2.7px;
  line-height: 1em
 }
 .pickup2 .articleBox__name {
  margin-bottom: 16px
 }
 .articleBox__title--col3 {
  width: 102px
 }
 .articleBox__title--col4 {
  width: 128px
 }
}
@media only screen and (min-width:1500px) {
 main {
  overflow: hidden;
  padding-top: 90px
 }
 .l-inner2 {
  margin: auto;
  padding: 0 50px;
  width: 1500px
 }
 .l-inner2.-sp-full {
  max-width: 1500px;
  padding: 0 50px;
  width: 100%
 }
 .l-archive-wrap {
  margin-bottom: 50px
 }
 .l-short-wrap {
  margin-bottom: 50px;
  padding-top: 0
 }
 .l-short-wrap.-article {
  padding-top: 100px
 }
 .l-main-content {
  padding-right: 30px;
  width: 1040px
 }
 .l-main-side {
  width: 326px
 }
 .l-header__inner {
  margin: auto;
  padding: 0 50px;
  width: 1500px
 }
 .l-header__logo {
  width: 400px
 }
 .l-header__logoImage {
  width: 70px
 }
 .l-header-nav {
  width: 700px
 }
 .c-form .c-form__search {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1em
 }
 .top-nav-list {
  height: 88px;
  width: 1260px
 }
 .top-nav-list .top-nav__item.-staff img {
  width: 247px
 }
 .top-nav-list .top-nav__item.-story img {
  width: 302px
 }
 .top-nav-list .top-nav__item.-interview img {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  width: 220px
 }
 .c-hamburger {
  height: 20px;
  width: 27px
 }
 .about-content {
  margin-bottom: 80px
 }
 .about-content .l-inner2 {
  margin-left: 50px;
  width: 850px
 }
 .archive-hero {
  height: 350px
 }
 .article-deepstory__movie {
  margin-bottom: 100px
 }
 .article-lists:after {
  content: "";
  width: 440px
 }
 .article-box {
  margin-bottom: 30px;
  width: 440px
 }
 .article-cat {
  margin: 8px 8px 4px 0
 }
 .article-box__tag-new {
  width: 66px
 }
 .l-archive-wrap .article-box {
  margin-bottom: 30px;
  width: 440px
 }
 .hero .article-box {
  margin-bottom: 50px
 }
 .hero .u-article-image {
  width: 920px
 }
 .hero .article__info {
  padding: 45px 25px
 }
 .main.top {
  margin-top: 200px;
  padding-top: 0
 }
 .main.top .hero__image {
  margin-bottom: 60px;
  width: 1010px
 }
 .main.top .hero-side {
  height: 470px;
  width: 370px
 }
 .main.top .hero-nav__item {
  margin-bottom: 25px
 }
 .keyword__heading {
  margin-bottom: 14px
 }
 .keyword__heading img {
  width: 254px
 }
 .pickup {
  margin-bottom: 0
 }
 .pickup__heading {
  margin-bottom: 18px;
  padding-bottom: 5px
 }
 .pickup__heading img {
  width: 248px
 }
 .pickup-box {
  margin-bottom: 42px
 }
 .article-cat.-pickup {
  margin: 8px 0 4px
 }
 .main.result {
  margin-top: 40px;
  padding-top: 90px
 }
 .main.result .article-lists:after {
  width: 320px
 }
 .short-story-lists:before {
  width: 240px
 }
 .short-story-lists:after {
  width: 240px
 }
 .short-story-section {
  margin-top: 30p;
  padding: 40px 0 10px
 }
 .short-story-section__title {
  margin-bottom: 40px;
  width: 445px
 }
 .short-story-box {
  width: 260px
 }
 .l-short-wrap .article-lists:after {
  width: 320px
 }
 .l-short-wrap .short-story-box {
  margin-bottom: 40px;
  width: 320px
 }
 .short-story-box__tag-new {
  width: 60px
 }
 .story .short-story-box {
  width: 325px
 }
 .sns {
  min-height: 150px
 }
 .sns__list {
  width: 260px
 }
 .sns__list--item {
  width: 34px
 }
 .sns__list__site {
  margin-top: 40px;
  width: 100px
 }
}
@media screen {
 [hidden ~ =screen] {
  display: inherit
 }
 [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
  clip: rect(0 0 0 0) !important;
  position: absolute !important
 }
}
@media only screen and (min-width:1025px) {
 .about-content {
  margin: 0 auto;
  width: 865px
 }
}
.article-deepstory__entrydate {
 position: absolute;
 bottom: -5vw;
 right: 2vw;
 font-size: 1.1rem;
 letter-spacing: 2px;
}
.article-kuratano__entrydate {
 display: block;
 text-align: right;
 position: relative;
 top: -8.533vw;
 letter-spacing: 2px;
 font-size: 1.2rem;
}
.article-monogataribito__entrydate {
 position: absolute;
 top: -24em;
 right: 0;
 z-index: 11;
}
@media only screen and (min-width: 768px) {
 .article-deepstory__entrydate {
  font-size: 1.4rem;
  bottom: -24px;
  right: 0;
 }
 .article-kuratano__entrydate {
  top: -25px;
  font-size: 1.4rem;
 }
 .article-monogataribito__entrydate {
  top: -3em;
 }
}