@charset "UTF-8";

/*
reset
***********************************/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    background-color: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

figcaption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin-top: 10px;
    text-align: center;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

mark {
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000000;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
    -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
    appearance: none; /* 標準のスタイルを無効にする */
}

img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

* {
    box-sizing: border-box !important;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

body {
    background-color: #fff;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    font-size: 1.0rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.08em;
    overflow: hidden;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

/*
font-weight
Medium = 400
semibold = 600
bold = 700
*/

.section__title, 
.header__gnav__navList,
.mv__message,
.mv__message--front,
.mv__message--bottom,
.subtitle,
.title,
.second__title,
.block__logo,
.block__mainTitle,
.button,
.button--text,
.third__title,
.popup__info,
.management-athlete__title,
.athlete__category,
.management__name-en,
.work__title,
.work__date,
.footer__gnav,
.archive__category,
.single__category,
.prev__button a,
.next__button a,
.footer__scroll,
.single__info,
.about__mv-text,
.about-second--title,
.block__image--title,
.event-eyecatch__btn,
.block__performer-list--contents,
.block__performer-lead,
.performer__title,
.performer__link,
.member__list--text,
.booking__link
 {
    font-family: "Oswald", sans-serif;
}

a {
    color: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background-color: transparent;
    word-break: break-all;
    outline: none;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

a:hover {
    opacity: 0.7;
}

p {
    line-height: 24px;
    line-height: 2.4rem;

}

::-moz-selection {
    background-color: red;
    color: #fff;
}

::selection {
    background-color: red;
    color: #fff;
}

#media,
#education,
#creative,
#web {
    padding-top: 72px;
    margin-top:-72px;
}

.red {
    background-color: #ff3b30;
}

.cyan {
    background-color: #32ade6;
}

.orange {
    background-color: #ff9500;
}

.green {
    background-color: #34c759;
}

.indigo {
    background-color: #5856d6;
}

.brown {
    background-color: #a2845e;
}

.breadcrumbs {
    font-size: 10px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    color: #5c5c5c;
}

.breadcrumbs a {
    white-space: nowrap;
}

.breadcrumbs .current-item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: inherit;
}

/*
display
***********************************/
.is-hide {
    display: none;
}

.is-show {
    display: block;
}

.is-pc {
    display: block !important;
}

.is-sp {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .is-pc {
        display: none !important;
    }

    .is-sp {
        display: block !important;
    }
}

/*
container
***********************************/
.container {
    width: 1200px;
    margin: 0 auto;
}

.container--narrow {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 1199px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }
}

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

    .container--narrow {
        width: 100%;
        padding: 0 20px;
    }
}

/*
header
***********************************/
.header {
    position: fixed;
    width: 100%;
    z-index: 1;
    background-color: #fff;
}

.header__gnav {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    height: 126px;
    margin: 24px 0 0;
}

.header__container {
    padding: 0 50px;
    margin: 0 auto;
}

.header__gnav__logo {
    width: 140px;
    margin-right: auto;
}

.header__gnav__logo img {
    width: 100%;
}

.header__gnav__logo a {
    display: block;
}

.header__gnav__navList>ul {
    display: flex;
}

.header__gnav__navList>ul>li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 30px;
}

.header__gnav__navList>ul>li:first-child {
    margin-left: 0;
}

.header__gnav__navList a {
    text-decoration: none;
    display: block;
}

.header__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color .15s;
}

.header__link-hover::after {
  content: '▼';
  font-size: 10px;
}

.header__drop {
  position: absolute;
  bottom: -4px;
  display: none;
  padding: 10px;
  background-color: #0f0f0f;
  color: #fff;
  transform: translate(0, 100%);
  width: 200px;
}

.header__link:hover > .header__drop,
.header__link:focus > .header__drop {
  display: block;
}

.drop__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.drop__link {
  padding: 10px 20px;
  transition: color .15s;
}
.drop__link:hover,
.drop__link:focus {
  opacity: 0.7;
}

.header__gnav__snsList {
    margin-left: 50px;
}

.header__gnav__snsList>ul {
    display: -webkit-flex;
    display: flex;
}

.header__gnav__snsList>ul>li {
    margin-left: 11px;
}

.header__gnav__snsList>ul>li:first-child {
    margin-left: 0;
}

.header__gnav__snsList a {
    display: block;
}

.header__gnav__snsList__icon img {
    width: 100%;
}

