@charset "UTF-8";
/****************************************
Foundation
  - base
Utility
  - utility
    : parallax
    : splide slide
Layout
  - header
  - footer
Component
  - title
Main
  - mv
	- intro
	- latest-work
	- billing
  - teater
  - series
  - profile
****************************************/
/* base
--------------------------------------------------------------- */
* {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, span, blockquote, th, td {
  margin: 0;
  padding: 0;
  letter-spacing: 0.02em;
}

.wrapper {
  overflow: hidden;
}

body {
  background-color: #000;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  line-height: 1.6;
  overflow: hidden;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

a:hover {
  opacity: 0.8;
}

strong {
  font-weight: bold;
}

ul li {
  list-style: none;
}

ol {
  counter-reset: number;
}
ol li {
  display: list-item;
}
ol li:before {
  content: counter(number) ". ";
  counter-increment: number;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000000;
}

del, ins {
  text-decoration: none;
}

.pc {
  display: none;
}
@media (min-width: 769px) {
  .pc {
    display: block;
  }
}

.sp {
  display: block;
}
@media (min-width: 769px) {
  .sp {
    display: none;
  }
}

section {
  padding: 16vw 0; /* 120px */
}
@media (min-width: 769px) {
  section {
    padding: 6.25vw 0; /* 120px */
  }
}

[class*=inner] {
  padding: 0 5.33vw; /* 40px */
}
@media (min-width: 769px) {
  [class*=inner] {
    padding: 0 40px;
  }
}

/* utility / parallax
--------------------------------------------------------------- */
[class*=parallax] {
  position: relative;
  clip-path: inset(0);
}
[class*=parallax]::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  height: 100vh;
  height: 100lvh;
  background: url(../images/bg_billing_sp.jpg) no-repeat 30%/cover;
  transform: translateZ(0); /* 描画安定の保険 */
}

@media (min-width: 769px) {
  [class*=parallax]::before {
    background: url(../images/bg_billing.jpg) no-repeat 40%/cover;
  }
}
/* utility / splide slide
--------------------------------------------------------------- */
.splide__slide {
  width: 89.33vw !important; /* 670px */
  margin-right: 2.67vw; /* 20px */
}
@media (min-width: 769px) {
  .splide__slide {
    width: 46.88vw !important;
    margin-right: 1.67vw; /* 32px */
  }
}
.splide__slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 900/600;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 769px) {
  .splide__slide img {
    width: 46.88vw;
    width: 100%;
    height: auto;
  }
}

.splide__arrow {
  display: block;
  width: 10.67vw; /* 80px */
  height: 10.67vw; /* 80px */
  background: #A80000;
  opacity: 1;
  border-radius: 0;
  background-size: 4.8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 769px) {
  .splide__arrow {
    background-size: 36px;
    width: clamp(50px, 4.17vw, 80px);
    height: clamp(50px, 4.17vw, 80px);
  }
}
.splide__arrow--prev {
  left: 0;
  background-image: url(../images/arrow-left.svg);
}
@media (min-width: 769px) {
  .splide__arrow--prev {
    left: 23.1vw;
  }
}
@media (min-width: 1000px) {
  .splide__arrow--prev {
    left: 23.6vw;
  }
}
.splide__arrow--next {
  right: 0;
  background-image: url(../images/arrow-right.svg);
}
@media (min-width: 769px) {
  .splide__arrow--next {
    right: 23.4vw;
  }
}
@media (min-width: 1000px) {
  .splide__arrow--next {
    right: 23.7vw;
  }
}
.splide__arrow svg {
  display: none;
}

/* utility /アコーディオン
--------------------------------------------------------------- */
.js-acc-contents {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease;
}
.js-acc-contents.open {
  max-height: 1600px;
}

