@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Index
Made by Quoctk (クック)
/////////////////////////////////////
*/

/* Mainvisual */

#Mainvisual {
	width: 100%;
	min-height: 350px;
	position: relative;
}
.mvInfo {
	width: 960px;
	height: 250px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -480px;
	z-index: 99;
}
.mvCatch {
	padding: 0 0 0 35px;
	margin-top:80px;
}

.mvInfo2 {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.52);
	border: solid 1px #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	min-height: 85px;
}

.mvInfo3 {
	position: absolute;
	top: 10px;
	left: 405px;
	padding: 10px;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.52);
	border: solid 1px #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	min-height: 85px;
}

.mvCatch-left {
	position: absolute;
	top: 52px;
}
.mvCatch-right {
	position: absolute;
	top: 53px;
	left: 480px;
}

.dark-bg {
	position:absolute;
	width:100%;
	height:275px;
	bottom:0;
	background-color:black;
	opacity:.25;
	z-index: 2;
}

.flex-direction-nav {
	z-index: 100;
}

/* h2 */
h2 img {
	position: relative;
	top: 20px;
}

/* Purpose */

#Purpose {
	background: url(../images/index/purpose_bg.png) repeat-x left bottom;
	position: relative;
}
#Purpose h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/purpose_ttl_bg.jpg) repeat-x;
}
.leftbg {
	position: absolute;
	top: 84px;
	left:0;
}
.rightbg {
	position: absolute;
	top: 84px;
	right:0;
}
.leftbottombg {
	position: absolute;
	bottom: 0;
	left:0;
}
.rightbottombg {
	position: absolute;
	bottom: 0;
	right:0;
}
.listPurpose {
	padding: 60px 0 50px 0;
}
.listPurpose li {
	width: 25%;
	float: left;
	text-align: center;
}
.listPurpose li a {
	display: block;
	position: relative;
}
.listPurpose .arrow-ttl {
	position: absolute;
	top: 155px;
	left: 25px;
}
.listPurpose .txt-ttl {
	padding: 10px 0 0;
}

/* Concept */

#Concept h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/concept_ttl_bg.jpg) repeat-x;
}
#Concept h3 {

}
#Concept .concept-lead {
	font-size: 170%;
	margin-top: 10px;
}
#Concept .inner {
	background: url(../images/index/concept_bg.jpg) no-repeat left bottom;
	background-size: cover;
	padding: 60px 0;
}
#Concept .wrapper {
	position: relative;
}
.conceptBox {
	width: 940px;
	height: 480px;
	background: url(../images/index/concept_box.png) no-repeat;
	margin: 0px auto;
}
.conceptInfo {
	padding: 15px 15px 15px 40px;
}
.conceptInfo > div {
	width: 450px;
	float: left;
	padding: 20px 0 0;
}
.conceptInfo p {
	font-size: 134%;
	line-height: 23px;
}
.bg-left {
	position: absolute;
	left: -135px;
	bottom: -45px;
}
.bg-right {
	position: absolute;
	right: -185px;
	bottom: 0px;
}

/* Social */

#Social h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/social_ttl_bg.jpg) repeat-x;
}
#Social h3 {
	margin-bottom: 10px;
}
.socialBox {
	padding: 50px 10px;
}
.socialBox >  li {
	width: 300px;
	float: left;
}
.socialBox >  li + li {
	margin-left: 20px;
}
.news .inner {
	height: 210px;
	padding: 5px 15px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	position: relative;
	overflow-x:hidden;
	overflow-y:scroll;
}
.news .inner #newsList li {
	padding: 10px 0 0;
}
.news .inner .up_ymd {
	background-color: #7dc2a1;
	border-radius: 4px;
	color: white;
	font-size: 95%;
	padding: 1px 8px;
}
.news .inner .title a {
	display: block;
	font-size: 117%;
	color: RoyalBlue;
	margin-top: 5px;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	transition:.2s;
}
.news .inner .title a:hover {
	color: #7dc2a1;
}
.news .inner img {
	float:left;
	margin-right: 1em;
}
.news .inner .comment {
	margin-top:5px;
}
.youtube .inner, .map .inner {
	width: 300px;
	height: 220px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.fb .inner {
	width: 300px;
	height: 496px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

/* Link */

.link-wrapper {
	background: url(../images/index/links_bg.png) repeat-x left 210px;
	position: relative;
}
.link-wrapper h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/links_ttl_bg.jpg) repeat-x;
}
.listLink {
	padding: 45px 10px 39px;
	position: relative;
	z-index: 99;
	text-align:center;
}
.link-wrapper-second {
	background-position: left 90px;
}
.link-wrapper-second .listLink {
	padding-top:0;
}
.listLink li {
	width: 245px;
	display: inline-block;
	text-align: center;
}
.listLink a {
	display: block;
	color: #fff;
	font-size: 117%;
	text-decoration: none;
}
.listLink li span {
	border-radius: 10px;
	display: block;
	height: 60px;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 5px 10px;
}