@media screen and (max-width: 959px) {
    .header__container {
        padding: 0 20px;
    }

    .header__gnav {
        height: 72px;
        margin: 0;
        align-items: center;
    }

    .header__gnav__logo {
        width: 90px;
    }

    .header__gnav__navList>ul>li {
        margin-left: 30px;
    }

    .header__gnav__snsList {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .header__gnav__navList {
        display: none;
    }
}

/*
section-booking
***********************************/
.booking__relative {
    position: relative;
}

.booking__link {
    position: fixed;
    top: 70px;
    right: 50px;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 6px;
    width: 200px;
}

.booking__link a {
    display: block;
}

.booking__link span {
    margin: 0 0 0 8px;
}
.booking__link span {
    vertical-align: middle;
}

/*
footer
***********************************/
.footer {
    padding: 70px 0 0;
    background-color: #282828;
    color: #fff;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.footer__address {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 40px 0 0;
}

.footer__address--text {
    margin: 40px 0 0;
}

.footer__gnav {
    display: flex;
    flex-wrap: wrap;
}

.footer__gnav>ul:nth-child(n+2) {
    margin: 0 0 0 40px;
}

.footer__gnav>ul>li:nth-child(n+2),
.footer__gnav--last>li:nth-child(n+2) {
    margin: 30px 0 0;
}

.footer__snsList {
    display: flex;
}

.footer__snsList>li:nth-child(n+2) {
    margin: 0 0 0 10px;
}

.footer__copyright {
    font-size: 10px;
    font-size: 1.0rem;
    margin: 16px 0 0;
}

.footer__scroll {
    overflow: hidden;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.footer__scroll--loop {
  overflow: hidden;
  margin: 100px 0 20px;
}

.footer__scroll--inner {
  display: flex;
  width: fit-content;
  animation: loop 40s linear infinite;
}

.footer__scroll--contents {
  display: flex;
  white-space: nowrap;
  margin-right: 270px;
}

@keyframes loop {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.footer__scroll--text {
    margin: 0 20px;
}

.footer__scroll--image {
  width: 100%;
  height: 100%;
  aspect-ratio: 155 / 213;
  position: relative;
}

.footer__scroll--switch {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  visibility: hidden;
  z-index: 0;
  animation: image-switch-animation 2.5s infinite step-start;
}

.switch-01 {
  background-image: url('../images/footer-scroll/footer-scroll--01.png');
}

.switch-02 {
  background-image: url('../images/footer-scroll/footer-scroll--02.png');
}

.switch-03 {
  background-image: url('../images/footer-scroll/footer-scroll--03.png');
}

.switch-04 {
  background-image: url('../images/footer-scroll/footer-scroll--04.png');
}

.switch-05 {
  background-image: url('../images/footer-scroll/footer-scroll--05.png');
}

@keyframes image-switch-animation {
  0% { visibility: visible; z-index: 1; }
  19.9% { visibility: visible; z-index: 1; }
  20% { visibility: hidden; z-index: 0; }
  100% { visibility: hidden; z-index: 0; }
}

.footer__scroll--switch:nth-of-type(1) { animation-delay: 0s; }
.footer__scroll--switch:nth-of-type(2) { animation-delay: 0.5s; }
.footer__scroll--switch:nth-of-type(3) { animation-delay: 1s; }
.footer__scroll--switch:nth-of-type(4) { animation-delay: 1.5s; }
.footer__scroll--switch:nth-of-type(5) { animation-delay: 2s; }


@media screen and (max-width: 767px) {
    .footer {
        padding: 0 0 20px;
    }

    .footer__address {
        margin: 50px 0 0;
    }

    .footer__logo {
        width: 140px;
    }

    .footer__gnav {
        margin: 50px 0 0;
    }

    .footer__gnav>ul {
        width: 40%;
    }

    .footer__gnav>ul:nth-child(n+2) {
        margin: 0;
    }

    .footer__gnav>ul:nth-child(n+3) {
        width: 100%;
        margin: 40px 0 0;
    }

    .footer__inner {
        flex-direction: column-reverse;
    }

    .footer__snsList {
    }

    .footer__snsList ul {
        display: flex;
    }

    .footer__snsList ul li {
        margin-left: 20px;
    }

    .footer__snsList ul li img {
        width: 22px;
        height: 22px;
    }

    .footer__snsList ul li:first-child {
        margin-left: 0;
    }

    .footer__snsList a {
        display: block;
    }

    .footer__copyright {
        position: relative;
        margin: 20px 0 0;
    }

    .footer__scroll--loop {
        margin: 60px 0 20px;
    }

    .footer__scroll--contents {
        margin-right: 70px;
    }

    .footer__scroll--text {
        margin: 0 10px;
    }

    .footer__scroll--text img {
        height: 80px;
    }

    .footer__scroll--image {
      aspect-ratio: 3 / 4;
    }

    .switch-01-sp {
      background-image: url('../images/footer-scroll/footer-scroll--01-sp.png');
    }

    .switch-02-sp {
      background-image: url('../images/footer-scroll/footer-scroll--02-sp.png');
    }

    .switch-03-sp {
      background-image: url('../images/footer-scroll/footer-scroll--03-sp.png');
    }

    .switch-04-sp {
      background-image: url('../images/footer-scroll/footer-scroll--04-sp.png');
    }

    .switch-05-sp {
      background-image: url('../images/footer-scroll/footer-scroll--05-sp.png');
    }
}

/*
mv
***********************************/
.mv {
    margin-top: 150px;
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 5;
}

.mv--page {
    margin-top: 150px;
    padding: 5px 0;
    color: #5C5C5C;
    background-color: #F7F7F7;
}

.mv video {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mv img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mv__inner {
    margin: 0 auto;
}

.mv__message--front,
.mv__message--bottom {
    font-size: 140px;
    font-size: 14.0rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
}

.mv__message--front {
    top: -20px;
}

.mv__message--bottom {
    right: 40px;
    bottom: -8px;
}

.mv__message .mv-orange,
.mv__message--front .mv-orange,
.mv__message--bottom .mv-orange {
    color: #F08B1A;
}

.mv__contents {
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
}

.mv__title {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 700;
}

@media screen and (max-width: 1280px) {
    .mv__message--front,
    .mv__message--bottom {
        font-size: 80px;
        font-size: 8.0rem;
    }

    .mv__message--front {
        top: -14px;
    }

    .mv__message--bottom {
        right: 20px;
        bottom: -4px;
    }
}

@media screen and (max-width: 959px) {
    .mv {
        margin-top: 100px;
    }

    .mv--page {
        margin-top: 100px;
    }

    .mv__title {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 767px) {
    .mv {
        margin-top: 72px;
        aspect-ratio: 39 / 79;
    }

    .mv--page {
        margin-top: 72px;
    }

    .mv__message {
        font-size: 30px;
        font-size: 3.6rem;
        font-weight: 700;
        position: relative;
        color: #fff;
        padding: 20px 0 0;
    }

    .mv--notTop {
        display: none;
    }
}


/*
共通
***********************************/
.section__padding {
    padding: 70px 0 140px;
}

.section__title {
    position: relative;
    text-align: center;
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 600;
}

.section__title::after {
    content: url('../images/title_icon.svg');
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.subtitle {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 72px;
}

.inner,
.inner__center,
.inner__responsive,
.inner__reverse {
    display: flex;
    justify-content: space-between;
    margin: 70px 0;
}

.inner__column {
    display: flex;
    flex-direction: column;
    margin: 70px 0 0;
}

.responsive__center-left {
    text-align: center;
}

.inner__center:before {
    content: "";
    display: block;
    width: 39%;
}

.full__block {
    width: 100%;
}

.center__block,
.left__block {
    width: 59%;
}

.right__block {
    width: 39%;
}

.title {
    font-size: 70px;
    font-size: 7.0rem;
    font-weight: 700;
}

.sub_title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 600;
}

.right__block .title {
    margin-top: -10px;
}

.block__logo {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 700;
}

.block__category {
    display: block;
    line-height: 16px;
    padding: 4px 10px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #0F0F0F;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    margin: 70px 0 20px;
}

.block__category.media {
    width: 190px;
}

.block__category.education,
.block__category.web {
    width: 170px;
}

.block__category.creative {
    width: 270px;
}

.block__mainTitle {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 18px;
    font-weight: 600;
    line-height: 2.4rem;
}

.block__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 18px;
    font-weight: 600;
    line-height: 2.4rem;
}

.archive__inner .block__title {
    text-align: center;
    margin: 70px 0 0;
}

.inner__column .block__title {
    text-align: center;
    margin-bottom: 26px;
}

.block__text {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
}

.block__text-center {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
}

.block__insert {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 24px 0;
}

.block__list {
    display: flex;
    margin: 60px 0 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.block__list>li {
    margin: 0 10px;
}

.block__link {
    margin: 60px 0 0;
    text-align: center;
}

.block__link img {
    margin: 0 auto;
}

.button {
    display: flex;
}

.button a {
    display: block;
    width: 138px;
    line-height: 16px;
    padding: 6px 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #fff;
    border-radius: 30px;
}

.button a.button--wide {
    width: 194px;
}

.button a img {
    margin-left: 4px;
}

.button--text {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
    text-align: center;
    align-items: center;
}

.table__block {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.4rem;
    line-height: 24px;
    display: flex;
    flex-direction: column;
}

.table__block>li {
    display: flex;
    padding: 36px 0;
    border-top: 1px solid #464646;
}

.table__title {
    width: 14%;
    font-weight: 600;
}

.table__lead {
    width: 86%;
}

.table__lead a {
    text-decoration: underline;
}

.tabale__annotation {
    font-size: 10px;
    font-size: 1.0rem;
}

@media screen and (max-width: 959px) {
    .inner__responsive {
        flex-direction: column;
        align-items: center;
    }

    .inner__center:before {
        display: none;
    }

    .center__block {
        width: 100%;
        text-align: center;
    }

    .right__block,
    .left__block {
        width: 49%;
    }

    .block__logo {
        text-align: center;
        font-size: 26px;
        font-size: 2.6rem;
    }

    .block__link img {
        width: 100%;
    }

    .block__category {
        margin: 30px auto 50px;
    }

    .inner__responsive .left__block {
        width: 100%;
        margin-top: 54px;
    }

    .block__text {
        width: 100% !important;
    }

    .block__text-center {
        width: 100% !important;
        text-align: left;
    }
}

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

    .section__padding {
        padding: 35px 0 70px;
    }

    .section__title {
        font-size: 30px;
        font-size: 3.0rem;
    }

    .inner,
    .inner__center {
        flex-direction: column;
        margin: 70px 0 0;
    }

    .inner__reverse {
        flex-direction: column-reverse;
    }

    .responsive__center-left {
        text-align: left;
    }

    .right__block {
        width: 100%;
    }

    .left__block {
        width: 100%;
        margin-top: 40px;
    }

    .block__list {
        margin: 20px 0 0;
    }

    .block__list>li {
      margin: 0 2px;
    }

    .block__list>li:nth-child(n+3) {
        margin: 10px 0 0;
    }

    .block__list img {
        width: 80px;
    }

    .block__link {
        margin: 20px 0 0;
    }



    .inner__reverse .left__block {
        margin-top: 0;
    }

    .inner__reverse .right__block {
        margin-top: 40px;
    }

    .center__block {
        text-align: left;
    }

    .title {
        text-align: center;
        font-size: 40px;
        font-size: 4.0rem;
    }

    .sub_title {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .title-flex {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .title-img {
        margin-left: 10px;
    }

    .title-img img {
        width: 22px;
        height: 100%;
    }

    .right__block .title {
        margin-top: 0px;
    }

    .block__insert {
        padding: 74px 0 24px;
    }

    .button {
        justify-content: flex-end;
    }

    .button--text {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .table__block>li {
        padding: 32px 0;
        flex-direction: column;
    }

    .table__title,
    .table__lead {
        width: 100%;
    }

    .table__lead {
        margin-top: 20px;
    }
}

/*
top
***********************************/
/*section-first*/
.first__body {
    padding: 60px 0 30px;
    background-image: url('../images/background/background--first.png');
    background-image: image-set(url(../images/background/background--first.png) 1x, url(../images/background/background--first@2x.png) 2x, url(../images/background/background--first@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/background/background--first.png) 1x, url(../images/background/background--first@2x.png) 2x, url(../images/background/background--first@3x.png) 3x);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}

/*section-second*/
.second__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0 0;
}

.second__list>li {
    width: 48%;
}

.second__list>li:nth-child(n+3) {
    margin: 30px 0 0;
}

.second__list>li a {
    display: block;
    position: relative;
    height: 120px;
    border-radius: 8px;
}

.second__list>li.second__list--first a {
    background-image: url('../images/background/background--event.png');
    background-image: image-set(url(../images/background/background--event.png) 1x, url(../images/background/background--event@2x.png) 2x, url(../images/background/background--event@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/background/background--event.png) 1x, url(../images/background/background--event@2x.png) 2x, url(../images/background/background--event@3x.png) 3x);
}

.second__list>li.second__list--second a {
    background-image: url('../images/background/background--management.png');
    background-image: image-set(url(../images/background/background--management.png) 1x, url(../images/background/background--management@2x.png) 2x, url(../images/background/background--management@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/background/background--management.png) 1x, url(../images/background/background--management@2x.png) 2x, url(../images/background/background--management@3x.png) 3x);
}

.second__list>li.second__list--third a {
    background-image: url('../images/background/background--casting.png');
    background-image: image-set(url(../images/background/background--casting.png) 1x, url(../images/background/background--casting@2x.png) 2x, url(../images/background/background--casting@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/background/background--casting.png) 1x, url(../images/background/background--casting@2x.png) 2x, url(../images/background/background--casting@3x.png) 3x);
}

.second__list>li.second__list--fourth a {
    background-image: url('../images/background/background--school.png');
    background-image: image-set(url(../images/background/background--school.png) 1x, url(../images/background/background--school@2x.png) 2x, url(../images/background/background--school@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/background/background--school.png) 1x, url(../images/background/background--school@2x.png) 2x, url(../images/background/background--school@3x.png) 3x);
}

.second__article {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 50px;
    font-size: 5.0rem;
    color: #fff;
}

.second__supplement {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 0 30px;
}

/*section-third*/
.third__list {
    display: flex;
    flex-direction: column;
    padding-bottom: 68px;
}

.third__list>li {
    margin-top: 30px;
}

.third__list>li:first-child {
    margin-top: 0;
}

.third__title {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 700;
}

.third__detail {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 10px;
}

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

    /*section-first*/
    .first__body {
        padding: 35px 0;
        margin-top: 20px;
        background-image: url('../images/background/background--first--sp.png');
        background-image: image-set(url(../images/background/background--first--sp.png) 1x, url(../images/background/background--first--sp@2x.png) 2x, url(../images/background/background--first--sp@3x.png) 3x);
        background-image: -webkit-image-set(url(../images/background/background--first--sp.png) 1x, url(../images/background/background--first--sp@2x.png) 2x, url(../images/background/background--first--sp@3x.png) 3x);
        background-attachment: unset;
    }

    /*section-second*/
    .second__list {
        flex-direction: column;
        margin: 20px 0 0;
    }

    .second__list>li {
        width: 100%;
    }

    .second__list>li:nth-child(n+2) {
        margin: 10px 0 0;
    }

    .second__list>li a {
        height: 80px;
    }
    
    .second__article {
        font-size: 30px;
        font-size: 3.0rem;
    }

    .second__supplement {
        font-size: 14px;
        font-size: 1.4rem;
    }

    /*section-third*/
    .third__title {
        font-size: 38px;
        font-size: 3.8rem;
    }

    .third__detail {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .third__body {
        background-attachment: unset;
    }
}

/*
section-contact
***********************************/
.section-contact__body {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .section-contact__body {
        margin-top: 30px;
    }
}

/*
section-archive
***********************************/
.archive__inner {
    margin: 0 auto;
}

.archive__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 60px;
}

.archive__list:after {
    content: "";
    display: block;
    width: 31.5%;
    height: 0;
}

.archive__list>li {
    width: 31.5%;
    margin-top: 60px;
}

.archive__list a {
    text-decoration: none;
    display: block;
}

.archive__box {
    line-height: 18px;
    line-height: 1.8rem;
}

.archive__thumbnail {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 249 / 163;
}

.archive__info {
    width: 100%;
}

.archive__category {
    display: flex;
    margin: 10px 0;
}

.archive__category--name {
    text-align: center;
    color: #fff;
    width: 70px;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: 600;
    padding: 0 3px;
    border-radius: 3px;
}

.archive__date {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    border-left: 0.1rem solid #ffffff;
    margin: 0 0 0 7px;
}

.archive__title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 22px;
    line-height: 2.2rem;
}

.archive__description {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 14px;
}

.archive__next {
    display: none;
}

.infinite-scroll-request {
    margin-left: 10px;
}

.infinite-scroll-request img {
    width: 80%;
}

/*slider*/
.slider li {
  width: 250px; /* 任意の幅に調整 */
  margin: 50px 10px 0;
}

.slide_nav {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  position: absolute;
  top: 40%;
  left: -4%;
  cursor: pointer;
}

.slide_nav_1 {
  background-image: url(../images/slide-left.svg);
}

.slide_nav_2 {
  background-image: url(../images/slide-right.svg);
}

.slide_nav_2 {
  left: 102%;
}

@media screen and (max-width: 1299px) {
    .slick-slider {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    .slide_nav {
        display: none !important;
    }
}

@media screen and (max-width: 959px) {
    .archive__list>li {
        width: 48%;
    }

    .archive__title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

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

    .archive__list>li:nth-child(n+3) {
        margin-top: 30px;
    }

    .infinite-scroll-request {
        margin-left: 0px;
    }

    .infinite-scroll-request img {
        width: 50%;
    }

    .slick-slider {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        padding: 0 !important;
    }

    .slider li {
        width: 160px;
    }
}

/*
section-page
***********************************/
.page__contents {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 80px 0;
}

.page__contents h2 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
}

.page__contents h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
}

.page__contents h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}

.page__contents h1,
.page__contents h2,
.page__contents h3,
.page__contents h4,
.page__contents h5,
.page__contents h6,
.page__contents ul,
.page__contents p,
.page__contents div,
.page__contents figure {
    margin-bottom: 20px;
}

.page__contents img {
    width: 100% !important;
}


.page__policy-title {
  margin-bottom: 14px;
}

.page__policy-contents {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #C2C2C2;
}

/*
section-single
***********************************/
.single__body {
    font-size: 14px;
    font-size: 1.4rem;
}

.single__inner {
    padding: 0 0;
}

.single__info {
    display: flex;
    align-items: center;
}

.single__category {
    width: 70px;
    color: #fff;
    padding: 3px 0;
    border-radius: 3px;
    text-align: center;
}

.single__pubdate {
    margin: 0 0 0 7px;
}

.single__title {
    font-size: 20px;
    font-size: 2.0rem;
    margin: 14px 0 0;
}

.shareBox>ul {
    display: flex;
    margin: 14px 0 0;
}

.shareBox>ul>li:nth-child(n+2) {
    margin: 0 0 0 20px;
}

.single__thumbnail {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 84 / 55;
    margin: 40px 0 0;
}

.single__caption {
    font-size: 10px;
    font-size: 1.0rem;
    color: #808080;
    margin-top: 10px;
    text-align: right;
}

.single__contents {
    line-height: 24px;
    line-height: 2.4rem;
    margin: 30px 0 0;
    padding: 30px 0 50px;
    word-break: break-word;
}

.single__contents h2 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
}

.single__contents h3 {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 14px;
    margin-bottom: 14px;
    font-weight: 600;
    border-bottom: 1px solid #C2C2C2;
}

.single__contents h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 140px;
    height: inherit;
    border-bottom: 1px solid #F08B1A;
}