/* header
--------------------------------------------------------------- */
#header {
  width: 100%;
  position: fixed;
  color: #fff;
  z-index: 2;
}
#header::before {
  content: "";
  position: absolute;
  background: url(../images/bg_sns.png) no-repeat right top/cover;
  top: 0;
  right: 0;
  height: 18.67vw; /* 140px */
  width: 50.67vw; /* 380px */
}
@media (min-width: 769px) {
  #header::before {
    max-height: 200px;
    height: 7.29vw; /* 140px */
    max-width: 543px;
    width: 19.78vw; /* 380px */
  }
}
@media (min-width: 1441px) and (max-width: 1600px) {
  #header::before {
    height: clamp(118px, 7.81vw, 125px);
    width: clamp(320px, 21.19vw, 339px);
  }
}
@media (min-width: 1001px) and (max-width: 1440px) {
  #header::before {
    height: clamp(105px, 8.57vw, 120px);
    width: clamp(285px, 23.29vw, 326px);
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  #header::before {
    height: clamp(95px, 10.5vw, 105px);
    width: clamp(258px, 28.5vw, 285px);
  }
}
#header .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.67vw; /* 20px */
  padding-right: 4.27vw; /* 32px */
  padding-left: 2.67vw; /* 20px */
}
@media (min-width: 769px) {
  #header .header_inner {
    align-items: flex-start;
    padding-top: 1.56vw;
    padding-right: 1.88vw; /* 20px */
    padding-left: 1.56vw;
    margin: 0;
  }
}
#header .header_x {
  z-index: 4;
}
#header .header_x a {
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 2.67vw; /* 20px */
}
@media (min-width: 769px) {
  #header .header_x a {
    font-size: clamp(1rem, 1.15vw, 1.375rem); /* 22px */
    font-weight: 700;
    line-height: 1.8;
    padding-left: 20px;
  }
}
#header .header_x a img {
  width: 8vw; /* 60px */
}
@media (min-width: 769px) {
  #header .header_x a img {
    max-width: 60px;
    min-width: 50px;
    width: 3.13vw;
    aspect-ratio: 1/1;
  }
}
#header .header_sns-list {
  display: flex;
  justify-content: flex-end;
  gap: 3.2vw;
  z-index: 3;
}
@media (min-width: 769px) {
  #header .header_sns-list {
    gap: 1.25vw; /* 24px */
  }
}
#header .header_sns-list li a img {
  width: 5.07vw; /* 38px */
}
@media (min-width: 769px) {
  #header .header_sns-list li a img {
    max-width: 38px;
    min-width: 35px;
    width: 1.98vw;
    aspect-ratio: 38/38;
  }
}

/* footer
--------------------------------------------------------------- */
#footer {
  background: url(../images/bg_footer.jpg) no-repeat center bottom/contain;
  background-color: #000;
  padding: 10.67vw 0;
}
@media (min-width: 769px) {
  #footer {
    padding: 4.17vw 0; /* 80px */
  }
}
@media (min-width: 2087px) {
  #footer {
    background-size: cover;
  }
}
@media (min-width: 769px) {
  #footer .footer_inner {
    padding: 0 120px;
  }
}
#footer .sns_ttl {
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media (min-width: 769px) {
  #footer .sns_ttl {
    font-size: clamp(1rem, 1.15vw, 1.375rem); /* 22px */
  }
}
#footer .sns_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.2vw; /* 24px */
  gap: 4.27vw; /* 32px */
}
@media (min-width: 769px) {
  #footer .sns_list {
    gap: 32px;
    margin-top: 20px;
  }
}
#footer .sns_item {
  width: 13.33vw; /* 100px */
}
@media (min-width: 769px) {
  #footer .sns_item {
    max-width: 80px;
  }
}
#footer .credit_area {
  text-align: center;
  margin-top: 5.33vw; /* 40px */
}
@media (min-width: 769px) {
  #footer .credit_area {
    margin-top: 40px;
  }
}
#footer .credit-txt {
  font-family: "Yu Gothic", "YuGothic", sans-serif;
  font-size: min(2.13vw, 1rem); /* 16px */
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 769px) {
  #footer .credit-txt {
    font-size: 10px;
  }
}

