@charset "utf-8";

html {
  font-size: 0.694444444vw;
}

body {
  background: #fff;
  color: #242424;
  font-family: "Yu Gothic", sans-serif;
}

body.noscroll {
  overflow: hidden;
}

a {
  display: block;
  transition: 0.2s;
}

a:hover {
  opacity: 0.8;
  transition: 0.2s;
}

dt {
  font-weight: normal;
}

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
  padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */

/* Set core body defaults */

body {
  text-rendering: optimizeSpeed;
}

/* spのみ表示 */
.sp-show{
  display: none;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

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

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
}

/* フォームリセット */

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/*
 * l-footer
 * -------------------------------------------------------------
 */

.l-footer {
  background: url(./../images/common/footer_bg.webp) no-repeat center/cover #121212;
  color: #fff;
  padding: 4rem 0 2.5rem;
  text-align: center;
}

.l-footer__nav-items {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
  justify-content: center;
}

.l-footer__nav-item {
  display: flex;
  font-size: 2.33rem;
  justify-content: center;
}

.l-footer__nav-item.-work {
  flex-direction: column;
  gap: 1rem 0;
}

.l-footer__nav-item.-contact {
  padding-top: 2rem;
}

.l-footer__nav-item span {
  display: block;
  padding-top: 2rem;
}

.l-footer__nav-item a {
  border-bottom: 1px solid #fff;
  width: -moz-fit-content;
  width: fit-content;
}

.l-footer__nav-work {
  display: flex;
  gap: 0 3rem;
}

.l-footer__text {
  font-size: 2rem;
  padding-top: 6rem;
}

.l-footer__copyright {
  font-size: 2rem;
  padding-top: 1.2rem;
}

/*
 * l-header
 * -------------------------------------------------------------
 */