.single__contents h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}

.single__contents h1,
.single__contents h2,
.single__contents h4,
.single__contents h5,
.single__contents h6,
.single__contents ul,
.single__contents p,
.single__contents div {
    margin-bottom: 20px;
}

.single__contents figure {
    padding: 40px 0;
}

.wp-block-image figure,
.single__contents img {
    width: 100% !important;
}

.custom__inner {
    display: flex;
    flex-direction: column;
    line-height: 26px;
    line-height: 2.6rem;
    padding: 50px 0;
}

.custom__contents {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0;
    border-top: 1px solid #464646;
}

.custom__title {
    width: 30%;
    font-weight: 600;
}

.custom__detail {
    width: 70%;
}

.share_box {
    padding: 0 0 60px;
}

.share_box ul {
    display: flex;
    justify-content: flex-end;
}

.share_box ul>li {
    margin-left: 20px;
}

.share_box ul>li:first-child {
    margin-left: 0;
}

.share_box ul>li img {
    width: 20px;
    height: 20px;
}

.related-section a {
    color: #F08B1A;
}

.prevnext__button {
    display: flex;
    justify-content: space-between;
}

.prev__button a,
.next__button a {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid #000;
    border-radius: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2rem;
    line-height: 12px;
    padding: 9px 10px;
    text-align: center;
    width: 104px;
}

