@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

File name : top.css
---------------------------------------------------------- 

/* common
---------------------------------------------------------- */
#top{}


/* visual
---------------------------------------------------------- */
#top #visual{}

#top #visual .inner{
	padding:20px 20px 0 20px;
	overflow:hidden;
}


/* mainVisual */
#visual #mainVisual{
	float:left;
	width:68.43800322061192%;
	max-width:850px;
}

#mainVisual .swiper-container{
	padding:0 0 40px 0;
}

#mainVisual .swiper-pagination{
	line-height:0;
	bottom:20px;
}

#mainVisual .swiper-pagination-bullet{
	border:1px solid #cccccc;
	background:#ffffff;
	opacity:1;
}

#mainVisual .swiper-pagination-bullet-active{
	border:1px solid #000000;
	background:#000000;
}

#mainVisual .swiper-button-prev,
#mainVisual .swiper-button-next{
	margin:-41.5px 0 0 0; 
 	width:43px;
	height:43px;
	background-size:43px 43px;
	top:50%;
}
	#mainVisual .swiper-button-prev{background-image:url(../img/top/slide_awL.png);}
	#mainVisual .swiper-button-next{background-image:url(../img/top/slide_awR.png);}

/* visualR */
#visual #visualR{
	float:right;
	width:29.79066022544283%;
	max-width:370px;
}

/* video */
#visual .video{
	margin:0 0 15px 0;
}

#visual .video h2{
	text-align: center;
	line-height: 0em;
	background: #888888;
}

#visual .video h2 img{
	max-width: 108px;
}

#visual .video .videoInner{
	width:100%;
	height:auto;
	position:relative;
}
	#visual .video .videoInner:before {
		content:"";
		display:block;
		padding-top:56.25%;
	}

#visual .video iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#visual .video .link{
	overflow:hidden;
}

#visual .video .link a{
	display:block;
	float:right;
	padding:0 0 0 15px;
	font-size:13px;
	background:url(../img/common/icon_awC1R.png) no-repeat 0 center;
	background-size:12px auto;
}

/* banner */
#visual .banner{
	box-sizing:border-box;
}
	#visual .identityBnr{ border:1px solid #dddddd; }
	#visual .normalBnr{}

#visual .banner a{
	display:block;
	text-align:center;
}

#visual .identityBnr img{ width:60%; }


/* notice
---------------------------------------------------------- */
#notice{
	padding: 0 20px;
	margin-bottom: 20px;
	background: #ffffff;
}

#notice .inner{
	padding: 10px;
    max-width: 1242px;
	border: 3px solid #6f9b1d;
	background: #ffffff;
}

#notice .inner p{
	margin: 0;
	text-align: center;
	font-size: 14px;
}
	#notice .inner p + p{
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #bed88d;
	}



/* information
---------------------------------------------------------- */
#information{
	margin:-40px 0 40px 0;
	border-bottom:1px solid #eeeeee;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
}
	body.notice{ margin-bottom: 40px; }
	#notice + #information{ margin: 0 0 40px 0; }

#information .inner{
	padding:60px 0 30px 0;
	overflow:hidden;
	position:relative;
}
	#information .inner:before{
		content:"";
		width:15px;
		height:100%;
		background:url(../img/top/info_bg.png) repeat-y 0 0;
		position:absolute;
		top:0;
		left:59.28237129485179%;
	}
	#notice + #information .inner{ padding: 30px 0;}

#information .info{
	padding:0 25px 0 20px;
	width:100%;
	box-sizing:border-box;
}
	#information #pr{float:left; width:59.28237129485179%; max-width:760px;}
	#information #ir{float:right; width:39.54758190327613%; max-width:507px;}

/* tit */
#information .tit{
	padding:0 0 20px 0;
}