.l-header {
  background: #fff;
  box-shadow: -1.176px 1.618px 16px 0px rgba(122, 122, 122, 0.8);
  height: 11rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.l-header__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.l-header__logo {
  max-width: 16.4rem;
}

/*
 * l-inner
 * -------------------------------------------------------------
 */

.l-inner {
  margin: auto;
  max-width: 144rem;
  padding: 0 3rem;
}

/*
 * l-main
 * -------------------------------------------------------------
 */

.l-main {
  overflow: hidden;
}

.l-main.-page {
  margin-top: 11rem;
}

/*
 * c-btn
 * -------------------------------------------------------------
 */

.c-btn {
  position: relative;
}

.c-btn__more {
  display: block;
  font-size: 3.2rem;
  letter-spacing: -0.02em;
  padding-right: 3.8rem;
  text-align: right;
}

.c-btn::after {
  border-bottom: 2px solid #242424;
  border-right: 2px solid #242424;
  content: "";
  display: block;
  height: 2.1rem;
  margin-left: auto;
  margin-top: -1.7rem;
  transform: skew(40deg);
  width: 100%;
}

.c-btn.--work .c-btn__more {
  font-size: 2.4rem;
}

.c-btn.--work::after {
  height: 1.4rem;
  margin-top: -1.4rem;
}

/*
 * c-card
 * -------------------------------------------------------------
 */

.c-card {
  aspect-ratio: 4/3;
  box-shadow: 10px 10px 10px 0px rgba(122, 122, 122, 0.9);
}

/*
 * c-hamburger
 * -------------------------------------------------------------
 */

.c-hamburger {
  display: none;
  height: 8.5rem;
  position: relative;
  width: 10.2rem;
  z-index: 30;
}

.c-hamburger span {
  background: #141414;
  border-radius: 2rem;
  height: 1rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.2s;
  width: 100%;
}

.c-hamburger span:nth-child(1) {
  top: 4%;
}

.c-hamburger span:nth-child(2) {
  transform: translate(-50%, -50%);
}

.c-hamburger span:nth-child(3) {
  top: 86%;
}

.c-hamburger span.is-active:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-hamburger span.is-active:nth-child(2) {
  opacity: 0;
}

.c-hamburger span.is-active:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

/*
 * c-nav
 * -------------------------------------------------------------
 */

.c-nav {
  flex: 1;
}

.c-nav.is-active {
  overflow: auto;
  transform: translateX(0);
  transition: all 0.6s;
  visibility: visible;
}

.c-nav__items {
  align-items: center;
  display: flex;
  gap: 0 3rem;
  justify-content: flex-end;
}

.c-nav__item {
  display: flex;
  font-size: 2rem;
  gap: 0 3rem;
  line-height: 1;
}

.c-nav__item a {
  border-bottom: 1px solid #242424;
  text-transform: uppercase;
}

.c-nav__work-items {
  display: flex;
  gap: 0 3rem;
}

/*
 * c-secttl
 * -------------------------------------------------------------
 */

.c-secttl {
  font-size: 4rem;
  letter-spacing: -0.2em;
}

/*
 * u-pc
 * -------------------------------------------------------------
 */

.u-pc {
  display: block;
}

/*
 * u-sp
 * -------------------------------------------------------------
 */

.u-sp {
  display: none;
}

/*
 * p-fv
 * -------------------------------------------------------------
 */

.p-fv {
  aspect-ratio: 1440/1185;
}

.p-fv__inner {
  height: 100%;
  padding-top: 4rem;
  position: relative;
}

.p-fv__body {
  aspect-ratio: 1085/1035;
  background: url(./../images/contents/fv_mokume.webp) no-repeat center/100%;
  max-width: 103.5rem;
  padding: 15rem 0 0 4rem;
}

.p-fv__logo {
  max-width: 53rem;
}

.p-fv__text {
  font-family: "Figtree", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.857;
  padding-top: 2rem;
  text-transform: uppercase;
}

.p-fv__img {
  max-width: 60.2rem;
  position: absolute;
  right: 0;
  top: 38rem;
  width: 100%;
}

/*
 * p-news-post
 * -------------------------------------------------------------
 */

.p-news-post__date,
.p-news-post__ttl {
  /*font-size: 2.33rem;*/
  font-size: 2.8rem;

  line-height: 1.4;
}

/*
 * p-news-top
 * -------------------------------------------------------------
 */

.p-news-top {
  padding: 17rem 0 10rem;
}

.p-news-top__items {
  margin-top: 4rem;
  text-align: center;
}

/*
 * p-news-top
 * -------------------------------------------------------------
 */

.p-news__secttl {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}

.p-news__secttl-eng {
  display: block;
  max-width: 22.7rem;
}

.p-news__secttl .c-secttl {
  letter-spacing: -0.1em;
}

/*
 * p-page-ttl
 * -------------------------------------------------------------
 */

.p-page-ttl {
  padding: 6rem 0 15rem;
  position: relative;
}

.p-page-ttl::before {
  background: url(./../images/contents/ttl_bg.webp) no-repeat center/100%;
  content: "";
  display: block;
  height: 11.6666vw;
  left: 0;
  max-width: 38.194444vw;
  position: absolute;
  top: 12.5rem;
  width: 100%;
}

.p-page-ttl__wrap {
  align-items: center;
  display: flex;
}

.p-page-ttl__eng {
  position: relative;
}

.p-page-ttl__ja {
  font-size: 3.6rem;
  letter-spacing: -0.24em;
  padding-top: 0;
  position: relative;
}

/* ====================================
	プロフィール
======================================= */

.p-page-ttl.--prof .p-page-ttl__wrap {
  gap: 0 1rem;
}

.p-page-ttl.--prof .p-page-ttl__eng {
  max-width: 31.2rem;
}

/* ====================================
	ギャラリー
======================================= */

.p-page-ttl.--work {
  padding: 6rem 0 9rem;
}

.p-page-ttl.--work .p-page-ttl__eng {
  max-width: 35rem;
}

/*
 * p-prof-top
 * -------------------------------------------------------------
 */

.p-prof-top {
  padding: 3.2rem 0 22.8rem;
}

.p-prof-top__inner {
  display: flex;
  gap: 0 5.5rem;
  padding-left: 0;
}

.p-prof-top__portrait {
  max-width: 60.8rem;
  max-width: 58rem;
  position: relative;
  z-index: 1;
}

.p-prof-top__body {
  flex: 1;
  padding-top: 3rem;
  position: relative;
}

.p-prof-top__body::before {
  background: url(./../images/contents/profile_bg.webp) no-repeat center/100%;
  content: "";
  display: block;
  height: 76rem;
  position: absolute;
  right: -3rem;
  top: 13rem;
  width: 89.6rem;
}

.p-prof-top__secttl {
  left: 20rem;
  position: relative;
}

.p-prof-top__secttl-eng {
  display: block;
  max-width: 31rem;
}

.p-prof-top__secttl-ja {
  position: absolute;
  right: 41.4rem;
  top: 12rem;
}

.p-prof-top__detail {
  max-width: 71rem;
  padding: 4.8rem 0 0 0;
  position: relative;
}

.p-prof-top__name {
  font-size: 3.1rem;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.p-prof-top__fname {
  display: block;
  font-size: 50%;
  letter-spacing: 0;
  margin-top: -0.4rem;
}

.p-prof-top__fname span {
  display: inline-block;
  margin-left: 0.7em;
}

.p-prof-top__artname {
  font-size: 2.6rem;
  line-height: 1.2;
  padding-top: 1.5rem;
}

.p-prof-top__artname small {
  font-size: 67%;
  text-transform: uppercase;
}

.p-prof-top__text {
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  max-width: 62rem;
  padding-top: 2.5rem;
}

.p-prof-top__btn {
  margin-left: auto;
  margin-top: 3rem;
}

.p-prof-top__btn .c-btn::after {
  max-width: 36rem;
}

/*
 * p-prof
 * -------------------------------------------------------------
 */

.p-prof {
  padding-bottom: 8.4rem;
}

.p-prof__flex {
  align-items: center;
  display: flex;
  gap: 0 4.3rem;
}

.p-prof__portrait {
  max-width: 62rem;
}

.p-prof__body {
  flex: 1;
}

.p-prof__name {
  align-items: flex-end;
  display: flex;
  font-size: 4.9rem;
  gap: 0 1rem;
  letter-spacing: -0.05em;
  line-height: 1;
}

.p-prof__fname {
  display: inline-block;
  font-size: 51%;
  position: relative;
  top: -0.7rem;
}

.p-prof__artname {
  align-items: flex-end;
  display: flex;
  font-size: 4.8rem;
  padding-top: 1.4rem;
}

.p-prof__artname span::after {
  content: "|";
  display: inline-block;
  font-size: 4.8rem;
  margin: 0 1.2rem;
}

.p-prof__artname span {
  display: inline-block;
  font-size: 3.2rem;
}

.p-prof__artname small {
  display: inline-block;
  font-size: 70%;
  margin-left: 2.5rem;
  text-transform: uppercase;
}

.p-prof__text {
  display: flex;
  flex-direction: column;
  font-size: 2.1rem;
  gap: 1em 0;
  line-height: 1.6;
  max-width: 111rem;
}

.p-prof__text .indent {
  text-indent: 1em;
}

.p-prof__text.-space {
  padding-top: 6rem;
}

.p-prof__img {
  aspect-ratio: 1030/664;
  margin-left: auto;
  margin-top: 6rem;
  max-width: 103rem;
}

.p-prof__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}

.p-prof__bio {
  margin-top: 5.7rem;
}

.p-prof__bio-item {
  display: flex;
  gap: 0 3.5rem;
}

.p-prof__bio-ttl,
.p-prof__bio-item dt,
.p-prof__bio-item dd {
  font-size: 2.6rem;
  letter-spacing: 0.03em;
  line-height: 1.375;
}

.p-prof__bio-item dd span {
  display: block;
}

/*
 * p-work-main
 * -------------------------------------------------------------
 */

.p-work__inner {
  max-width: 129rem;
}

.p-work-main__secttl {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-size: 4.5rem;
  letter-spacing: -0.06em;
}

.p-work-main__items {
  grid-gap: 3rem 8.8rem;
  display: grid;
  gap: 3rem 8.8rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 4rem;
}

.p-work-main__item {
  aspect-ratio: 1/1;
  box-shadow: 10px 10px 10px 0px rgba(122, 122, 122, 0.9);
  cursor: pointer;
  max-width: 24rem;
  transition: all 0.2s;
}

.p-work-main__item:hover {
  opacity: 0.8;
}

.p-work-main__item img {
  -o-object-fit: cover;
  -o-object-position: top;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/*
 * p-work-modal
 * -------------------------------------------------------------
 */

.p-work-modal {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition: all 0.5s;
  width: 100%;
  z-index: 80;
  z-index: -1;
}

.p-work-modal.show {
  display: block;
  opacity: 1;
  z-index: 80;
}

.p-work-modal__inner {
  max-width: 93.5rem;
  padding: 26rem 2rem 15rem;
  position: relative;
}

.p-work-modal__slider {
  height: auto;
  position: relative;
}

.p-work-modal__img {
  margin: 0 auto;
  width: 100%;
}

.p-work-modal__ttl {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-size: 6rem;
  letter-spacing: -0.06em;
  padding-bottom: 2.5rem;
  text-align: center;
}

.p-work-modal__close {
  background: url(./../images/work/modal_close.webp) no-repeat center/100%;
  cursor: pointer;
  height: 5.6rem;
  left: 50%;
  max-width: 17.3rem;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}

.p-work-modal__close.-bottom {
  bottom: 5rem;
}

.p-work-modal__close.-top {
  top: 17rem;
}

.p-work-modal__slider .slick-prev,
.p-work-modal__slider .slick-next {
  display: none;
}

.p-work-modal__prev,
.p-work-modal__next {
  bottom: -3rem;
  height: 3.3rem;
  max-width: 20.5rem;
  position: absolute;
  width: 100%;
  z-index: 90;
}

.p-work-modal__prev {
  background: url(./../images/work/modal_prev.webp) no-repeat center/100%;
  left: -13rem;
}

.p-work-modal__next {
  background: url(./../images/work/modal_next.webp) no-repeat center/100%;
  right: -13rem;
}

.p-work-modal__custom-prev,
.p-work-modal__custom-next {
  height: 3.3rem;
  max-width: 20.5rem;
  position: absolute;
  top: 29rem;
  width: 100%;
  z-index: 90;
}

.p-work-modal__custom-prev {
  background: url(./../images/work/modal_prev.webp) no-repeat center/100%;
  left: -11rem;
}

.p-work-modal__custom-next {
  background: url(./../images/work/modal_next.webp) no-repeat center/100%;
  right: -11rem;
}


/*
 * p-work-greeting
 * -------------------------------------------------------------
 */
 .p-work-greeting{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1%;
  margin: 2% auto 4%;
  text-align: center;
  width: 90%;
 }
 .modal-open-button {
  padding: 10px 20px;
  color: #242424;
  text-decoration: underline;
  cursor: pointer;
  border: none;
  font-size: 3rem;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 60%);
}

details[open] .modal-overlay {
  display: block;
}

.modal-wrapper {
  position: absolute;
  top: 60%;
  left: 50%;
  z-index: 20;
  width: 80%;
  max-width: 640px;
  pointer-events: none;
  background-color: #FEFEFE;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  font-size: 2.5rem;
  text-align: left;
  line-height: 1.5em;
  padding: 3% 1%;
}

.modal-header {
  display: flex;
  padding-right: 10px;
}

.modal-header .space {
  flex: 1;
  pointer-events: all;
}

.modal-header .close {
  font-size: 24px;
  color: black;
  text-decoration: none;
  pointer-events: none;
  cursor: pointer;
}

.modal-content {
  padding: 0 20px 20px;
  pointer-events: all;
}

.modal-content__name{
display: block;
text-align: right;
}

.modal-content h4 {
  margin-bottom: 2%;
  font-size: 3.5rem;
  line-height: 1.2em;
  letter-spacing: 0.15em;
  font-weight: bold;
}

summary {
  list-style: none;
  cursor: pointer;
}

summary::marker {
  display: none;
}




/*
 * p-work-series
 * -------------------------------------------------------------
 */

.p-work-series {
  padding: 10.5rem 0;
}

.p-work-series__secttl {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-size: 3.5rem;
  letter-spacing: -0.06em;
}

.p-work-series__items {
  grid-gap: 0 2.3rem;
  display: grid;
  gap: 0 2.3rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1rem;
}

.p-work-series__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}