.related-article {
    padding: 100px 0 0;
}

.related-article_title {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 14px;
    margin-bottom: 0;
    font-weight: 600;
    border-bottom: 1px solid #C2C2C2;
}

.related-article_title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 140px;
    height: inherit;
    border-bottom: 1px solid #F08B1A;
}

.related-article .archive__box {
    display: flex;
    justify-content: space-between;
}

.related-article .archiveBox ul>li {
    margin: 20px 0 0;
}

.related-article .archive__thumbnail {
    width: 22%;
}

.related-article .archive__info {
    width: 76%;
}

.related-article .archive__category {
    margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
    .single__inner {
        padding: 0 0 70px;
    }

    .single__contents {
        padding: 30px 0 20px;
    }

    .single__contents figure {
        padding: 20px 0;
    }

    .custom__inner {
        padding: 20px 0;
    }

    .share_box {
        padding: 0 0 20px;
    }

    .related-article {
        padding: 20px 0 0;
    }

    .related-article .archive__box {
        flex-direction: column;
    }

    .related-article .archiveBox ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .related-article .archiveBox ul>li {
        width: 48%;
    }

    .related-article .archive__thumbnail, 
    .related-article .archive__info {
        width: 100%;
    }

    .related-article .archive__category {
        margin: 10px 0;
    }

}

