@import url(globalnavi.css);
body{
	background-color:#eeeeee;
	height:100%;
	width:100%;
	color:#4d4d4d;
	line-height:1.7;
	font-family:"Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.875em;
}
a{
	color:#4d4d4d;
	text-decoration:none;
}
img{
	max-width:100%;
	height:auto;
}
#footer_navi dt{
	background-image:url(../images/common/f_arrow.png);
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:1.214em;
}
#header{
	background:#ffffff;
}
#submenu{
	background:#c0bebe;
}
.tle{
	text-align:center;
	font-size:1.929em;
	border-bottom:1px solid #6c6c6c;
}/*
#global_navi{
	font-size:0.964em;
	font-weight:bold;
	overflow:hidden;
	clear:both;
}
#global_navi li a{
	display:block;
	text-align:center;
	transition:all 0.3s;
}*/
#main{
	background:url(../images/top/bg.png);
}
 #mainimage >ul >li{
 	background-repeat:no-repeat;
 	background-position:center top;
 	position:relative;
 	font-size:1.143em;
 	font-weight:bold;
 	height:420px;
 	overflow:hidden;
 }
 #mainimage .mi1{
 	background-image:url(../images/top/mv1.jpg);
 	background-color:#ccf1f3;
 }
  #mainimage .mi2{
 	background-image:url(../images/top/mv2.jpg);
 	background-color:#fffdd4;
 }

#service .textbox i{
	color:#f70011;
}
#service .textbox dt,#service .textbox h4{
	font-weight:bold;
	text-align:center;
	font-size:1.571em;
	padding-top:5px;
	padding-bottom:5px;
}
#service .media{
	border:1px solid #ffffff;
	padding:6px;
	background:rgba(133,133,133,0.1);
}
#service .media ul{
	overflow:hidden;
	clear:both;
	background:#ffffff;
}
#works{
	background:#e2e2e2;
}
#works dt{
	color:#ffffff;
}
#works .title{
	font-weight:bold;
	line-height:1.2;
	margin-top:7px;
}
#works .image{
	border:1px solid #ffffff;
	padding:6px;
}
#works .creative .image{
	background:#e4c1cc;
}
#works .casting .image{
	background:#efce99;
}
#works .event .image{
	background:#bbd0f3;
}
#works .more{
	text-align:center;
}
#mainimage .paging{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:999;
	max-width:1000px;
	width:90%;
	margin:auto;
}
#mainimage .pager{
	float:right;
	margin-right:3px;
}
#mainimage .pager span{
	border-radius:0;
	margin:0 3px;
	background:#000000;
	opacity:1;
}
#mainimage .pager .swiper-pagination-bullet-active{
	background:#f70011;
}
#mainimage .mi_content >a{
	display:block;
	width:100%;
	height:420px;
}
#mainimage .mi3 .mi_content >a{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
#mainimage .mi3 ul{
	position:relative;
	z-index:10;
}
/*PC
--------------------------------------------------*/
@media screen and (min-width:1081px),print{
	.tab,.tab_phone{
		display:none!important;
	}
	a img{
		transition:all 0.2s;
	}
	a img:hover{
		opacity:0.8;
	}
	#header .logo{
		position:absolute;
		left:0;
		top:0;
		z-index:999;
		background:url(../images/top/logo.png) no-repeat center;
	}
	#header .logo a{
		display:block;
		text-indent:-9999px;
		width:154px;
		height:154px;
	}/*
	 #global_navi{
		max-width:1300px;
		margin-right:auto;
		margin-left:auto;
		padding-top:14px;
		padding-bottom:14px;
	}
	 #global_navi ul{
		border-left:1px solid #e2e2e2;
		overflow:hidden;
		float:right;
	}
	#global_navi li{
		width:115px;
		overflow:hidden;
		float:left;
	}
	#global_navi li a{
		padding:10px 0;
		border-right:1px solid #e2e2e2;
	}*/
	#submenu ul a{
		display:block;
		margin-bottom:3px;
		margin-left:4px;
		margin-right:4px;
		box-shadow:2px 2px 0 rgba(0,0,0,.4);
		line-height:0;
	}
	
	#mainimage .mi_content{
		max-width:1150px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		height:420px;
	}
	#mainimage .mi3 .mi_content{
		max-width:930px;
	}
	#mainimage .mi_image{
		position:absolute;
		right:0;
		bottom:0;
	}
	#mainimage .mi1 .mi_content .textbox{
		position:absolute;
		left:0;
		right:0;
		width:1000px;
		margin:auto;
		height:210px;
		top:0;
		bottom:0;
	}

	#mainimage .mi1 .mi_content h2{
		margin-bottom:32px;
	}

	#mainimage .mi2 .mi_image{
		position:absolute;
		top:0;
		bottom:0;
		height:328px;
		margin:auto;
	}
	#mainimage .mi2 .textbox{
		color:#000000;
		font-size:1.143em;
		height:308px;
		margin:auto;
		top:0;
		bottom:0;
		right:0;
		left:0;
		position:absolute;
		width:1000px;
	}
	#mainimage .mi2 .textbox h2{
		margin-bottom:40px;
	}
	#mainimage .mi2 .textbox h3{
		margin-bottom:25px;
	}
	#mainimage .mi2 .textbox .strong{
		margin-bottom:40px;
	}
	#mainimage .mi3{
		background-image:url(../images/top/mv3.jpg),url(../images/top/mv3_bg.png);
		background-repeat:no-repeat,repeat-x;
		background-color:#f3f3f3;
	}
	#mainimage .mi3 .textbox{
		position:absolute;
		top:80px;
		margin:auto;
	}
	#mainimage .mi3 .textbox >p{
		margin-bottom:30px;
	}
	#mainimage .mi3 .textbox ul{
		width:620px;
