html {font-size: 62.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow:auto;}
body {
	font-family: "Noto Sans JP", sans-serif;
	background:#fff;color:#000;font-size:16px;font-size:1.6rem;line-height:1.6em;
}
.r_pro {font-family: "Readex Pro", sans-serif;}

* {margin:0;padding:0;}
ul, li{list-style-type:none;margin:0;padding:0;}
img {border:none;vertical-align:bottom;}
p,div {margin:0;padding:0;}

form {margin:0px;}
table {border-collapse:collapse;font-size:100%;border-spacing:0;}
a {text-decoration:none;color:#2a2c2c;}

img {width:100%;height:auto;}

/* -----------------
header
----------------- */
.header {position:sticky;top:0;z-index:10;background:rgba(254,254,254,0.75);}
.headerin {width:calc(100% - 20px);margin:0 auto;padding:10px 0;display: flex;flex-flow: row wrap;align-items: center;justify-content:space-between;position:relative;}
.h_logo {width:230px;margin-right:20px;position:relative;z-index:11;}
.nav_menu {width:calc(100% - 250px);}
.nav_menu ul {display: flex;flex-flow: row wrap;align-items: center;justify-content: flex-end;gap:20px;}
.nav_menu ul li {}
.nav_menu ul li.h_contact a {display:inline-block;background:#000;color:#fff;line-height:40px;border-radius:20px;padding:0 30px;font-weight:normal;}

/* -----------------
footer
----------------- */
.follw_us {}
ul.follw_us-list {display: flex;flex-flow: row wrap;justify-content:space-between;margin-top:60px;}
ul.follw_us-list li {width:32%;}
ul.follw_us-list li a img {border-radius:16px;}

footer {background:#252525;width:calc(100% - 30px);margin:0 auto;padding:70px 15px;color:#fff;}
.f_contents {display: flex;flex-flow: row wrap;align-items: center;justify-content:space-between;}
.f_contents a {color:#fff;}
.f_logo {width:350px;}
.f_logoimg {width:100;max-width:350px;}
.f_logob {font-size:16px;margin-top:1em;}
.f_nav {}
.f_nav-title {font-size:24px;padding:0 0 0.3em;border-bottom:1px solid #D9D9D9;margin-bottom:30px;}
ul.f_nav-list {display:flex;flex-flow:row wrap;}
ul.f_nav-list li {width:50%;margin-bottom:15px;}
ul.f_nav-list li a {}

.fcopy {font-size:12px;text-align:center;padding:40px 0 0;}

/* -----------------
Contents
----------------- */
.con_pc {display:block;}
.con_sp {display:none;}
.box {width:calc(100% - 30px);max-width:1120px;padding:0 15px;margin:0 auto;}
.box2 {width:calc(100% - 30px);max-width:1640px;padding:0 15px;margin:0 auto;}
.bg_gray {background: #F4F4F4;}

.pa75 {padding:75px 0;}
.pa075 {padding:0 0 75px;}

/* -----------------
index
----------------- */
/* fv */
#fv {position:relative;overflow:hidden;width:100%;aspect-ratio:16/7;}
video.bg_video {
	opacity: .6;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:1;
	width:auto;height:133%;object-fit: cover;
}
.pattern {
  content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  opacity: 0.5;background:url(../images/movie_pattern.webp);background-size:3px auto;z-index:2;
}
.pattern2 {
  content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  opacity: 0.5;background:url(../images/movie_pattern2.webp);background-size:3px auto;z-index:2;
}
.fv_content {
	overflow:hidden;display:flex;align-items:center;z-index:3;height:100%;position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);
}
.fv_text {color:#fff;}
.fv_text1 {font-size:72px;font-weight:bold;line-height:1.3em;padding-bottom:0.5em}
.fv_text2 {font-size:24px;font-weight:500;padding:1em 0;}
.fv_text a {background: linear-gradient(87.71deg, #608BF7 0%, #FF3B9B 100%);color:#fff;}
.fv_scroll {
	position: absolute;z-index:3;right:0;bottom:120px;writing-mode: vertical-rl;color:#fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.fv_scroll::before {
	animation: scroll 2s infinite;
	content: "";position:absolute;left:0;right:0;bottom: -115px;width:2px;height: 100px;margin: auto;background-color:#fff;
	display:block;z-index:4;text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
@keyframes scroll {
  0% {transform: scale(1, 0);transform-origin: 0 0;}
  50% {transform: scale(1, 1);transform-origin: 0 0;}
  51% {transform: scale(1, 1);transform-origin: 0 100%;}
  100% {transform: scale(1, 1);transform-origin: 0 100%;}
}

.top_title {font-size:64px;font-weight:bold;line-height:1.3em;}
.top_subtitle {
	font-size:20px;font-weight:500;padding:0.5em 0;margin:0 0 0;
	background:linear-gradient(90deg, #000 0% 100%);background-repeat: no-repeat;background-size:4em 2px;background-position: left bottom;
}
.top_link {display:inline-block;padding:0 30px;line-height:60px;border-radius:30px;font-weight:bold;}

/* top_news */
.top_news {}
.top_newsin {display:flex;flex-flow:row wrap;justify-content:space-between;}
.top_newsin > div {box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);}

.top_newsin-list {width:60%;border-radius:16px;background:#fff;padding:3%;}
.news_list {width:100%;}
.top_newsin-list ul, .news_list ul {width:100%;margin-bottom:20px;}
.top_newsin-list ul li, .news_list ul li {display:flex;gap:20px;padding:30px 0;border-bottom:1px solid #D9D9D9;}
.top_newsin-list ul li:last-child,.news_list ul li:last-child {border-bottom:none;}
.top_newsin-list ul li .data,.news_list ul li .data {color:#919191;display:flex;gap:10px;font-size:20px}
.top_newsin-list ul li .cate span,.news_list ul li .cate span {padding:0.15em 0.5em;background: #D50E4F;color:#fff;border-radius:3px;font-size:0.6em;width:6em;text-align:center;display:block;margin-left:1em;}
.top_newsin-list ul li .title a,.news_list ul li .title a  {text-decoration:underline;font-size:20px;line-height:1.6em;}
.top_news-readmore {margin-top:30px;margin:0 auto;text-align:center;}
.top_news-readmore a {background: linear-gradient(87.71deg, #608BF7 0%, #FF3B9B 100%);color:#fff;display:inline-block;}

.top_newsin-text {
	background:url(../images/top_news.webp) no-repeat bottom center;background-size:cover;position:relative;overflow:hidden;
	width:26.5%;text-align:right;color:#fff;border-radius:16px;padding:3%;text-shadow: 0px 0px 5px rgba(254,254,254,0.8);
}
.top_newsint {position:relative;z-index:3;color:#121212}
.top_newsin-text .top_subtitle {background:none;border-bottom:1px solid #121212;display:inline-block;font-weight:bold;}

/* top_mv */
.top_mv {}
.top_mv-box {background:url(../images/top_mv.webp) no-repeat top center;background-size:cover;position:relative;border-radius:16px;overflow:hidden;margin-top:60px;}
.top_mv-box:after {z-index:2;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: #FF6CB4;opacity:0.3;}
.top_mv-boxin {position:relative;z-index:3;min-height:400px;display:flex;align-items: center;flex-flow:row wrap;justify-content:center;}
.top_mv-boxin > div {color:#fff;text-align:center;}
.top_mv-title {font-size:64px;font-weight:bold;line-height:1.3em;}
.top_mv-subtitle {font-size:20px;font-weight:500;padding:1em 0 1.5em;margin:0 0 0;}
.top_mv-link a {background:#000;color: #fff;display: inline-block;padding: 0 30px;line-height: 60px;border-radius: 30px;}


/* -----------------
Pages
----------------- */
.rain_text {width: fit-content;color: transparent;background:linear-gradient(92.48deg, #608BF7 4.16%, #FF3B9B 94.21%);background-clip: text;}
.rain_bg {background:linear-gradient(92.48deg, #608BF7 4.16%, #FF3B9B 94.21%);display:inline-block;color:#fff;}

.page_title {width:calc(100% - 60px);margin:0 auto;padding:100px 30px;}
.page_titlein {font-size:80px;line-height:1.2em;margin:0;}


.about {}
.about01 {position:relative;z-index:4;}
.text-loop {position:relative;z-index:5;display: flex;overflow-x: hidden;white-space: nowrap;}
.text-loop:before {content:"";background: #F4F4F4;position:absolute;top:0;left:0;width:100%;height:50%;}
.text-loop p {display: inline-block;padding-right: 0.5em;animation: marquee 10s linear infinite;color:rgba(213,14,79,0.3);font-size: 120px;line-height:1.2em;}
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.about_con{text-align:center;}
.about_con h2 {color:rgba(213,14,79,1);font-size:40px;line-height:1.4em;margin-bottom:1em;}
.about_text01 {line-height:1.6em;font-size:48px;}
.about_text02 {line-height:1.6em;font-size:48px;}
.about_text02 span {padding:5px;margin-right:10px;}
.about_text-b {line-height:2em;font-size:24px;margin-top:2em;}

.mv {}
.movielist {width: 100%;aspect-ratio: 16 / 9;}
.movielist iframe {width: 100%;height: 100%;}

.member {}
.performer {margin-bottom:75px;}
.member01 {}
.director {}
.member-title {font-size:48px;font-weight:bold;margin-bottom:30px;color: #5B03B9;}
.member-text {font-size:30px;margin-top:0.4em;}
.director ul {display:flex;justify-content:space-around;gap:60px;}
.director li:nth-child(1) {width:44%;}
.director li:nth-child(2) {width:55%;padding:30px 0 0;}
.director li:nth-child(2) > div {color:#333;font-size:80px;font-weight:bold;line-height:1.4em;margin-bottom:30px;}
.director li:nth-child(2) > p {font-size:30px;font-weight:bold;color: #5B03B9;margin-bottom:30px;}
.director li:nth-child(2) > span {font-size:24px;line-height:2em;}

.company {}
.comp_text01 {width:100%;max-width:650px;margin:0 auto 60px;}
.comp_text-b{line-height:2em;font-size:24px;margin-top:2em;text-align:center;}
.comp_text-link {margin-top:60px;text-align:center;}

.form {}
.form_text {line-height:2em;font-size:20px;margin-bottom:2em;text-align:center;}
.cont_form {border-radius:16px;padding:30px;}
.cont_form form {font-size:16px;}
.cont_form dl {display: flex;flex-wrap: wrap;width: 100%;margin:0 auto 35px;}
.cont_form dl dt,.cont_form dl dd {box-sizing: border-box;display: flex;align-items: center;}
.cont_form dl dt{width: 14em;padding:15px 15px 15px 0;font-weight:500;}
.cont_form dl span {background:#D50E4F;color:#fff;font-size:0.8em;padding:0.1em 5px;margin-left:0.4em;border-radius:5px;line-height:1.6em;}
.cont_form dl dd{width:calc(100% - 14em);padding:15px 0;}

.selbox {position: relative;display: flex;align-items: center;margin:0 auto;border:none;border-radius: 5px;background:#fff;box-sizing: border-box;width:100%}
.selbox::before {
  position:absolute;right:15px;content:'';display:inline-block;vertical-align: middle;color: #1e1e33;line-height: 1;width: 14px;height: 14px;
  border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-25%) rotate(135deg);
}
.selbox select {
  width: 100%;padding: 10px 45px 10px 10px;color: #1e1e33;cursor: pointer;text-overflow: ellipsis;z-index:1;
  border: none;appearance: none;outline: none;background: transparent;
}
.cont_form input[type="text"],
.cont_form input[type="tel"] {
	border:none;border-radius: 5px;background:#fff;width:calc(100% - 12px);padding:10px;
}
.cont_form textarea {border:none;border-radius: 5px;background:#fff;width:calc(100% - 12px);padding:10px;height:150px;}
.submit_btn {margin:0 auto 40px;text-align:center;}
.submit_btn input {background: #D50E4F;border:none;color:#fff;}


/* Confirmation */
#formWrap {padding:1em 0 2em;width: 100%;max-width:810px;margin:0 auto;}
table.formTable {width: 100%;max-width:810px;border-collapse: separate;border-spacing: 0;text-align: left;font-size: 1.4rem;line-height: 1.5;border-top: 1px solid #5d5d5d;border-left: 1px solid #5d5d5d;margin:0 auto;}
table.formTable th {width: 30%;padding: 10px;font-weight: 400;vertical-align: top;border-right: 1px solid #5d5d5d;border-bottom: 1px solid #5d5d5d;border-top: 1px solid #5d5d5d;border-left: 1px solid #5d5d5d;background: #121212;color:#fff;}
table.formTable td {width: 70%;padding: 10px;vertical-align: top;border-right: 1px solid #5d5d5d;border-bottom: 1px solid #5d5d5d;background:#fff;}

#formWrap h4 {margin-bottom:0.8em;text-align:center;font-size:30px;}
#formWrap p {margin-bottom:0.8em;font-size:20px;line-height:1.5em}
.error_messe {color:#ff0000;}

.mail_send {margin:25px auto 0;width:100%;max-width:600px;display: flex;}
.mail_send input[type="submit"], .mail_send input[type="button"] {width:47%;margin:0 1.5%;max-width:300px;line-height:60px;font-size:18px;border-radius: 4px;}
.mail_send input[type="submit"]:disabled {background:#a1c3ec;border:none;color:#5488c9;}
.mail_send input[type="submit"] {background:#D50E4F;border:none;color:#fff;}
.mail_send input[type="button"] {background:#333;border:none;color:#fff;}


.news {}
.news_text {line-height:2em;font-size:30px;margin-bottom:1em;text-align:center;font-weight:bold;}
.news_title {line-height:1.6em;font-size:26px;margin-bottom:.3em;font-weight:bold;}
.news_data {color:#7c7c7c;line-height:2em;font-size:20px;margin-bottom:2em;text-align:right;padding-bottom:0.2em;border-bottom:1px solid #000;}
.news_con {line-height:2em;font-size:20px;margin-bottom:2em;}


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


	.con_pc {display:none;}
	.con_sp {display:block;}

	/* -----------------
	header
	----------------- */
	.header {}
	.headerin {width:calc(100% - 20px);margin:0 auto;padding:10px 0;display: flex;flex-flow: row wrap;align-items: center;justify-content:space-between;}
	.h_logo {width:auto;height:50px;margin-right:20px;}

	.menu-icon {position:fixed; top: 17px;right:10px;width: 40px;height: 30px;cursor: pointer;display: inline-block;z-index:11;}
	.menu-icon span {display: block;height: 4px;margin: 6px 0;background: #333;border-radius: 2px;transition: 0.4s;}

	#menu-toggle:checked + .menu-icon span:nth-child(1) {transform:translateY(10px) rotate(45deg);}
	#menu-toggle:checked + .menu-icon span:nth-child(2) {opacity:0;}
	#menu-toggle:checked + .menu-icon span:nth-child(3) {transform:translateY(-10px) rotate(-45deg);}

	.overlay {position:fixed;inset:0;opacity:0;background:rgba(254,254,254,1);pointer-events:none;transition:0.4s;z-index:1;}
	#menu-toggle:checked ~ .overlay {opacity:1;pointer-events:auto;z-index:9;}

	.nav_menu {display:none;opacity:0;position: fixed;top:70px;left:0;width:100%;height:calc(100% - 70px);transition: left 0.4s ease;z-index:1;}
	#menu-toggle:checked ~ .nav_menu {display:block;opacity:1;z-index:11;}
	.nav_menu ul {list-style: none;padding:40px 20px 0;display:block;}
	.nav_menu li {margin:0 0 40px;text-align:center;font-size:20px; }
	.nav_menu li:last-child {margin-top:80px;}
	.nav_menu ul li.h_contact a {background:linear-gradient(92.48deg, #608BF7 4.16%, #FF3B9B 94.21%);line-height: 60px;border-radius: 30px;}

	/* -----------------
	footer
	----------------- */
	.follw_us {}
	ul.follw_us-list {margin-top:50px;}
	ul.follw_us-list li {width:100%;margin-bottom:30px;}

	footer {padding:40px 15px 20px;}
	.f_logo {width:100%;margin-bottom:50px;}
	.f_logob {font-size:16px;}
	.f_nav {width:100%;text-align:right;}
	.f_nav-title {font-size:24px;margin-bottom:30px;display:inline-block;padding-left:1em}
	ul.f_nav-list li {width:100%;margin-bottom:15px;}

	.fcopy {font-size:10px;padding:40px 0 0;}

	/* -----------------
	Contents
	----------------- */
	.con_pc {display:none;}
	.con_sp {display:block;}

	.pa75 {padding:60px 0;}
	.pa075 {padding:0 0 60px;}

	/* -----------------
	index
	----------------- */
	#fv {aspect-ratio:1/1.2;}
	.fv_text1 {font-size:12vw}
	.fv_text2 {font-size:6vw;}


	.top_title {font-size:11vw;}
	.top_subtitle {font-size:5.5vw;}
	.top_link {padding:0 30px;line-height:60px;border-radius:30px;font-weight:bold;}

	/* top_news */

	.top_newsin-list {width:100%;order:2;}
	.top_newsin-list ul, .news_list ul {}
	.top_newsin-list ul li, .news_list ul li {gap:0 10px;padding:20px 0;flex-flow:row wrap;}
	.top_newsin-list ul li .data,.news_list ul li .data {gap:10px;width:100%;font-size:3.4vw;}
	.top_newsin-list ul li .title a,.news_list ul li .title a  {text-decoration:underline;width:100%;font-size:3.4vw;}

	.top_newsin-text {order:1;margin-bottom:20px;width:100%;padding:50px 3% 150px;}

	/* top_mv */
	.top_mv-box {margin-top:50px;}

	.top_mv-boxin {min-height:initial;padding:80px 0}
	.top_mv-title {font-size:11vw;}
	.top_mv-subtitle {font-size:6vw;}

	/* -----------------
	Pages
	----------------- */
	.page_title {padding:90px 20px;}
	.page_titlein {font-size:12vw;}

	.text-loop p {font-size:15vw;}

	.about_con h2 {font-size:8vw;}
	.about_text01 {font-size:7vw;}
	.about_text02 {font-size:7vw;}
	.about_text-b {font-size:3.6vw;}

	.performer {margin-bottom:60px;}
	.member-title {font-size:7vw;margin-bottom:20px;}
	.member-text {font-size:5vw;}
	
	.director ul {gap:0;flex-flow:row wrap;}
	.director li:nth-child(1) {width:100%;}
	.director li:nth-child(2) {width:100%;padding:10px 0 0;}
	.director li:nth-child(2) > div {font-size:8vw;margin-bottom:10px;}
	.director li:nth-child(2) > p {font-size:5vw;margin-bottom:15px;}
	.director li:nth-child(2) > span {font-size:3.6vw;}

	.comp_text01 {margin:0 auto 50px;}
	.comp_text-b{font-size:3.6vw;}

	.form_text {font-size:3.6vw;}
	.cont_form {padding:20px;}
	.cont_form form {font-size:16px;}
	.cont_form dl {flex-flow:row wrap;margin:0 auto 0;}
	.cont_form dl dt{width:100%;padding:0 0 5px;}
	.cont_form dl dd{width:100%;padding:0 0 30px;}
	.submit_btn {margin:0 auto 20px;}

	table.formTable th {width:calc(100% - 22px);display:block;}
	table.formTable td {width:calc(100% - 22px);display:block;}

	#formWrap h4 {font-size:5vw;}
	#formWrap p {font-size:3.6vw;}

	.news_text {font-size:5vw;}
	.news_title {font-size:5vw;}
	.news_data {font-size:3.6vw;}

	.news_con {line-height:2em;font-size:3.4vw;}

}