/*
section-tag
***********************************/
.tag__padding {
    padding: 70px 0 70px;
    background-color: #F7F7F7;
}

.tag__title {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
}

.tag__box {
    margin: 20px 0 0;
}

.tag__box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tag__box ul {
    display: flex;
    flex-wrap: wrap;
}

.tag__box ul > li {
    margin: 20px 0 0;
    position: relative;
    padding-right: 20px;
}

.tag__box ul > li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #000;
}

/* 行末（折り返された場合の最後の要素）を非表示にする */
.tag__box ul > li:last-child::after {
    display: none;
}

/* ★ここが重要！最後の行の「右端の要素」のafterを消す */
.tag__box ul {
    gap: 0 20px; /* 横の余白を確保 */
}

.tag__box ul > li.is-last-in-row::after {
  display: none;
}

.tag__box ul>li a {
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

@media screen and (max-width: 767px) {
    .tag__padding {
        padding: 35px 0 70px;
    }

    .tag__box {
        margin: 10px 0 0;
    }
}

/*
section-event
***********************************/
.event-contents {
    padding: 20px 0 120px;
}

.event-inner .inner__responsive {
    margin: 60px 0;
}

.event-inner .right__block {
    width: 54%;
}

.event-inner .left__block {
    width: 44%;
}

.event-eyecatch {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 44 / 29;
}

.event-eyecatch__btn {
    position: absolute;
    padding: 6px;
    width: 110px;
    bottom: 10px;
    right: 10px;
    background-color: #F08B1A;
    text-align: center;
    border-radius: 16px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
}

.event-eyecatch__img {
    margin: 0 0 0 4px;
}

.event-block {
    border-top: 5px solid #F08B1A;
}

.event-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #C2C2C2;
}