/* title
--------------------------------------------------------------- */
.section_ttl {
  position: relative;
  font-size: 6.4vw; /* 48px */
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 4.8px;
  text-align: center;
  margin-bottom: 7.47vw; /* 56px */
  z-index: 0;
}
@media (min-width: 769px) {
  .section_ttl {
    font-size: 48px;
    font-size: clamp(2.25rem, 2.5vw, 3rem); /* 48px */
    margin-bottom: 2.92vw; /* 56px */
  }
}
.section_ttl::before {
  content: "";
  position: absolute;
  background: url(../images/ttl_red.png) center/contain no-repeat;
  aspect-ratio: 400/136;
  left: 50%;
  top: -35%;
  transform: translateX(-50%);
  width: 53.33vw;
  z-index: -1;
}
@media (min-width: 769px) {
  .section_ttl::before {
    top: -1.35vw; /* -26px */
    max-width: 400px;
    width: 20.83vw;
  }
}
.section_ttl.ver-black::before {
  background: url(../images/ttl_black.png) center/contain no-repeat;
}
.section_ttl span {
  display: block;
  font-size: 2.93vw; /* 22px */
}
@media (min-width: 769px) {
  .section_ttl span {
    font-size: 16px;
  }
}

/* mv
--------------------------------------------------------------- */
section.mv {
  padding: 0;
}

.mv {
  background: url(../images/bg_mv_sp.jpg) no-repeat center/cover;
  display: flex;
  max-width: 100vw;
  aspect-ratio: 750/700;
  font-size: 0;
}
@media (min-width: 769px) {
  .mv {
    background: url(../images/bg_mv.jpg) center/cover no-repeat;
    aspect-ratio: 1920/800;
  }
}
.mv_img-box {
  margin: auto;
}
.mv img {
  aspect-ratio: 750/355;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 769px) {
  .mv img {
    max-width: 1300px;
    width: 67.71vw;
    aspect-ratio: 1300/616;
  }
}

/* intro
--------------------------------------------------------------- */
.intro {
  background: url(../images/bg_intro01.jpg) center top/contain no-repeat, url(../images/bg_intro02.jpg) center bottom/contain no-repeat;
  background-color: #A90101;
  padding: 10.67vw 0 16vw; /* 80px 0 120px */
}
@media (min-width: 769px) {
  .intro {
    padding: 4.17vw 0 8.13vw; /* 80px 0 156px */
  }
}

.intro_inner {
  max-width: 960px;
}
@media (min-width: 769px) {
  .intro_inner {
    min-width: 729px;
    width: 61vw;
    margin: 0 auto;
  }
}

.youtube_embed {
  position: relative;
  width: 100%;
  height: 0;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  padding-bottom: 56.25%;
}
.youtube_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro_txt-area {
  margin-top: 10.67vw; /* 80px */
}
@media (min-width: 769px) {
  .intro_txt-area {
    margin-top: 4.17vw; /* 80px */
  }
}

