@charset "UTF-8";
/**************************************
	base
***************************************/
/* ---------------------------------------------------------
スタイルリセット
----------------------------------------------------------*/
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 { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6, td, th, p, ul, li, dt, dd { font-size: 1em; }

ul li { list-style: none; }

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

body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

img { vertical-align: bottom; }

div { font-size: 16px; }

.baseImg { max-width: 100%; }

.pc { display: block; }

.sp { display: none; }

/* ---------------------------------------------------------
変数
----------------------------------------------------------*/
/*break point
-----------------------*/
/*color
-----------------------*/
/*font family
-----------------------*/
/*Han Sans JP Bold*/
/*$fontFamily: 'Tsukushi A Round Gothic', 'Tsukushi B Round Gothic', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro',  'Hiragino Maru Gothic Pro', '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', Meiryo, sans-serif;*/
/*

$fontFamily: Helvetica Neue, Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-family: Helvetica Neue, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-family: 'Times New Roman', '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;
font-family: 'Times New Roman', 'Hiragino Mincho ProN', Meiryo, serif;
*/
/* ---------------------------------------------------------
mixin
----------------------------------------------------------*/
/*メディアクエリ
-----------------------*/
/*  clearfix
-----------------------*/
/*  font-size
-----------------------*/
/*  transition
-----------------------*/
/* render text
----------------------*/
/* ---------------------------------------------------------
初期設定
----------------------------------------------------------*/
html { color: #000; background-color: #fff; font-size: 16px; line-height: 1.2; letter-spacing: normal; min-width: 1200px; font-family: mr-eaves-modern, Mr Eaves Mod OT, source-han-sans-japanese, sans-serif; }

body { font-family: mr-eaves-modern, Mr Eaves Mod OT, source-han-sans-japanese, sans-serif; }

html, body { position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
html.hide .loading, body.hide .loading { opacity: 1; }
html.active .nav-left, html.active .nav-right, html.active header, html.active footer, body.active .nav-left, body.active .nav-right, body.active header, body.active footer { display: none; }
html.active .content, body.active .content { opacity: 0; }
html.active .loading, body.active .loading { display: block; }
html.active .lp .section, body.active .lp .section { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }

a { text-decoration: none; color: #000; }

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

table { width: 100%; border-collapse: collapse; }

.clearfix::before, .clearfix::after { content: ''; background-image: none; display: table; }
.clearfix::after { clear: both; }

/****************************** 	base sp
*******************************/
@media screen and (max-width: 767px) { html { min-width: 320px; }
  .pc { display: none; }
  .sp { display: block; } }
@media screen and (min-width: 768px) and (max-width: 1200px) { html { width: 1200px; min-width: auto; } }
/**************************************

common.scss

***************************************/
.pc.insideContent { width: 50%; background: transparent; height: 100vh; position: fixed; top: 0; right: 0; }
.pc.insideContent.active { z-index: 999; }

.cls-1 { fill: none; stroke: #fff; stroke-width: 50; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 1500; /* この行を追加 */ stroke-dashoffset: 1500; /* この行を追加 */ }

.loading { display: none; width: 100%; margin-top: calc(50vh - 53px); position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease; }
.loading img { margin: 0 auto; display: block; width: 300px; }
.loading svg { margin: 0 auto; display: block; width: 300px; }

.pc { display: block; }

.sp { display: none; }

.container { display: block; margin: 0 auto; }

.ie .ie__add_padding_top { padding-top: 3px; }
.ie .ie__add_margin_top { margin-top: 3px; }

.content { display: block; position: relative; font-size: 0; letter-spacing: 0; transition: all .2s linear; }

.jquery-modal { padding: 0; z-index: 11; }

.jquery-modal:before { height: 0; background-image: none; }

.modal a.close-modal { top: 2%; right: 2%; }

.querymodal a.close-modal { /*	background: url('https://yumiwakatsuki.com/wwyp/wp-content/themes/wakatsuki-yumi-theme/assets/img/common/modal_closebtn.png') no-repeat;
	background-size: 29px 29px;
	display: block;
	width: 29px;
	height: 29px; right: 10%; top: 20%; z-index: 50;*/ }

.querymodal { display: none; margin: 0 auto; max-width: 100%; position: relative; box-shadow: none; background: none; }
.querymodal .img img { width: auto; height: calc(100vh - 68px); display: block; margin: 0 auto; }

@media print { @page { size: A4; margin: 0; width: 8.5in; height: 11in; }
  /* ... the rest of the rules ... */
  header { display: none; }
  .ie { transform: scale(0.92); } }
/****************************** SP
*******************************/
@media screen and (max-width: 767px) { .pc { display: none; }
  .sp { display: block; }
  .content { margin-top: 37px; padding-bottom: 0px; }
  .content .container { width: 94%; }
  .jquery-modal { padding: 0; z-index: 11; }
  .jquery-modal:before { height: 0; }
  .swiper-button-prev, .swiper-button-next { opacity: 1; display: none; }
  .swiper-button-prev { background-image: url("https://yumiwakatsuki.com/wwyp/wp-content/themes/wakatsuki-yumi-theme/assets/img/common/arrow_left_circular_black.png") !important; background-size: 100%; }
  .swiper-button-next { background-image: url("https://yumiwakatsuki.com/wwyp/wp-content/themes/wakatsuki-yumi-theme/assets/img/common/arrow_right_circular_black.png") !important; background-size: 100%; }
  .querymodal { display: none; margin: 0 auto; max-width: 100%; position: relative; box-shadow: none; background: none; padding: 0; }
  .lightbox { align-content: center; align-items: center; height: 100%; display: flex; flex-direction: column; position: fixed !important; top: 0 !important; }
  #lightboxOverlay { height: 100% !important; left: 0; position: fixed !important; top: 0; width: 100% !important; }
  .lb-outerContainer { margin: auto; }
  .lb-image { margin: auto; }
  .lb-close { bottom: 100%; position: fixed; right: 3%; top: 30px; } }
/**************************************
	header
***************************************/
header { background-color: #F7F7F7; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 37px; }
header.hide { background: #fff; }
header.hide .container { display: none; }
header .container { margin: 0 auto; padding: 12px 42px 10px; }
header .container::before, header .container::after { content: ''; background-image: none; display: table; }
header .container::after { clear: both; }
header .container .header__logo { float: left; }
header .container .header__logo a { font-size: 13px; font-style: italic; transition: all .2s linear; }
header .container .header__logo a:hover { opacity: .7; }
header .container .header__logo a span { font-display: auto; font-weight: 100; font-style: italic; }
header .container .company { float: right; }
header .container .company a { font-size: 13px; font-style: italic; font-weight: 900; transition: all .2s linear; }
header .container .company a:hover { opacity: .7; }
header .container .company a span { transition: all .2s linear; }
header .container .company a:hover span { padding-right: 10px; }

.dropdown__nav__sp { display: none; }

/****************************** header sp
*******************************/
@media only screen and (max-width: 768px) { header { height: 47px; }
  header .container { padding: 14px 11px; }
  .dropdown__nav { display: none; } }
/**************************************
footer
***************************************/
footer { background-color: #F7F7F7; /* margin-top: 1px; */ background-color: #F7F7F7; position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 37px; }
footer.hide .container { pointer-events: none; opacity: 0.5; }
footer .container { margin: 0 auto; padding: 12px 42px 10px; transition: all .2s linear; }
footer .container::before, footer .container::after { content: ''; background-image: none; display: table; }
footer .container::after { clear: both; }
footer .container .copyright { float: left; }
footer .container .copyright p { font-size: 13px; font-style: italic; font-weight: 100; }
footer .container .sns { float: right; }
footer .container .sns ul { margin-top: 1px; font-size: 0; }
footer .container .sns ul li { margin-left: 5px; display: inline-block; vertical-align: middle; }
footer .container .sns ul li:first-child { margin-left: 0; }
footer .container .sns ul li a { width: 20px; display: block; transition: all .2s linear; }
footer .container .sns ul li a:hover { opacity: .7; }
footer .container .sns ul li a img { max-width: 100%; }

/****************************** footer sp
*******************************/
@media screen and (max-width: 767px) { footer .container { padding: 14px 11px; } }
/**************************************
top.scss
***************************************/
/****************************** PC
******************************/
.ie .mainContent, .edge .mainContent { -ms-overflow-style: none !important; }

.ie .lp .section.top .sign { bottom: -29vh !important; }

#fullpage { transition-delay: 0.65s !important; }

.nav-left { position: absolute; top: 0; left: 0; height: 100%; width: 42px; opacity: 1; transition: all .2s linear; z-index: 3; }
.nav-left.active { opacity: 1; }
.nav-left__container { position: fixed; left: 40px; top: calc(50% - 114px); transition: all .2s linear; }
.nav-left__container.white a { color: #fff; text-shadow: 2px 2px #333; }
.nav-left__container.white a:before { background: #fff; }
.nav-left__container a { margin-bottom: 17px; font-size: 15px; font-weight: 300; font-style: italic; position: relative; text-align: left; display: block; letter-spacing: 0.085em; color: #888; text-shadow: 2px 2px #eee; transition: all .2s linear; }
.nav-left__container a:before { width: 0; content: ''; position: absolute; top: calc(50% - 1px); left: -2px; height: 1px; background: #888; transition: all .2s linear; }
.nav-left__container a.active:before, .nav-left__container a:hover:before { width: calc(100% + 20px); }

.nav-right { position: absolute; top: 0; right: 0; height: 100%; width: 42px; background-color: #F7F7F7; opacity: 1; z-index: 4; }
.nav-right.active { opacity: 1; }
.nav-right.b_active { width: 100%; background: rgba(255, 255, 255, 0.95); }
.nav-right.b_active .nav-current { pointer-events: none; opacity: 0.45; }
.nav-right.open { transition: all 0.6s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 100%; opacity: 1; background: rgba(255, 255, 255, 0.95); }
.nav-right.open .nav-right__menu { display: block; }
.nav-right.open .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-1 { -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: ease 0.3s; top: 20.5px; }
.nav-right.open .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-2 { opacity: 0; filter: alpha(opacity=0); transition: ease 0.3s; }
.nav-right.open .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-3 { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); transition: ease 0.3s; top: 20.5px; }
.nav-right.open .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-1 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.nav-right.open .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-2 { opacity: 0; filter: alpha(opacity=0); transition: ease 0.3s; }
.nav-right.open .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-3 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.nav-right .nav-right__menu { display: none; }
.nav-right .nav-right__menu .nav-right__menuLogo { margin: 0 auto; margin-top: 145px; margin-top: 10vh; width: 420px; }
.nav-right .nav-right__menu .nav-right__menuLogo a { opacity: 0; display: block; transition: all 1s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.nav-right .nav-right__menu .nav-right__menuLogo a:hover { opacity: .7; }
.nav-right .nav-right__menu .nav-right__menuLogo a.open { opacity: 1; }
.nav-right .nav-right__menu .nav-right__menuLogo a img { max-width: 100%; }
.nav-right .nav-right__menu ul { margin: 30vh auto; width: 768px; display: flex; }
.nav-right .nav-right__menu ul li { /*				margin-top: 5vh;
				display: inline-block;*/ display: inline-block; flex-grow: 1; flex-basis: 0; text-align: center; }
.nav-right .nav-right__menu ul li a { opacity: 0; margin: 0 auto; position: relative; font-size: 20px; font-style: italic; text-align: center; width: 66px; width: fit-content; transition: all 1s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.nav-right .nav-right__menu ul li a:hover { opacity: .7; }
.nav-right .nav-right__menu ul li a.open { opacity: 1; }
.nav-right .nav-right__menu ul li a:before { width: 0; content: ''; position: absolute; top: calc(50% - 1px); left: -10px; height: 1px; background: #000; transition: all .2s linear; }
.nav-right .nav-right__menu ul li a.active:before, .nav-right .nav-right__menu ul li a:hover:before { width: calc(100% + 20px); }
.nav-right .nav-right__menu .sns { font-size: 0; display: block; margin-left: auto; margin-right: auto; width: 86px; }
.nav-right .nav-right__menu .sns a { width: calc(50% - 3.5px); display: inline-block; vertical-align: middle; margin-left: 5px; opacity: 0; }
.nav-right .nav-right__menu .sns a.open { opacity: 1; }
.nav-right .nav-right__menu .sns a:before { display: none; }
.nav-right .nav-right__menu .sns a:first-child { margin-left: 0; }
.nav-right .nav-right__menu .sns a img { max-width: 100%; }
.nav-right .nav-right__container .nav-btn { width: 30px; height: 30px; position: absolute; top: calc(50% - 1px); right: 30px; z-index: 240; cursor: pointer; transition: background-color ease 0.3s, border-color ease 0.3s; }
.nav-right .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-1 { width: 30px; }
.nav-right .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-2 { width: 22px; }
.nav-right .nav-right__container .nav-btn:hover .nav-btn__line.nav-btn__line-3 { width: 30px; }
.nav-right .nav-right__container .nav-btn .nav-btn__line { background: #000; width: 22px; height: 2px; position: absolute; right: 0; margin: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: ease 0.3s; pointer-events: none; }
.nav-right .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-1 { top: 11px; }
.nav-right .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-2 { top: 19px; width: 30px; }
.nav-right .nav-right__container .nav-btn .nav-btn__line.nav-btn__line-3 { top: 27px; }
.nav-right .nav-right__container .nav-btn img { max-width: 100%; }
.nav-right .nav-right__container .nav-btn img.open { display: block; }
.nav-right .nav-right__container .nav-btn img.close { display: none; }
.nav-right .nav-right__container .nav-current { width: 31px; position: absolute; top: calc(100% - 175px); right: 2px; transition: all .2s linear; }
.nav-right .nav-right__container .nav-current.active .rot90 { display: block; }
.nav-right .nav-right__container .nav-current:hover .rot90:before { height: calc(100% + 4px); }
.nav-right .nav-right__container .nav-current .rot90 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; border: 0px solid; white-space: nowrap; position: absolute; display: inline-block; padding-bottom: 5px; margin-right: 9px; writing-mode: tb-rl; display: none; font-display: auto; font-weight: 300; font-style: italic; }
.nav-right .nav-right__container .nav-current .rot90:before { content: ''; top: -2px; left: 50%; width: 1px; height: 0; position: absolute; background-color: #000; transition: all .2s linear; }
.nav-right .nav-right__container .nav-current .rot90:before:hover { opacity: .7; }

.lp .section { position: relative; overflow: hidden; z-index: -1; /*		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		transition: all 0.35s;
		transition-timing-function: cubic-bezier(.17,.67,.83,.67);
*/ }
.lp .section.active { z-index: 1; }
.lp .section .bg-img { /*			width: auto;
			height: 100%;*/ width: calc(100% - 666px); height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; transition: all 0.5s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.lp .section .bg-img.left { /*margin-left: 20%;*/ margin-left: 140px; width: calc(100% - 786px); }
.lp .section .bg-img.full { width: 100%; }
.lp .section .bg-img.active { opacity: 1; transition: all 1.6s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.lp .section.top { position: relative; }
.lp .section.top .bg-img { background-position: center top; }
.lp .section.top .top__imgs { position: absolute; top: 27px; left: 0; width: 100vw; height: calc(100vh - 27px); }
.lp .section.top .top__imgs .top__img { display: none; }
.lp .section.top .top__imgs .top__img.active { display: block; }
.lp .section.top .top__imgs .top__img img { max-width: 100%; }
.lp .section.top img { height: auto; width: 100%; }
.lp .section.top .sign { /*width: 65.35%;*/ height: auto; position: absolute; bottom: 3.4vh; overflow: visible; /*left: 0.4%;*/ z-index: 2; width: 52.35%; right: 1.4%; }
.lp .section.top .sign image { width: 100%; height: 100%; }
.lp .section.top .sign.hide { display: none; }
.lp .section.top .sign.alt { -webkit-filter: invert(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='invert'><feComponentTransfer><feFuncR type='linear' slope='-1' intercept='1'/><feFuncG type='linear' slope='-1' intercept='1' /><feFuncB type='linear' slope='-1' intercept='1' /></feComponentTransfer></filter></svg>#invert"); filter: invert(100%); }
.lp .section.top .swiper-slide-active .sign { opacity: 1; }
.lp .section.news .bg-img { background-position: right center; background-size: 115%; }
.lp .section.profile .bg-img { background-position: center top; }
.lp .section.schedule .bg-img { background-position: right center; background-size: 100%; }
.lp .section.works .bg-img { background-position: center 25%; /*background-size: 115%;*/ }
.lp .section.film { /*background-color: #000;*/ }
.lp .section.film .bg-img { background-position: calc(50% - 40px) center; }
.lp .section .bgModal { cursor: pointer; }
.lp .section .insideContent { padding: 0 55px; width: 345px; height: calc(100% - 64px); display: block; position: absolute; top: -100vh; right: 75px; /*background-image: url(../img/top/gradient.png);*/ /*background-size: cover;*/ /*background-position: center top;*/ background-color: rgba(255, 255, 255, 0.6); opacity: 0; z-index: 3; /*
			.mainContent::-webkit-scrollbar-track {
			  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			}
			 
			.mainContent::-webkit-scrollbar-thumb {
			  background-color: darkgrey;
			  outline: 1px solid slategrey;
			}*/ }
.lp .section .insideContent.full { width: 80%; }
.lp .section .insideContent.full .insideContent__head { width: 345px; margin-left: calc(100% - 345px); }
.lp .section .insideContent.black { background-color: rgba(255, 255, 255, 0.09); color: #fff !important; }
.lp .section .insideContent.black.ver2 { background-color: rgba(0, 0, 0, 0.9) !important; }
.lp .section .insideContent.black .insideContent__head { position: relative; }
.lp .section .insideContent.black .insideContent__head:after { background-color: #fff; }
.lp .section .insideContent.black .insideContent__head .insideContent__title p.active { color: #fff; }
.lp .section .insideContent.black .insideContent__head .insideContent__title p:before { background: #fff; }
.lp .section .insideContent.active { opacity: 1; top: 27px; transition: all 0.15s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.lp .section .insideContent .more-arrow { position: absolute; bottom: 40px; right: 20px; width: 7px; }
.lp .section .insideContent .more-arrow a { display: block; transition: all .2s linear; pointer-events: auto; animation: scaleFade 4s infinite; }
.lp .section .insideContent .more-arrow a:hover { opacity: .7; }
.lp .section .insideContent .more-arrow a object { width: 100%; display: block; }
.lp .section .insideContent .insideContent__head { position: relative; padding-bottom: 1px; }
.lp .section .insideContent .insideContent__head:after { content: ''; width: 0; position: absolute; bottom: -15px; left: 0; height: 1px; background-color: #000; transition: all 0.5s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.lp .section .insideContent .insideContent__head.active:after { width: 100%; }
.lp .section .insideContent .insideContent__head.no-border:after { display: none; }
.lp .section .insideContent .insideContent__head.with-cat .insideContent__title { margin-bottom: 0; }
.lp .section .insideContent .insideContent__head .insideContent__title { margin-top: 62px; margin-bottom: 52px; }
.lp .section .insideContent .insideContent__head .insideContent__title p { font-style: italic; font-weight: 100; font-size: 35px; letter-spacing: 0.12em; position: relative; display: inline-block; color: transparent; transition: all .2s linear; }
.lp .section .insideContent .insideContent__head .insideContent__title p.start:before { width: 0%; }
.lp .section .insideContent .insideContent__head .insideContent__title p.mid:before { width: 100%; }
.lp .section .insideContent .insideContent__head .insideContent__title p.end:before { left: auto; right: 0; width: 0; }
.lp .section .insideContent .insideContent__head .insideContent__title p.active { color: #000; }
.lp .section .insideContent .insideContent__head .insideContent__title p:before { content: ''; position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4ffff+0,ffb7e6+100 */ /*background: #c4ffff; */ /*background: -moz-linear-gradient(45deg,  #c4ffff 0%, #ffb7e6 100%);*/ /*background: -webkit-linear-gradient(45deg,  #c4ffff 0%,#ffb7e6 100%); */ /*background: linear-gradient(45deg,  #c4ffff 0%,#ffb7e6 100%); */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4ffff', endColorstr='#ffb7e6',GradientType=1 );*/ background: #fff; height: 100%; transition: all 0.1s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); opacity: 0.5; }
.lp .section .insideContent .insideContent__head .newsCat, .lp .section .insideContent .insideContent__head .scheduleCat { margin-left: -10px; margin-top: 31px; margin-bottom: 7px; height: auto !important; display: flex; overflow-y: visible !important; }
.lp .section .insideContent .insideContent__head .newsCat a, .lp .section .insideContent .insideContent__head .scheduleCat a { padding: 0 10px; position: relative; font-size: 14px; font-style: italic; }
.lp .section .insideContent .insideContent__head .newsCat a:after, .lp .section .insideContent .insideContent__head .scheduleCat a:after { width: 0; content: ''; position: absolute; bottom: calc(50% - 1px); bottom: 50%; left: 10px; height: 1px; background: #000; transition: all .2s linear; }
.lp .section .insideContent .insideContent__head .newsCat a.active:after, .lp .section .insideContent .insideContent__head .newsCat a:hover:after, .lp .section .insideContent .insideContent__head .scheduleCat a.active:after, .lp .section .insideContent .insideContent__head .scheduleCat a:hover:after { width: calc(100% - 20px); }
.lp .section .insideContent .insideContent__head .newsCat a:before, .lp .section .insideContent .insideContent__head .scheduleCat a:before { content: '/'; position: absolute; top: 0; right: 0; }
.lp .section .insideContent .insideContent__head .newsCat a:last-child:before, .lp .section .insideContent .insideContent__head .scheduleCat a:last-child:before { display: none; }
.lp .section .insideContent .mainContent { margin-top: 16px; opacity: 0; height: calc(100% - 145px); overflow-y: auto; transition: all .2s linear; scrollbar-width: none; }
.lp .section .insideContent .mainContent.active { opacity: 1; }
.lp .section .insideContent .mainContent::-webkit-scrollbar { width: 0; }
.lp .section .insideContent .news__items .news__item, .lp .section .insideContent .news__items .schedule__item, .lp .section .insideContent .schedule__items .news__item, .lp .section .insideContent .schedule__items .schedule__item { margin-top: 53px; display: block; }
.lp .section .insideContent .news__items .news__item:last-child, .lp .section .insideContent .news__items .schedule__item:last-child, .lp .section .insideContent .schedule__items .news__item:last-child, .lp .section .insideContent .schedule__items .schedule__item:last-child { padding-bottom: 30px; }
.lp .section .insideContent .news__items .news__item.hide, .lp .section .insideContent .news__items .schedule__item.hide, .lp .section .insideContent .schedule__items .news__item.hide, .lp .section .insideContent .schedule__items .schedule__item.hide { display: none; }
.lp .section .insideContent .news__items .news__item__title p, .lp .section .insideContent .news__items .schedule__item__title p, .lp .section .insideContent .schedule__items .news__item__title p, .lp .section .insideContent .schedule__items .schedule__item__title p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.16em; line-height: 1.81; }
.lp .section .insideContent .news__items .news__item__date-cat, .lp .section .insideContent .news__items .schedule__item__date-cat, .lp .section .insideContent .schedule__items .news__item__date-cat, .lp .section .insideContent .schedule__items .schedule__item__date-cat { margin-top: 8px; }
.lp .section .insideContent .news__items .news__item__date-cat .date, .lp .section .insideContent .news__items .schedule__item__date-cat .date, .lp .section .insideContent .schedule__items .news__item__date-cat .date, .lp .section .insideContent .schedule__items .schedule__item__date-cat .date { display: inline-block; vertical-align: middle; font-size: 12px; font-style: italic; font-weight: 100; }
.lp .section .insideContent .news__items .news__item__date-cat .cat, .lp .section .insideContent .news__items .schedule__item__date-cat .cat, .lp .section .insideContent .schedule__items .news__item__date-cat .cat, .lp .section .insideContent .schedule__items .schedule__item__date-cat .cat { margin-left: 8px; display: inline-block; vertical-align: middle; padding: 2px 0 1px 0; background-color: #888585; font-size: 10px; font-style: italic; font-weight: 900; min-width: 60px; color: #fff; text-align: center; }
.lp .section .insideContent .news__items .news__item__date-cat .sns__share, .lp .section .insideContent .news__items .schedule__item__date-cat .sns__share, .lp .section .insideContent .schedule__items .news__item__date-cat .sns__share, .lp .section .insideContent .schedule__items .schedule__item__date-cat .sns__share { margin-left: calc(100% - 300px); width: 170px; display: inline-block; vertical-align: middle; }
.lp .section .insideContent .news__items .news__item__paragraph, .lp .section .insideContent .news__items .schedule__item__paragraph, .lp .section .insideContent .schedule__items .news__item__paragraph, .lp .section .insideContent .schedule__items .schedule__item__paragraph { margin-top: 8px; display: inline-block; vertical-align: middle; }
.lp .section .insideContent .news__items .news__item__paragraph p, .lp .section .insideContent .news__items .schedule__item__paragraph p, .lp .section .insideContent .schedule__items .news__item__paragraph p, .lp .section .insideContent .schedule__items .schedule__item__paragraph p { font-size: 10px; font-style: italic; font-family: source-han-sans-japanese, sans-serif; font-weight: 100; line-height: 1.81; }
.lp .section .insideContent .news__items .news__item .sns__share .sns, .lp .section .insideContent .news__items .schedule__item .sns__share .sns, .lp .section .insideContent .schedule__items .news__item .sns__share .sns, .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns { margin-left: 1.5%; display: inline-block; transition: all .2s linear; }
.lp .section .insideContent .news__items .news__item .sns__share .sns:hover, .lp .section .insideContent .news__items .schedule__item .sns__share .sns:hover, .lp .section .insideContent .schedule__items .news__item .sns__share .sns:hover, .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns:hover { opacity: .7; }
.lp .section .insideContent .news__items .news__item .sns__share .sns:first-child, .lp .section .insideContent .news__items .schedule__item .sns__share .sns:first-child, .lp .section .insideContent .schedule__items .news__item .sns__share .sns:first-child, .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns:first-child { margin-left: 0; }
.lp .section .insideContent .news__items .news__item .sns__share .sns:nth-child(1), .lp .section .insideContent .news__items .schedule__item .sns__share .sns:nth-child(1), .lp .section .insideContent .schedule__items .news__item .sns__share .sns:nth-child(1), .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns:nth-child(1) { width: 28%; }
.lp .section .insideContent .news__items .news__item .sns__share .sns:nth-child(2), .lp .section .insideContent .news__items .schedule__item .sns__share .sns:nth-child(2), .lp .section .insideContent .schedule__items .news__item .sns__share .sns:nth-child(2), .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns:nth-child(2) { width: 24.5%; }
.lp .section .insideContent .news__items .news__item .sns__share .sns:nth-child(3), .lp .section .insideContent .news__items .schedule__item .sns__share .sns:nth-child(3), .lp .section .insideContent .schedule__items .news__item .sns__share .sns:nth-child(3), .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns:nth-child(3) { width: 32%; }
.lp .section .insideContent .news__items .news__item .sns__share .sns img, .lp .section .insideContent .news__items .schedule__item .sns__share .sns img, .lp .section .insideContent .schedule__items .news__item .sns__share .sns img, .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns img { max-height: 14px; max-width: 100%; }
.lp .section .insideContent .schedule-date { margin-top: 20px; }
.lp .section .insideContent .schedule-date p { font-size: 25px; font-style: italic; font-weight: 100; }
.lp .section .insideContent .schedule-date p span { font-size: 25px; font-style: italic; font-weight: 100; }
.lp .section .insideContent .page__btns { border-top: 1px solid #000; padding-top: 28px; padding-bottom: 60px; }
.lp .section .insideContent .page__btns .page__btns-container { margin: 0 auto; width: 168px; }
.lp .section .insideContent .page__btns .page__btns-container::before, .lp .section .insideContent .page__btns .page__btns-container::after { content: ''; background-image: none; display: table; }
.lp .section .insideContent .page__btns .page__btns-container::after { clear: both; }
.lp .section .insideContent .page__btns .page__btns-container .page__btn { font-size: 11px; letter-spacing: 0.16em; }
.lp .section .insideContent .page__btns .page__btns-container .page__btn.back { float: left; }
.lp .section .insideContent .page__btns .page__btns-container .page__btn.next { float: right; }
.lp .section .insideContent .profileContent .profile__name { margin-top: 2px; }
.lp .section .insideContent .profileContent .profile__name .en p { font-size: 25px; font-style: italic; font-weight: 100; }
.lp .section .insideContent .profileContent .profile__name .ja { margin-top: 5px; }
.lp .section .insideContent .profileContent .profile__name .ja p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.16em; }
.lp .section .insideContent .profileContent .profile__table { margin-top: 35px; padding-bottom: 55px; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem { margin-top: 6px; font-size: 0; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem:first-child { margin-top: 0; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem:last-child { margin-top: 54px; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem .label { width: 60px; display: inline-block; vertical-align: top; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem .label p { min-width: 12px; font-size: 9px; font-weight: 50; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.12em; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem .data { margin-left: 30px; display: inline-block; vertical-align: top; }
.lp .section .insideContent .profileContent .profile__table .profile__tableItem .data p { font-size: 9px; font-weight: 50; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; word-break: break-all; }
.lp .section .insideContent .profileContent .profile__contact { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 14px 0 26px; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactHead { margin-bottom: 6px; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactHead p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactItem { margin-top: 7px; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactItem:first-child { margin-top: 0; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactItem .label p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
.lp .section .insideContent .profileContent .profile__contact .profile__contactItem .data p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; word-break: break-all; }
.lp .section .insideContent .worksContent { margin-top: 55px; }
.lp .section .insideContent .worksContent .worksContent__section:first-child { margin-top: 0; }
.lp .section .insideContent .worksContent .worksContent__section:last-child { padding-bottom: 30px; }
.lp .section .insideContent .worksContent .worksContent__section .section__head { margin-top: 18px; }
.lp .section .insideContent .worksContent .worksContent__section .section__head p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; }
.lp .section .insideContent .worksContent .worksContent__section .section__item { margin-top: 11px; }
.lp .section .insideContent .worksContent .worksContent__section .section__item .label p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
.lp .section .insideContent .worksContent .worksContent__section .section__item .data p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; word-break: break-all; }
.lp .section .insideContent .filmContent { margin-top: 35px; }
.lp .section .insideContent .filmContent .film__item { margin-top: 52px; }
.lp .section .insideContent .filmContent .film__item:first-child { margin-top: 0; }
.lp .section .insideContent .filmContent .film__item:last-child { padding-bottom: 30px; }
.lp .section .insideContent .filmContent .film__item .label p { font-size: 12px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
.lp .section .insideContent .filmContent .film__item .data p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; word-break: break-all; }
.lp .section .insideContent .filmContent .film__item img { margin-top: 1px; max-width: 100%; width: 100%; height: auto; }
.lp .section .insideContent .galleryContent { overflow: hidden; }
.lp .section .insideContent .galleryContent .galleryswiper-container, .lp .section .insideContent .galleryContent .artswiper-container { /*margin-top: 14vh;*/ transition: ease 0.8s all; }
.lp .section .insideContent .galleryContent .galleryswiper-container.hide, .lp .section .insideContent .galleryContent .artswiper-container.hide { transition: ease 0.0s all; opacity: 0; }
.lp .section .insideContent .galleryContent .galleryswiper-container .swiper-slide .vertical, .lp .section .insideContent .galleryContent .artswiper-container .swiper-slide .vertical { margin: 0 auto; display: block; max-width: 100%; max-height: 48vh; height: 100%; width: auto; }
.lp .section .insideContent .galleryContent .galleryswiper-container .swiper-slide img, .lp .section .insideContent .galleryContent .artswiper-container .swiper-slide img { height: auto; width: 100%; }
.lp .section .insideContent .galleryContent .btn-prev, .lp .section .insideContent .galleryContent .btn-next { position: absolute; margin: auto; width: 94px; height: 14px; cursor: pointer; filter: alpha(opacity=100); overflow: hidden; transition: opacity 0.2s; }
.lp .section .insideContent .galleryContent .btn-prev:focus, .lp .section .insideContent .galleryContent .btn-next:focus { outline: none; }
.lp .section .insideContent .galleryContent .btn-prev a, .lp .section .insideContent .galleryContent .btn-next a { display: block; width: 100%; height: 100%; }
.lp .section .insideContent .galleryContent .btn-prev:after, .lp .section .insideContent .galleryContent .btn-next:after { content: ""; pointer-events: none; position: absolute; top: 0; width: 84px; height: 14px; }
.lp .section .insideContent .galleryContent .btn-prev.hover, .lp .section .insideContent .galleryContent .btn-next.hover { opacity: 0.7 !important; filter: alpha(opacity=70); transition: opacity 0.2s; }
.lp .section .insideContent .galleryContent .btn-prev { left: 0; }
.lp .section .insideContent .galleryContent .btn-prev:after { background: url("../img/common/cmn_btn_arrow_left.svg") no-repeat center; left: 0; }
.lp .section .insideContent .galleryContent .btn-next { right: 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
.lp .section .insideContent .galleryContent .btn-next:after { background: url("../img/common/cmn_btn_arrow_left.svg") no-repeat center; right: 0; }
@-webkit-keyframes prev-loop { 0% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  10% { opacity: 0; filter: alpha(opacity=0); left: 0; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  15% { opacity: 0; filter: alpha(opacity=0); left: 93px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  15.001% { opacity: 0; filter: alpha(opacity=0); left: 93px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  30% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  41% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  100% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); } }
@-webkit-keyframes next-loop { 0% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  10% { opacity: 0; filter: alpha(opacity=0); left: 0; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  15% { opacity: 0; filter: alpha(opacity=0); left: 93px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  15.001% { opacity: 0; filter: alpha(opacity=0); left: 93px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  30% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  41% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); }
  100% { opacity: 1; filter: alpha(opacity=100); left: 10px; transition-timing-function: cubic-bezier(0.77, 0.01, 0.7, 1); } }
.lp .section .insideContent .galleryContent .btns { display: block; position: relative; margin-top: 20px; }
.lp .section .insideContent .galleryContent .btns .swiper-button-next { background-image: url(../img/common/left-circle-arrow.png); background-size: 100%; left: 30%; right: auto; top: 20px; width: 50px; height: 53px; }
.lp .section .insideContent .galleryContent .btns .swiper-button-prev { background-image: url("../img/common/right-circle-arrow.png"); background-size: 100%; right: 30%; left: auto; top: 20px; width: 50px; height: 53px; }

/****************************** SP
******************************/
@media screen and (max-width: 767px) { .nav-left { width: 28px; display: none; }
  .nav-left__container { left: 10px; }
  .nav-left__container a { margin-bottom: 17px; font-size: 15px; }
  .nav-right { width: 28px; }
  .nav-right.hide { display: none; }
  .nav-right .nav-right__menu { display: none; }
  .nav-right .nav-right__menu .nav-right__menuLogo { margin-top: 48px; width: 210px; }
  .nav-right .nav-right__menu ul { margin: 0 auto; margin-top: 40px; width: 100px; width: max-content; display: block; }
  .nav-right .nav-right__menu ul li { margin-top: 5vw; display: block; flex-grow: unset; flex-basis: unset; width: 100%; text-align: center; }
  .nav-right .nav-right__menu ul li:first-child { margin-top: 0; }
  .nav-right .nav-right__menu ul li a { font-size: 20px; text-align: center; }
  .nav-right .nav-right__menu .sns { margin-top: 5vw; }
  .nav-right .nav-right__container .nav-btn { width: 31px; right: 15px; }
  .nav-right .nav-right__container .nav-current { width: 31px; position: absolute; top: calc(100% - 175px); right: -5px; }
  .lp .section.show .sp__content .close-btn { display: block; z-index: 4; }
  .lp .section.show .sp__content .show-btn { display: none; }
  .lp .section.show .sp__content .sp-title { display: none; }
  .lp .section.show .insideContent { opacity: 1 !important; }
  .lp .section.open .insideContent { display: block; }
  .lp .section .sp__content { opacity: 0; transition: all .2s linear; }
  .lp .section .sp__content.active { opacity: 1; }
  .lp .section .sp__content .sp-title { position: absolute; top: 7%; left: 10%; z-index: 1; }
  .lp .section .sp__content .sp-title.sp-mid p { color: transparent !important; }
  .lp .section .sp__content .sp-title.sp-mid p.active { color: #000 !important; }
  .lp .section .sp__content .sp-title.black p.active { color: #fff; }
  .lp .section .sp__content .sp-title.black p:before { background: #fff; }
  .lp .section .sp__content .sp-title p { font-size: 30px; position: relative; display: inline-block; color: transparent; font-display: auto; font-weight: 300; font-style: italic; transition: all .2s linear; }
  .lp .section .sp__content .sp-title p.start:before { width: 0%; }
  .lp .section .sp__content .sp-title p.mid:before { width: 100%; }
  .lp .section .sp__content .sp-title p.end:before { left: auto; right: 0; width: 0; }
  .lp .section .sp__content .sp-title p.active { color: #fff; opacity: 1; }
  .lp .section .sp__content .sp-title p:before { content: ''; position: absolute; top: 0; left: 0; background: #fff; height: 100%; transition: all 0.1s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); opacity: 0.5; }
  .lp .section .sp__content .show-btn { position: absolute; top: calc(100% - 175px); left: 0; width: 100%; }
  .lp .section .sp__content .show-btn a { margin: 0 auto; padding: 15px 0; display: block; width: 170px; font-size: 13px; font-style: italic; text-align: center; background-color: #fff; transition: all .2s linear; }
  .lp .section .sp__content .show-btn a:hover { opacity: .7; }
  .lp .section .sp__content .close-btn { display: none; position: absolute; top: 2.8%; right: 10%; }
  .lp .section .sp__content .close-btn a { height: 18px; display: block; }
  .lp .section .sp__content .close-btn a img { height: 100%; width: auto; }
  .lp .section .sp-title { display: block; position: absolute; top: 0; left: 0; }
  .lp .section .bg-img { width: auto; height: 100%; transition: all 0.5s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); }
  .lp .section .bg-img.left { margin-left: 0; width: 100%; }
  .lp .section.top .sign { top: auto; bottom: 15vh; width: 92%; }
  .lp .section.top .bg-img { background-position: 45%; }
  .lp .section.news { background-color: rgba(255, 255, 255, 0.9) !important; }
  .lp .section.news .bg-img { background-position: 32%; background-size: cover; }
  .lp .section.news .insideContent .mainContent { width: 125%; height: calc(100vh - 262px) !important; }
  .lp .section.profile .bg-img { background-position: 11%; background-size: cover; }
  .lp .section.profile .insideContent .mainContent { margin-top: 15px; height: calc(100vh - 262px) !important; }
  .lp .section.schedule { background-color: rgba(255, 255, 255, 0.9) !important; }
  .lp .section.schedule .bg-img { background-position: 32%; background-size: cover; }
  .lp .section.schedule .insideContent .mainContent { width: 125%; height: calc(100vh - 262px) !important; }
  .lp .section.works { /*			.sp-title {

				p {

					&.active {
						color: #000;
					}

					&:before {
						background: #000;
					}
				}
			}*/ }
  .lp .section.works .bg-img { background-position: 30%; background-size: cover; }
  .lp .section.works .insideContent .mainContent { margin-top: 15px; height: calc(100vh - 262px) !important; }
  .lp .section.film .bg-img { background-size: cover; background-position: 40%; }
  .lp .section.film .insideContent .mainContent { margin-top: 15px; height: calc(100vh - 262px) !important; }
  .lp .section.gallery .insideContent, .lp .section.art .insideContent { padding: 0; width: 100%; }
  .lp .section.gallery .insideContent .insideContent__head, .lp .section.art .insideContent .insideContent__head { margin: 0 auto; width: calc(100% - 98px); }
  .lp .section.gallery .insideContent .mainContent, .lp .section.art .insideContent .mainContent { margin-top: 15px; height: calc(100vh - 262px) !important; }
  .lp .section.art .bg-img { margin-top: 100px; background-size: 125%; }
  .lp .section .insideContent { padding: 0 49px; width: calc(100% - 98px); height: 100vh; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9) !important; transition: all 0.8s ease-in; opacity: 0; display: none; /*
			&.full {
				width: calc(100% - 98px);
				.insideContent__head {
					width: 100%;  				margin-left: 0;
				}
			}*/ }
  .lp .section .insideContent .more-arrow { position: absolute; bottom: 30vh; right: 20px; width: 8px; }
  .lp .section .insideContent.black { color: #000 !important; }
  .lp .section .insideContent.black .insideContent__head:after { background-color: #000; }
  .lp .section .insideContent.black .insideContent__head .insideContent__title p { color: #000 !important; }
  .lp .section .insideContent.active { top: 0; left: 0; opacity: 0; }
  .lp .section .insideContent .insideContent__head { margin-top: 0; border-bottom: none; }
  .lp .section .insideContent .insideContent__head.with-cat .insideContent__title { margin-bottom: 0; padding-bottom: 0; }
  .lp .section .insideContent .insideContent__head .insideContent__title { margin-top: 10px; margin-bottom: 0; padding-bottom: 35px; }
  .lp .section .insideContent .insideContent__head .insideContent__title p { letter-spacing: normal; font-size: 30px; position: relative; display: inline-block; color: transparent; transition: all .2s linear; }
  .lp .section .insideContent .insideContent__head .newsCat, .lp .section .insideContent .insideContent__head .scheduleCat { /*padding-bottom: 32px;*/ height: auto !important; overflow-y: visible !important; padding-bottom: 0; }
  .lp .section .insideContent .insideContent__head .newsCat a, .lp .section .insideContent .insideContent__head .scheduleCat a { padding: 0 10px; position: relative; font-size: 9px; }
  .lp .section .insideContent .insideContent__head .newsCat a:before, .lp .section .insideContent .insideContent__head .scheduleCat a:before { content: '/'; position: absolute; top: 0; right: 0; }
  .lp .section .insideContent .insideContent__head .newsCat a:first-child, .lp .section .insideContent .insideContent__head .scheduleCat a:first-child { padding-left: 10px; }
  .lp .section .insideContent .insideContent__head .newsCat a:last-child:before, .lp .section .insideContent .insideContent__head .scheduleCat a:last-child:before { display: none; }
  .lp .section .insideContent .mainContent { margin-top: 22px; height: calc(100% - 132px); overflow-y: auto; }
  .lp .section .insideContent .news__items .news__item, .lp .section .insideContent .news__items .schedule__item, .lp .section .insideContent .schedule__items .news__item, .lp .section .insideContent .schedule__items .schedule__item { margin-top: 42px; width: 80%; display: block; }
  .lp .section .insideContent .news__items .news__item__title p, .lp .section .insideContent .news__items .schedule__item__title p, .lp .section .insideContent .schedule__items .news__item__title p, .lp .section .insideContent .schedule__items .schedule__item__title p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.16em; }
  .lp .section .insideContent .news__items .news__item__date-cat, .lp .section .insideContent .news__items .schedule__item__date-cat, .lp .section .insideContent .schedule__items .news__item__date-cat, .lp .section .insideContent .schedule__items .schedule__item__date-cat { margin-top: 8px; }
  .lp .section .insideContent .news__items .news__item__date-cat .date, .lp .section .insideContent .news__items .schedule__item__date-cat .date, .lp .section .insideContent .schedule__items .news__item__date-cat .date, .lp .section .insideContent .schedule__items .schedule__item__date-cat .date { display: inline-block; vertical-align: middle; font-size: 12px; font-style: italic; font-weight: 100; }
  .lp .section .insideContent .news__items .news__item__date-cat .cat, .lp .section .insideContent .news__items .schedule__item__date-cat .cat, .lp .section .insideContent .schedule__items .news__item__date-cat .cat, .lp .section .insideContent .schedule__items .schedule__item__date-cat .cat { margin-left: 8px; display: inline-block; vertical-align: middle; padding: 2px 0 1px 0; background-color: #888585; font-size: 9px; font-style: italic; font-weight: 100; min-width: 60px; color: #fff; text-align: center; }
  .lp .section .insideContent .news__items .news__item__paragraph, .lp .section .insideContent .news__items .schedule__item__paragraph, .lp .section .insideContent .schedule__items .news__item__paragraph, .lp .section .insideContent .schedule__items .schedule__item__paragraph { margin-top: 8px; display: inline-block; vertical-align: middle; }
  .lp .section .insideContent .news__items .news__item__paragraph p, .lp .section .insideContent .news__items .schedule__item__paragraph p, .lp .section .insideContent .schedule__items .news__item__paragraph p, .lp .section .insideContent .schedule__items .schedule__item__paragraph p { font-size: 9px; font-style: italic; font-family: source-han-sans-japanese, sans-serif; font-weight: 100; }
  .lp .section .insideContent .news__items .news__item .sns__share, .lp .section .insideContent .news__items .schedule__item .sns__share, .lp .section .insideContent .schedule__items .news__item .sns__share, .lp .section .insideContent .schedule__items .schedule__item .sns__share { margin-top: 25px; max-width: 220px; }
  .lp .section .insideContent .news__items .news__item .sns__share.pc, .lp .section .insideContent .news__items .schedule__item .sns__share.pc, .lp .section .insideContent .schedule__items .news__item .sns__share.pc, .lp .section .insideContent .schedule__items .schedule__item .sns__share.pc { display: none !important; }
  .lp .section .insideContent .news__items .news__item .sns__share .sns img, .lp .section .insideContent .news__items .schedule__item .sns__share .sns img, .lp .section .insideContent .schedule__items .news__item .sns__share .sns img, .lp .section .insideContent .schedule__items .schedule__item .sns__share .sns img { max-height: 17px; }
  .lp .section .insideContent .schedule-date p { font-size: 18px; }
  .lp .section .insideContent .schedule-date p span { font-size: 18px; }
  .lp .section .insideContent .page__btns { width: 80%; }
  .lp .section .insideContent .profileContent .profile__name { margin-top: 53px; }
  .lp .section .insideContent .profileContent .profile__name .en p { font-size: 25px; font-style: italic; font-weight: 100; }
  .lp .section .insideContent .profileContent .profile__name .ja { margin-top: 5px; }
  .lp .section .insideContent .profileContent .profile__name .ja p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.16em; }
  .lp .section .insideContent .profileContent .profile__table { margin-top: 35px; padding-bottom: 55px; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem { margin-top: 6px; font-size: 0; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem:last-child { margin-top: 54px; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem .label { width: 55px; display: inline-block; vertical-align: top; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem .label p { min-width: 12px; font-size: 9px; font-weight: 50; font-family: source-han-sans-japanese, sans-serif; letter-spacing: 0.12em; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem .data { margin-left: 30px; display: inline-block; vertical-align: top; }
  .lp .section .insideContent .profileContent .profile__table .profile__tableItem .data p { font-size: 9px; font-weight: 50; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .profileContent .profile__contact { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 14px 0 26px; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactHead { margin-bottom: 6px; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactHead p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactItem { margin-top: 7px; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactItem:first-child { margin-top: 0; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactItem .label p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .profileContent .profile__contact .profile__contactItem .data p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .worksContent { margin-top: 0; }
  .lp .section .insideContent .worksContent .worksContent__section { margin-top: 53px; }
  .lp .section .insideContent .worksContent .worksContent__section:first-child { margin-top: 53px; }
  .lp .section .insideContent .worksContent .worksContent__section .section__head { margin-top: 18px; }
  .lp .section .insideContent .worksContent .worksContent__section .section__head p { font-size: 12px; font-family: source-han-sans-japanese, sans-serif; }
  .lp .section .insideContent .worksContent .worksContent__section .section__item .label p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .worksContent .worksContent__section .section__item .data p { font-size: 9px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .filmContent { margin-top: 0; }
  .lp .section .insideContent .filmContent .film__item { margin-top: 53px; }
  .lp .section .insideContent .filmContent .film__item:first-child { margin-top: 53px; }
  .lp .section .insideContent .filmContent .film__item .label p { font-size: 12px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .filmContent .film__item .data p { font-size: 10px; font-weight: 100; font-family: source-han-sans-japanese, sans-serif; line-height: 1.51; letter-spacing: 0.12em; }
  .lp .section .insideContent .filmContent .film__item img { margin-top: 1px; max-width: 100%; width: 100%; height: auto; }
  .lp .section .insideContent .galleryContent { /*margin-top: 100px;*/ margin-top: 0; overflow: auto; }
  .lp .section .insideContent .galleryContent .galleryswiper-container, .lp .section .insideContent .galleryContent .artswiper-container { display: none !important; }
  .lp .section .insideContent .galleryContent .swiper-slide { display: none !important; }
  .lp .section .insideContent .galleryContent .swiper-slide img { height: auto; width: 100%; }
  .lp .section .insideContent .galleryContent .sp__image { margin-top: 15px; display: block !important; }
  .lp .section .insideContent .galleryContent .sp__image:nth-child(3) { margin-top: 53px; }
  .lp .section .insideContent .galleryContent .sp__image:last-child { padding-bottom: 30px; }
  .lp .section .insideContent .galleryContent .sp__image img { max-width: 100%; }
  .lp .section .insideContent .galleryContent .swiper-button-next { background-image: url(../img/common/left-circle-arrow.png); background-size: 100%; left: 36.5%; right: auto; top: 82%; width: 50px; height: 53px; }
  .lp .section .insideContent .galleryContent .swiper-button-prev { background-image: url("../img/common/right-circle-arrow.png"); background-size: 100%; right: 36.5%; left: auto; top: 82%; width: 50px; height: 53px; }
  .lp .section .insideContent .galleryContent .btns { display: none !important; } }

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