.event-date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #C2C2C2;
}

.event-content {
    margin: 22px 0 0;
}

.event-content p {
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width: 959px) {
    .event-inner .inner__responsive {
       flex-direction: row;
       align-items: stretch;
    }

    .inner__responsive .left__block {
        width: 100%;
        margin-top: 0px;
    }

    .event-inner .right__block {
        width: 54%;
    }

    .event-inner .left__block {
        width: 44%;
    }
}

@media screen and (max-width: 767px) {
    .event-inner .inner__responsive {
       flex-direction: column;
    }

    .event-contents {
        padding: 20px 0 60px;
    }

    .event-inner .right__block {
        width: 100%;
    }

    .event-inner .left__block {
        width: 100%;
        margin-top: 14px;
    }

    .event-inner .inner__responsive {
        margin: 40px 0;
    }
}


/*
section-about
***********************************/
.about__mv {
    padding: 170px 0 0;
    position: relative;
}

.about__mv-text {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 100px;
    font-size: 10.0rem;
    font-weight: 600;
}

.about__mv-lead {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  margin: 30px 0 0;
}

.about-orange {
    color: #F08B1A;
}

.about-white {
    color: #fff;
}

.about__mv-img {
  background-image: url('../images/mv.png');
  background-image: image-set(url(../images/mv.png) 1x, url(../images/mv@2x.png) 2x, url(../images/mv@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/mv.png) 1x, url(../images/mv@2x.png) 2x, url(../images/mv@3x.png) 3x);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  aspect-ratio: 60 / 31;
}

.about-first {
    padding: 0 0 110px;
}

.about-first--img {
    text-align: center;
    margin: 0 auto;
}

.about-first--img img {
    width: 300px;
}

.about-second,
.about-third {
    padding: 0 0 130px;
}

.about-second--flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px;
}

.about-second--image {
    margin: 0 10px 0 0;
    text-align: right;
}

.about-second--image img {
    width: 100%;
}

.about-second--contents {
    text-align: center;
    margin: 0 0 0 10px;
    font-weight: 600;
}

.about-second--title {
    font-size: 54px;
    font-size: 5.4rem;
}

.about-second--01 {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 10px 0 0;
    font-weight: 600;
}

.about-second--02 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 10px 0 0;
}

.about-fourth--text {
    line-height: 24px;
    line-height: 2.4rem;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #C2C2C2;
}

@media screen and (max-width: 959px) {
    .about__mv {
        padding: 130px 0 0;
    }

    .about-second .right__block {
        text-align: center;
    }

    .about__mv-text {
        top: 152px;
        font-size: 72px;
        font-size: 7.2rem;
    }

    .about__mv-lead {
        font-size: 32px;
        font-size: 3.2rem;
        margin: 20px 0 0;
    }

}

