@charset "utf-8";

/*
1つに記載したら、下記にも記載する
1.min-width: 1280px（大型PC）
2.max-width: 1279px～min-width: 960px（小型PC～タブレット横）
3.max-width: 959px ～min-width: 480px（タブレット横～タブレット縦）
4.max-width: 479px（スマホ縦）にも記載
*/

/* 全デバイス共通 */
html {
	font-size: 100%;
	font-family: 'Noto Serif JP', serif;
	color:#333;}

/* フェードイン */
.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);}

/* 画像拡大 */
@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:c 1.8s linear infinite}.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.lum-lightbox-loader:before{left:0;animation:d 1.8s linear infinite}.lum-lightbox-loader:after{right:0;animation:e 1.8s linear infinite;animation-delay:-.9s}.lum-lightbox.lum-opening{animation:a .18s ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}.lum-img{transition:opacity .12s ease-out}.lum-loading .lum-img{opacity:0}/*.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:transparent;border:0;margin:0;padding:0;outline:0;position:absolute;top:50%;transform:translateY(-50%);height:100px;max-height:100%;width:60px;cursor:pointer}*/.lum-close-button{position:absolute;right:5px;top:5px;width:32px;height:32px;opacity:.3}.lum-close-button:hover{opacity:1}.lum-close-button:after,.lum-close-button:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#fff}.lum-close-button:before{transform:rotate(45deg)}.lum-close-button:after{transform:rotate(-45deg)}.lum-previous-button{left:12px}.lum-next-button{right:12px}/*.lum-gallery-button:after{content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid hsla(0,0%,100%,.8)}*/.lum-previous-button:after{transform:translateY(-50%) rotate(-45deg);border-left:4px solid hsla(0,0%,100%,.8);box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid hsla(0,0%,100%,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0}@media (max-width:460px){.lum-lightbox-image-wrapper{display:flex;overflow:auto;-webkit-overflow-scrolling:touch}.lum-lightbox-caption{width:100%;position:absolute;bottom:0}.lum-lightbox-position-helper{margin:auto}.lum-lightbox-inner img{max-width:100%;max-height:none}}

a{	text-decoration: none;}

@keyframes typing { from { width: 0; } }
@keyframes caret { 50% { border-color: transparent; } }

/* 文字エフェクト */
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}

@-webkit-keyframes tracking-in-expand {
0% {    letter-spacing: -0.5em;
	  	opacity: 0;}
	
40% {    opacity: 0.6;}
100% {    opacity: 1;}
}

@keyframes tracking-in-expand {
0% {    letter-spacing: -0.5em;
   		 opacity: 0;}
 
40% {	opacity: 0.6;}
100% {	opacity: 1;}
}

/* 大型PC（min-width: 1280px）ここから ----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1280px) {

/* common */
.pc_none{display: none;}
	
body {
	width: 100%;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 2;
	margin: 0 auto;
	text-align: center;
	background-image: url("../img/bg.jpg");}
	
h2{
	font-size: 400%;
	font-weight: bold;
	color: rgba(118,118,118,1.00);}
		
h2.d_t{
	color: rgba(255,255,255,1.00);
	margin-top: -350px;
	margin-bottom: 110px;
	padding-bottom: 80px;
	z-index: 1;}
	
h3{	font-size: 150%;
	color: rgba(118,118,118,1.00)}
	
h3.name{
	font-size: 300%;
	color: rgba(51,51,51,1.00);}
	
