.line_gray{
	width: 100%;
	height: auto;
	border-bottom: solid;
	border-bottom-color: rgba(212,212,212,1.00);
    border-width:1px;
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  margin: 0; padding: 0; }
/*188----- camoany_tel -----*/
/*188----- サンクスページ -----*/
/*228----- タレント -----*/
/*304----- フォーム文言 -----*/
/*316----- video -----*/
/*421----- タレント募集 -----*/
/*466----- ヘッダー -----*/
/*664----- フッター -----*/
/* ---------------ベース------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
  margin: 0px;
  padding: 0;
}
body { 
	font-family: "irohamaru"; 
	src: url("./font/irohamaru/irohamaru-Medium.ttf");
	transform: rotate(0.03deg);
	font-size: 13px; 
}

h1,h2,h3 { 
	text-align: center;
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
}
h1 {
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
	font-size: 50px;
	color: #231815;
	margin-top: 10px ;
	text-decoration: none;
}

h2 {
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
	color: #231815;
	margin-top: -15px;
	font-weight: normal;
	text-decoration: none;
}

/*67----- campany_tel -----*/



/*664----- メール -----*/
.info{
	width: 100%;height: auto;display: inline-block;text-align: center;
	margin: 100px 0 100px 0;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	background-color: antiquewhite;
}
.spece{width: 100%;height: 100px;}

/*----- メール -----*/


.title_beas{
	min-height: 30px;
	width: 100%;
	height: auto;
	padding: 30px 0px 0px 0px;
		
	
}
.title{
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}
.form_pp {
	text-align: center;
	margin-bottom: 10px;
}

.title2{
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
}
.title3{
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 600;
}
.title_nav{
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 30px;
}
@media(max-width: 320px){
	.title_nav{
		margin: 30px 0px 10px 50px;
	}
}

.top_beas{
	min-height: 100px;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
		
	
}

.maincontent_gray{
	display: block;
	min-height: 100px;
	height: 100%;
	margin-top: 0px;
	padding: 20px 0px 50px 0px;
	background-color: #f4f5f7;
	
}

.maincontent_white{
	display: block;
	line-height: 20px;
	height: auto;
    width: 100%;
	margin-top: 0px;
	padding: 0px;
	border-bottom: solid 1px;
	border-bottom-color: rgba(212,212,212,1.00);
	background-color: #FFFFFF;
	
}