.listLink li span {
	position: relative;
}
.listLink li span:after {
	top: 100%;
	left: 50%;
	border: 10px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-left: -10px;
}

.listLink li span {
	background: #d90169;
	border-color:#d90169;
}
.listLink li span:after {
	border-top-color: #d90169;
}

.listLink li + li span {
	background: #7fce01;
	border-color:#7fce01;
}
.listLink li + li span:after {
	border-top-color: #7fce01;
}

.listLink li + li + li span {
	background: #e33948;
	border-color:#e33948;
}
.listLink li + li + li span:after {
	border-top-color: #e33948;
}

.link-wrapper-second .listLink li span {
	background: #cc9129;
	border-color:#cc9129;
}
.link-wrapper-second .listLink li span:after {
	border-top-color: #cc9129;
}

.link-wrapper-second .listLink li + li span {
	background: #138049;
	border-color:#138049;
}
.link-wrapper-second .listLink li + li span:after {
	border-top-color: #138049;
}

.align-v {
	height: 45px!important;
	padding-top: 20px!important;
}

.link-catch {
	color: #ffff50;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* Gallery */

#Gallery h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/gallery_ttl_bg.jpg) repeat-x;
}
#Gallery .inner {
	position: relative;
	padding: 50px 0 130px 0;
	background: url(../images/index/gallery_bg.jpg) repeat-x left top;
}
.gallery .slides li {
	width: 295px;
	float: left;
	position: relative;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(8,4,6,0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(8,4,6,0.15);
	box-shadow: 0px 1px 5px 0px rgba(8,4,6,0.15);
}
.gallery .slides a {
	display: block;
}
.gallery .slides img {
	width: 100%;
}
.gallery .slides .frame {
	position: absolute;
	top: 0;
	left: 0;
}
.fg {
	width: 100%;
	height: 180px;
	display: block;
	position: absolute;
	bottom: -1px;
	background: url(../images/index/gallery_fg.png) repeat-x;
}

/* Access */

#Access h2 {
	width: 100%;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url(../images/index/access_ttl_bg.png) repeat-x;
}
#Access .inner {
	background: url(../images/index/access_bg.jpg) no-repeat;
	background-position: top;
	padding: 50px 0 250px 0;
}
#Access #Map {
	width: 940px;
	height: 500px;
	margin: 0 auto;
}
.accessBox {
	width: 940px;
	position: relative;
	margin: 25px auto;
	background: #fff;
	border-radius: 10px;
	border: solid 3px #a7efd0;
}
.tbl01 {
	width: 100%;
}
.tbl01 td {
	width: 33.33%;
	text-align: center;
	border-right: 3px solid #a7efd0;
	padding: 10px;
}
.tbl01 a {
	display: inline-block;
	position: relative;
}
.tbl01 .hand {
	position: absolute;
    top: 66px;
    right: 142px;
}
.tbl02 {
	width: 100%;
	font-size: 109%;
}
.tbl02 th {
	border-top: 3px solid #a7efd0;
	border-right: 3px solid #a7efd0;
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}
.tbl02 td {
	border-top: 3px solid #a7efd0;
	border-right: 3px solid #a7efd0;
	padding: 10px;
	vertical-align: top;
}
.tbl02 th.th01 {
	width: 55px;
}
.tbl02 th.th02 {
	width: 105px;
}
.tbl02 td.td01 {
	width: 280px;
}
.nbd {
	border-right: none !important;
}

/* lightbox */

#lightbox {
	position:fixed!important;
	top:0!important;
	bottom:0!important;
	margin: auto!important;
	left:0!important;
	right:0!important;
	max-height: 50%!important;
}



@media (max-width: 1200px) {

.mvInfo3 {
	position: absolute;
	top: 10px;
	left: 0px;
	padding: 10px;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.52);
	border: solid 1px #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	min-height: 85px;
}
}

.flex_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5%;
}

.flex_box .content:not(:first-child) {
	margin-left: 2%;
}

.flex_box a {
	text-decoration: none;
}

.flex_box a img {
	display: block;
	margin: 0 auto 5px;
}

.flex_box .btn {
	width: 100%;
}

.flex_box .btn a {
	display: block;
	padding: .6em;
	text-align: center;
	background: #c4302b;
	color: #fff;
	font-size: 16px;
	max-width: 300px;
	width: 100%;
}