h6{
	font-size: 115%;
	margin: -40px 0 20px;
	color: #B5B5B5;}
	
p.days{
	font-size: 130%;
    color: rgba(197,197,197,1.00);
    font-weight: bold;}
	
p.btn a{
	width: 25%;
	display: block;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 25px auto;
	padding:10px 50px;
	background: -moz-linear-gradient(
		left,
		#f47ee4 0%,
		#9fd9f6);
	background: -webkit-gradient(
		linear, left top, right top,
		from(#f47ee4),
		to(#9fd9f6));
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:
		0px 1px 10px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	transition: .3s;}
	
p.btn a:hover{
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);}

#header_top{
	height: 700px;
	background: url("../img/t_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_detail{
	height: 500px;
	background: url("../img/d_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_inner{	padding-top:20px;}
#header_inner h1{	display: inline-block;}
	
#header_inner ul{
	vertical-align: top;
	color: #FFFFFF;
	display: inline-block;}
	
#header_inner li{
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	margin-left: 40px;}
	
#header_inner li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
#header_inner li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
#header_inner li a:hover::after{  width: 100%;}
#header_inner li:first-child{	margin-left: 60px;}
	
#about_sp{
	width:1000px;
	border: solid 7px rgba(249,191,17,1.00);
	margin: -193px auto 150px;
	padding-top: 50px;
	padding-bottom: 50px;}
	
.index_v{
	background-color: rgba(181,181,181,0.1);
	padding-top:50px;
	padding-bottom: 50px;}
	
.index_v_inner{
	width: 1000px;
	margin: 0 auto 50px;}
	
.index_v_inner .video_box{
	width: 480px;
	display: inline-block;
	background-position: center center;
	margin-bottom: 50px;
	position: relative;}
	
.index_v_inner .video_box:nth-child(odd){	margin-left: 20px;}
.index_v_inner .video_box h3{	margin-bottom: -10px;}
.index_v_inner .video_box h3 span.name{	font-size:70%;}
.index_v_inner .video_box a{
	display:block;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 6px 3px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .video_box a:hover{	transform: scale(1.1);}
.index_v_inner .video_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_v_inner .video_box p{
 	font-size: 130%;
 	color:rgba(197,197,197,1.00);
 	font-weight: bold;}
		
.index_v_inner .media_box{
	width: 900px;
	display: inline-block;
	background-position: center center;
	margin-bottom: 30px;
	position: relative;}
	
.index_v_inner .media_box{
	text-align: left;
	color: #333333;
	}
	
.index_v_inner .media_box span{
	margin-left: 40px;
	margin-right: 40px;
	color: #999999;
	}
	
.index_v_inner .media_box a{
	display:block;
	color: #333333;
	padding-top: 9px;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 3px 1px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .media_box a:hover{	transform: scale(1.05);}
.index_v_inner .media_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_p{
	background: url("../img/p_bg.jpg") no-repeat;
	background-position: center center;
	width: 100%;
	height: 0;
	background-size: cover;
	padding-top: 23.5%;
	position: relative;}
	
.index_p h2{
	color: rgba(255,255,255,1.00);
	z-index: 2;
	text-shadow: 1px 1px 13px #000;
	position: absolute;
	top:17%;
	bottom:0;
	left:0;
	right:0;}
	
.index_p p.btn{
	position: absolute;
	top:50%;
	bpttom:0;
	left:0;
	right:0;
	z-index: 3;}
		
footer{
	background-color: rgba(67,67,67,1.00);
	color:rgba(255,255,255,1.00);
	padding:20px 0 20px;}
	
footer ul{	margin-bottom:10px}
footer ul li{	display: inline-block;}
	
footer ul li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
footer ul li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
footer ul li a:hover::after {  width: 100%;}
	
footer p{
	font-size: 80%;
	line-height: 1.5em;}

/* video contents started */
	
.d_video_img{	margin: -170px auto 100px;}
.d_video_img img{
	box-shadow:0px 0px 20px 0px #999999;
	transition: .5s;}
	
.d_video_img img:hover{	box-shadow:0px 0px 0px 0px #999999;}
.d_video_sample{	margin-bottom: 120px;}
	
/* video contents end */
	
/* profile contents started */	
	
.index_p_i{	width: 100%;}

/* profile index　追加 100％÷人数*/
.index_p_i figure{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 16.66%;}
	
.index_p_i figcaption {
	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	width: 100%;
 	height: 97%;
 	background: rgba(0,0,0,.6);
 	-webkit-transition: .3s;
 	transition: .3s;
 	opacity: 0;}
	
.index_p_i figcaption h3{
	font-size: 2em;
	line-height: 1.25em;
	margin-top: 20px;
	color: rgba(255,255,255,0.8);}
		
.index_p_i figure:hover figcaption {  opacity: 1;}
.index_p_i figure img{	width: 100%;}
	
.d_video_img ul{	margin-top: 30px;}
.d_video_img ul li{
	display: inline-block;
	margin-left: 20px;}

.d_video_img p.name{
	font-size: 120%;
	margin-top: -20px;}	

.d_video_img p.profile{
	width: 50%;
	font-size: 80%;
	margin: 10px auto;
	color: rgba(255,255,255,1.00);
	padding: 10px 0;
	background-color: rgba(118,118,118,1.00);}	
	
.d_video_img p.profile2{
	width: 50%;
	text-align: left;
	font-size: 99%;
	line-height: 2em;
	margin: 10px auto;
	padding: 10px 0;}	
	
/* profile contents end */	

}	
/* 大型PC（min-width: 1280px）ここまで ----------------------------------------------------------------------------------------------------------------------------  */



/* 小型PC（max-width:1279px）～タブレット横（min-width: 960px）ここから ----------------------------------------------------------------------------------------------  */
@media (max-width:1279px) and (min-width: 960px){

/* common */
.pc_none{display: none;}
	
body {
	width: 100%;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 2;
	margin: 0 auto;
	text-align: center;
	background-image: url("../img/bg.jpg");}
	
h2{
	font-size: 400%;
	font-weight: bold;
	color: rgba(118,118,118,1.00)}
	
h2.d_t{
	color: rgba(255,255,255,1.00);
	margin-top: -320px;
	margin-bottom: 25px;
	padding-bottom: 140px;
	z-index: 1;}
	
h3{	font-size: 150%;
	color: rgba(118,118,118,1.00)}
	
h3.name{
	font-size: 300%;
	color: rgba(51,51,51,1.00);}
	
h6{
	font-size: 115%;
	margin: -40px 0 20px;
	color: #B5B5B5;}

p.days{
	font-size: 130%;
    color: rgba(197,197,197,1.00);
    font-weight: bold;}
	
p.btn a{
	width: 35%;
	display: block;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 2.5% auto;
	padding:1% 5%;
	background: -moz-linear-gradient(
		left,
		#f47ee4 0%,
		#9fd9f6);
	background: -webkit-gradient(
		linear, left top, right top,
		from(#f47ee4),
		to(#9fd9f6));
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:
		0px 1px 10px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	transition: .3s;}
	
p.btn a:hover{
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);}

#header_top{
	height: 550px;
	background: url("../img/t_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_detail{
	height: 500px;
	background: url("../img/d_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_inner{		padding-top:20px;}
#header_inner h1{	display: inline-block;}
	
#header_inner ul{
	vertical-align: top;
	color: #FFFFFF;
	display: inline-block;}
	
#header_inner li{
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	margin-left: 40px;}
	
#header_inner li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
#header_inner li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
#header_inner li a:hover{}
#header_inner li a:hover::after{  width: 100%;}
#header_inner li:first-child{	margin-left: 60px;}
	
#about_sp{
	width: 71.5%;
	border: solid 7px rgba(249,191,17,1.00);
	margin: -193px auto 10%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5%;
	padding-bottom: 5%;}
	
.index_v{
	background-color: rgba(181,181,181,0.1);
	padding-top:5%;
	padding-bottom: 5%;}
	
.index_v_inner{
	width: 77.5%;
	margin: 0 auto 50px;}
	
.index_v_inner .video_box{
	width: 48%;
	display: inline-block;
	background-position: center center;
	margin-bottom: 5%;
	position: relative;}
	
.index_v_inner .video_box img{	width: 100%;}
.index_v_inner .video_box:nth-child(odd){	margin-left: 2%;}
.index_v_inner .video_box h3{	margin-bottom: -1%;}
.index_v_inner .video_box h3 span.name{	font-size:70%;}
.index_v_inner .video_box a{
	display:block;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 6px 3px #dedede;
	padding-bottom: 1.5%;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .video_box a:hover{	transform: scale(1.1);}
.index_v_inner .video_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_v_inner .video_box p{
 	font-size: 130%;
 	color:rgba(197,197,197,1.00);
 	font-weight: bold;}
		
.index_v_inner .media_box{
	width: 800px;
	display: inline-block;
	background-position: center center;
	margin-bottom: 30px;
	position: relative;}
	
.index_v_inner .media_box{
	text-align: left;
	color: #333333;}
	
.index_v_inner .media_box span{
	margin-left: 40px;
	margin-right: 40px;
	color: #999999;}
	
.index_v_inner .media_box a{
	display:block;
	color: #333333;
	padding-top: 9px;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 3px 1px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .media_box a:hover{	transform: scale(1.05);}
.index_v_inner .media_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_p{
	background: url("../img/p_bg.jpg") no-repeat;
	background-position: center center;
	width: 100%;
	height: 0;
	background-size: cover;
	padding-top: 30%;
	position: relative;}
	
.index_p h2{
	color: rgba(255,255,255,1.00);
	z-index: 2;
	text-shadow: 1px 1px 13px #000;
	position: absolute;
	top:4vw;
	left:0;
	right:0;}
	
.index_p p.btn{
	position: absolute;
	top:16vw;
	left:0;
	right:0;}
		
footer{
	background-color: rgba(67,67,67,1.00);
	color:rgba(255,255,255,1.00);
	padding:20px 0 20px;}
	
footer ul{	margin-bottom:10px}
footer ul li{	display: inline-block;}
	
footer ul li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
footer ul li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
footer ul li a:hover::after {  width: 100%;}
footer p{
	font-size: 80%;
	line-height: 1.5em;}

/* video contents started */
	
.d_video_img{	margin: -90px auto 100px;}
.d_video_img img{
	box-shadow:0px 0px 20px 0px #999999;
	transition: .5s;}
	
.d_video_img img:hover{	box-shadow:0px 0px 0px 0px #999999;}
.d_video_sample{	margin-bottom: 120px;}
	
/* video contents end */
	
/* profile contents started */	
	
.index_p_i{
	width: 100%;
	margin-top: -5px;
	margin-bottom: -24px;}
	
/* profile index　追加 100％÷人数*/
.index_p_i figure{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 16.66%;}
	
.index_p_i figcaption {
	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	width: 100%;
 	height: 97%;
 	background: rgba(0,0,0,.6);
 	-webkit-transition: .3s;
 	transition: .3s;
 	opacity: 0;}
	
.index_p_i figcaption h3{
	font-size: 2em;
	line-height: 1.25em;
	margin-top: 20px;
	color: rgba(255,255,255,0.8);}
		
.index_p_i figure:hover figcaption {  opacity: 1;}
.index_p_i figure img{	width: 100%;}

.d_video_img ul{	margin-top: 30px;}
.d_video_img ul li{
	display: inline-block;
	margin-left: 20px;}

.d_video_img p.name{
	font-size: 120%;
	margin-top: -20px;}	

.d_video_img p.profile{
	width: 50%;
	font-size: 80%;
	margin: 10px auto;
	color: rgba(255,255,255,1.00);
	padding: 10px 0;
	background-color: rgba(118,118,118,1.00);}	
	
.d_video_img p.profile2{
	width: 50%;
	text-align: left;
	font-size: 99%;
	line-height: 2em;
	margin: 10px auto;
	padding: 10px 0;}	
	
/* profile contents end */	

}
/* 小型PC（max-width:1279px）～タブレット横（min-width: 960px）ここまで ----------------------------------------------------------------------------------------------  */


/* タブレット横（max-width:959px）～タブレット縦（min-width: 480px）ここから ----------------------------------------------------------------------------------------------  */

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

.sp_none{	display: none!important;}

body {
	width: 100%;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 2;
	margin: 0 auto;
	text-align: center;
	background-image: url("../img/bg.jpg");}
	
h2{
	font-size: 400%;
	font-weight: bold;
	color: rgba(118,118,118,1.00)}
	
h2.pc_none{
	font-size: 250%;
	font-weight: bold;
	color: rgba(118,118,118,1.00)}
	
h2.d_t{
	color: rgba(255,255,255,1.00);
	margin-top: -320px;
	margin-bottom: 25px;
	padding-bottom: 140px;
	z-index: 1;}
	
h3{	font-size: 150%;
	color: rgba(118,118,118,1.00)}
	
h3.name{
	font-size: 300%;
	color: rgba(51,51,51,1.00);}
	
h6{
	font-size: 115%;
	margin: -40px 0 20px;
	color: #B5B5B5;}
	
p.days{
	font-size: 130%;
    color: rgba(197,197,197,1.00);
    font-weight: bold;}
	
p.btn a{
	width: 60%;
	display: block;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 2.5% auto;
	padding:1% 5%;
	background: -moz-linear-gradient(
		left,
		#f47ee4 0%,
		#9fd9f6);
	background: -webkit-gradient(
		linear, left top, right top,
		from(#f47ee4),
		to(#9fd9f6));
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:
		0px 1px 10px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	transition: .3s;}
	
p.btn a:hover{
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);}
	
video{	width: 95%;}
#header_top{
	height: 550px;
	background: url("../img/t_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_detail{
	height: 500px;
	background: url("../img/d_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_inner{		padding-top:20px;}
#header_inner h1{	display: inline-block;}
	
#header_inner ul{
	vertical-align: top;
	color: #FFFFFF;
	display: inline-block;}
	
#header_inner li{
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	margin-left: 40px;}
	
#header_inner li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
#header_inner li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
#header_inner li a:hover{}
#header_inner li a:hover::after {  width: 100%;}
#header_inner li:first-child{	margin-left: 450px;}
	
#about_sp{
	width: 90%;
	border: solid 7px rgba(249,191,17,1.00);
	margin: -193px auto 10%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 5%;
	padding-bottom: 5%;}
	
.index_v{
	background-color: rgba(181,181,181,0.1);
	padding-top:5%;
	padding-bottom: 5%;}
	
.index_v_inner{
	width: 95%;
	margin: 0 auto 7%;}
	
.index_v_inner .video_box{
	width: 48%;
	display: inline-block;
	background-position: center center;
	margin-bottom: 5%;
	position: relative;}
	
.index_v_inner .video_box img{	width: 100%;}
.index_v_inner .video_box:nth-child(odd){	margin-left: 2%;}
.index_v_inner .video_box h3{	margin-bottom: -1%;}
.index_v_inner .video_box h3 span.name{	font-size:70%;}
.index_v_inner .video_box a{
	display:block;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 6px 3px #dedede;
	padding-bottom: 1.5%;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .video_box a:hover{	transform: scale(1.1);}
.index_v_inner .video_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_v_inner .video_box p{
 	font-size: 130%;
 	color:rgba(197,197,197,1.00);
 	font-weight: bold;}

.index_v_inner .media_box{
	width: 95%;
	font-size: 90%;
	display: inline-block;
	background-position: center center;
	margin-bottom: 30px;
	position: relative;}
	
.index_v_inner .media_box{
	text-align: left;
	color: #333333;}
	
.index_v_inner .media_box span{
	margin-left: 30px;
	margin-right: 30px;
	color: #999999;}
	
.index_v_inner .media_box a{
	display:block;
	color: #333333;
	padding-top: 9px;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 3px 1px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .media_box a:hover{	transform: scale(1.05);}
.index_v_inner .media_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}	

	
.index_p{
	background: url("../img/p_bg.jpg") no-repeat;
	background-position: center center;
	width: 100%;
	height: 0;
	background-size: cover;
	padding-top: 30%;
	position: relative;}
	
.index_p h2{
	color: rgba(255,255,255,1.00);
	z-index: 2;
	text-shadow: 1px 1px 13px #000;
	position: absolute;
	top:4vw;
	left:0;
	right:0;}
	
.index_p p.btn{
	position: absolute;
	top:16vw;
	left:0;
	right:0;}
		
footer{
	background-color: rgba(67,67,67,1.00);
	color:rgba(255,255,255,1.00);
	padding:20px 0 20px;}
	
footer ul{	margin-bottom:10px}
footer ul li{	display: inline-block;}
footer ul li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
footer ul li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
footer ul li a:hover::after {  width: 100%;}
footer p{
	font-size: 80%;
	line-height: 1.5em;}

/* video contents started */
	
.d_video_img{	margin: -90px auto 100px;}
.d_video_img img{
	box-shadow:0px 0px 20px 0px #999999;
	transition: .5s;}
	
.d_video_img img:hover{	box-shadow:0px 0px 0px 0px #999999;}
.d_video_sample{	margin-bottom: 120px;}
	
/* video contents end */
	
/* profile contents started */	
	
.index_p_i{
	width: 100%;
	margin-top: -5px;
	margin-bottom: -24px;}
	
/* profile index　追加 100％÷人数*/
.index_p_i figure{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 33.33%;}
	
.index_p_i figcaption{
	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	width: 100%;
 	height: 96%;
 	background: rgba(0,0,0,.6);
 	-webkit-transition: .3s;
 	transition: .3s;
 	opacity: 0;}
	
.index_p_i figcaption h3{
	font-size: 2em;
	line-height: 1.25em;
	margin-top: 20px;
	color: rgba(255,255,255,0.8);}
		
.index_p_i figure:hover figcaption {  opacity: 1;}
.index_p_i figure img{	width: 100%;}

.d_video_img ul{	margin-top: 30px;}
.d_video_img ul li{
	display: inline-block;
	margin-left: 20px;}

.d_video_img p.name{
	font-size: 120%;
	margin-top: -20px;}	

.d_video_img p.profile{
	width: 70%;
	font-size: 80%;
	margin: 10px auto;
	color: rgba(255,255,255,1.00);
	padding: 10px 0;
	background-color: rgba(118,118,118,1.00);}	
	
.d_video_img p.profile2{
	width: 70%;
	text-align: left;
	font-size: 99%;
	line-height: 2em;
	margin: 10px auto;
	padding: 10px 0;}

.cp_cont{	height: 45vh;}
.cp_offcm04{
	position: absolute;
	top: -10px;
	left: 10px;
	display: inline-block;}
	
/* menu */
.cp_offcm04 .cp_menu{
	position: fixed;
	top: 0;
	left: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: rgba(40,40,40 ,1);
	opacity: 0.8;}
	
.cp_offcm04 .cp_menu ul{
	margin: 0;
	padding: 0;}
	
.cp_offcm04 .cp_menu li{	list-style: none;}
	
.cp_offcm04 .cp_menu li a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid rgba(255,255,255,0.1);}

.cp_offcm04 #cp_toggle04{
	position: absolute;
	display: none;
	opacity: 0;}
	
.cp_offcm04 #cp_toggle04:checked ~ .cp_menu{
	-webkit-transform: translateX(100vw);
			transform: translateX(100vw);
	z-index: 99;}
	
/* menu toggle */
.cp_offcm04 #cp_toggle04 ~ label{
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #333333;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	z-index: 99;
	margin-top: 0.5em;
	height: 80px;}
	
.cp_offcm04 #cp_toggle04:checked ~ label{
	-webkit-transform: translateX(250px);
	        transform: translateX(250px);}

.cp_offcm04 #cp_toggle04 ~ label::before{
	font-family: 'Font Awesome 5 Free';
	content: '\f0c9';
	font-size: 2em;
	font-weight: 900;}
	
.cp_offcm04 #cp_toggle04:checked ~ label::before{	content: '\f00d';}
	
/* contents */
.cp_contents{
	color: #333333;
	text-align: center;}
	
*, *:before, *:after{
	padding: 0;
	margin: 0;
	box-sizing: border-box;}
	
ol, ul{	list-style: none;}
	
a{	text-decoration: none;
	color: inherit;}
	
}
/* タブレット横（max-width:959px）～タブレット縦（min-width: 480px）ここまで ----------------------------------------------------------------------------------------------  */


/* スマホ縦（max-width: 479px）ここから--------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:479px) {

.sp_none{	display: none!important;}
br {	display: none;}

body{
	width: 100%;
	font-weight: 400;
	font-size: 0.8em;
	line-height: 2;
	margin: 0 auto;
	text-align: center;}

body {
	width: 100%;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 2;
	margin: 0 auto;
	text-align: center;
	background-image: url("../img/bg.jpg");}
	
h2{
	font-size: 300%;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 5%;
	color: rgba(118,118,118,1.00);}
	
h2.pc_none {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.1em;
	padding-top: 4%;
	margin-bottom: 4%;
	color: rgba(118,118,118,1.00);}
	
h2.d_t{
	color: rgba(255,255,255,1.00);
	margin-top: -50vw;
	margin-bottom: 18vw;
	padding-bottom: 14vw;
	z-index: 1;}
	
h3{	font-size: 140%;
	color: rgba(118,118,118,1.00);}
	
h3.name{
	font-size: 200%;
	line-height: 2em;
	color: rgba(51,51,51,1.00);}
	
h6{
	font-size: 115%;
	margin: -20px 0 20px;
	color: #B5B5B5;}

p{ font-size: 0.75em;}
figcaption{ font-size: 0.8em;}
	
p.days{
	font-size: 130%;
    color: rgba(197,197,197,1.00);
	margin-bottom: 7%;
    font-weight: bold;}
	
p.btn a{
	width: 85%;
	display: block;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 5% auto;
	padding:1% 5%;
	background: -moz-linear-gradient(
		left,
		#f47ee4 0%,
		#9fd9f6);
	background: -webkit-gradient(
		linear, left top, right top,
		from(#f47ee4),
		to(#9fd9f6));
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:
		0px 1px 10px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 1px 10px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	transition: .3s;}
	
p.btn a:hover{
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.25),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		inset 0px 0px 0px rgba(255,255,255,0.25);}

#header_top{
	padding-top: 30%;
	background: url("../img/t_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_detail{
	padding-top: 30%;
	background: url("../img/d_main.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;}
	
#header_inner{
	padding-top:20px;
	margin-top:-30%;}
	
#header_inner h1{	display: inline-block;}
	
#header_inner ul{
	vertical-align: top;
	color: #FFFFFF;
	display: inline-block;}
	
#header_inner li{
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	margin-left: 40px;}
	
#header_inner li a{
	position: relative;
 	display: inline-block;
 	transition: .3s;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
#header_inner li a::after{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	content: '';
 	width: 0;
 	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;}
	
#header_inner li a:hover{}
#header_inner li a:hover::after {  width: 100%;}
#header_inner li:first-child{	margin-left: 650px;}
	
#about_sp{
	width:95%;
	border: solid 5px rgba(249,191,17,1.00);
	margin: -30% auto 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 2.5%;
	padding-right: 2.5%;}
	
#about_sp img{	width:70%;}
	
.index_v{
	background-color: rgba(181,181,181,0.1);
	padding-top:5%;
	padding-bottom: 5%;}
	
.index_v_inner{
	width: 100%;
	margin: 0px auto 40px;
	padding-top: 40px;}
	
.index_v_inner .video_box{
	width: 95%;
	display: inline-block;
	background-position: center center;
	margin-bottom: 5%;
	position: relative;}
	
.index_v_inner .video_box img{	width: 100%;}
.index_v_inner .video_box:nth-child(odd){	margin-left: 0px;}
.index_v_inner .video_box h3{	margin-bottom: -1%;}
.index_v_inner .video_box h3 span.name{	font-size:70%;}
.index_v_inner .video_box a{
	display:block;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 6px 3px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .video_box a:hover{	transform: scale(1.1);}
.index_v_inner .video_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}
	
.index_v_inner .video_box p{
 	font-size: 130%;
 	color:rgba(197,197,197,1.00);
 	font-weight: bold;}

.index_v_inner .media_box{
	width: 95%;
	font-size: 70%;
	display: inline-block;
	background-position: center center;
	margin-bottom: 30px;
	position: relative;}
	
.index_v_inner .media_box{
	text-align: left;
	color: #333333;}
	
.index_v_inner .media_box span{
	margin-left: 30px;
	margin-right: 30px;
	color: #999999;}
	
.index_v_inner .media_box a{
	display:block;
	color: #333333;
	padding-top: 9px;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 0px 3px 1px #dedede;
	padding-bottom: 15px;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;}
	
.index_v_inner .media_box a:hover{	transform: scale(1.05);}
.index_v_inner .media_box a::after{
	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 1;}	

	
.index_p{
	background: url("../img/p_bg.jpg") no-repeat;
	background-position: center center;
	width: 100%;
	padding-top: 10%;
	background-size: cover;}
	
.index_p h2{
	color: rgba(255,255,255,1.00);
	z-index: 2;
	text-shadow: 1px 1px 13px #000;
	font-size: 160%;}
			
footer{
	background-color: rgba(67,67,67,1.00);
	color:rgba(255,255,255,1.00);
	padding:4% 2.5%;}
	
footer ul{	margin-bottom:1%;}
footer ul li{
	display: block;
	font-weight: bold;
	padding-top: 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid rgba(255,255,255,0.3);}
	
footer ul li:last-child{	
	adding-bottom: 0%;
	border-bottom: none;}
	
footer ul li a{
	position: relative;
 	display: block;
	text-decoration: none;
	color:rgba(255,255,255,1.00);}
	
footer ul li a:hover::after{  width: 100%;}
footer p{
	font-size: 0.5em;
	line-height: 1.5em;}

/* video contents started */
	
video{		width:95%;}
.d_video_img{	margin: -15vw auto 10%;}
.d_video_img img{
	width: 95%;
	box-shadow:0px 0px 20px 0px #999999;
	transition: .5s;}
	
.d_video_img p{
	width: 95%;
	margin: 0 auto;}
	
.d_video_img img:hover{	box-shadow:0px 0px 0px 0px #999999;}
.d_video_sample{	margin-bottom: 15%;}
	
/* video contents end */
	
/* profile contents started */	
	
.index_p_i{	width: 100%;}
.index_p_i figure{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;}
	
.index_p_i figcaption{
	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	width: 100%;
 	height: 96%;
 	-webkit-transition: .3s;
 	transition: .3s;
 	opacity: 1;}
	
.index_p_i figcaption h3{
	font-size: 2em;
	line-height: 1.25em;
	margin-top: 20px;
	color: rgba(255,255,255,0.75);
	background-color: rgba(40,40,40,0.50);}
		
.index_p_i figure:hover figcaption {  opacity: 1;}
.index_p_i figure img{
	width: 100%;
	height: 40%;}
	
.d_video_img ul{
	margin-top: 3%;
	width: 100%;}
	
.d_video_img ul li{
	display: inline-block;
	width: 31%;
	margin-left: 0px;}

.d_video_img p.name{
	font-size: 120%;
	margin-top: -20px;}	

.d_video_img p.profile{
	width: 90%;
	font-size: 80%;
	margin: 10px auto;
	color: rgba(255,255,255,1.00);
	padding: 10px 0;
	background-color: rgba(118,118,118,1.00);}	

.cp_cont{	height: 45vh;}
.cp_offcm04{
	position: absolute;
	top: -10px;
	left: 10px;
	display: inline-block;}
	
/* menu */
.cp_offcm04 .cp_menu{
	position: fixed;
	top: 0;
	left: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: rgba(40,40,40 ,1);
	opacity: 0.8;}
	
.cp_offcm04 .cp_menu ul{
	margin: 0;
	padding: 0;}
	
.cp_offcm04 .cp_menu li{	list-style: none;}
.cp_offcm04 .cp_menu li a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid rgba(255,255,255,0.1);}

.cp_offcm04 #cp_toggle04{
	position: absolute;
	display: none;
	opacity: 0;}
	
.cp_offcm04 #cp_toggle04:checked ~ .cp_menu{
	-webkit-transform: translateX(100vw);
			transform: translateX(100vw);
	z-index: 99;}
	
/* menu toggle */
.cp_offcm04 #cp_toggle04 ~ label{
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #333333;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	z-index: 99;
	margin-top: 0.5em;
	height: 80px;}
	
.cp_offcm04 #cp_toggle04:checked ~ label{
	-webkit-transform: translateX(250px);
	        transform: translateX(250px);}

.cp_offcm04 #cp_toggle04 ~ label::before{
	font-family: 'Font Awesome 5 Free';
	content: '\f0c9';
	font-size: 2em;
	font-weight: 900;}
	
.cp_offcm04 #cp_toggle04:checked ~ label::before{	content: '\f00d';}
	
/* contents */
.cp_contents{
	color: #333333;
	text-align: center;}
	
*, *:before, *:after{
	padding: 0;
	margin: 0;
	box-sizing: border-box;}
	
ol, ul{	list-style: none;}
	
a{
	text-decoration: none;
	color: inherit;}

}
/* スマホ縦（max-width: 479px）ここまで------------------------------------------------------------------------------------------------------------------------------ */