/*		text-align:center;*/
	}
	#submenu{
		padding-top:30px;
		padding-bottom:30px;
		margin-bottom:30px;
	}
	 #submenu ul{
		width:1000px;
		margin-right:auto;
		margin-left:auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	 #main .section >.wrap{
		width:1000px;
		margin-right:auto;
		margin-left:auto;
		overflow:hidden;
		clear:both;
	}
	 #main .tle{
		margin-bottom:35px;
	}/*
	#service .textbox{
		text-align:center;
	}*/
	#main #service .cast{
		margin-left:-18px;
		padding:0 9px;
	}
	#main #service .cast li,#main #service .movie li{
		width:482px;
		margin-left:18px;
	}
	#main #service ul{
		overflow:hidden;
		clear:both;
	}
	#main #service li{
		float:left;
		overflow:hidden;
	}
	#main #service .cast li .image,#main #service .movie li .image{
		border:1px solid #ffffff;
	padding:6px;
		width:468px;
		background:rgba(133,133,133,0.1);
	}
	#service .media .small{
		padding:12px 23px 0;
	}
	#service .media .small li{
		width:216px;
		overflow:hidden;
		margin-right:25px;
	}
	#service .textbox dt{
		font-size:1.929em;
	}

	#service .media .small li:last-child{
		margin-right:0;
	}
	#service .lage{
		padding:12px 22px 24px;
	}
	#service .lage li{
		width:458px;
		margin-right:26px;
	}
	#service .media .lage li:nth-child(2n){
		margin-right:0;
	}
	#service .cast,#service .media,#service .movie{
		margin-bottom:40px;
	}
	#works{
		padding-top:50px;
		padding-bottom:50px;
		margin-bottom:0;
	}
	#works >div dt:before{
		content:"";
		display:block;
		position:absolute;
		width:100%;
		height:100px;
		bottom:-35px;
		left:-30%;
		z-index:1;
		transform:rotate(-11deg);
	}
	#works .creative dt:before{
		background:#c04f72;
	}
	#works .casting dt:before{
		background:#e49411;
	}
	#works .event dt:before{
		background:#4371bd;
	}

	#works >div dt{
		color:#ffffff;
		position:relative;
		overflow:hidden;
		font-size:1.179em;
		padding-left:5px;
	}
	#works >div dt span{
		position:relative;
		z-index:20;
	}

	#works{
		margin-bottom:50px
	}
	#works .title{
		font-weight:bold;
		font-size:1.321em;
	}
	#works .wrap >div{
		float:left;
		overflow:hidden;
	}
	#works >div dl{
		margin-bottom:26px;
	}
	#works .wrap >.btn{
		float:none;
		overflow:hidden;
		clear:both;
	}
	#works .creative,#works .casting,#works .event{
		width:316px;
	}
	#works .creative,#works .casting{
		margin-right:26px;
	}