@media screen and (max-width: 767px) {
    .about__mv {
        padding: 80px 0 0;
    }

    .about__mv-text {
        top: 92px;
        width: 100%;
        font-size: 36px;
        font-size: 3.6rem;
    }

    .about__mv-lead {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 10px 0 0;
    }

    .about__mv-img {
        aspect-ratio: 195 / 314;
    }

    .about-first--img img {
        width: 200px;
    }

    .about-first {
        padding: 0 0 60px;
    }

    .about-second, .about-third {
        padding: 0 0 60px;
    }

    .about-second .inner__responsive {
        margin: 70px 0 0;
    }

    .about-second .inner__responsive .left__block {
        margin-top: 20px;
    }

    .about-second--flex {
        margin: 0 0 20px;
    }

    .about-second--image {
        margin: 0 5px 0 0;
        text-align: right;
    }

    .about-second--contents {
        margin: 0 0 0 5px;
    }

    .about-second--title {
        font-size: 30px;
        font-size: 3.0rem;
     }

      .about-third .block__list {
        margin: 50px 0 0;
    }

       .about-fourth .inner__column {
            margin: 50px 0 0;
        }
}


.about__first-body {
    margin-top: 70px;
}

.inner__first {
    margin-bottom: 94px;
    align-items: center;
}

.inner__first-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
    line-height: 3.2rem;
}

@media screen and (max-width: 767px) {
    .about__first-body {
        margin-top: 40px;
    }

    .inner__first {
        margin-bottom: 40px;
        align-items: center;
    }

    .inner__first .left__block,
    .inner__first-empty .left__block {
        margin-top: 20px;
    }

    .inner__first-title {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
}

/*
section-result
***********************************/
.result--text {
    line-height: 24px;
    line-height: 2.4rem;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #C2C2C2;
}

.result--text:last-child {
    border-bottom: none;
}

.result--bold {
    font-weight: 600;
}

.result--link {
    margin: 70px 0 0;
    display: flex;
    justify-content: center;
}

.result--link>li{
    margin: 0 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 6px;
    width: 30%;
}

.result--link>li a {
    display: block;
}

.result--link .performer__link span {
    margin: 0 0 0 8px;
}

@media screen and (max-width: 767px) {
    .result--link {
        margin: 30px 0 0;
        flex-direction: column;
    }

    .result--link>li {
        width: 100%;
        margin: 0 0;
    }

    .result--link>li:nth-child(n+2) {
        margin: 20px 0 0;
    }
}

/*
section-performer
***********************************/
.performer__title {
    font-size: 120px;
    font-size: 12.0rem;
    font-weight: 600;
    text-align: center;
    margin: 70px 0 0;
}

.performer__mv {
    padding: 120px 0 0;
    position: relative;
}

.performer__mv-logo {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.performer__mv-logo img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 50%;
}

.performer__mv-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  aspect-ratio: 41 / 29;
}

.performer-first {
    padding: 0 0 120px;
}

.performer-sns {
    display: flex;
    justify-content: center;
}

.performer-sns>li {
    margin: 0 10px;
}

.performer__contents {
    padding: 50px 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.performer__contents p {
    margin: 0 0 30px 0;
}

.performer__contents strong {
    font-size: 18px;
    font-size: 1.8rem;
}

.performer__contents img {
    width: 100%;
}

.performer__link {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
}

.performer__link span {
    vertical-align: middle;
}

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

    .performer__title {
        font-size: 50px;
        font-size: 5.0rem;
        margin: 70px 0 0;
    }


    .performer__mv {
        padding: 70px 0 0;
    }

    .performer__mv-logo img {
        width: 100px;
        height: 100px;
    }

    .performer__mv-logo {
        top: 70px;
    }

/*    .performer__mv-img {
        aspect-ratio: 13 / 9;
    }*/

    .performer-first {
        padding: 0 0 60px;
    }
}

/*
section-member
***********************************/
.member__list {
    padding: 40px 0 120px;
    display: flex;
    flex-wrap: wrap;
}

.member__list>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 3 - 20px);
    margin: 40px 10px 0;
}

.member__list--img img {
    width: 100%;
}

.member__list--text {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    margin: 10px 0 0;
}

.member__list--link {
    display: flex;
    margin: 10px 0;
}

.member__list--link a {
    margin: 0 4px;
}

.member__list--link a img {
    width: 26px;
    height: 26px;
}

@media screen and (max-width: 767px) {
    .member__list {
        padding: 40px 0 60px;
    }

    .member__list>li {
        width: calc(100% / 2 - 20px);
        margin: 20px 10px 0;
    }
}

/*
section-performer-list
***********************************/
.block__performer-list {
    display: flex;
    flex-direction: column;
}

.block__performer-list>li:nth-child(n+2) {
    margin: 20px 0 0 0;
}

.block__performer-list--content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  padding: 30px 0 30px 28%;
}

.block__performer-list--content-large {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  padding: 30px 0 30px 18%;
}

.block__performer-list--content01 {
  background-image: url('../images/performer-list/performer-list--content01.png');
  background-image: image-set(url(../images/performer-list/performer-list--content01.png) 1x, url(../images/performer-list/performer-list--content01@2x.png) 2x, url(../images/performer-list/performer-list--content01@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content01.png) 1x, url(../images/performer-list/performer-list--content01@2x.png) 2x, url(../images/performer-list/performer-list--content01@3x.png) 3x);
}

.block__performer-list--content02 {
  background-image: url('../images/performer-list/performer-list--content02.png');
  background-image: image-set(url(../images/performer-list/performer-list--content02.png) 1x, url(../images/performer-list/performer-list--content02@2x.png) 2x, url(../images/performer-list/performer-list--content02@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content02.png) 1x, url(../images/performer-list/performer-list--content02@2x.png) 2x, url(../images/performer-list/performer-list--content02@3x.png) 3x);
}