.p-work-series__body {
  max-width: 26.5rem;
  padding-top: 1rem;
}

.p-work-series__ttl {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-size: 2.8rem;
  letter-spacing: -0.06em;
  padding-top: 0.5rem;
}

.p-work-series__btn {
  margin-top: -2.5rem;
  position: relative;
  right: 1rem;
}

/*
 * p-work-top
 * -------------------------------------------------------------
 */

.p-work-top {
  padding-top: 2rem;
}

.p-work-top__secttl-eng {
  display: block;
  margin: 0 auto;
  max-width: 37rem;
}

.p-work-top__secttl-ja {
  margin-top: -8rem;
  text-align: center;
}

.p-work-top__ttl {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-size: 5rem;
  padding-bottom: 0.4rem;
}

.p-work-top__ttl.-sm {
  font-size: 4.2rem;
}

.p-work-top__btn {
  margin-top: -4.2rem;
  position: relative;
  right: 1rem;
}

/*
 * p-work-top01
 * -------------------------------------------------------------
 */

.p-work-top01__slider {
  margin: 12.6rem calc(50% - 50vw) 0;
  padding-bottom: 4rem;
}

.p-work-top01__slider .slick-slide {
  margin: 0 2.5rem;
}

.p-work-top01__slider .slick-list {
  padding-bottom: 2rem !important;
}