#information h2{
	padding:10px 0;
	text-align:center;
	font-size:14px;
	line-height:1em;
}
	#information #pr h2{
		width:108px;
		border-bottom:1px solid #6f9b1d;
		border-right:1px solid #6f9b1d;
		border-top:1px solid #6f9b1d;
	}
		#information #pr .block1 h2{border:1px solid #6f9b1d;}
	
	#information #ir h2{
		width:130px;
		color:#ffffff;
		border:1px solid #6f9b1d;
		background:#6f9b1d;
	}

/* box */
#information .box{
	padding:0 0 35px 0;
	position:relative;
}

/* ul li */
#information ul{
}

#information ul li{
	margin:0 0 10px 105px;
	font-size:14px;
	line-height:24px;
}
	#information ul li:last-child{margin:0 0 0 105px;}
	/*#information .block2 ul li:nth-last-of-type(1),
	#information .block2 ul li:nth-last-of-type(2){display:none;}*/

#information ul li span{
	display:inline-block;
	margin:0 0 0 -105px;
	width:105px;
	font-size:12px;
}

#information ul li.pdf a{
	padding:0 25px 0 0;
	background:url(../img/common/icon_pdf.png) no-repeat right center;
	background-size:16px auto;
}

/*
#information ul li .comment{
	display:none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
*/

/* btn */
#information .btn{
	position:absolute;
	bottom:0;
	right:0;
}

#information .btn a{
	padding:0 0 0 20px;
	font-size:14px;
	line-height:1em;
	background:url(../img/common/icon_awC1R.png) no-repeat 0 center;
	background-size:12px auto;
}

/* tabArea */
#information .tabArea{
	padding:40px 0 0 0;
	position:relative;
}

#information .tabArea .block{}

#information .tabArea .block .tit{
	position:absolute;
	top:0;
	cursor:pointer;
}
	#information .tabArea .block1 .tit{left:0;}
	#information .tabArea .block2 .tit{left:109px;}
	#information .tabArea .block3 .tit{left:218px;}

#information .tabArea .block h2{
	position:relative;
}
	#information .tabArea .block .on h2{color:#ffffff; background:#6f9b1d;}
	#information .tabArea .block .on h2:before{
		content:"";
		width:100%;
		height:4px;
		background:url(../img/common/icon_awTR1B.png) no-repeat center bottom;
		background-size:auto 4px;
		position:absolute;
		left:0;
		bottom:-5px;
	}

#information .tabArea .blockInner{
	display:none;
}
	#information .tabArea .block1 .blockInner{display:block;}


/* contList
---------------------------------------------------------- */
#contList{
	margin:0 0 30px 0;
}

#contList .inner{
	padding:0 20px;
}

#contList .pcOnly{display:block; position:relative;}
#contList .spOnly{display:none;}

#contList ul{
}

#contList ul li{
	float:left;
	margin:0 1.345% 0 0;
	width:235px;
	
}
	#contList ul li:last-child{margin:0;}

#contList ul li a{
	display:block;
	position:relative;
}

#contList ul li a .txt{
	padding:5px 0;
	width:100%;
	color:#ffffff;
	text-align:center;
	background-color:rgba(129, 173, 39, 0.90);
	position:absolute;
	left:0;
	bottom:0;
}

#contList ul li a .txt span{
	padding:0 0 0 15px;
	font-weight:bold;
	line-height:1.4em;
	background:url(../img/common/icon_aw1R.png) no-repeat left center;
	background-size:8px auto;
}

#contList .cont-prev,
#contList .cont-next{
	margin:-12px 0 0 0; 
 	width:24px;
	height:24px;
	background-size:24px 24px;
	top:50%;
	z-index:5;
}
	#contList .cont-prev{background-image:url(../img/common/icon_awC3L.png); left:-15px;}
	#contList .cont-next{background-image:url(../img/common/icon_awC3R.png); right:-15px;}


/* link
---------------------------------------------------------- */
#link{}

#link .inner{
	padding:0 20px;
}

#link .spOnly{
	display:none;
}

#link ul{
	overflow:hidden;
}