.block__performer-list--content03 {
  background-image: url('../images/performer-list/performer-list--content03.png');
  background-image: image-set(url(../images/performer-list/performer-list--content03.png) 1x, url(../images/performer-list/performer-list--content03@2x.png) 2x, url(../images/performer-list/performer-list--content03@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content03.png) 1x, url(../images/performer-list/performer-list--content03@2x.png) 2x, url(../images/performer-list/performer-list--content03@3x.png) 3x);
}

.block__performer-list--content04 {
  background-image: url('../images/performer-list/performer-list--content04.png');
  background-image: image-set(url(../images/performer-list/performer-list--content04.png) 1x, url(../images/performer-list/performer-list--content04@2x.png) 2x, url(../images/performer-list/performer-list--content04@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content04.png) 1x, url(../images/performer-list/performer-list--content04@2x.png) 2x, url(../images/performer-list/performer-list--content04@3x.png) 3x);
}

.block__performer-list--content05 {
  background-image: url('../images/performer-list/performer-list--content05.png');
  background-image: image-set(url(../images/performer-list/performer-list--content05.png) 1x, url(../images/performer-list/performer-list--content05@2x.png) 2x, url(../images/performer-list/performer-list--content05@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content05.png) 1x, url(../images/performer-list/performer-list--content05@2x.png) 2x, url(../images/performer-list/performer-list--content05@3x.png) 3x);
}

.block__performer-list--content06 {
  background-image: url('../images/performer-list/performer-list--content06.png');
  background-image: image-set(url(../images/performer-list/performer-list--content06.png) 1x, url(../images/performer-list/performer-list--content06@2x.png) 2x, url(../images/performer-list/performer-list--content06@3x.png) 3x);
  background-image: -webkit-image-set(url(../images/performer-list/performer-list--content06.png) 1x, url(../images/performer-list/performer-list--content06@2x.png) 2x, url(../images/performer-list/performer-list--content06@3x.png) 3x);
}

.block__performer-list--contents {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.block__performer-list--image img {
    width: 90px;
    margin: 0 26px 0 0;
}

.block__performer-list--text {
    color: #fff;
    font-size: 60px;
    font-size: 6.0rem;
}

.block__performer-lead {
    font-weight: 600;
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center;
    margin: 100px 0 50px;
}

@media screen and (max-width: 767px) {
    .block__performer-list--text {
        font-size: 30px;
        font-size: 3.0rem;
    }

    .block__performer-list--content,
    .block__performer-list--content-large {
        padding: 14px 0 14px 30px;
    }

    .block__performer-lead {
        font-size: 20px;
        font-size: 2.0rem;
        text-align: center;
        margin: 45px 0 20px;
    }
}

/*
section-service
***********************************/
.service__block {
    margin: 0 0 80px;
}

.service__block:last-child {
    margin: 0 0 0;
}

.block__image {
  margin: 0 0 60px;
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 81 / 43;
}

.block__image img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block__image--text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 450px;
    margin: 0 auto;
    padding: 16px 40px;
    background-color: #F08B1A;
    border-radius: 8px;
    color: #FFF;
}

.block__image--title {
    font-weight: 600;
    font-size: 30px;
    font-size: 3.0rem;
}

.block__image--sub {
    margin: 0 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
}

.service .block__title {
    text-align: center;
}

@media screen and (max-width: 767px) {
.service__block {
    margin: -72px 0 40px;
    padding: 72px 0 0;
}

.block__image {
    margin: 0 calc(50% - 50vw) 60px;
    width: 100vw;
    aspect-ratio: 39 / 22;
}

.block__image--text {
    width: 350px;
    padding: 16px 26px;
}

.block__image--sub {
    font-size: 14px;
    font-size: 1.4rem;
}

.block__image--title {
    font-weight: 600;
    font-size: 30px;
    font-size: 3.0rem;
}

.block__image--sub {
    margin: 0 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
}
}

/*
section-work
***********************************/
.work__list {
    display: flex;
    flex-direction: column;
    margin: 70px 0;
}

.work__list>li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 60px;
}

.work__list>li:first-child {
    margin-top: 0;
}

.work__list>li:nth-child(even) {
    flex-direction: row-reverse;
}

.work__image {
    width: 49%;
}

.work__image--img {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 84 / 55;
}

.work__detail {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.work__title {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 700;
}

.work__tags {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 30px;
}

.work__beneath {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.work__date {
    font-size: 16px;
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    .work__list {
        margin: 40px 0;
    }

    .work__list>li,
    .work__list>li:nth-child(even) {
        flex-direction: column;
        margin-top: 30px;
    }

    .work__image {
        width: 100%;
    }

    .work__detail {
        width: 100%;
        margin-top: 18px;
    }

    .work__title {
        font-size: 20rpx;
        font-size: 2.0rem;
    }

    .work__tags {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 4px;
    }

    .work__beneath {
        margin-top: 8px;
    }

    .work__date {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/*
section-contact
***********************************/
.container--contact {
    width: 670px;
    margin: 0 auto;
    padding: 0;
}

.contact__contents {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 70px;
}

@media screen and (max-width: 767px) {
    .container--contact {
        width: 100%;
        padding: 0 20px;
    }
}