@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,500;1,600;1,700&display=swap");
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { font-family: "dystopian", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', Arial, sans-serif; font-size: 1.4rem; font-size: 14px; line-height: 1.7; font-weight: 400; background: #fff; color: #000; }

body { overflow-wrap: break-word; }

a { color: #231815; text-decoration: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

a:hover { text-decoration: none; color: currentColor; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; opacity: .75; }

a:focus { outline: none; text-decoration: none; }

ul, ol { margin: 0; padding: 0; }

ul li, ol li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0; }

p { margin: 0px 0px 30px 0px; padding: 0; }

p:last-child { margin-bottom: 0px; }

@media screen and (max-width: 768px) { p { margin: 0 0 4vw 0; } }

figure { margin: 0; padding: 0; line-height: 0; }

input[type="submit"] { border: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

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

dl, dt, dd { margin: 0; padding: 0; }

* { -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; }

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

/* clearfix (micro) */
.clearfix:before, .clearfix:after { content: ' '; display: table; }

.clearfix:after { clear: both; }

/* For IE 6/7 only */
.clearfix { *zoom: 1; }

div, p { /*word-break: break-all;*/ }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, nav, picture { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

ul, ol, li { list-style: none; }

.page-main { display: block; position: relative; overflow: hidden; }

#hambuger { display: block; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; z-index: 99; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: relative; /*&.open { position: fixed; right: 6.4rem; top: 2.5rem; }*/ }

@media screen and (min-width: 769px) { #hambuger { width: 50px; height: 20px; } }

@media screen and (max-width: 768px) { #hambuger { width: 6.66667vw; height: 2.93333vw; } }

.nav-icon { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.nav-icon span { display: block; position: absolute; background: #000000; opacity: 1; left: 50%; -webkit-transform: translateX(-50%) rotate(0deg); -moz-transform: translateX(-50%) rotate(0deg); -ms-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; }

@media screen and (min-width: 769px) { .nav-icon span { height: 2px; width: 50px; } }

@media screen and (max-width: 768px) { .nav-icon span { height: 0.26667vw; width: 6.66667vw; } }

.nav-icon span:nth-child(1) { top: 0.4vw; }

@media screen and (min-width: 769px) { .nav-icon span:nth-child(1) { top: 0px; } }

.nav-icon span:nth-child(2) { visibility: hidden; }

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 1.33333vw; /*top: 50%; left: 50%; transform: translate(-50%,-50%);    */ }

@media screen and (min-width: 769px) { .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 10px; } }

.nav-icon span:nth-child(4) { top: 2.4vw; }

@media screen and (min-width: 769px) { .nav-icon span:nth-child(4) { top: 20px; } }

.nav-icon strong { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 1.86667vw; color: #A08C46; letter-spacing: 0.05em; display: inline-block; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; font-family: "Gothic A1", sans-serif; font-weight: 900; }

.nav-icon strong.mn-open { opacity: 1; visibility: visible; }

.nav-icon strong.mn-close { opacity: 0; visibility: hidden; }

.nav-icon.open span:nth-child(1) { top: 50%; width: 0%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.nav-icon.open span:nth-child(2) { visibility: visible; margin-top: -2px; -webkit-transform: translateX(-50%) rotate(27deg); -moz-transform: translateX(-50%) rotate(27deg); -ms-transform: translateX(-50%) rotate(27deg); transform: translateX(-50%) rotate(27deg); }

.nav-icon.open span:nth-child(3) { margin-top: -2px; -webkit-transform: translateX(-50%) rotate(-27deg); -moz-transform: translateX(-50%) rotate(-27deg); -ms-transform: translateX(-50%) rotate(-27deg); transform: translateX(-50%) rotate(-27deg); }

.nav-icon.open span:nth-child(4) { top: 50%; width: 0%; left: 50%; }

.nav-icon.open strong.mn-open { opacity: 0; visibility: hidden; }

.nav-icon.open strong.mn-close { opacity: 1; visibility: visible; }

.js-view { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }

.js-view.fadein { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

/************************
 .sc-fade
*************************/
@-webkit-keyframes transX { 0% { -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  47.5% { -webkit-transform: translateX(0); transform: translateX(0); }
  52.5% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }
@-moz-keyframes transX { 0% { -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
      transform: translateX(-100%); }
  47.5% { -moz-transform: translateX(0); transform: translateX(0); }
  52.5% { -moz-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); transform: translateX(100%); } }
@keyframes transX { 0% { -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
      transform: translateX(-100%); }
  47.5% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
  52.5% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } }

.js-view { opacity: 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }

.js-view.sc-fadein { opacity: 1; }

.maskToRight::before { position: absolute; content: ""; width: 100%; height: 100%; left: -100%; top: 0; background: #000; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: left 0.3s linear, -webkit-transform 0.3s ease 0.5s; transition: left 0.3s linear, -webkit-transform 0.3s ease 0.5s; -moz-transition: left 0.3s linear, transform 0.3s ease 0.5s, -moz-transform 0.3s ease 0.5s; transition: left 0.3s linear, transform 0.3s ease 0.5s; transition: left 0.3s linear, transform 0.3s ease 0.5s, -webkit-transform 0.3s ease 0.5s, -moz-transform 0.3s ease 0.5s; z-index: 9; }

.maskToRight.on::before { -webkit-animation: transX 2s cubic-bezier(0.78, 0.07, 0, 1) normal; -moz-animation: transX 2s cubic-bezier(0.78, 0.07, 0, 1) normal; animation: transX 2s cubic-bezier(0.78, 0.07, 0, 1) normal; left: 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }

/* animatezoom
********************/
@-webkit-keyframes animatezoom { from { -webkit-transform: scale(0); transform: scale(0); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
@-moz-keyframes animatezoom { from { -moz-transform: scale(0); transform: scale(0); }
  to { -moz-transform: scale(1); transform: scale(1); } }
@keyframes animatezoom { from { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  to { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }

/* slideInFromLeft
********************/
@-webkit-keyframes slideInFromLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px); }
  30% { opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px); }
  80% { opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@-moz-keyframes slideInFromLeft { 0% { opacity: 0;
    -moz-transform: translateX(-100px);
         transform: translateX(-100px); }
  30% { opacity: 0;
    -moz-transform: translateX(-100px);
         transform: translateX(-100px); }
  80% { opacity: 0;
    -moz-transform: translateX(-100px);
         transform: translateX(-100px); }
  100% { opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0); } }
@keyframes slideInFromLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100px);
       -moz-transform: translateX(-100px);
            transform: translateX(-100px); }
  30% { opacity: 0;
    -webkit-transform: translateX(-100px);
       -moz-transform: translateX(-100px);
            transform: translateX(-100px); }
  80% { opacity: 0;
    -webkit-transform: translateX(-100px);
       -moz-transform: translateX(-100px);
            transform: translateX(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0); } }

/* slideOutFromLeft
********************/
@-webkit-keyframes slideOutFromLeft { 0% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px); } }
@-moz-keyframes slideOutFromLeft { 0% { opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0); }
  100% { opacity: 0;
    -moz-transform: translateX(50px);
         transform: translateX(50px); } }
@keyframes slideOutFromLeft { 0% { opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(50px);
       -moz-transform: translateX(50px);
            transform: translateX(50px); } }

@-webkit-keyframes mvImg { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes mvImg { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes mvImg { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes mvFadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-moz-keyframes mvFadeUp { 0% { opacity: 0;
    -moz-transform: translateY(100px);
         transform: translateY(100px); }
  100% { opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0); } }

@keyframes mvFadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
            transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes btnFixed { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  80% { opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-moz-keyframes btnFixed { 0% { opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%); }
  80% { opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0); } }

@keyframes btnFixed { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
            transform: translateX(100%); }
  80% { opacity: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
            transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0); } }

/** header area
====================================== **/
.page-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 21rem; position: relative; z-index: 9; padding: 0 -webkit-calc(95/1920 * 100%) 0 -webkit-calc(75/1920 * 100%); padding: 0 -moz-calc(95/1920 * 100%) 0 -moz-calc(75/1920 * 100%); padding: 0 calc(95/1920 * 100%) 0 calc(75/1920 * 100%); }

@media screen and (max-width: 768px) { .page-header { display: block; padding: 5.33333vw 5.06667vw 0; height: 36vw; } }

.site-desc { font-size: 2rem; font-weight: 900; line-height: 1; }

@media screen and (max-width: 768px) { .site-desc { font-size: 2.4vw; text-align: center; margin-bottom: 5.33333vw; } }

.site-logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 3rem; }

@media screen and (max-width: 768px) { .site-logo { position: static; text-align: center; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

.site-logo a { display: inline-block; line-height: 0; }

.site-logo img { width: 45.8rem; }

@media screen and (max-width: 768px) { .site-logo img { max-width: inherit; width: 40vw; } }

.home .site-logo img { width: 40rem; }

@media screen and (max-width: 768px) { .home .site-logo img { max-width: inherit; width: 46.66667vw; } }

.txt { font-size: 1.8rem; font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }

.txt.left { left: 1.5rem; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.txt.right { right: 1.5rem; }

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

.g-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; z-index: 9; background: #fff; overflow-x: hidden; overflow-y: auto; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }

.g-nav:after { position: absolute; content: ''; width: 120%; height: 100%; left: -10%; top: 0; background: url(../img/bg_nav.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; z-index: -1; opacity: 0.15; }

.g-nav.open { right: 0; }

@media screen and (max-width: 768px) { .g-inner { margin: 13.33333vw 0; } }

.g-logo { padding-top: 2.5rem; }

.g-logo img { width: 20rem; }

@media screen and (max-width: 768px) { .g-logo { padding-top: 5.33333vw; }
  .g-logo img { width: 40vw; } }

.b-top { padding-bottom: 5rem; }

.b-top a { font-size: 3rem; font-weight: 900; line-height: 1; }

@media screen and (max-width: 768px) { .b-top a { font-size: 4vw; } }

@media screen and (min-width: 769px) { .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } }

@media screen and (max-width: 768px) { .flex_sp { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .flex_sp.last .menu-sub_item { width: 50%; }
  .flex_sp.last .menu-sub_item:last-child { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } }

.menu li + li, .menu-sub li + li { margin-left: 4rem; }

@media screen and (max-width: 768px) { .menu li + li, .menu-sub li + li { margin: 6.66667vw 0 0; } }

.menu a, .menu-sub a { position: relative; line-height: 1; }

.menu a:before, .menu-sub a:before { position: absolute; content: ''; bottom: 0; left: 0; background: #000; }

.menu { margin-bottom: 3rem; }

@media screen and (max-width: 768px) { .menu { margin-bottom: 6.66667vw; } }

.menu-item_link { font-size: 6rem; font-weight: 900; padding-left: 3.8rem; }

@media screen and (max-width: 768px) { .menu-item_link { font-size: 9.33333vw; padding-left: 5.33333vw; } }

.menu-item_link:before { width: 3.5rem; height: 0.9rem; }

@media screen and (max-width: 768px) { .menu-item_link:before { width: 5.33333vw; height: 1.33333vw; } }

.menu-item.flex { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.menu-sub_item__link { font-size: 3rem; font-weight: 900; padding-left: 2rem; }

@media screen and (max-width: 768px) { .menu-sub_item__link { font-size: 5.33333vw; padding-left: 3.46667vw; } }

.menu-sub_item__link:before { width: 1.7rem; height: 0.5rem; }

@media screen and (max-width: 768px) { .menu-sub_item__link:before { width: 2.93333vw; height: 0.8vw; } }

@media screen and (max-width: 768px) { .menu-sub_item:nth-child(2) { margin-top: 0; } }

.menu-sub_item.mn_ins a { opacity: 0.35; pointer-events: none; }

.menu-sub.first { margin-left: 2rem; }

.menu-sub.last { margin-top: 4rem; }

@media screen and (max-width: 768px) { .menu-sub.last { margin-top: 6.66667vw; } }

/** footer area
======================================= **/
.page-footer { position: relative; background: #000; color: #fff; padding: 5rem -webkit-calc(60/1920 * 100%) 2rem -webkit-calc(76/1920 * 100%); padding: 5rem -moz-calc(60/1920 * 100%) 2rem -moz-calc(76/1920 * 100%); padding: 5rem calc(60/1920 * 100%) 2rem calc(76/1920 * 100%); }

@media screen and (max-width: 768px) { .page-footer { padding: 18.66667vw 5.06667vw 4vw; text-align: center; } }

.footer-copy { max-width: 47.6rem; margin: 0 auto 5rem; line-height: 0; }

@media screen and (max-width: 768px) { .footer-copy { max-width: 80.66667vw; margin: 0 auto 10.66667vw; } }

@media screen and (min-width: 769px) { .footer-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: row; -moz-box-flex: row; -ms-flex: row; flex: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } }

.footer-logo { width: 24rem; }

@media screen and (min-width: 769px) { .footer-logo { margin-left: -4rem; } }

@media screen and (max-width: 768px) { .footer-logo { width: 60.66667vw; margin: 3.33333vw auto 10.66667vw; } }

.footer-logo a { display: block; }

.footer-left { font-size: 2rem; font-weight: bold; letter-spacing: 0.2rem; }

@media screen and (max-width: 768px) { .footer-left { font-size: 2.66667vw; } }

.footer-right { line-height: 1.5; }

@media screen and (min-width: 769px) { .footer-right { margin-top: 0.5rem; } }

.footer-right p { font-size: 1rem; line-height: 1.3; }

@media screen and (max-width: 768px) { .footer-right p { font-size: 2.13333vw; } }

.footer-plan { text-align: center; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; font-size: 1rem; margin-top: 1rem; }

.footer-plan p + p { margin-top: 1rem; }

@media screen and (max-width: 768px) { .footer-plan { font-size: 2.13333vw; margin-top: 4vw; } }

.footer-plan a { display: inline-block; color: #fff; margin-right: 1rem; text-decoration: underline; }

@media screen and (max-width: 768px) { .footer-plan a { display: block; margin: 0 0 1.33333vw 0; } }

.copyright { display: block; font-size: 2rem; font-weight: 400; }

.copyright small { font-size: 1.4rem; }

@media screen and (max-width: 768px) { .copyright { font-size: 5.06667vw; }
  .copyright small { font-size: 3.2vw; } }

.pagetop { display: inline-block; position: absolute; background: #b4b9c3; width: 8rem; height: 8rem; bottom: 6rem; right: 17rem; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; z-index: 3; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }

@media screen and (min-width: 769px) { .pagetop:hover { opacity: 1; } }

.pagetop > span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .pagetop.ab { position: absolute; top: 0; bottom: inherit; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .pagetop { width: 5rem; height: 5rem; right: 3rem; } }

@media screen and (max-width: 768px) { .pagetop { width: 10.66667vw; height: 10.66667vw; bottom: auto; top: -5.33333vw; right: 5.33333vw; } }

.share-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 14rem; height: 14rem; -moz-border-radius: 50%; border-radius: 50%; background: #ffff00; color: #000000; font-size: 2.6rem; font-weight: 900; line-height: 0.9; position: absolute; right: 26rem; top: -7rem; }

@media screen and (min-width: 769px) and (max-width: 1023px) { .share-btn { width: 10rem; height: 10rem; font-size: 2rem; top: -5rem; right: 9rem; } }

@media screen and (max-width: 768px) { .share-btn { width: 18.66667vw; height: 18.66667vw; font-size: 3.46667vw; right: 17.33333vw; top: -9.33333vw; } }

.share-btn:hover { opacity: 1; color: #000000; }

.share-btn span { display: inline-block; }

@media (min-width: 1025px) and (max-width: 1600px) { .share-btn { right: 13rem; }
  .pagetop { right: 4rem; } }

#wrapper { overflow: hidden; }

.container { max-width: 111rem; padding: 0 1.5rem; margin: 0 auto; }

@media screen and (max-width: 768px) { .container { padding: 0 5.06667vw; } }

#hambuger.open { position: fixed; }

@media screen and (min-width: 769px) { #hambuger.open { top: 3rem; right: 3.4rem; } }

@media screen and (min-width: 769px) { .show_sp { display: none !important; }
  .MissingWH { position: relative; overflow: hidden; height: 100%; width: 100%; }
  .MissingWH img { position: absolute; left: 0; top: 0; margin: 0; width: auto !important; display: none; height: auto; min-width: 100%; min-height: 100%; max-height: none; max-width: none; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  /*a[href^=tel] { pointer-events: none; text-decoration: none; opacity: 1 !important; cursor: default !important; }*/ }

@media screen and (max-width: 768px) { body { font-size: 1.86667vw; }
  .show_pc { display: none !important; }
  #hambuger { position: fixed; right: 5.06667vw; top: 5.33333vw; } }

.breadcrumb { width: 100%; background: rgba(35, 31, 32, 0.5); position: absolute; left: 0; bottom: 0; padding: 1.5rem 3%; }

@media screen and (max-width: 768px) { .breadcrumb { position: static; background: transparent; padding: 4vw; } }

.breadcrumb ul li { display: inline-block; font-size: 1.7rem; color: #fff; }

.breadcrumb ul li:not(:first-child) { position: relative; padding-left: 1.5rem; margin-left: 1.5rem; }

.breadcrumb ul li:not(:first-child):after { position: absolute; content: '/'; left: -0.5rem; top: 0; }

.breadcrumb ul li a { display: inline-block; color: #fff; }

@media screen and (max-width: 768px) { .breadcrumb ul li { color: #414042; font-size: 3.2vw; }
  .breadcrumb ul li a { color: #414042; } }

.pagination { text-align: center; margin: 5rem 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .pagination { margin: 4vw 0; } }

.pagination li { display: inline-block; padding: 0 1rem; }

.pagination li + li { margin-left: 1rem; }

@media screen and (max-width: 768px) { .pagination li { padding: 0 1.33333vw; font-size: 2.4vw; } }

.pagination li a, .pagination li span { display: inline-block; font-size: 2.4rem; font-weight: 900; line-height: 1; }

@media screen and (max-width: 768px) { .pagination li a, .pagination li span { font-size: 4vw; } }

.pagination li a { text-decoration: underline; }

.pagination li a:hover, .pagination li .current { text-decoration: none; }

.btn-backtop { text-align: center; }

.btn-backtop a { display: inline-block; font-size: 2.4rem; font-weight: 900; }

@media screen and (max-width: 768px) { .btn-backtop a { font-size: 4vw; } }

.btn-backtop a:hover { text-decoration: underline; }

.mode-txt { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }

.section-title { font-size: 9rem; font-weight: 900; line-height: 0.75; text-align: center; }

@media screen and (max-width: 768px) { .section-title { font-size: 12vw; } }

/* Loading
-------------------------------*/
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; }

.loading__inner { width: 100%; height: 1px; }

.loading__process { height: 1px; background: #b4b9c3; -webkit-animation: bar-fs 2.5s cubic-bezier(0.5, 1, 0.89, 1); -moz-animation: bar-fs 2.5s cubic-bezier(0.5, 1, 0.89, 1); animation: bar-fs 2.5s cubic-bezier(0.5, 1, 0.89, 1); }

.loading__logo { -webkit-transition: opacity 0.8s ease-in; -moz-transition: opacity 0.8s ease-in; transition: opacity 0.8s ease-in; text-align: center; }

.loading__logo { width: 456px; text-align: center; -webkit-animation: rotate-fs 1000ms cubic-bezier(0.5, 1, 0.89, 1) infinite; -moz-animation: rotate-fs 1000ms cubic-bezier(0.5, 1, 0.89, 1) infinite; animation: rotate-fs 1000ms cubic-bezier(0.5, 1, 0.89, 1) infinite; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@media screen and (max-width: 768px) { .loading__logo { width: 29.33333vw; } }

.loading__logo img { min-width: 100%; }

.loading__logo .logo { width: 14.2rem; }

.loading__logo .logo-text { margin-top: 3rem; }

.loading__spinner > div { width: 1rem; height: 1rem; background: #fff; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.loading__spinner .bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; }

.loading__spinner .bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; }

.loading.is-show .loading__logo, .loading.is-show .loading__spinner { z-index: 15001; opacity: 1; }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      transform: scale(0); }
  40% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      transform: scale(1); } }

@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      transform: scale(0); }
  40% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      transform: scale(1); } }

@-webkit-keyframes rotate-fs { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@-moz-keyframes rotate-fs { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -moz-transform: rotate(15deg); transform: rotate(15deg); }
  100% { -moz-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes rotate-fs { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } }

@-webkit-keyframes bar-fs { 0% { width: 0; }
  100% { width: 100%; } }

@-moz-keyframes bar-fs { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes bar-fs { 0% { width: 0; }
  100% { width: 100%; } }

.section-guide .list-tags_ttl { font-family: "Noto Sans JP", sans-serif; font-weight: 900; }

.section-guide .btn-backtop { margin-top: 4rem; }

@media screen and (max-width: 768px) { .section-guide .btn-backtop { margin-top: 5.33333vw; } }

/*---------------------------------------------------------------------------*/
.fancybox-active { overflow: hidden; }

.bg_black { background: #000; }

/** p-modal **/
.p-modal { width: 100%; padding: 4rem 8rem; /*@include pc { overflow: hidden; }*/ }

@media screen and (max-width: 768px) { .p-modal { padding: 0; } }

.p-modal_close { display: inline-block; position: absolute; width: 5rem; height: 2.2rem; padding: 0; top: 2.4rem; right: 3.4rem; }

@media screen and (max-width: 768px) { .p-modal_close { width: 6.66667vw; height: 2.93333vw; } }

@media screen and (min-width: 769px) { .p-modal_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.p-modal.fancybox-content { padding: 0 9rem; }

@media screen and (max-width: 1440px) { .p-modal.fancybox-content { padding: 0 4rem; } }

@media screen and (max-width: 768px) { .p-modal.fancybox-content { padding: 5.33333vw 0; } }

.p-modal:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/bg_nav.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; z-index: -1; opacity: 0.15; }

.p-modal .b-top { padding: 0; margin: 2rem 0 0; text-align: center; }

.p-modal .b-top span { display: inline-block; font-size: 2.4rem; font-weight: 900; cursor: pointer; }

@media screen and (max-width: 768px) { .p-modal .b-top span { font-size: 4vw; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .p-modal .b-top { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); text-align: center; } }

@media screen and (max-width: 768px) { .p-modal .b-top { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); text-align: center; margin-bottom: 5.33333vw; } }

@media screen and (min-width: 769px) { .p-modal .slider-nav { position: absolute; right: 2rem; bottom: -5rem; z-index: 3; text-align: right; } }

@media (min-width: 1024px) and (max-width: 1150px) { .p-modal .slider-nav { bottom: 0; } }

@media screen and (max-width: 768px) { .p-modal .slider-nav { text-align: right; padding-right: 7.73333vw; } }

.p-modal .slider-nav a { display: inline-block; text-indent: -9999px; border: none; outline: none; width: 3.4rem; height: 2.2rem; cursor: pointer; padding: 0; }

@media screen and (max-width: 768px) { .p-modal .slider-nav a { width: 4.53333vw; height: 2.93333vw; } }

.p-modal .slider-nav .prev { background: url(../img/icon_prev.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.p-modal .slider-nav .next { margin-left: 2.8rem; background: url(../img/icon_next.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .p-modal .slider-nav .next { margin-left: 3.73333vw; } }

@media screen and (max-width: 768px) { .p-modal .slider-nav { right: 8vw; } }

@media screen and (max-width: 767px) { .p-modal .slider-nav { bottom: 26.66667vw; } }

.p-modal .fancybox-close-small { width: 5rem; height: 2.2rem; padding: 0; top: 2.4rem; right: 3.4rem; background: url(../img/icon_close.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .p-modal .fancybox-close-small { width: 6.66667vw; height: 2.93333vw; } }

.p-modal .fancybox-close-small svg { display: none; }

.p-modal_slider { width: 100%; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; }

.p-modal_slider__item { width: 100%; height: 100%; }

.p-modal_slider .slick-dots { line-height: 0; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.p-modal_slider .slick-dots li { width: 6rem; height: 6rem; line-height: 0; margin: 5px; }

@media screen and (max-width: 768px) { .p-modal_slider .slick-dots li { width: 13.33333vw; height: 13.33333vw; margin: 0 1.33333vw 2.66667vw; } }

@media screen and (min-width: 769px) { .slick-slider-dots { width: -webkit-calc(100% + 16rem); width: -moz-calc(100% + 16rem); width: calc(100% + 16rem); padding-left: 1.2rem; } }

.slick-slider-dots h3 { font-size: 1.2rem; font-weight: 600; margin: 2rem 0 1rem 0; }

@media screen and (max-width: 768px) { .slick-slider-dots h3 { font-size: 2.66667vw; } }

.slick-slider-dots .slick-dots { position: static; margin-left: -0.5rem; }

.fancybox-slide--html { padding: 0; }

.fancybox-caption--separate, .fancybox-infobar, .fancybox-toolbar { display: none !important; }

.p-character_ttl { font-size: 1.8rem; font-weight: 900; text-align: center; line-height: 1; padding-top: 2rem; }

@media screen and (max-width: 768px) { .p-character_ttl { font-size: 3.2vw; } }

.character-row { position: relative; }

@media screen and (min-width: 769px) { .character-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } }

@media (min-width: 1024px) and (max-width: 1150px) { .character-row { display: block; height: auto; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .character-row { display: block; height: auto; } }

@media screen and (min-width: 769px) { .character-row .character-img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 14rem; } }

@media screen and (max-width: 1440px) { .character-row .character-img { margin-left: 3rem; } }

@media (min-width: 1024px) and (max-width: 1150px) { .character-row .character-img { margin-left: 0; } }

@media screen and (max-width: 768px) { .character-row .character-img { min-height: -webkit-calc(70vh - 18.66667vw); min-height: -moz-calc(70vh - 18.66667vw); min-height: calc(70vh - 18.66667vw); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 8vw 0 10.66667vw 0; position: relative; } }

.character-row .character-ctn { width: 41rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

@media (min-width: 1024px) and (max-width: 1150px) { .character-row .character-ctn { width: 100%; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .character-row .character-ctn { width: 100%; } }

@media screen and (max-width: 768px) { .character-row .character-ctn { width: 100%; padding: 0 5.06667vw; } }

.character-thumb { position: relative; width: 72rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

@media screen and (max-width: 1440px) { .character-thumb { width: 58rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } }

@media (min-width: 1024px) and (max-width: 1150px) { .character-thumb { width: 60rem; } }

@media screen and (max-width: 768px) { .character-thumb { width: 100%; } }

.character-thumb_copy { position: relative; }

@media screen and (min-width: 769px) { .character-thumb_copy { margin: 0 0 0 7rem; min-height: 70vh; } }

@media screen and (max-width: 1440px) { .character-thumb_copy { margin: 0 0 0 4rem; } }

@media (min-width: 1024px) and (max-width: 1150px) { .character-thumb_copy { margin: 0 0 0 2rem; } }

@media screen and (max-width: 768px) { .character-thumb_copy { position: absolute; right: 5.06667vw; top: 0; z-index: 2; height: 100%; } }

.character-thumb_copy img { width: 14rem; }

@media screen and (max-width: 768px) { .character-thumb_copy img { width: 24.53333vw; } }

.character-thumb_bg { line-height: 0; position: absolute; left: 0; top: 0; z-index: 0; }

.character-thumb_image { line-height: 0; text-align: center; position: relative; z-index: 2; }

.character-thumb_image img { display: inline-block; }

.character-thumb_image img.on { display: inline-block; opacity: 1; visibility: visible; }

.character-thumb_image img.off { display: none; opacity: 0; visibility: hidden; }

.character-thumb_image.active img.off { display: inline-block; opacity: 1; visibility: visible; }

.character-thumb_image.active img.on { display: none; opacity: 0; visibility: hidden; }

.character-thumb_image2 img { display: none; }

.character-thumb_image2 img:first-of-type { display: inherit; }

.btn-change { display: block; width: 7.5rem; height: 7.5rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 20%; cursor: pointer; z-index: 3; margin-top: 8rem; }

.btn-change img { width: 100%; }

@media screen and (max-width: 768px) { .btn-change { right: 5.06667vw; bottom: 4vw; } }

/*@media (min-width: 768px) and (max-width: 1023px) {
    .btn-change {
        bottom: 20%;
        right: 2rem;
    }
}*/
.name-box { margin: 0 0 1.8rem 0; padding: 0 0 0 1.2rem; }

.name-box img { width: 15.6rem; }

.profile-box { position: relative; }

.cv-logo { width: 6rem; height: 6rem; position: absolute; top: -2rem; right: 0; }

@media screen and (max-width: 768px) { .cv-logo { width: 8vw; height: 8vw; right: 1.6vw; top: -2.66667vw; } }

.cv-ttl { padding: 0 0 0 1.2rem; }

.cv-ttl img { width: 13rem; }

.prof-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; border-bottom: 1px solid #4d4d4d; padding: 1.7rem 1.2rem; }

.prof-list li { width: 45%; font-size: 1.6rem; font-weight: 600; line-height: 1.35; }

@media screen and (max-width: 768px) { .prof-list li { font-size: 3.2vw; } }

.prof-voice { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1.7rem 1.2rem 0.2rem; margin-left: -1.5rem; }

.prof-voice li { margin: 0 0 1.5rem 1.5rem; }

.prof-voice_btn { width: 7.5rem; height: 7.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #000; -moz-border-radius: 50%; border-radius: 50%; font-size: 1.8rem; font-weight: 900; text-transform: uppercase; line-height: 1; cursor: pointer; }

@media screen and (max-width: 768px) { .prof-voice_btn { width: 20vw; height: 20vw; font-size: 4.8vw; } }

.prof-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -1rem; }

.prof-info li { width: -webkit-calc(50% - 1rem); width: -moz-calc(50% - 1rem); width: calc(50% - 1rem); margin: 0 0 0 1rem; border-bottom: 1px solid #4d4d4d; padding: 1rem 1.2rem; }

.prof-info li:nth-child(1), .prof-info li:nth-child(2) { border-top: 1px solid #4d4d4d; }

.prof-info li span { display: block; font-size: 1.2rem; font-family: "Noto Sans JP", sans-serif; font-weight: 400; line-height: 1; margin-bottom: 0.5rem; }

@media screen and (max-width: 768px) { .prof-info li span { font-size: 2.66667vw; } }

.prof-info li em { display: block; font-style: normal; font-size: 1.4rem; font-family: "Noto Sans JP", sans-serif; font-weight: 900; }

@media screen and (max-width: 768px) { .prof-info li em { font-size: 3.2vw; } }

.prof-copy { border-bottom: 1px solid #4d4d4d; padding: 2rem 1.2rem; font-size: 1.4rem; font-family: "Noto Sans JP", sans-serif; font-weight: 500; text-align: justify; }

@media screen and (max-width: 768px) { .prof-copy { font-size: 2.93333vw; } }

#popup-modal-01 .name-box img { width: 15.6rem; }

@media screen and (max-width: 768px) { #popup-modal-01 .name-box img { width: 31.2vw; } }

#popup-modal-01 .cv-ttl img { width: 13rem; }

@media screen and (max-width: 768px) { #popup-modal-01 .cv-ttl img { width: 25.6vw; } }

#popup-modal-01 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-02 { /*.character-thumb_bg { top: -2rem; @include sp { top: vw(-20); } }*/ /*.character-thumb_copy { img { @include sp { width: vw(186); } } }*/ }

#popup-modal-02 .name-box img { width: 15.8rem; }

@media screen and (max-width: 768px) { #popup-modal-02 .name-box img { width: 31.46667vw; } }

#popup-modal-02 .cv-ttl img { width: 13rem; }

@media screen and (max-width: 768px) { #popup-modal-02 .cv-ttl img { width: 25.33333vw; } }

#popup-modal-02 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-03 { /*.character-thumb_bg { top: -1rem; @include sp { top: vw(-14); } }*/ }

#popup-modal-03 .name-box img { width: 11.6rem; }

@media screen and (max-width: 768px) { #popup-modal-03 .name-box img { width: 23.46667vw; } }

#popup-modal-03 .cv-ttl img { width: 13rem; }

@media screen and (max-width: 768px) { #popup-modal-03 .cv-ttl img { width: 25.86667vw; } }

#popup-modal-03 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-04 .name-box img { width: 19.8rem; }

@media screen and (max-width: 768px) { #popup-modal-04 .name-box img { width: 39.46667vw; } }

#popup-modal-04 .cv-ttl img { width: 14.4rem; }

@media screen and (max-width: 768px) { #popup-modal-04 .cv-ttl img { width: 28.8vw; } }

#popup-modal-04 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-05 .name-box img { width: 13rem; }

@media screen and (max-width: 768px) { #popup-modal-05 .name-box img { width: 25.86667vw; } }

#popup-modal-05 .cv-ttl img { width: 11rem; }

@media screen and (max-width: 768px) { #popup-modal-05 .cv-ttl img { width: 21.86667vw; } }

#popup-modal-05 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-06 { /*.character-thumb_bg { top: 1.7rem; @include sp { top: vw(20); } }*/ }

#popup-modal-06 .name-box img { width: 15.8rem; }

@media screen and (max-width: 768px) { #popup-modal-06 .name-box img { width: 30.93333vw; } }

#popup-modal-06 .cv-ttl img { width: 12.8rem; }

@media screen and (max-width: 768px) { #popup-modal-06 .cv-ttl img { width: 25.33333vw; } }

#popup-modal-06 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-07 { /*.character-thumb_bg { top: 4rem; @include sp { top: vw(60); margin: 0 vw(-20); } }*/ }

#popup-modal-07 .name-box img { width: 26rem; }

@media screen and (max-width: 768px) { #popup-modal-07 .name-box img { width: 51.46667vw; } }

#popup-modal-07 .cv-ttl img { width: 19.8rem; }

@media screen and (max-width: 768px) { #popup-modal-07 .cv-ttl img { width: 39.2vw; } }

#popup-modal-07 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-08 { /*.character-thumb_copy { img { width: 140px; height: auto; } }*/ }

#popup-modal-08 .name-box img { width: 22.2rem; }

@media screen and (max-width: 768px) { #popup-modal-08 .name-box img { width: 44.4vw; } }

#popup-modal-08 .cv-ttl img { width: 12rem; }

@media screen and (max-width: 768px) { #popup-modal-08 .cv-ttl img { width: 32vw; } }

#popup-modal-08 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-09 { /*.character-thumb_copy { img { width: 140px; height: auto; } }*/ }

#popup-modal-09 .name-box img { width: 12.4rem; }

@media screen and (max-width: 768px) { #popup-modal-09 .name-box img { width: 24.8vw; } }

#popup-modal-09 .cv-ttl img { width: 12rem; }

@media screen and (max-width: 768px) { #popup-modal-09 .cv-ttl img { width: 32vw; } }

#popup-modal-09 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#popup-modal-10 { /*.character-thumb_copy { img { width: 9.4rem; height: auto; @include sp { width: vw(122); } } }*/ }

#popup-modal-10 .name-box img { width: 24.4rem; }

@media screen and (max-width: 768px) { #popup-modal-10 .name-box img { width: 48.8vw; } }

#popup-modal-10 .cv-ttl img { width: 22rem; }

@media screen and (max-width: 768px) { #popup-modal-10 .cv-ttl img { width: 58.66667vw; } }

#popup-modal-10 .character-thumb_bg { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.nav_link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -1rem; }

@media screen and (max-width: 768px) { .nav_link { margin-left: -1.33333vw; } }

.nav_link li { width: 6rem; height: 6rem; margin: 0 0 1rem 1rem; }

@media screen and (max-width: 768px) { .nav_link li { width: 13.33333vw; height: 13.33333vw; margin: 0 1.33333vw 1.33333vw; } }

.nav_link li a { display: block; line-height: 0; position: relative; }

.nav_link li a:hover:after, .nav_link li a.active:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; }

.nav_link li a.kuno-taiyo:hover:after, .nav_link li a.kuno-taiyo.active:after { background: rgba(255, 75, 0, 0.5); }

.nav_link li a.inue-sota:hover:after, .nav_link li a.inue-sota.active:after { background: rgba(120, 245, 0, 0.5); }

.nav_link li a.kijima-ren:hover:after, .nav_link li a.kijima-ren.active:after { background: rgba(210, 0, 0, 0.5); }

.nav_link li a.sena-yuichiro:hover:after, .nav_link li a.sena-yuichiro.active:after { background: rgba(25, 65, 145, 0.5); }

.nav_link li a.iwasaki-homare:hover:after, .nav_link li a.iwasaki-homare.active:after { background: rgba(210, 214, 214, 0.5); }

.nav_link li a.asami-shion:hover:after, .nav_link li a.asami-shion.active:after { background: rgba(65, 230, 255, 0.5); }

.nav_link li a.fujii-elvis:hover:after, .nav_link li a.fujii-elvis.active:after { background: rgba(130, 70, 210, 0.5); }

.p-modal.p-black { background: #000; color: #fff; /*.prof-copy { @include pc { min-height: 18rem;  } }*/ }

.p-modal.p-black:after { background: none; }

.p-modal.p-black .prof-voice_btn { background: #fff; color: #000; }

.p-modal.p-black .b-top a { color: #fff; }

@media screen and (max-width: 768px) { .p-modal.p-black .b-top { margin: 0; padding: 5.33333vw 0; } }

.p-modal.p-black .slider-nav .prev { background: url(../img/icon_prev_white.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.p-modal.p-black .slider-nav .next { background: url(../img/icon_next_white.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

/*---------------------------------------------------------------------------*/
.fancybox-active { overflow: hidden; }

.p-lyric { width: 90%; height: 90%; z-index: 9; background: #fff; overflow-x: hidden; }

.p-lyric:after { position: absolute; content: ''; width: 120%; height: 120%; left: -10%; top: -7%; background: url(../img/bg_nav.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; z-index: -1; opacity: 0.15; }

@media screen and (max-width: 768px) { .p-lyric.fancybox-content { padding: 12vw 5.06667vw 10.66667vw; } }

.p-lyric .b-top { padding: 0; margin: 4rem 0 0; text-align: center; }

.p-lyric .b-top span { display: inline-block; font-size: 2.4rem; font-weight: 900; cursor: pointer; }

@media screen and (max-width: 768px) { .p-lyric .b-top span { font-size: 4vw; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .p-lyric .b-top { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); text-align: center; } }

@media screen and (max-width: 768px) { .p-lyric .b-top { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); text-align: center; } }

.p-lyric .fancybox-close-small { width: 5rem; height: 2.2rem; padding: 0; top: 2.4rem; right: 3.4rem; background: url(../img/icon_close.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .p-lyric .fancybox-close-small { width: 6.66667vw; height: 2.93333vw; } }

.p-lyric .fancybox-close-small svg { display: none; }

.p-lyric_inner { width: 100%; max-width: 108rem; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-lyric_head { text-align: center; }

@media screen and (max-width: 768px) { .p-lyric_head { text-align: left; } }

.p-lyric_head .time { font-size: 1.2rem; font-weight: 500; line-height: 1; }

@media screen and (max-width: 768px) { .p-lyric_head .time { font-size: 2.66667vw; } }

.p-lyric_head .album { font-size: 1.2rem; font-weight: 500; line-height: 1; }

@media screen and (max-width: 768px) { .p-lyric_head .album { font-size: 2.66667vw; } }

.p-lyric_head .title { font-size: 3rem; font-weight: 900; font-family: "Noto Sans JP", sans-serif; line-height: 1; margin: 1.5rem 0; }

@media screen and (max-width: 768px) { .p-lyric_head .title { font-size: 5.33333vw; border-bottom: 1px solid #4d4d4d; padding-bottom: 4vw; margin: 4vw 0; } }

.p-lyric_head .copy { font-size: 1.2rem; font-weight: bold; margin-bottom: 1.5rem; }

@media screen and (max-width: 768px) { .p-lyric_head .copy { font-size: 2.66667vw; margin-bottom: 4vw; } }

.p-lyric_content { width: 100%; border-bottom: 1px solid #4d4d4d; }

@media screen and (min-width: 769px) { .p-lyric_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 4rem 0; } }

@media screen and (max-width: 768px) { .p-lyric_content { padding: 10.66667vw 0; } }

.p-lyric_list { width: 100%; text-align: center; line-height: 0; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 2rem 0; }

@media screen and (max-width: 768px) { .p-lyric_list { padding: 5.33333vw 0; } }

.p-lyric_list img { width: 47.8rem; }

@media screen and (max-width: 768px) { .p-lyric_list img { width: 67.73333vw; } }

@media screen and (min-width: 769px) { .p-lyric_one { width: -webkit-calc(370/1080 * 100%); width: -moz-calc(370/1080 * 100%); width: calc(370/1080 * 100%); } }

.p-lyric_one img { width: 26.8rem; }

@media screen and (max-width: 768px) { .p-lyric_one img { width: 65.33333vw; } }

@media screen and (min-width: 769px) { .p-lyric_two { width: -webkit-calc(456/1080 * 100%); width: -moz-calc(456/1080 * 100%); width: calc(456/1080 * 100%); } }

.p-lyric_two img { width: 34rem; }

@media screen and (max-width: 768px) { .p-lyric_two img { width: 83.2vw; } }

@media screen and (min-width: 769px) { .p-lyric_three { width: -webkit-calc(254/1080 * 100%); width: -moz-calc(254/1080 * 100%); width: calc(254/1080 * 100%); } }

.p-lyric_three img { width: 25.4rem; }

@media screen and (max-width: 768px) { .p-lyric_three img { width: 62.13333vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric2 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric2 .p-lyric_list img { width: 12.2rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric2 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric2 .p-lyric_list img { width: 32.53333vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric2 .p-lyric_one { width: -webkit-calc(410/1080 * 100%); width: -moz-calc(410/1080 * 100%); width: calc(410/1080 * 100%); }
  .p-lyric.p-lyric2 .p-lyric_one img { width: 35.8rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric2 .p-lyric_one img { width: 84.8vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric2 .p-lyric_two { width: -webkit-calc(436/1080 * 100%); width: -moz-calc(436/1080 * 100%); width: calc(436/1080 * 100%); }
  .p-lyric.p-lyric2 .p-lyric_two img { width: 34.6rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric2 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric2 .p-lyric_two img { width: 84.8vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric2 .p-lyric_three { width: -webkit-calc(234/1080 * 100%); width: -moz-calc(234/1080 * 100%); width: calc(234/1080 * 100%); }
  .p-lyric.p-lyric2 .p-lyric_three img { width: 23rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric2 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric2 .p-lyric_three img { width: 56.8vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric3 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric3 .p-lyric_list img { width: 10.7rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric3 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric3 .p-lyric_list img { width: 28.26667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric3 .p-lyric_one { width: -webkit-calc(436/1080 * 100%); width: -moz-calc(436/1080 * 100%); width: calc(436/1080 * 100%); }
  .p-lyric.p-lyric3 .p-lyric_one img { width: 27rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric3 .p-lyric_one img { width: 65.6vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric3 .p-lyric_two { width: -webkit-calc(370/1080 * 100%); width: -moz-calc(370/1080 * 100%); width: calc(370/1080 * 100%); }
  .p-lyric.p-lyric3 .p-lyric_two img { width: 20.2rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric3 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric3 .p-lyric_two img { width: 49.33333vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric3 .p-lyric_three { width: -webkit-calc(274/1080 * 100%); width: -moz-calc(274/1080 * 100%); width: calc(274/1080 * 100%); }
  .p-lyric.p-lyric3 .p-lyric_three img { width: 27.4rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric3 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric3 .p-lyric_three img { width: 66.66667vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric4 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric4 .p-lyric_list img { width: 26rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric4 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric4 .p-lyric_list img { width: 68.66667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric4 .p-lyric_one { width: -webkit-calc(490/1080 * 100%); width: -moz-calc(490/1080 * 100%); width: calc(490/1080 * 100%); }
  .p-lyric.p-lyric4 .p-lyric_one img { width: 30.2rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric4 .p-lyric_one img { width: 73.86667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric4 .p-lyric_two { width: -webkit-calc(395/1080 * 100%); width: -moz-calc(395/1080 * 100%); width: calc(395/1080 * 100%); }
  .p-lyric.p-lyric4 .p-lyric_two img { width: 20.9rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric4 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric4 .p-lyric_two img { width: 50.66667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric4 .p-lyric_three { width: -webkit-calc(195/1080 * 100%); width: -moz-calc(195/1080 * 100%); width: calc(195/1080 * 100%); }
  .p-lyric.p-lyric4 .p-lyric_three img { width: 19.5rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric4 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric4 .p-lyric_three img { width: 47.46667vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric5 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric5 .p-lyric_list img { width: 22.4rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric5 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric5 .p-lyric_list img { width: 59.46667vw; } }

.p-lyric.p-lyric5 .p-lyric_content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .p-lyric.p-lyric5 .p-lyric_one { width: -webkit-calc(365/1080 * 100%); width: -moz-calc(365/1080 * 100%); width: calc(365/1080 * 100%); }
  .p-lyric.p-lyric5 .p-lyric_one img { width: 26rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric5 .p-lyric_one img { width: 64vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric5 .p-lyric_two { width: -webkit-calc(265/1080 * 100%); width: -moz-calc(265/1080 * 100%); width: calc(265/1080 * 100%); }
  .p-lyric.p-lyric5 .p-lyric_two img { width: 26.5rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric5 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric5 .p-lyric_two img { width: 65.33333vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric6 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric6 .p-lyric_list img { width: 48rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric6 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric6 .p-lyric_list img { width: 68vw; } }

.p-lyric.p-lyric6 .p-lyric_content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .p-lyric.p-lyric6 .p-lyric_one { width: -webkit-calc(432/1080 * 100%); width: -moz-calc(432/1080 * 100%); width: calc(432/1080 * 100%); }
  .p-lyric.p-lyric6 .p-lyric_one img { width: 29rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric6 .p-lyric_one img { width: 71.2vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric6 .p-lyric_two { width: -webkit-calc(412/1080 * 100%); width: -moz-calc(412/1080 * 100%); width: calc(412/1080 * 100%); }
  .p-lyric.p-lyric6 .p-lyric_two img { width: 21.6rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric6 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric6 .p-lyric_two img { width: 53.06667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric6 .p-lyric_three { width: -webkit-calc(156/1080 * 100%); width: -moz-calc(156/1080 * 100%); width: calc(156/1080 * 100%); }
  .p-lyric.p-lyric6 .p-lyric_three img { width: 15.6rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric6 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric6 .p-lyric_three img { width: 37.86667vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric7 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric7 .p-lyric_list img { width: 47.8rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric7 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric7 .p-lyric_list img { width: 68vw; } }

.p-lyric.p-lyric7 .p-lyric_content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .p-lyric.p-lyric7 .p-lyric_one { width: -webkit-calc(400/1080 * 100%); width: -moz-calc(400/1080 * 100%); width: calc(400/1080 * 100%); }
  .p-lyric.p-lyric7 .p-lyric_one img { width: 30.9rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric7 .p-lyric_one img { width: 76.53333vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric7 .p-lyric_two { width: -webkit-calc(390/1080 * 100%); width: -moz-calc(390/1080 * 100%); width: calc(390/1080 * 100%); }
  .p-lyric.p-lyric7 .p-lyric_two img { width: 29.5rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric7 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric7 .p-lyric_two img { width: 72.8vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric7 .p-lyric_three { width: -webkit-calc(210/1080 * 100%); width: -moz-calc(210/1080 * 100%); width: calc(210/1080 * 100%); }
  .p-lyric.p-lyric7 .p-lyric_three img { width: 20.8rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric7 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric7 .p-lyric_three img { width: 52vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric8 .p-lyric_list img { width: 25.9rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric8 .p-lyric_list img { width: 68.53333vw; } }

.p-lyric.p-lyric8 .p-lyric_content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .p-lyric.p-lyric8 .p-lyric_one { width: -webkit-calc(436/1080 * 100%); width: -moz-calc(436/1080 * 100%); width: calc(436/1080 * 100%); }
  .p-lyric.p-lyric8 .p-lyric_one img { width: 25.4rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_one img { width: 68.53333vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric8 .p-lyric_two { width: -webkit-calc(446/1080 * 100%); width: -moz-calc(446/1080 * 100%); width: calc(446/1080 * 100%); }
  .p-lyric.p-lyric8 .p-lyric_two img { width: 28.1rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_two { margin-top: 8vw; }
  .p-lyric.p-lyric8 .p-lyric_two img { width: 72.8vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric8 .p-lyric_three { width: -webkit-calc(200/1080 * 100%); width: -moz-calc(200/1080 * 100%); width: calc(200/1080 * 100%); }
  .p-lyric.p-lyric8 .p-lyric_three img { width: 20rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_three { margin-top: 8vw; }
  .p-lyric.p-lyric8 .p-lyric_three img { width: 52vw; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_head { width: 100%; } }

.p-lyric.p-lyric8 .p-lyric_list img { width: 47.8rem; }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_list { text-align: left; }
  .p-lyric.p-lyric8 .p-lyric_list img { width: 67.73333vw; } }

.p-lyric.p-lyric8 .p-lyric_content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 769px) { .p-lyric.p-lyric8 .p-lyric_one { width: -webkit-calc(340/1080 * 100%); width: -moz-calc(340/1080 * 100%); width: calc(340/1080 * 100%); }
  .p-lyric.p-lyric8 .p-lyric_one img { width: 30.5rem; } }

@media screen and (max-width: 768px) { .p-lyric.p-lyric8 .p-lyric_one img { width: 74.66667vw; } }

@media screen and (min-width: 769px) { .p-lyric.p-lyric8 .p-lyric_two { width: -webkit-calc(340/1080 * 100%); width: -moz-calc(340/1080 * 100%); width: calc(340/1080 * 100%); margin-left: 8rem; }
  .p-lyric.p-lyric8 .p-lyric_two img { width: 23.9rem; } }