@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */

/* グローバルナビアクティブ
---------------------------------------------- */
ul#nav_global01 li.g01 a{background:url(../img/nav_global01.jpg) no-repeat 0 -59px;}

/* heading
---------------------------------------------- */
/*--h3--*/
h3#h3_home01{background:url(../img/home/h3_home01.png) no-repeat center 0;}
h3#h3_home03{background:url(../img/home/h3_home03.png) no-repeat center 0;}

h3#h3_home01,
h3#h3_home03{
	height:31px;
	margin-bottom:60px;
}

h3#h3_home02{
	background:url(../img/home/h3_home02.png) no-repeat center 0;
	height:31px;
	margin-bottom:15px;
}

h4.h4_home01,
h4.h4_home02{
	font-size:171%;
	line-height:1.2;
	margin-bottom:10px;
	text-align:center;
	position:relative;
	z-index:3;
}

h4.h4_home01 span,
h4.h4_home02 span{
	visibility:visible;
	position:relative;
	background:#fff;
	z-index:3;
}

h4.h4_home01 span::before,
h4.h4_home02 span::before,
h4.h4_home01 span::after,
h4.h4_home02 span::after{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	background:#fff;
	z-index:3;
}

h4.h4_home01 span::before,
h4.h4_home02 span::before{
	left:-20px;
	top:5px;
}

h4.h4_home01 span::after,
h4.h4_home02 span::after{
	right:-20px;
	top:5px;
}	

h4.h4_home01::before,
h4.h4_home02::before{
	content:'';
	height:2px;
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	z-index:1;
}

h4.h4_home01::before{background:#FDD000;}
h4.h4_home02::before{background:#45B345;}


/* div
---------------------------------------------- */
div#news{
	padding:80px 0;
	background:#EFEFEF;
}

div#movie{
	padding:80px 0;
	background:#FDD000;
}

div#navi{
	background:#EEE;
	padding:80px 0;
}

div.wrap_movie01{
	width:620px;
	height:358px;
	padding:10px;
	margin:0 auto;
	background:#fff;
}

div.wrap_movie01 iframe{
	width:100%;
	height:100%;
}

/* ul
---------------------------------------------- */
ul.list_home01{
	overflow:hidden;
	margin:0 -20px 60px 0;
}

ul.list_home01 li{
	float:left;
	margin-right:20px;
	width:230px;
}

ul.list_home01 li p{margin-bottom:0;}

ul.list_home01 li p span.pj_image{
	background-size:cover !important;
	background-repeat:no-repeat;
	background-position:center, center;
	display:inline-block;
	width:235px;
	height:176px;
}

ul.list_home01 li h5{
	font-size:114%;
	line-height:1.2;
	margin-bottom:10px;
}

ul.list_home01 li.clickable_box{cursor:pointer;}

ul.list_home01 li.clickable_box:hover img{opacity:0.7;}

ul.list_btn01{text-align:center;}

ul.list_btn01 li{display:inline-block;}

ul.list_btn01 li:first-child{margin-right:20px;}

ul.nav_home01{
	display:flex;
	justify-content: center;
}

ul.nav_home01:nth-child(1){margin-bottom: 20px;}

ul.nav_home01 li{margin-right: 20px;}

/* p
---------------------------------------------- */

/* スライダー
---------------------------------------------- */
div#wrap_slide01 {
    width: 1000px;
    margin: 0 auto 80px;
    height: 360px;
    position: relative;
}

div#wrap_slide02 {
    width: 3000px;
    position: absolute;
    left: 50%;
    margin-left: -1500px;
}

/*--btn--*/
div.bx_wrap_btn{
	width:1000px;
	margin:0 auto;
	position:absolute;
	z-index:4;
	height:60px;
	left:0;
	right:0;
}

div.bx_wrap_btn a.bx-prev,
div.bx_wrap_btn a.bx-next{
	display:block;
	width:40px;
	height:60px;
	position:absolute;
	z-index:100;
	top:-210px;
	text-decoration:none;
}

div.bx_wrap_btn a.bx-prev{
	background:url(../img/home/btn_prev01.png) no-repeat 0 0;
	left:-41px;
}
	
div.bx_wrap_btn a.bx-next{
	background:url(../img/home/btn_next01.png) no-repeat 0 0;
	right:-39px;
}

div.bx_wrap_btn a.bx-prev:hover{background:url(../img/home/btn_prev01_on.png) no-repeat 0 0;}
div.bx_wrap_btn a.bx-next:hover{background:url(../img/home/btn_next01_on.png) no-repeat 0 0;}

div.bx_wrap_btn a.bx-prev span,
div.bx_wrap_btn a.bx-next span{visibility:hidden;}