.p-work-top01__slider .slick-list {
  margin: 0 -2.5rem;
}

.p-work-top01__slide {
  aspect-ratio: 4/3;
  box-shadow: -9.992px 13.753px 13px 0px rgba(122, 122, 122, 0.8);
  box-shadow: 15px 15px 10px 0px rgba(122, 122, 122, 0.8);
}

.p-work-top01__slide img {
  -o-object-fit: cover;
  -o-object-position: top;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.p-work-top01__slider .slick-dots {
  display: flex;
  gap: 0 2.2rem;
  justify-content: center;
  margin-top: 2rem;
}

.p-work-top01__slider .slick-dots li {
  background: #d3d8db;
  border-radius: 50%;
  cursor: pointer;
  height: 1.6rem;
  width: 1.6rem;
}

.p-work-top01__slider .slick-dots li.slick-active {
  background: #0c4ed4;
}

.p-work-top01__slider .slick-dots button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  display: none;
  outline: none;
  padding: 0;
}

.p-work-top01__body {
  margin-left: auto;
  max-width: 54rem;
}

/*
 * p-work-top02
 * -------------------------------------------------------------
 */

.p-work-top02 {
  margin-top: 10.5rem;
}

.p-work-top02__items {
  grid-gap: 0 4rem;
  display: grid;
  gap: 0 4rem;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  width: 70%;
}