.intro_txt {
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media (min-width: 769px) {
  .intro_txt {
    font-size: clamp(1rem, 1.15vw, 1.37rem); /* 22px */
  }
}
.intro_txt strong {
  display: block;
  font-size: min(5.33vw, 2.5rem); /* 40px */
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 769px) {
  .intro_txt strong {
    font-size: clamp(1.5rem, 1.67vw, 2rem); /* 32px */
  }
}
.intro_txt strong:first-child {
  padding-bottom: 3.2vw;
}
@media (min-width: 769px) {
  .intro_txt strong:first-child {
    padding-bottom: 24px;
  }
}
.intro_txt span {
  display: block;
}

/* latest-work
--------------------------------------------------------------- */
.latest-work {
  position: relative;
  background-color: #000;
  padding: 16vw 0; /* 120px 0 */
  z-index: 0;
}
@media (min-width: 769px) {
  .latest-work {
    padding: 6.25vw 0; /* 120px 0 */
  }
}
.latest-work::before {
  content: "";
  background: url(../images/bg_latestwork01.jpg) no-repeat 0 0/contain;
  position: absolute;
  left: -90px;
  top: 57px;
  width: 60vw; /* 450px */
  aspect-ratio: 900/660;
  z-index: -2;
}
@media (min-width: 769px) {
  .latest-work::before {
    top: 0;
    left: -4px; /* -4px */
    max-width: 900px;
    width: 46.88vw; /* 900px */
  }
}

.latest-work_top {
  position: relative;
  padding-bottom: 10.67vw; /* 80px */
  z-index: 0;
}
@media (min-width: 769px) {
  .latest-work_top {
    padding-bottom: 4.17vw; /* 80px */
  }
}
.latest-work_top::after {
  content: "";
  background: url(../images/bg_latestwork02.jpg) no-repeat 0 0/contain;
  position: absolute;
  right: -6.67vw; /* -50px */
  bottom: -5.33vw; /* -40px */
  width: 50vw; /* 375px */
  aspect-ratio: 1/1;
  z-index: -1;
}
@media (min-width: 769px) {
  .latest-work_top::after {
    right: 0;
    width: 26.04vw; /* 500px */
  }
}

.latest-work_img {
  width: 89.33vw; /* 670px */
  text-align: center;
  margin: 7.47vw auto 5.33vw; /* 56px 40px 40px */
}
@media (min-width: 769px) {
  .latest-work_img {
    max-width: 1024px;
    min-width: 650px;
    width: 46.88vw; /* 900px */
    margin: 0 auto 2.08vw; /* 40px */
  }
}

.latest-work_lead-area {
  text-align: center;
  padding: 0 10vw; /* 75px */
}
@media (min-width: 769px) {
  .latest-work_lead-area {
    padding: 0;
  }
}

.latest-work_lead {
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .latest-work_lead {
    font-size: clamp(1rem, 1.15vw, 1.37rem); /* 22px */
  }
}

.latest-work_story-area {
  margin: 7.47vw 10vw 0; /* 56px 75px 0 */
}
@media (min-width: 769px) {
  .latest-work_story-area {
    max-width: 848px;
    min-width: 500px;
    width: 44.17vw; /* 848px */
    margin: 2.92vw auto 0; /* 56px */
  }
}

.latest-work_story {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: min(3.2vw, 1.5rem); /* 24px */
  font-weight: 500;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .latest-work_story {
    font-size: clamp(0.75rem, 0.83vw, 1rem); /* 16px */
  }
}

/* billing
--------------------------------------------------------------- */
.billing {
  padding: 0;
}
.billing-parallax {
  padding: 16vw 0; /* 120px */
}
@media (min-width: 769px) {
  .billing-parallax {
    padding: 80px 0;
  }
}
.billing_inner {
  display: grid;
  place-items: center;
  margin: 0 auto;
  max-width: 1920px;
  min-height: 480px;
  z-index: 1;
}
.billing-txt {
  font-size: min(3.2vw, 1.5rem); /* 24px */
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 769px) {
  .billing-txt {
    font-size: clamp(0.875rem, 0.83vw, 1rem); /* 16px */
  }
}
.billing-txt span {
  white-space: nowrap;
  padding-right: 1em;
}
.billing-txt span.gap-1em {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.billing-txt span.gap-2em {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.billing-txt-large {
  font-size: min(3.73vw, 1.75rem); /* 28px */
  line-height: 2;
}
@media (min-width: 769px) {
  .billing-txt-large {
    font-size: clamp(1rem, 0.94vw, 1.125rem); /* 18px */
  }
}

/* teater
--------------------------------------------------------------- */
.teater {
  position: relative;
  background-color: #000;
  padding: 120px 0;
  padding: 16vw 0; /* 120px */
  z-index: 0;
}
@media (min-width: 769px) {
  .teater {
    padding: 6.25vw 0; /* 120px */
  }
}
.teater .section_ttl {
  margin-bottom: 1.67vw;
}
.teater .section_ttl:not(:first-child) {
  margin-top: 120px;
}

.teater_text {
  position: relative;
  font-size: min(5.33vw, 2.5rem); /* 40px */
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-top: 1.67vw; /* 35px */
  z-index: 2;
}
@media (min-width: 769px) {
  .teater_text {
    font-size: clamp(1.37rem, 1.67vw, 2rem); /* 32px */
    margin-top: 1.67vw; /* 35px */
  }
}

/* series
--------------------------------------------------------------- */
.series {
  background: url(../images/bg_series.jpg);
}

.series_inner {
  max-width: 1104px;
  margin: 0 auto;
}

.series_acc-wrap {
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}
.series_acc-wrap + .series_acc-wrap {
  margin-top: 3.2vw;
}
@media (min-width: 769px) {
  .series_acc-wrap + .series_acc-wrap {
    margin-top: 24px;
  }
}

.series_acc-ttl {
  position: relative;
  background: url(../images/bg_acc.jpg) no-repeat center right/contain;
  background-color: #000;
  font-family: "Noto Serif JP", serif;
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.016em;
  color: #fff;
  width: 100%;
  height: 12.53vw;
  text-align: left;
  border: none;
  padding-left: 5.33vw;
  padding-right: 3.87vw;
}
@media (min-width: 769px) {
  .series_acc-ttl {
    font-size: clamp(1.125rem, 1.15vw, 1.375rem); /* 22px */
    height: 84px;
    padding-left: 40px;
    padding-right: 29px;
  }
}
.series_acc-ttl::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.6vw);
  right: 3.73vw;
  background: url(../images/arrow-down.svg) center/contain no-repeat;
  width: 3.47vw;
  height: 3.47vw;
}
@media (min-width: 769px) {
  .series_acc-ttl::after {
    top: calc(50% - 0.84vw);
    right: 2.08vw; /* 40px */
    width: 26px;
    height: 26px;
  }
}
.series_acc-ttl.cur::after {
  top: 4.67vw; /* 35px */
  right: 3.73vw; /* 28px */
  transform: rotate(180deg);
}
@media (min-width: 769px) {
  .series_acc-ttl.cur::after {
    top: calc(50% - 0.84vw);
    right: 2.08vw; /* 40px */
  }
}

.series_acc-contents {
  background-color: #151515;
}

.series_acc-contents-innner {
  padding: 5.33vw; /* 40px */
}
@media (min-width: 769px) {
  .series_acc-contents-innner {
    padding: 2.08vw 2.92vw 2.92vw; /* 40px 56px 56px */
  }
}

.series_acc-contents-head {
  position: relative;
  font-size: min(5.33vw, 2.5rem); /* 40px */
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 5.07vw; /* 38px */
}
@media (min-width: 769px) {
  .series_acc-contents-head {
    font-size: clamp(1.375rem, 1.67vw, 2rem); /* 32px */
    margin-bottom: 2.19vw; /* 42px */
  }
}
.series_acc-contents-head::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  background: url(../images/tti_acc.png) no-repeat center/contain;
  max-width: 500px;
  width: 100%;
  height: 8px;
}

