@charset "utf-8";
/* CSS Document */

.gotop a{
	background-color: #44b2e6;
}



/* Tablet TopNavigation */
@media screen and (max-width:768px) {
/* navi */
#header nav{
	display:block;
}
#header nav div{
	margin:0 20px 10px;
}
#header nav div p a{
	float:left;
	display:block;
	width:32%;
	margin:0 0 10px;
	padding-bottom:10px;
	box-sizing:border-box;
	border:5px solid #fff;
	background-color:#fff;
	text-align:center;
	font-size:1em;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	/* transition */
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
#header nav div p:nth-child(2) a,
#header nav div p:nth-child(5) a{
	margin-left:1.995%;
	margin-right:1.995%;
}
#header nav div p a img{
	width:60px;
	margin:0 auto 5px;
	padding-top:10px;
	display:block;
}
#header nav div p a{
	background-position:center 10px;
}

#header nav div p a:hover{
	color:#fff;
	background-size:60px !important;
}
#header nav div p.nav01 a:hover{
	background:url(../../common/images/nav01on.png) no-repeat center 10px #ead64c;
}
#header nav div p.nav02 a:hover{
	background:url(../../common/images/nav02on.png) no-repeat center 10px #47ca9a;
}
#header nav div p.nav03 a:hover{
	background:url(../../common/images/nav03on.png) no-repeat center 10px #73c1cf;
}
#header nav div p.nav04 a:hover{
	background:url(../../common/images/nav04on.png) no-repeat center 10px #7e73cf;
}
#header nav div p.nav05 a:hover{
	background:url(../../common/images/nav05on.png) no-repeat center 10px #de6f94;
}
#header nav div p.nav06 a:hover{
	background:url(../../common/images/nav06on.png) no-repeat center 10px #e99156;
}
#header nav div p a:hover img{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
}

/* -------------------------------------------------

header

------------------------------------------------- */
#header header{
	/*background:url(../../common/images/mainimg_top.jpg) no-repeat;*/
	background:none;
	position:relative;
	z-index:2;
}

/* PC */
@media screen and (min-width:769px) {
#video_wrap {
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:1;
}
#video_wrap,
#header header{
	height: 420px;
}
h1 img{
	display:block;
	width:251px;
	margin:0 auto;
	padding-top:125px;
}
#video_wrap > video { 
    width: 100%;
}

}
/* Tablet */
@media screen and (max-width:768px) {
#video_wrap{
	display:none;
}
#header header{
	height: 240px;
}
#header header{
	background:url(../../common/images/mainimg_top.jpg) no-repeat center center;
}
#header header h1{
	width:180px !important;
	margin:0 auto !important;
	padding-top:62px;
}
}

/* -------------------------------------------------

mainimg

------------------------------------------------- */

/* PC */
@media screen and (min-width:769px) {

}
/* Tablet */
@media screen and (max-width:768px) {

}


/* -------------------------------------------------

newsArea

------------------------------------------------- */


/* PC */
@media screen and (min-width:769px) {

}
/* Tablet */
@media screen and (max-width:768px) {

}





.newsArea,
.movieArea,
.recruitArea,
.companyArea,
.faqArea,
.contactArea{
	background-color:#fff;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 1px 1px 5px 4px;
	box-sizing:border-box;
}
/* PC */
@media screen and (min-width:769px) {
.newsArea,
.movieArea,
.recruitArea,
.companyArea,
.faqArea,
.contactArea{
	float:left;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.newsArea,
.movieArea,
.recruitArea,
.companyArea,
.faqArea,
.contactArea{

}
}

/* -------------------------------------------------

contents01

------------------------------------------------- */
#contents01{
	
}
/* PC */
@media screen and (min-width:769px) {
#contents01{
	width:1000px;
	height:auto;
	margin:0 auto 30px;
}
#contents01 section{
	min-height:270px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#contents01{
	margin:0 20px;
}
#contents01 section{
	margin:0 0 20px;
}
}

/* ------------------

newsArea

------------------ */
.newsArea{
	
}
.newsArea h2{
	font-size:1.05em;
	padding:20px;
}
.newsArea ul{
	padding:0 0 20px;
}
.newsArea ul li{
	padding:5px 20px;
}
.newsArea ul li:nth-child(odd){
	background-color:#f0f0f0;
}
/* PC */
@media screen and (min-width:769px) {
.newsArea{
	width:490px;
}
}
/* Tablet */
@media screen and (max-width:768px) {

}

/* ------------------

movieArea

------------------ */
.movieArea{
	
}
.movieArea h2{
	font-size:1.05em;
	padding:10px 20px 5px;
}
/* PC */
@media screen and (min-width:769px) {
.movieArea{
	width:320px;
	margin:0 20px;
}
.movieArea video{
	padding:5px 0;
	background-color:#000;
}
.movieArea p{
	padding:0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.movieArea video{
	width:100%;
}
.movieArea p{
	padding:0 20px 20px;
}
}

/* ------------------

recruitArea

------------------ */
.recruitArea h2{
	font-size:1.05em;
	padding:10px 20px;
}
.recruitArea p a{
  text-decoration: underline;
}
/* PC */
@media screen and (min-width:769px) {
.recruitArea{
	width:150px;
}
.recruitArea p{
	padding:0 15px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.recruitArea p{
	padding:0 20px 20px;
}
}



/* -------------------------------------------------

contents02

------------------------------------------------- */
#contents02{

}
#contents02 h2{
	font-size:1.05em;
	padding:20px;
}
#contents02 section dl{
	margin:0 20px 20px;
}
#contents02 section p a{
	color:#fff;
	display:block;
	padding:10px 20px 10px 35px;
}
#contents02 section p a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* PC */
@media screen and (min-width:769px) {
#contents02{
	width:1000px;
	height:auto;
	margin:0 auto;
}
#contents02 section dl{
	min-height:80px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#contents02{
	margin:0 20px;
}
#contents02 section{
	margin:0 0 20px;
}
}
/* ------------------

companyArea

------------------ */
.companyArea{
	
}
.companyArea p a{
	background:url(../../common/images/icon_arrow.png) no-repeat 20px center #73c1cf;
}
/* PC */
@media screen and (min-width:769px) {
.companyArea{
	width:320px;
}
}
/* Tablet */
@media screen and (max-width:768px) {

}

/* ------------------

faqArea

------------------ */
.faqArea{
	
}
.faqArea p a{
	background:url(../../common/images/icon_arrow.png) no-repeat 20px center #ead64c;
}
/* PC */
@media screen and (min-width:769px) {
.faqArea{
	width:320px;
	margin:0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {

}

/* ------------------

contactArea

------------------ */
.contactArea{
	
}
.contactArea p a{
	background:url(../../common/images/icon_arrow.png) no-repeat 20px center #de6f94;
}
.contactArea dl dt strong{
	font-family:"Times New Roman", Times, serif;
	font-size:1.7em;
	padding:0 0 8px;
	font-weight:normal;
}
/* PC */
@media screen and (min-width:769px) {
.contactArea{
	width:320px;
}
}
/* Tablet */
@media screen and (max-width:768px) {

}