.p-work-top02__item {
  display: flex;
  flex-direction: column;
  gap: 3rem 0;
}

.p-work-top02__img {
  max-width: 66.9rem;
  width: 100%;
}

.p-work-top02__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}

/*
 * p-work-top03
 * -------------------------------------------------------------
 */

.p-work-top03 {
  margin: 6rem auto 0;
  max-width: 105rem;
}

.p-work-top03__items {
  display: flex;
  gap: 0 4rem;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
}

.p-work-top03__item {
  max-width: 51.8rem;
  width: 100%;
}

.p-work-top03__img {
  aspect-ratio: 505/379;
  box-shadow: 10px 10px 10px 0px rgba(122, 122, 122, 0.9);
}

.p-work-top03__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}

.p-work-top03__body {
  padding-top: 2rem;
}

@media screen and (min-width: 1025px) {

  a[href^="tel:"] {
    pointer-events: none;
  }

}

@media screen and (max-width: 768px) {

  .p-work-top01__slider .slick-dots {
    gap: 0 3rem;
    margin-top: 4rem;
  }

  .p-work-top01__slider .slick-dots li {
    height: 2.2rem;
    width: 2.2rem;
  }

  .p-work-top02__body {
    margin-left: auto;
    max-width: 53.6rem;
    padding-top: 2rem;
    width: 100%;
  }

  .p-work-top03__items {
    width: 100%;
  }

}