/* linkArea ------------- */
#link ul.linkArea li{
	float:left;
	margin:0 2.093397745571659% 0 0;
	width:23.42995169082126%;
	max-width:291px;
}
	#link ul.linkArea li:last-child{margin:0;}
	
#link ul.linkArea li a{
	display:table-cell;
	width:291px;
	height:89px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	box-sizing:border-box;
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:23px auto;
}
	#link ul.linkArea li.property a{border-top:3px solid #bbbbbb; background-image:url(../img/common/icon_aw2R.png);}
	#link ul.linkArea li.fb a{border-top:3px solid #33598e; background-image:url(../img/common/icon_aw2R.png);}
	#link ul.linkArea li.founder a{border-top:3px solid #a21b59; background-image:url(../img/common/icon_aw2B.png);}
	#link ul.linkArea li.support a{border-top:3px solid #7ba732; background-image:url(../img/common/icon_aw2B.png);}
	
	#link ul.linkArea li a.on{background-image:url(../img/common/icon_aw2T.png);}

#link ul.linkArea li.fb a img{
	width:7.8%;
	max-width:20px;
	vertical-align:middle;
}

#link ul.linkArea li.property span{
	font-size:12px;
	line-height:1.2em;
}

/* listArea ------------- */
#link .listArea{
	display:none;
	margin:20px 0 0 0;
	border:5px solid #82AD27;
}

#link .listArea ul{
	display:none;
	padding:20px;
}

#link .listArea ul li{
	float:left;
	margin:0 5% 0 0;
}
	#link .listArea ul li:last-child{margin:0;}

#link .listArea ul li a{
	padding:0 0 0 22px;
	font-size:14px;
	line-height:1.6em;
	background:url(../img/common/icon_awC1R.png) no-repeat 0 center;
	background-size:12px auto;
}

#link .listArea ul li a img{
	vertical-align:middle;
	width:16px;
}


/* responsive
---------------------------------------------------- */
@media screen and (max-width: 900px) {
	/* visual --------------- */
	#top #visualInner:before{display:none;}
	#top #visual .inner{position:static;}
	#visual #mainVisual{float:none; width:100%; max-width:inherit; height:auto;}
	#visual #visualR{float:none; width:100%; max-width:inherit; overflow:hidden;}
	#visual .video{float:left; margin:0 !important; width:50%;}
	#visual .video h2 img{ width: 25.5924170616%; max-width: none;}
	#visual .banner{float:right; width:50%;}
	#visual .identityBnr a{position:relative;}
	#visual .identityBnr img{display:block; margin:auto; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}

	/* notice --------------- */
	#notice{ padding: 30px 20px 0; margin-bottom: 0;}

	/* information ---------- */
	#information{margin:0 0 40px 0;}
	#information .inner{padding:30px 0;}
		#information .inner:before{display:none;}
	#information #pr,
	#information #ir{float:none; width:100%; max-width:inherit;}
		#information #pr{margin:0 0 30px 0;}
	#information .box{height:auto !important;}
	
	/* link ----------------- */
	#link ul.linkArea li{width:49%; max-width:inherit;}
		#link ul.linkArea li:nth-child(1){margin:0 2% 20px 0;}
		#link ul.linkArea li:nth-child(2){margin:0 0 20px 0;}
		#link ul.linkArea li:nth-child(3){margin:0 2% 0 0;}
		#link ul.linkArea li:nth-child(4){margin:0;}
	#link ul.linkArea li a{width:500px;}
	#link .listArea ul li{margin:0; width:50%;}
}

