@charset "utf-8";
.en {
	font-family: 'Montserrat', sans-serif;
}
.dj-content {
	font-family:  "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
	background:  url(img/bg_sp.jpg) left top / 100% auto repeat-y;
	color: #fff;
}
.dj-content a {
	color: #fff;
}
@media screen and (min-width: 768px){
	html, body {
		font-size: 16px;
	}
}
@media screen and (min-width: 768px){
	.dj-content {
		background: #333 url(img/bg_pc.jpg) left top / 100% auto repeat-y;
	}
}
.video-wrap {
	position: relative;
	/* padding-bottom: 56.25%;
	height: 0; */
	overflow: hidden;
	margin-top: -75px;

}
.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.read-more a,
.read-more span {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
.read-more i {
	margin-left: 5px;
	font-size: 1rem;
	padding: 10px;
}
/* ---------------------------------------------------- コースヘッダ */
.bg-youtube-wrap {
	position: relative;
	height: 80vw;
	width: 100%;
}
.header-text-wrap {
	position: relative;
	margin-top: -100px;
	padding-top: 60px;
	padding-left: 10%;
	padding-right: 10%;
	background: url(img/header-bg_sp.png) right top / cover no-repeat;
}
.course-ttl-en {
	color: transparent;
	background: linear-gradient(to right top, #7d00ff, #fc9dff 50%, #ff6fc0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.6rem;
	line-height: 1.3;
	margin-left: -1.5em;
	margin-bottom: 1em;
}
.course-ttl {
	line-height: 1.3;
}
.course-lead {
	padding-bottom: 20px;
}
@media screen and (min-width: 768px){
	.course-header {
		position: relative;
		height: 41vw;
	}
	.bg-youtube-wrap {
		position: absolute;
		width: 65.8%;
		height: 100%;
		right: 0;
		top: 0;
	}
	.header-text-wrap {
		margin-top: 0;
		padding: 0;
		padding-left: 10vw;
		position: absolute;
		width: 73.5%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(img/header-bg_pc.png) right top / cover no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.course-ttl-en {
		margin-left: 0;
		margin-bottom: .25em;
	}
	.course-ttl {
		font-size: 3rem;
		margin-bottom: .5em;
	}
	.course-ttl small {
		font-size: 2rem;
		padding-left: .5em;
	}
	.course-lead {
		width: 50%;
		font-size: 1rem;
		line-height: 2;
		margin-bottom: inherit;
		padding-bottom: 0;
	}
}

/* ---------------------------------------------------- メッセージ */
.dj-section {
	position: relative;
	overflow: hidden;
}
.section-ttl {
	line-height: 1;
	padding: 20px 5%;
	margin-bottom: 0;
	position: relative;
	z-index: 3;
}
.section-ttl span {
	position: relative;
	padding: 10px 0 10px 1em;
	z-index: 3;
	display: inline-block;
	font-size: 2.8rem;
}
.section-ttl span::before {
	content: "”";
	font-family: 'Montserrat', sans-serif;
	font-size: 5rem;
	position: absolute;
	left: 0;
	top: 0;
}
.section-ttl::before {
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	font-weight: 700;
	font-size: 6rem;
	right: 0;
	top: 50%;
	color: #000;
	transform: translateY(-50%);
	display: block;
	line-height: 1;
}
.section-ttl.text-right::before {
	right: auto;
	left: 0;
	z-index: 2;
}
@media screen and (min-width: 768px){
	.section-ttl {
		margin-left: 20px;
		padding: 10px 0;
	}
	.section-ttl span {
		padding: 10px 0 10px 50px;
		font-size: 2.6rem;
	}
	.section-ttl::before {
		right: 10vw;
		font-size: 10rem;
	}
	.section-ttl.text-right::before {
		right: auto;
		left: 10vw;
	}
}
.message {
	padding: 50px 0 0;
}
.message-ttl::before {
	content: "MESSAGE";
	color: rgba(210, 0, 255, .12);
}
.message-photo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.message-photo::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 150px;
	bottom: 0;
	left: 0;
	background: linear-gradient( to top, #000, #000 50%, transparent);
}
.message-body {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	position: relative;
	background-image: linear-gradient(#000, rgba(0, 0, 0, 0));
}
.message-text {
	margin-bottom: 20px;
}
.message-video {
	margin-bottom: 0px;
}
.message-name-wrap {
	text-align: center;
}
@media screen and (min-width: 768px){

	.video-wrap {
		margin-top: 0px;
	
	}
	.message {
		display: flex;
		flex-wrap: wrap;
	}
	.message-photo {
		position: absolute;
		top: 50px;
		left: 10vw;
		width: 30%;
		z-index: 1;
	}
	.message-ttl {
		width: 90%;
		padding: 0;
		order: 1;
		margin-bottom: 0;
	}
	.message-video {
		width: 65.8%;
		order: 2;
		margin: 0 0 0 auto;
		position: relative;
		z-index: 2;
		margin-bottom: 50px;
	}
	.message-body {
		order: 3;
		background-image: none;
		background-color: rgba(0, 0, 0, 0.75);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 90%;
		margin: 70px auto 0 0;
		padding: 50px 0 30px;
		align-items: center;
	}
	.message-name-wrap {
		/* width: 100%;
		margin-left: 10vw; */
		text-align: left;
		width: 100%;
		padding: 0 8% 0;
	}
	.message-post {
		font-size: 1.4rem;
	}
	.message-name {
		font-size: 1.6rem;
	}
	.message-text {
		/* width: 64%; */
		/* margin-right: 5%; */
		width: 100%;
		padding: 0 8% 0;
	}
}
/* ---------------------------------------------------- 講師陣 */
.instructor-ttl {
	margin-top: 20px;
}
@media screen and (min-width: 768px){
	.instructor-ttl {
		margin-top: 50px;
	}
}
.instructor-ttl::before {
	content: "INSTRUCTOR";
	color: transparent;
	background: linear-gradient(to right, #16002e, #440024);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.instructor.dj-section {
	margin-bottom: 30px;
}
@media screen and (min-width: 768px){
	.instructor.dj-section {
		margin-bottom: 50px;
	}
}
.instructor.dj-section::before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 95%;
	height: 100%;
	background-color: #191717;
	top: 0;
	right: 0;
}
@media screen and (min-width: 768px){
	.instructor.dj-section::before{
		width: 90%;
	}
}
.instructor-list {
	position: relative;
	z-index: 1;
	margin-left: 10%;
	margin-right: 5%;
}
.instructor-list-item {
	margin-bottom: 20px;
}
.instructor-photo {
	position: relative;
	margin-bottom: 20px;
}
.instructor-photo-label {
	position: absolute;
	bottom: 1em;
	left: 5%;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
.instructor-name {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: .5em;
}
.instructor-info {
	margin-bottom: 1em;
}
@media screen and (min-width: 768px){
	.instructor-list {
		display: flex;
		width: 90%;
		margin: 0 10% 50px 0;
	}
	.instructor-list-item {
		width: 25%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}
	.instructor-text {
		margin-left: 5%;
		margin-right: 5%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.instructor-text .read-more {
		margin-top: 0;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.instructor-list-item {
	margin-bottom: 8vw;
}
}
/* ---------------------------------------------------- ピックアップカリキュラム */
.pickup-ttl::before {
	content: "CURRICULUM";
	color: transparent;
	background: linear-gradient(to right, #00fff0, #dddc00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .3;
}
.pickup.dj-section::before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 95%;
	height: 100%;
	background-color: #000;
	top: 0;
	left: 0;
}
.pickup-list-item {
	position: relative;
	padding: 10vw 10% 0 5%;
	z-index: 1;
	margin-bottom: 30px;
}
.pickup-list-item::before {
	content: "";
	font-family: 'Ropa Sans', sans-serif;
	font-size: 20vw;
	position: absolute;
	top: 0;
	line-height: 1;
	left: 45%;
	transform: translateX(-50%);
	z-index: 1;
}
.pickup-list-item:nth-child(1)::before {
	content: "01";
}
.pickup-list-item:nth-child(2)::before {
	content: "02";
}
.pickup-list-item:nth-child(3)::before {
	content: "03";
}
.pickup-list-item:nth-child(4)::before {
	content: "04";
}
.pickup-list-item::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: calc( 50% - 5px);
	background-color: #fff;
	width: 100%;
	height: 10px;
	z-index: -1;
}
.pickup-photo {
	position: relative;
}
.pickup-photo::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 150px;
	background: linear-gradient(to top, #000, transparent);
	bottom: 0;
	left: 0;
}
.pickup-text {
	position: absolute;
	bottom: 0;
}
.pickup-item-ttl {
	background-color: #000;
	line-height: 1;
	padding: .5em 1em .5em .5em;
	margin-bottom: .25em;
	display: inline-block;
}
.pickup-text p {
	padding: 0 15% 0 5%;
	margin-bottom: 1em;
}
@media screen and (min-width: 768px){
	.pickup {
		margin-bottom: 50px;
	}
	.pickup-ttl {
		margin-top: 50px;
		margin-right: 10vw;
		transform: translateX(-1em);
	}
	.pickup-ttl::before {
		left: 10vw;
	}
	.pickup.dj-section::before {
		width: 90%;
	}
	.pickup.dj-section::after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 10px;
		background-color: #fff;
		top: 50%;
		left: 0;
	}
	.pickup-list {
		width: 90%;
		margin-left: auto;
		margin-right: 0;
		margin-bottom: 50px;
		display: flex;
	}
	.pickup-list-item {
		width: 23%;
		margin: 0 1% 0 0;
		padding: 3rem 0 0 0;
	}
	.pickup-list-item::before {
		font-size: 6rem;
	}
	.pickup-list-item::after {
		content: none;
	}
	.pickup-item-ttl {
		font-size: 1.4rem;
	}
	.pickup-list-item:nth-child(even) {
		margin-top: 50px;
	}
}
/* ---------------------------------------------------- シーン別実績 */
.scene-ttl {
	margin-top: 20px;
}
.scene-ttl::before {
	content: "SCENE";
	color: transparent;
	background: linear-gradient(to right, #00b4ff, #4800ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .5;
}
.scene-list-item {
	padding: 10% 5%;
}
.scene01 {
	background: url(img/scene01_sp.png) left top / cover no-repeat;
}
.scene02 {
	background: url(img/scene02_sp.png) left top / cover no-repeat;
}
.scene03 {
	background: url(img/scene03_sp.png) left top / cover no-repeat;
}
.scene04 {
	background: url(img/scene04_sp.png) left top / cover no-repeat;
}
.scene-item-ttl {
	line-height: 1.8;
	width: 50%;
}
.scene-item-ttl span {
	background-color: #000;
	padding: .25em .5em;;
	font-size: 1.4rem;
}
.scene-text {
	width: 50%;
	padding-left: 8px;
}
.scene-list-item:nth-child(odd) .scene-item-ttl,
.scene-list-item:nth-child(odd) .scene-text {
	margin-left: auto;
	margin-right: 0;
}
@media screen and (min-width: 768px){
	.scene-ttl {
		margin-top: 30px;
		margin-bottom: 80px;
	}
	.scene-list {
		display: flex;
		flex-wrap: wrap;
	}
	.scene-list-item {
		width: 50%;
		padding: 50px 30px;
	}
	.scene-item-ttl, .scene-text {
		width: 45%;
		margin-left: auto;
		margin-right: 0;
	}
	.scene-item-ttl {
		font-size: 1.8rem;
		margin-bottom:.5em;
	}
	.scene-text {
		margin-bottom: 1em;
	}
	.scene01 {
		background: url(img/scene01_pc.jpg) left top / cover no-repeat;
	}
	.scene02 {
		background: url(img/scene02_pc.jpg) left top / cover no-repeat;
	}
	.scene03 {
		background: url(img/scene03_pc.jpg) left top / cover no-repeat;
	}
	.scene04 {
		background: url(img/scene04_pc.jpg) left top / cover no-repeat;
	}
}
/* ---------------------------------------------------- DJ機材 */
.equipment.dj-section {
	position: relative;
	padding-top: 30px;
}
.equipment-ttl::before {
	content: "EQUIPMENT";
	color: transparent;
	background: linear-gradient(to right, #210015, #5f0043, #300044);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .8;
	padding-bottom: 20px;
}
.equipment-copy-wrap {
	position: relative;
	z-index: 1;
}
.equipment-list-item {
	display: inline-block;
}
.equipment-list-item::after {
	content: "|";
	padding-left: 10px;
	padding-right: 10px;
}
@media screen and (min-width: 768px){
	.equipment-ttl {
		margin-right: 10vw;
	}
	.equipment.dj-section {
		padding-top: 80px;
		padding-bottom: 10px;
	}
}
.equipment-copy-wrap {
	width: 100%;
	height: 80vw;
	max-height: 535px;
	position: relative;
	background: url("img/equipment.png") left center / auto 100% repeat-x;
	background-size: auto 100%;
	animation: bg-slider 30s linear infinite;
	padding: 0;
	margin-bottom: 30px;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1430px 0;
	}
}
.equipment-copy {
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	background: url("img/equipment-copy-bg_sp.png") left top / auto 100% no-repeat;
	padding-left: 5%;
	line-height: 1;
	font-size: 2rem;
	align-items: flex-start;
}
@media screen and (min-width: 768px) {
	.equipment-copy {
		background-image: url("img/equipment-copy-bg.png");
	}
}
.equipment-copy span {
	background-color: #000;
	color: #fff;
	padding: .25em .5em;
	margin-bottom: .5em;
}
.equipment-copy span:last-child {
	margin-bottom: 0;
}
.equipment-list-ttl {
	color: transparent;
	background: linear-gradient(to right top, #7d00ff, #fc9dff 50%, #ff6fc0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-left: 5%;
	line-height: 1;
	margin-bottom: .25em;
}
@media screen and (max-width:768px){

	.equipment-list-ttl {
		padding: 0 5%;
		width: 100%;
	}

}
.equipment-list {
	width: 90%;
	margin: 0 auto;
}
.equipment-read-more {
	display: none;
}
.btn-equipment-read-more {
	padding: 50px 0 20px;
	background: linear-gradient(to top, #000, #000 55%, transparent);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.equipment-list-wrap {
		background-color: #101010;
		width: 90%;
		padding: 30px 20px 30px 10vw;
	}
	.equipment-list {
		width: 100%;
		margin: auto;
	}
	.equipment-list-ttl {
		padding-left: 0;
	}
	.equipment-read-more {
		display: inherit;
	}
	.btn-equipment-read-more {
		display: none;
	}
}
/* ---------------------------------------------------- コースフッタ */
.course-footer-bnr-item {
	padding: 70px 0 30px;
	position: relative;
}
.course-footer-bnr-item::before {
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	font-weight: 700;
	font-size: 4rem;
	display: block;
	line-height: 1;
	top: 20px;
}
.footer-bnr-opencampus::before {
	content: "OPENCAMPUS";
	color: transparent;
	background: linear-gradient(to right, #7f00ff, #ff77c3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .5;
	left: 0;
}
.footer-bnr-pamphlet::before {
	content: "PAMPLET";
	color: transparent;
	background: linear-gradient(to right, #00b4ff, #4800ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .5;
	right: 0;
}
.course-footer-text-wrap {
	background-color: #0d0d0d;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 70%;
	padding: 20px 10px;
	position: relative;
}
.course-footer-text-wrap::before,
.course-footer-text-wrap::after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 100%;
	top: 0;
}
.course-footer-text-wrap::before {
	left: -30px;
	background: linear-gradient( to right bottom, transparent, transparent 50%, #0d0d0d 50.1%, #0d0d0d);
}
.course-footer-text-wrap::after {
	content: "";
	right: -30px;
	background: linear-gradient( to left top, transparent, transparent 50%, #0d0d0d 50.1%, #0d0d0d);
}
.footer-bnr-pamphlet .course-footer-text-wrap::before {
	background: linear-gradient( to right top, transparent, transparent 50%, #0d0d0d 50.1%, #0d0d0d);
}
.footer-bnr-pamphlet .course-footer-text-wrap::after {
	background: linear-gradient( to left bottom, transparent, transparent 50%, #0d0d0d 50.1%, #0d0d0d);
}
.hush-tag {
	color: #999;
}
.footer-bnr-opencampus {
	background: url("img/opencampus.png") left bottom / auto 80% no-repeat;
}
.footer-bnr-pamphlet {
	background: url("img/pamphlet.png") right bottom / auto 80% no-repeat;
}
.course-footer-text-wrap {
	margin-right: 30px;
	margin-left: auto;
}
.footer-bnr-pamphlet .course-footer-text-wrap {
	margin-right: auto;
	margin-left: 30px;
}
.course-footer-bnr-item .bnr-text {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: .5em;
}
.course-footer-bnr-item a.bnr-border {
	display: block;
	text-align: center;
	border: 1px solid #fff;
	padding: .5em .25em;
}
@media screen and (min-width: 768px) {
	.course-footer-bnr {
		display: flex;
		justify-content: space-between;
	}
	.course-footer-bnr-item {
		width: 49%;
	}
	.course-footer-text-wrap {
		width: 50%;
		margin-top: 50px;
	}
	.course-footer-bnr-item .bnr-text {
		font-size: 1.5rem;
		text-align: center;
	}
	.course-footer-bnr-item {
		margin-bottom: 50px;
	}
}
/* ---------------------- アニメーション遅延 */
@media screen and (min-width: 768px) {
	.d025s {
		animation-delay: .25s;
	}
	.d05s {
		animation-delay: .5s;
	}
	.d075s {
		animation-delay: .75s;
	}
	.d1s {
		animation-delay: 1s;
	}
	.d15s {
		animation-delay: 1.5s;
	}
	.d20s {
		animation-delay: 2s;
	}
}
.modal_wrap {
	display: none;
}
/* ---------------------- colorbox */
#cboxOverlay {
	background-image: none;
	background-color: #000;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
	width: 0;
	height: 0;
}
#cboxContent {
	background-color: transparent;
	color: #fff;
}
.scene-more-header {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#sceneMore01 .scene-more-header {background: url("img/scene01_more.png") right top / contain no-repeat}
#sceneMore02 .scene-more-header {background: url("img/scene02_more.png") right top / contain no-repeat}
#sceneMore03 .scene-more-header {background: url("img/scene03_more.png") right top / contain no-repeat}
#sceneMore04 .scene-more-header {background: url("img/scene04_more.png") right top / contain no-repeat}

.scene-more-no {
	font-weight: bold;
}
.scene-more-no .tx-large {
	font-size: 150%;
}
.scene-more-lead {
	font-size: 1.4rem;
	line-height: 1.4;
}
.scene-more-ttl {
	font-weight: normal;
	line-height: 1.4;
}
.scene-more-lead {
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}
.scene-more-list {
	margin: 0 auto 30px;
	max-width: 580px;
}
.scene-more-text {
	margin: 0 auto;
	max-width: 580px;
}
.scene-more-item {
	counter-increment: num;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}
.scene-more-item::before {
	content: counter(num, decimal-leading-zero);
	background-color: #fff;
	border-radius: 3px;
	margin-right: 20px;
	padding: 5px;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
#cboxClose {
	position: absolute;
	right: auto;
	left: calc( 50% - 13px);
	background: url("img/icon-close.png") center top / contain no-repeat;
	width: 27px;
	height: 34px;
}
#cboxLoadedContent {
	margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
	.scene-more-header {
		padding: 50px 0!important;
		background-position: left top!important;
		background-size: auto 100%!important;
	}
	.scene-more-no {
		font-size: 1.4em;
		margin-bottom: 20px;
	}
	.scene-more-ttl {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.scene-more-lead {
		font-size: .9rem;
		line-height: 1.8;
	}
	.scene-more-no, .scene-more-ttl, .scene-more-lead {
		width: 30%;
		margin: 0 0 0 auto;
	}
}
.instructor-more {
	display: none;
}






/* 2nd Read more */
@-webkit-keyframes slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.slide-down {
	-webkit-animation-name: slideDown;
	animation-name: slideDown;
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@media print,screen and (min-width:768px){.more-btn{display: none}}
@media screen and (max-width:768px){
	.animated {
		animation-duration: 1s;
		animation-fill-mode: both;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}

	.slide-up {
		animation-name: slideUp;
		-webkit-animation-name: slideUp;
	}
	.equipment-list-wrap {
		height: 15em;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	.close-btn, .more-btn {
		background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 1) 60%
		);
		background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 1) 60%
		);
		background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 1) 60%
		);
		bottom: 0;
		display: block;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
		left: 0;
		padding: 80px 0 0;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.close-btn {background: none}
	.slide-up {
		height: 15em;
		overflow: hidden;
		padding-bottom: 0;
	}
	.slide-down {
		height: auto;
		overflow: visible;
		padding-bottom: 50px;
	}
	.more-btn p {
		color: #fff;
		cursor: pointer;
	}
	.close-btn {padding:0}

}





/* アコーディオン */

.accordion-box {
	position: relative;
	margin-bottom: 20px;
}
.accordion-box label {
	height: 100px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	width: 100%;
	/* 以下グラデーションは「背景が白」に併せて設定しています */
	background: -webkit-linear-gradient(top, rgba(25, 23, 23, 0) 0%, rgba(25, 23, 23, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(25, 23, 23, 0) 0%, rgba(25, 23, 23, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(25, 23, 23, 0) 0%, rgba(25, 23, 23, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(25, 23, 23, 0) 0%, rgba(25, 23, 23, 0.95) 90%);
	background: linear-gradient(to bottom, rgba(25, 23, 23, 0) 0%, rgba(25, 23, 23, 0.95) 90%);
}
.accordion-box input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:before {
	content: "Read More";
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #000;
	background-color: #F4F4F4;
	z-index: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 130px;/*height: 25px;*/
	opacity: 0.7;
}
.accordion-box label:hover:before{
	opacity: 1;
}
.accordion-box input {
	display: none;
}
.accordion-box .accordion-container {
	overflow: hidden;
	height: 170px; /* 開く前に見えている部分の高さ */
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.accordion-box input:checked + label {
/* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
/*content: "閉じる";*/
}
.accordion-box input:checked + label:before {
	content: "Close";
}
.accordion-box input:checked ~ .accordion-container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

/*_____スマホのみ_____*/
@media screen and (max-width:767px) {
.accordion-box label {
	font-size: 1.4rem;
}
.accordion-box label:before {
	line-height: 3.5rem;
	position: absolute;
	bottom: 10px;
	width: 10rem;
}
.accordion-box .accordion-container {
	height: 27vw; /* 開く前に見えている部分の高さ */
}
	
.accordion-box input:checked ~ .accordion-container {
	padding-bottom: 15vw; /* 閉じるボタンのbottomからの位置 */

}
}
/*　max-width:767pxの閉じカッコ　*/




@media (min-width: 991px){
	.header .megaNavi-wrap .megaNavi-item > a {
		font-size: 0.8rem;
	}
	.header .megaNavi-wrap .megaNavi-child-mainarea .child-main-item a{
		font-size: 1rem;
	}
	.ttl-3{
		font-size: 2rem;
	}
	.font-12 {
		font-size: 1rem !important;
	}
}