/*Footer
----------------------------------------------*/
	#footer{
		max-width:1000px;
		font-size:0.923em;
		margin:0 auto;
		padding-top:50px;
		}
	#footer dt{
		margin-bottom:5px;
	}
	#footer dd{
		padding-left:5px;
	}
	li.mainMenu{
		background:url(../images/common/ft_arrow.gif) no-repeat left 4px;
		padding-left:10px;
		margin-bottom:8px;
	}
	li.subMenu a{
		color:#787878;
	}

	#copy{
		text-align:center;
		clear:both;
		padding-top:20px;
		margin-bottom:20px;
	}

}
/*PC Tablet
--------------------------------------------------*/
@media screen and (min-width:641px),print{
	.phone{
		display:none!important;
	}
	/*
	#global_navi li a:hover{
		color:#f70011;
	}*/
	#fdw select{
		display:none;
	}
	#mainimage .mi3 .textbox ul{
		overflow:hidden;
		clear:both;
	}
	#mainimage .mi3 .textbox ul li{
		float:left;
		width:20%;
	}
	/*Footer
	----------------------------------------------*/
	#footer{
		overflow:hidden;
	}
	#footer_navi{
		display:table;
		table-layout:fixed;
		width:100%;
		margin-left:-1px;
	}
	#footer_navi >dl{
		display:table-cell;
		border-left:1px dotted #828282;
		padding:0 5px;
		vertical-align:top;
		font-size:0.857em;
	}
	#footer_navi .fourth_block dd{
		padding-top:28px;
	}
	#footer_navi dt{
		background-position:left center;
	}
	#contact{
		position:absolute;
		right:0;
		top:245px;
		z-index:10000;
		transition:all 0.3s;
	}
	#contact.active{
		position:fixed;
		right:0;
		top:30px;
	}
	#contact li a{
		margin-bottom:1px;
		width:113px;
		height:38px;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:center;
		display:block;
		transition:all 0.2s;
	}
	#contact li a:hover{
		opacity:0.8;
	}
	#contact li:first-child{
		background-image:url(../images/top/btn1.png);
	}
	#contact li:last-child{
		background-image:url(../images/top/btn2.png);
	}
}
/*Tablet
--------------------------------------------------*/
@media screen and (max-width:1080px) and (min-width:641px){
	.pc{
		display:none!important;
	}
	.phone,.pc_phone{
		display:none!important;
	}	/*#global_navi ul{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	#global_navi li{
		display:table-cell;
	}
	#global_navi li a{
		padding:20px 0;
	}*/
	#submenu ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding-top:2%;
		padding-bottom:2%;
	}
	#submenu li{
		text-align:center;
		width:180px;
		padding:0 1% 1%;
	}
	#submenu li a{
		margin-bottom:3%;
		display:block;
	}
	#mainimage .mi_image{
		width:200px;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		margin-bottom:20px;
	}
	#mainimage .mi3 ul{
		max-width:640px;
		margin-right:auto;
		margin-left:auto;
	}
	#mainimage .mi3 .textbox{
		margin-top:80px;
	}
	#service .cast li{
		float:left;
		overflow:hidden;
		width:48%;
		margin-right:4%;
	}
	#service .cast li:nth-child(2n){
		margin-right:0;
	}
	#service .media ul{
		padding:2%;
	}
	#service .small li{
		width:23.5%;
		float:left;
		margin-right:2%;
	}
	#service .small li:nth-child(4n){
		margin-right:0;
	}
	#service .lage li{
		width:48%;
		overflow:hidden;
		float:left;
		margin-right:4%;
	}
	#service .lage li:nth-child(2n){
		margin-right:0;
	}
	#service .movie li{
		float:left;
		overflow:hidden;
		width:48%;
		margin-right:4%;
	}
	#service .movie li:nth-child(2n){
		margin-right:0;
	}
	#footer{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

}
/*Tablet Phone
--------------------------------------------------*/
@media screen and (max-width:1080px){
	.pc{
		display:none!important;
	}
	#header .logo{
		background:#939393;
		text-align:center;
		padding:2% 5%;
	}
	#service .small li h4{
		font-size:1.286em;
	}
	#main .section{
		margin:5% auto 0;
		overflow:hidden;
		clear:both;
	}
	#main .section >.wrap{
		overflow:hidden;
		clear:both;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#main .tle{
		margin-bottom:3%;
		overflow:hidden;
		clear:both;
	}
	#mainimage >ul >.mi{
		overflow:hidden;
		clear:both;
	}
	#mainimage .mi_content{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#mainimage .mi_content .textbox{
		text-align:center;
	}
	#mainimage .mi_content h2{
		margin-bottom:20px;
	}
	#mainimage .mi2{
		background-position:left center,center bottom;
	}
	#mainimage .mi2 .textbox .strong{
		margin-bottom:10px;
	}
	#mainimage .mi3{
		background-image:url(../images/top/mv3_sp.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-color:#fbfbfb;
	}
	#mainimage .mi3 .textbox{
		padding:10px;
		background:rgba(255,255,255,.85);
		overflow:hidden;
	}
	#mainimage .mi3 .textbox p{
		margin-bottom:10px;
	}
	#service .cast{
		margin-bottom:3%;
		overflow:hidden;
		clear:both;
	}
	#service .movie{
		margin-top:3%;
		overflow:hidden;
		clear:both;
	}
	#works{
		padding-top:5%;
		padding-bottom:5%;
		margin-bottom:0;
	}
	#works .creative dt{
		color:#ffffff;
		padding:1% 3%;
	}
	#works >.wrap >div{
		overflow:hidden;
		clear:both;
	}
	#works .creative,#works .casting,#works .event{
		margin:0 auto 2%;
	}
	#works dl{
		width:49%;
		float:left;
	}
	#works dl:first-child{
		margin-right:2%;
	}
	#works dl .image{
		text-align:center;
		margin-bottom:1%;
	}
	#works .creative dt{
		background:#c04f72;
	}
	#works .casting dt{
		background:#e49411;
	}
	#works .event dt{
		background:#4371bd;
	}
	#works .btn{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}

	#footer{
		padding-top:5%;
		padding-bottom:2%;
	}
	#copy{
		padding-top:2%;
		text-align:center;
	}

}
/*Phone
--------------------------------------------------*/
@media screen and (max-width:641px) {
	.tab,.pc_tab{
		display:none!important;
	}
	#contact{
		display:table;
		table-layout:fixed;
		background:#000000;
		width:100%;
	}
	#contact li:first-child{
		border-right:1px solid #ffffff;
	}
	#contact li{
		display:table-cell;
	}
	#contact li a{
		display:block;
		color:#ffffff;
		text-align:center;
		padding:5% 0;
	}/*
	#header{
		overflow:hidden;
		clear:both;
	}*/
	#header .logo{
		padding-top:20px;
		padding-bottom:20px; 
	}/*
	#header .logo img{
		width:60%;
		margin-right:auto;
		margin-left:auto;
	}*/
	#global_navi{
		display:none;
	}
	/** fdw **/