@media screen and (max-width: 686px) {
	/* Left and right margins */
	#top #visual .inner,
	#information .info,
	#contList .inner{padding-right:2.34375%; padding-left:2.34375%;}

	/* visual --------------- */
	#top #visual .inner{padding:0;}

	/* information ---------- */
	#information #pr .tit{width:33.33%;}
		#information .tabArea .block2 .tit{left:33.33%;}
		#information .tabArea .block3 .tit{left:66.66%;}
	#information .tit h2{width:100% !important;}
		#information #ir h2{ text-align:left; padding:10px 0 10px 10px; box-sizing:border-box;}
	#information ul li{margin:0 0 10px 0;}
		#information ul li:last-child{margin:0;}
	#information ul li a{display:block;}
	#information ul li span{display:block; margin:0; width:100%;}
	
	/* contList ------------- */
	#contList .pcOnly{display:none;}
	#contList .spOnly{display:block;}
	
	#contList .spOnly ul li{margin:0 2% 10px 0; width:49%;}
		#contList .spOnly ul li:nth-child(2n){margin:0 0 10px 0;}
		#contList .spOnly ul li:last-child{margin:0; width:100%;}
		#contList .spOnly ul li:last-child img{width:100%;}
	
	/* link ----------------- */
	#link{margin:0 0 50px 0;}
	#link .inner{padding:0;}
	#link .spOnly{display:block;}
	#link ul.linkArea{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
	#link ul.linkArea li{margin:0 !important; width:50%; box-sizing:border-box;}
		#link ul.linkArea li:nth-child(1){border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
		#link ul.linkArea li:nth-child(2){border-bottom:1px solid #cccccc;}
		#link ul.linkArea li:nth-child(3){border-right:1px solid #cccccc;}
	#link ul.linkArea li a{display:block; padding:10px 0; width:100%; height:auto; border:none !important;}
	#link ul.linkArea li.fb a img{width:6%;}
	#link .listArea ul li{width:100%;}
	#link .listArea ul li a img{width:4%;}
}

@media screen and (max-width: 479px) {
	/* visual --------------- */
	#mainVisual .swiper-container{padding:0 0 30px 0;}
	#mainVisual .swiper-pagination{bottom:15px;}
	#mainVisual .swiper-button-prev,
	#mainVisual .swiper-button-next{margin:-20px 0 0 0; width:20px; height:20px; background-size:20px 20px;}
	#mainVisual .swiper-pagination-bullet,
	#mainVisual .swiper-pagination-bullet-active{margin:0 3px; width:4px; height:4px;}

	#visual .video .link a{font-size:12px; background-size:10px auto;}

	/* notice --------------- */
	#notice{ padding: 10px 2.34375% 0;}
	#notice .inner{ padding: 5px; border: 2px solid #6f9b1d; }
	#notice .inner p{ font-size: 12px; line-height:1.6em;}
		#notice .inner p + p{ padding-top: 5px; margin-top: 5px; }

	/* information ---------- */
	#information{margin:0 0 20px 0;}
	#information .inner{padding:15px 0;}
	#information #pr{margin:0 0 15px 0;}
	#information .tit{padding:0 0 15px 0;}
	#information h2{font-size:12px;}
	#information .box{padding:0 0 25px 0;}
	#information ul li{font-size:12px; line-height:1.4em;}
	#information ul li span{font-size:10px; line-height:1.2em;}
	#information .btn a{padding:0 0 0 15px; font-size:12px; background-size:10px auto;}
	
	/* contList ------------- */
	#contList{margin:0 0 15px 0;}
	#contList ul li a .txt{ line-height:1;}
	#contList ul li a .txt span{font-size:12px; line-height:1.2em;}
	#contList .spOnly ul li,
	#contList .spOnly ul li:nth-child(2n){margin-bottom:5px;}
	
	/* link ----------------- */
	#link{margin:0 0 25px 0;}
	#link ul.linkArea li a{font-size:12px; line-height:1.4em; background-size:12px auto;}
	#link ul.linkArea li.property span{font-size:10px; line-height:1.2em;}
	#link .listArea{margin:5px 0 0 0; border:2px solid #82AD27;}
	#link .listArea ul{padding:10px;}
	#link .listArea ul li a{font-size:12px; line-height:1.4em; background-size:10px auto;}
	
}