.series_acc-flexbox {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 769px) {
  .series_acc-flexbox {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.series_acc-img {
  width: clamp(200px, 45.33vw, 340px);
  aspect-ratio: 340/476;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .series_acc-img {
    width: clamp(200px, 15.63vw, 300px);
    aspect-ratio: 300/420;
    margin: 0;
  }
}

.series_acc-txt {
  font-size: min(3.2vw, 1.5rem); /* 24px */
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  .series_acc-txt {
    font-size: clamp(0.75rem, 0.83vw, 1rem); /* 16px */
  }
}
.series_acc-txt .emphasis {
  color: #EB101C;
  font-size: min(3.2vw, 1.5rem); /* 24px */
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .series_acc-txt .emphasis {
    font-size: clamp(0.75rem, 0.83vw, 1rem); /* 16px */
  }
}

.series_acc-txt-area .detail {
  position: relative;
  background-color: #fff;
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.016em;
  color: #000;
  text-align: center;
  display: block;
  width: 100%;
  padding: 24px 0;
  margin-left: auto;
}
@media (min-width: 769px) {
  .series_acc-txt-area .detail {
    font-size: clamp(1.125rem, 1.15vw, 1.375rem); /* 22px */
    max-width: 360px;
    padding: 1.35vw; /* 26px */
  }
}
.series_acc-txt-area .detail::after {
  content: "";
  position: absolute;
  top: 37%;
  right: 28px;
  background-image: url(../images/arrow-right-bk.svg);
  width: 26px;
  height: 26px;
}
@media (min-width: 769px) {
  .series_acc-txt-area .detail::after {
    top: 1.76vw;
  }
}
.series_acc-txt-area .detail:hover {
  opacity: 0.7;
}

.jidaich-net-logo {
  max-width: 500px;
  width: 65vw;
  text-align: center;
  margin: 7.47vw auto 0;
}
@media (min-width: 769px) {
  .jidaich-net-logo {
    min-width: 350px;
    width: 23.96vw;
    max-width: 460px;
    margin: 2.92vw auto 0; /* 56px */
  }
}

.jidaich-net-logo-txt-head {
  color: #fff;
  font-size: min(5.47vw, 2.625rem);
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .jidaich-net-logo-txt-head {
    font-size: clamp(1.5rem, 1.98vw, 2.375rem);
  }
}

.jidaich-net-logo-txt {
  color: #fff;
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
  margin-top: 20px;
}
@media (min-width: 769px) {
  .jidaich-net-logo-txt {
    font-size: clamp(1rem, 1.15vw, 1.375rem); /* 22px */
    margin-top: 1.04vw; /* 20px */
  }
}

/* profile
--------------------------------------------------------------- */
.profile {
  background: url(../images/bg_bnr.jpg);
}

.profile_inner {
  max-width: 1064px;
  padding: 0 5.33vw; /* 40px */
  margin: 0 auto;
}
@media (min-width: 769px) {
  .profile_inner {
    padding: 0 40px;
    margin: 0 auto;
  }
}

.profile_flexbox {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 769px) {
  .profile_flexbox {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 56px;
  }
}

.profile_img {
  width: clamp(300px, 89.33vw, 670px);
  aspect-ratio: 670/500;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 769px) {
  .profile_img {
    width: clamp(250px, 20.83vw, 400px);
    aspect-ratio: 400/298;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.profile_container {
  padding: 0 4.67vw;
}
@media (min-width: 769px) {
  .profile_container {
    padding: 0;
  }
}

.profile_head {
  border-bottom: 1px solid #EB101C;
  padding-bottom: 20px;
}

.profile_head-top {
  display: block;
  font-size: min(3.73vw, 1.75rem); /* 28px */
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .profile_head-top {
    font-size: clamp(1rem, 1.15vw, 1.37rem); /* 22px */
  }
}

.profile_head-bottom {
  display: block;
  font-size: min(5.33vw, 2.5rem); /* 40px */
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 769px) {
  .profile_head-bottom {
    font-size: clamp(1.5rem, 1.67vw, 2rem); /* 32px */
  }
}

.profile_txt-area {
  margin-top: 16px;
}

.profile_txt {
  font-size: min(3.2vw, 1.5rem); /* 24px */
  font-weight: 500;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .profile_txt {
    font-size: clamp(0.75rem, 0.83vw, 1rem); /* 16px */
  }
}/*# sourceMappingURL=style.css.map */