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


/* ----------------------------------------------------
   index setting
------------------------------------------------------- */

/* main visual :
--------------------------------------------*/

#main_v .left,
#main_v section {
	padding: 1.5em 1.5em 0em;
}

#main_v section {
	border-top: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-left: 0.5em solid transparent;
	border-bottom: 0em solid transparent;
}

#main_v section .btn1 {
    margin-top: 2em;
}

.controller {
	padding: 0 0 1.2em;
}


#about h2 {
	text-align: center;
	padding: 1.8em 1em;
	position: relative;
	font-size: 140%;
}

#about h2 {
	padding: 0em;
}

#about h2:before {
	position: relative;
	width: 3px;
	height: 1.2em;
	background: #fac028;
	margin: 0 auto 0.5em;
	left: 0;
	top: 0;
}

#about h2:before {background: #fff;}


/*---- h2 ----*/

#report h2,
#information h2 {
    padding: 1em;
}

@media screen and (max-width: 767px){

	#main_v .left,
	#main_v section {
		padding: 1em 2em 0em 1em;
		width: 100%;
		float: none;
	}
	
	#main_v section {
		padding: 0;
		border-top: 1.2em solid transparent;
		border-right: 2em solid transparent;
		border-left: 1em solid transparent;
		border-bottom: 0em solid transparent;
		background: url("../img/index/main_bg.png") no-repeat center;
		background-size: contain;
	}

	#main_v section .btn1 {
		margin: 3em auto 1em;
	}

	#main_v section .btn1 a {width: 100%;}
	
	#main_v h2 {
		text-align: center;
		padding: 1.8em 1em;
		position: relative;
		font-size: 140%;
	}

	#main_v h2 {
		padding: 0em;
	}

	#main_v h2:before {
		position: relative;
		width: 3px;
		height: 1.2em;
		background: #fac028;
		margin: 0 auto 0.5em;
		left: 0;
		top: 0;
	}
	
}


/* menu :
--------------------------------------------*/

#menu {padding: 3em 0.5em 2em}

@media screen and (max-width: 767px){
	#menu li a {
		font-size: 95%;
		min-height: 12em;
	}
}

/* banner  :
--------------------------------------------*/

#banner {
	padding: 2em 0.5em 1em;
}
	
/* component :
--------------------------------------------*/

/*---- h2 ----*/

#notice h2 {
    padding: 1em;
}

@media screen and (max-width: 767px){

/* main_v :
--------------------------------------------*/
	
	.controller {
		width: 100%;
		padding: 0em 0 1.2em 2.3em;
	}

/* notice :
--------------------------------------------*/

	#notice {
		padding: 1em 0;
	}

	#notice .outline {
		padding: 0 1em 1.5em;
		border:  1em solid #F9F3CF;
	}

/* menu :
--------------------------------------------*/

	#menu {
		background: #274FA6;
		padding: 2em 0.5em 1em;
	}

}


/* about  :
--------------------------------------------*/

#about {
    background: #274FA6 url("../img/index/about_bg.jpg") no-repeat bottom left;
	padding-left: 0%;
	background-size: 202%;
	padding-bottom: 16em;
	min-height: auto;
}

#about h2,
#about p,
#about ul {background-color: #274FA6;}


#about p,
#about ul {
	margin: 0;
	padding: 1em ;
}


#about h2 {
	padding: 1.5em 1em 0.5em;
	left: 0;
}

#about .btn2 a {
	padding: 1em 0.1em 1em 1.5em;
}


/* banner  :
--------------------------------------------*/

@media screen and (max-width: 767px){
	#banner li {
		float: none;
		width: 100%;
		margin-left: 0%;
	}
}