.maincontent_video{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
@media(max-width: 600px){
.maincontent_video{
	height: 750px;
	}
}
.maincontent{
	width: 1098px;
	min-height: 100px;
	margin-top: 50px;
	padding: 20px 0px 20px 0px;
	margin-left: auto;
	margin-right: auto;

}
.img1{
	width: 600px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1025px){
.maincontent{
	width: 100%;
	min-height: 100px;
	margin-top: 50px;
	padding: 30px 30px 50px 30px;
	margin-left: auto;
	margin-right: auto;
}
}
@media(max-width: 767px){
.maincontent{
	width: 100%;	
	}
	.img1{
	width: 500px;
	}

}
@media(max-width: 600px){
	.img1{
		width: 90%;
	}
}
@media(max-width: 414px){
		.img1{
		width: 80%;
		padding:  20px;
}

	.maincontent_gray{
	padding: 10px 0px 10px 0px;
	
}
			
}
.line1{
	width: 100%;
	height: auto;
	border-bottom: solid;
	border-color:#fff;
    border-width:1px;
}
.line_gray{
	width: 100%;
	height: 2px;
	border-bottom: solid;
	border-bottom-color: rgba(212,212,212,1.00);
    border-width:1px;
}
.sliderbox{
	width: 916px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.mainbox{
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
}
.titlebox{
	width: 100%;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
}
.main{
	min-height: 100px;
	width: 100%;
	height: auto;
	
	
}
@media(max-width: 1025px){
	.sliderbox{
	width: 95%;
}
}

@media(max-width: 767px){
.mainbox{
	width: 90%;	
	}
.sliderbox{
	width: 100%;	
	}
}
/*----- company-----*/
.companybox{
	display:block;
	width: 916px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 0px;
	padding: 10px 0px 0px 0px;
}
.companybox p{
	width: 80px;
	color: rgba(6,127,150,1.00);
	float: left;
	font-size: 14px;
}
.companybox spam{
	font-size: 14px;
	margin-left: 5px;
	color: rgba(96,96,96,1.00);
}
.cam_tel{
	width: 100%;
	margin: 50px 0 50px 0;
}
.tel5{
	font-size: 20px;
	text-align: center;
	margin-top: -100px;
}
.tel6{
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
}
.tel{
	width: 60%;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 8px 0px 0px 5px;
}
.tel spam{
    color: rgba(96,96,96,1.00);
	font-size: 13px;
	margin: 0 auto 0 auto;
	padding: 8px 0px 0px 5px;
}
.moji{
	width: 60%;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 8px 0px 0px 5px;
	border-bottom: solid;
	border-width: 1px;
	border-bottom-color: rgba(179,179,179,1.00);
}
.tap{
	text-align: center;
	font-size: 14px;
	margin-bottom: 110px;
	height: auto;
}
.sss{
	width: 500px;
	height: 100px;
	text-align: center;
	margin: 0 auto 0 auto;
}
@media(max-width: 1025px){
	.companybox{
		width: 80%;
		height: 350px;
		margin: 0 auto 0 auto;
	}
	.moji{
		width: 90%;
		margin: 0 10% 0 10%;
	}
}
@media(max-width: 600px){
	.companybox{
		width: 100%;
		height: 300px;
	}
	.moji{
		width: 90%;
		margin: 0 auto 0 auto;
		height: auto;
		font-size: 12px;
	}
}
@media(max-width: 414px){
	.companybox p{
		clear: both;
		display:block;
	}
	.tel spam{
		font-size: 12px;
	}
.sss{
	width: 100%;
	height: 100px;
}
.tap{
	font-size: 11px;
}
}
/*----- サンクスページ -----*/


.thanks_gray{
	width: 100%;
	height: 300px;
}

.mojibig{
	width: 100%;
	margin-top: 80px;
	text-align: center;
	font-size: 20px;
}
.mojimid{
	width: 100%;
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
}

.mojimid spam{
	font-size: 14px;
}
@media(max-width: 767px){
.mojibig{
	font-size: 16px;
	}
.mojimid{
	font-size: 14px;
	}
}
.shanks2 a{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	text-align: center;
	display: block;
	text-decoration: none;
	}
.shanks2  a:hover { 
	color: #231815;
}
/*----- タレント -----*/


/*----- コンセプト -------*/
.muabox{
	width: 700px;
	height: 350px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 100px 0;
	margin-bottom: 200px;
	
}

	.title_con{
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
		span{
		font-size: 24px;
	}
		.date{
		float: left;
		margin: 80px 0px 0px 150px;
		font-size: 20px;
		text-align: center;
	}
		.con_line{
		float: left;
		width: 5px;
		height: 230px;
		margin: 0px 20px 20px 20px;
		background-color: rgba(148,148,148,1.00);
}
		.wording{
			float: left;
			text-align: left;
			width: 50%;
			}
	.wording p{
		text-align: left;
}
@media(max-width: 767px){
	.date{
		margin-left: 80px;
	}
	.muabox{
		width: 100%;
	}
	.wording{
		width: 40%;
	}
	
}
@media(max-width: 600px){
	.muabox{
	clear: both;
    display: block;
		
	}
	.title_con{
		font-size: 30px;
		margin-bottom: 5px;
		text-align: center;
	}
		span{
		font-size: 24px;
	}
		.date{
		clear: both;
		margin-top: 10px;
		font-size: 20px;
		margin-left: 40%;
	}
		.con_line{
		clear: both;	
		width: 70%;
		height: 3px;
		margin: 20px 0px 20px 15%;
	}
		.wording{
		text-align: center;
		margin: 20px 0px 20px 15%;
		width: 70%;
		clear: both;
        display: block;
		}
}
@media(max-width: 414px){
	.muabox{
		height: 500px;
		margin-bottom: 80px;
		
	}
.title_con{
	font-size: 24px;
	text-align: center;
	color: rgba(65,65,65,1.00);
	}
	span{
		font-size: 18px;
		olor: rgba(65,65,65,1.00);
	}
	.date{
		font-size: 16px;
		text-align: center;
	}
	.con_line{
		width: 90%;
		height: 3px;
		margin: 20px 0px 20px 5%;
	}
	.wording{
		text-align: center;
		margin-top: 20px;
		width: 80%;
		margin: 20px 0px 20px 10%;
		
	
}
}
@media(max-width: 320px){
	.wording{
		width: 90%;
		margin: 20px 0px 20px 5%;
	}

	}

/*----- インフォメーション-----*/
.infobox{
	display:block;
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	padding: 10px 0px 100px 0px;
}
.infobox p{
	color: rgba(6,127,150,1.00);
	float: left;
	font-size: 14px;
	margin: 0 0 10px 8px;
}
.infobox spam{
	font-size: 14px;
	margin: 0 0 5px 8px;
}
.news{
	width: 60%;
	height: 30px;
	margin:  15px 0 0 20%;
	padding: 8px 0px 0px 5px;
	border-bottom: solid;
	border-width: 1px;
	border-bottom-color: rgba(179,179,179,1.00);
}
.news3 p{
	width: 100%;
	height: 30px;
	margin-left:  15px;
	padding: 8px 0px 0px 5px;
}
.news2 {
	width: 60%;
	height: 20px;
	margin:  5px 0 0 19%;
	padding: 3px 0px 0px 5px;
}
.news2 p{
	font-size: 14px;
}
@media(max-width: 1025px){
	.infobox{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.news{
		width: 90%;
		height: 30px;
		margin-left: 5%;
	}
	.news2{
		width: 90%;
		height: 30px;
		margin-left: 5%;
	}
}
@media(max-width: 767px){
	.infobox{
		width: 90%;
	}
}
@media(max-width: 600px){

	.news{
	height: auto;
	width: 88%;
	padding: 0 2% 0 0%;
	}
	.news2{
		height: auto;
		width: 88%;
		padding: 0 2% 0 0%;
	}
	.news p {
		font-size: 12px;
		margin: 0 0 10px 2px;
	}
	.news2 p {
		font-size: 12px;
		margin: 0 0 10px 2px;
	}
	.news2 spam {
		font-size: 12px;
		margin-left: -40px;
	}

}
@media(max-width: 320px){
  .news spam {
		font-size: 13px;
		margin: 0 0 8px 2px;
	}
  .news2 spam {
		font-size: 12px;
		margin-left: -70px;
	}
.news3 p{
font-size: 11px;
margin-left:  3px;
}
}
/*----- video -----*/
.main_video{
	min-height: 100px;
	width: 100%;
	height: 300px;;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	
	
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.video_box{
		width: 880px;
	    height: 250px;
	    margin-top: 100px;
		padding-left: 80px;
		margin:  0 auto 150px auto;
	}
	.movie_l{
		float: left;
		margin-right: 0px;
	}
	.movie_r{
		float: right;
		margin-right: 0px;
		margin-top: 26px;
	}
@media(max-width: 1025px){
	.video_box{
		width: 90%;
		padding-left: 3%;
	}
	.movie_l{
		float: left;
	}
}
@media(max-width: 767px){
	.video_box{
		padding: 0;
		width: 320px;
		height: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.movie_l{
		text-align: center;
	}
		.movie_r{
		text-align: center;
		margin-top: 80px;	
	}
}
@media(max-width: 600px){
	.video_box{
		width: 320px;
		height: 450px;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		
	}

}
@media(max-width: 374px){
}
@media(max-width: 320px){
	.video_box{
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.mainbox{
		width: 100%;
		margin-left: 0px;
	}
	.movie_l{
		width: 320px;
		margin-left: 0px;
		height: auto;
		margin-bottom: 80px;
	}
		.movie_r{
		width: 320px;
		height: auto;
	}
}

/*----- タレント募集 -----*/
.formp_box{
	width: 530px;
	padding-top: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.formp_box p{
	text-align: left;
}
@media(max-width: 767px){
.formp_box{
	width: 80%;	
	margin: 0px 0px 50px 10%;
	}
}
.recruitbox{
	margin-left: auto;
	margin-right: auto;
	width: 534px;
	height: 110px;
	padding-top: 18px;
	margin-bottom: 80px;
	background-image:url("../img/shooting.jpg");
	
}
.recruit{
	text-align: center;
	width: 80%;
	height: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	font-size: 18px;
	font-weight: 500;
	background-color: rgba(255,255,255,0.9);
	
}
@media(max-width: 767px){
	.recruitbox{
		width: 90%;
		background-size:cover;
	}
	}
@media(max-width: 414px){
	.recruitbox{
		width: 95%;
		margin-bottom: 50px;
		background-size:cover;
	}
	}

/*----- ヘッダー --------------------------------------------------*/
#wrap { 
	width: 75%; 
	margin: 0px auto;
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
}

#tabwrap {
	overflow: auto;
	width: 75%;
	margin: 10px auto;
}

 
@media(max-width: 600px){
#tabwrap {
	width: 95%;
}

}






.tabs li:first-child a { border-left: 0; }
.tabs li:last-child a { border-right: 0; }

.tabs li.current a {
	color: #231815;
}

.tab_content > div {
	width: 1098px;
	clear: both;
	padding: 10px;
	line-height: 19px;
	ccolor: #231815;
	display: none;
}
@media(max-width: 767px){
.tab_content > div{
	width: 100%;	
	}
}
.tab_content .current { display: block; }
.tab_content #home.first { display: block; }
.tab_content p { margin: 0 0 20px 0;}


	






/*----- フッター -----*/

footer{
	width: 100%;
	height: auto;
	margin-top: 0px;
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
	
}
.footcon {
	width: 100%;
	padding-left: 100px;
	margin-left: auto;
	margin-right: auto;
	height: 185px;
	
}
.footcon2 {
	width: 1098px;
	margin-left: auto;
	margin-right: auto;
	height: 85px;
	
	
}

.f-line{
	height: 100%;
	margin-left: 10px;
	float: left;
}

.f-rogobox {
	margin-top: 30px;
  margin-left: 41px;
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
.f-rogobox p{
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
}
.f-rogobox .frogo1 {
	text-align: left;
	font-size: 35px;
	margin: -10px 0 0 0px;
}
.pro{
	font-size: 14px;	
	margin-left: 5px;
}
.shounan{
	font-size: 12px;
	margin-left: 5px;
	font-family: "irohamaru"; 
	src: url("./font/irohamaru/irohamaru-Medium.ttf");
}

.f_rogo{
	font-size: 35px;
	float: left;
	}
.moji{
	margin: 0px 0 0 10px;
	font-size: 14px;
	}
.f_rogo2{
	font-size: 35px;
	clear: left;
	}

.f_navbox{
	float: left;
	height: auto;
	width: 580px;
	margin:  0 auto 0 auto;
}

.f_nav li { list-style: none; }
.f_nav li a {
	float: left;
	display: block;
	padding: 10px;
	color: #231815;
	width: 20%;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	

}

.f_nav li a:hover { 
	color: #5abfcb;
	
}
.f_nav li:first-child a { border-left: 0; }
.f_nav li:last-child a { border-right: 0; }

.f_nav li.current a {
	color: #231815;
}



@media (max-width: 767px){
	.f_navbox{
	width: 90%;
}
	.f-rogobox .frogo1 {
		margin-left: 5%;
	}

	.f_nav li a {
	float: left;	
	margin-top: -5px;	
	padding: 10px;
	width: 30%;
}
	}
@media (max-width: 600px){
	.f_navbox{
	margin-left: 0px;
    width: 90%;
	
}
	.f-rogobox {

		width: 90%;
		margin-left: 0px;
	}
	.f-rogobox .frogo1 {
		margin-left: 30px;
	}

}
@media(max-width: 414px){
	.footcon {
		padding: 0;
	}
   	.f-rogobox .frogo1 {
		margin-left: 0%;
	}

	.f_navbox{
	width: 100%;
	height: 80%;
	margin-left: 0px;	
	padding-left: 5%;	
}
 .f-rogobox {
  margin-top: 30px;
  padding-left: 3%;
  width: auto;
  height: auto;
  margin-bottom: 10px;
}
	.f_nav{
		width: 100%;
		padding-left: 0%;
	}
	
	.f-rogobox ul{
		margin-left: 0px;
		width: 100%;
		display: table-cell;
        vertical-align: middle;
	}
	 li a.fn2 {
		 margin-left: 16px;
		 width: 70px;
	}
	 li a.fn3 {
		 margin-left: 16px;
		 width: 70px;
	}
	 li a.fn4 {
		 margin-left: 16px;
		 width: 70px;
	}
	 li a.fn5 {
		 margin-left: 22px;
		 width: 70px;
	}
.f_nav li {
  display: table-cell;
  vertical-align: middle;
}
.f_nav li a {
  font-size: 12px;
  width: 100%;	
  text-decoration: none;
  padding: 10px 0 0 35%;
}	
	
}
@media(max-width: 320px){
	.f_nav li a {
		padding: 10px 0 0 12px;
	}
	.f-rogobox {
		padding-left: 2%;
	}
	li a.fn2{
		margin-left: 10px;
	}
	li a.fn3{
		margin-left: 10px;
	}
	li a.fn4{
		margin-left: 10px;
	}
	 li a.fn5 {
		 margin-left: 12px;
		 width: 40px;
	}
	.f_navbox{
	width: 100%;
	height: 70%;	
	padding-left: 0%;	
}

}
.footber{
	margin-top: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	padding-top: 5px;
	background-color: #3f3b3a;
	
}
.footber p{
	font-family: Lumberjack;
	src: url("./font/Lumberjack/Lumberjack 20Rough.otf");
	color: #efeff0;
	text-align: center;
	font-size: 14px;
	
}

@media(max-width: 767px){
	#wrap{
	width: 100%;	
	}

}