@media screen and (max-width: 650px) {

  html {
    font-size: 0.889vw;
  }

  .l-footer {
    padding: 12rem 0 6rem;
  }

  .l-footer__nav-items {
    gap: 4rem 0;
  }

  .l-footer__nav-item {
    font-size: 3.5rem;
  }

  .l-footer__nav-item.-work {
    gap: 2.5rem 0;
  }

  .l-footer__nav-work {
    flex-wrap: wrap;
    gap: 2.5rem 3.5rem;
    justify-content: center;
    max-width: 34rem;
  }

  .l-footer__text {
    font-size: 3rem;
    padding-top: 12rem;
  }

  .l-footer__copyright {
    font-size: 3rem;
  }

  .l-header {
    height: 18.5rem;
  }

  .l-header__logo {
    max-width: 25.8rem;
  }

  .l-inner {
    padding: 0 2.5rem;
  }

  .l-main.-page {
    margin-top: 18.5rem;
  }

  .c-btn__more {
    font-size: 4rem;
  }

  .c-btn::after {
    border-width: 1px;
  }

  .c-btn.--work .c-btn__more {
    font-size: 4rem;
  }

  .c-btn.--work::after {
    height: 2.5rem;
    margin-top: -2.5rem;
  }

  .c-card {
    box-shadow: 5px 4px 4px rgba(122, 122, 122, 0.8);
  }

  .c-hamburger {
    display: block;
  }

  .c-hamburger--show {
    display: block;
    position: fixed;
    right: 3rem;
    top: 5rem;
  }

  .c-nav {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    padding: 30rem 7.5rem 25rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all 0.6s;
    visibility: hidden;
    width: 100%;
    z-index: 20;
  }

  .c-nav__items {
    align-items: flex-start;
    flex-direction: column;
    gap: 10rem 0;
  }

  .c-nav__item {
    flex-direction: column;
    font-size: 6.1333vw;
    gap: 7rem 0;
    width: 100%;
  }

  .c-nav__item small {
    font-size: 85%;
    padding-left: 4rem;
  }

  .c-nav__item a {
    border-width: 2px;
    padding-bottom: 2rem;
    padding-left: 4rem;
    position: relative;
  }

  .c-nav__item a::after {
    background: #242424;
    content: "";
    display: inline-block;
    height: 5rem;
    position: absolute;
    right: 1.6rem;
    top: 4.5rem;
    transform: rotate(-40deg);
    width: 2px;
  }

  .c-nav__work-items {
    flex-direction: column;
    gap: 10rem;
    padding-left: 6rem;
  }

  .u-pc {
    display: none;
  }

  .u-sp {
    display: block;
  }

  .p-fv {
    aspect-ratio: 1125/1626;
  }

  .p-fv__inner {
    padding-top: 9rem;
  }

  .p-fv__logo {
    max-width: 83.2rem;
  }

  .p-fv__text {
    font-size: 3.8rem;
    line-height: 1.7;
    padding-left: 1rem;
    position: relative;
    z-index: 1;
  }

  .p-fv__img {
    max-width: 73rem;
    top: 64rem;
  }

  .p-news-post__date,
  .p-news-post__ttl {
    /*font-size: 3.6rem;*/
    font-size: 4.5rem;
  }

  .p-news-top {
    padding: 23rem 0 29rem;
  }

  .p-news-top__items {
    margin-top: 5rem;
    padding-left: 4rem;
    text-align: left;
  }

  .p-news__secttl {
    flex-direction: row;
  }

  .p-news__secttl-eng {
    max-width: 34rem;
  }

  .p-news__secttl .c-secttl {
    padding-top: 3rem;
  }

  .p-page-ttl {
    padding: 5.5rem 0 11rem;
  }

  .p-page-ttl::before {
    height: 25.1rem;
    max-width: 79.2rem;
    top: 14.7rem;
  }

  .p-page-ttl__inner {
    padding: 0 4rem;
  }

  .p-page-ttl__wrap {
    position: relative;
  }

  .p-page-ttl__ja {
    font-size: 6.5rem;
  }

  .p-page-ttl.--prof .p-page-ttl__wrap {
    display: block;
    max-width: 54.3rem;
  }

  .p-page-ttl.--prof .p-page-ttl__eng {
    max-width: 46.5rem;
  }

  .p-page-ttl.--prof .p-page-ttl__ja {
    bottom: 0.5rem;
    padding: 0;
    position: absolute;
    right: 0;
  }

  .p-page-ttl.--work {
    padding-bottom: 20rem;
  }

  .p-page-ttl.--work .p-page-ttl__eng {
    max-width: 55.6rem;
  }

  .p-page-ttl.--work .p-page-ttl__ja {
    padding-top: 10.4rem;
    right: 6rem;
  }

  .p-prof-top {
    padding: 0 0 13rem;
  }

  .p-prof-top__inner {
    gap: 0;
  }

  .p-prof-top__portrait {
    left: -2rem;
    max-width: 61.4rem;
    position: relative;
  }

  .p-prof-top__body::before {
    top: 18rem;
  }

  .p-prof-top__secttl {
    left: -5rem;
  }

  .p-prof-top__secttl-eng {
    max-width: 46.4rem;
  }

  .p-prof-top__secttl-ja {
    font-size: 5.8rem;
    right: -6rem;
    top: 18rem;
  }

  .p-prof-top__detail {
    padding-top: 2.3rem;
  }

  .p-prof-top__name {
    font-size: 5.5rem;
  }

  .p-prof-top__fname {
    letter-spacing: -0.02em;
  }

  .p-prof-top__artname {
    font-size: 4.6rem;
    padding-top: 1.6rem;
  }

  .p-prof-top__text {
    font-size: 4.5rem;
    padding-top: 5.5rem;
  }

  .p-prof-top__btn {
    margin-top: 6rem;
  }

  .p-prof {
    padding-bottom: 11rem;
  }

  .p-prof__inner {
    padding: 0 4rem;
  }

  .p-prof__flex {
    align-items: flex-start;
    flex-direction: column;
    gap: 2.5rem 0;
    padding-bottom: 2.7rem;
  }

  .p-prof__portrait {
    margin: 0 auto;
  }

  .p-prof__text {
    font-size: 3.9rem;
    gap: 1.8rem 0;
    line-height: 1.4;
  }

  .p-prof__text.-space {
    padding-top: 3rem;
  }

  .p-prof__img {
    margin-top: 10rem;
    max-width: 100%;
  }

  .p-prof__bio-ttl,
  .p-prof__bio-item dt,
  .p-prof__bio-item dd {
    font-size: 4rem;
  }

  .p-work__inner {
    padding: 0 3.5rem;
  }

  .p-work-main__secttl {
    font-size: 7rem;
  }

  .p-work-main__items {
    gap: 4.5rem 3rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2.6rem;
  }

  .p-work-main__item {
    box-shadow: 5px 4px 4px rgba(122, 122, 122, 0.8);
    max-width: 100%;
  }

  .p-work-modal__inner {
    max-width: 100%;
    padding: 45rem 2rem 30.5rem;
  }

  .p-work-modal__ttl {
    font-size: 7rem;
    padding-bottom: 1.8rem;
    text-align: left;
  }

  .p-work-modal__close {
    height: 7.1rem;
    max-width: 21.5rem;
  }

  .p-work-modal__close.-bottom {
    bottom: 12rem;
  }

  .p-work-modal__close.-top {
    top: 25rem;
  }

  .p-work-modal__prev,
  .p-work-modal__next {
    bottom: -10rem;
    height: 4.2rem;
    max-width: 24.4rem;
  }

  .p-work-modal__prev {
    left: 0;
  }

  .p-work-modal__next {
    right: 0;
  }

  .p-work-modal__custom-prev,
  .p-work-modal__custom-next {
    height: 4.2rem;
    max-width: 24.4rem;
    top: 33rem;
  }

  .p-work-modal__custom-prev {
    left: 2rem;
  }

  .p-work-modal__custom-next {
    right: 2rem;
  }

  .p-work-series {
    padding: 13rem 0 39rem;
  }

  .p-work-series__secttl {
    font-size: 7rem;
  }

  .p-work-series__items {
    gap: 6.5rem 4rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .p-work-series__body {
    max-width: 45.7rem;
    padding-top: 2rem;
  }

  .p-work-series__ttl {
    font-size: 6rem;
  }

  .p-work-series__btn {
    margin-top: -4.1rem;
  }

  .p-work-top__secttl-eng {
    max-width: 55.6rem;
  }

  .p-work-top__ttl {
    font-size: 6.5rem;
  }

  .p-work-top01__slider .slick-list {
    padding-bottom: 5rem !important;
  }

  .p-work-top01__slide {
    box-shadow: 6px 6px 6px rgba(122, 122, 122, 0.8);
  }

  .p-work-top01__slider .slick-dots {
    margin-top: 1rem;
  }

  .p-work-top02__items {
    gap: 10rem 0;
    grid-template-columns: repeat(1, 1fr);
    margin-left: calc(50% - 50vw);
    width: 100%;
  }

  .p-work-top02__item {
    gap: 0;
  }

  .p-work-top02__img {
    max-width: 84.3rem;
  }

  .p-work-top03 {
    margin-top: 9rem;
  }

  .p-work-top03__body {
    max-width: 45.2rem;
  }

  /*ごあいさつ*/
  .p-work-greeting{
    grid-template-columns: 1fr;
    margin: -12% auto 4%;
  }
  .modal-open-button{
    font-size: 5rem;
  }
  .modal-content h4{
    font-size: 5.5rem;
    letter-spacing: 0.05em;
    margin-bottom: 5%;
    margin-top: 5%;
  }
  .modal-wrapper{
    width: 90%;
    top: 70%;
    font-size: 4.5rem;
    max-height: none;
  }
  .sp-show{
    display: block;
  }

}


/*# sourceMappingURL=style.css.map */