/*
	#fdw{
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:15px;
	}
	#fdw nav ul li{
		margin-left:12px;
	}
	#fdw nav ul {
		display:none;
	}
	#fdw nav select {
		width:94%;
		display:block;
		cursor:pointer;
		padding:6px;
		background:#f9f9f9;
		border:1px solid #4d4d4d;
		color:#484d52;
		margin:0 auto;
		height:50px;
	}
*/
	#submenu{
		padding:0 5%;
		padding-top:3%;
		overflow:hidden;
		clear:both;
	}
	#submenu li{
		float:left;
		width:32.3%;
		margin-right:1%;
		text-align:center;
		margin-bottom:3%;
	}
	#submenu li:nth-child(3n){
		margin-right:0;
	}
	#mainimage .mi{
		height:370px;
	}
	#mainimage .mi_image{
		width:150px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	#mainimage .mi3 .textbox{
		margin-top:100px;
	}
	#mainimage .mi3 p{
		margin-bottom:20px;
	}
	#mainimage .mi3 .textbox ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
	}
	#mainimage .mi3 .textbox li{
/*		float:left;*/
		overflow:hidden;
		width:20%;
		box-sizing:border-box;
		padding:0 2%;
	}
	#service .image{
		text-align:center;
	}
	#service .cast{
		overflow:hidden;
	}
	#service .cast li,#service .movie li{
		margin-bottom:3%;
	}
	#service .media ul{
		padding:2%;
	}
	#service .media .small li{
		width:49%;
		margin-right:2%;
		float:left;
		margin-bottom:3%;
		text-align:center;
	}
	#service .media .small li:nth-child(2n){
		margin-right:0;
	}

/*Footer
----------------------------------------------*/
	#footer{
		padding-left:5%;
		padding-right:5%;
	}
	#footer dl{
		padding-bottom:5%;
		margin-bottom:5%;
		border-bottom:1px dotted #838383;
	}
	#footer dl:last-child{
		border-bottom:0;
	}
	#footer dt{
		margin-bottom:3%;
		background-position:left center;
	}
	#footer dd{
		padding:0 3%;
	}
	#footer dt a,#footer li a{
		display:block;
	}

}