@charset "UTF-8";

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

	- tit01
	- main
	- breadcrumb
	+ index
		- box01
		- box02

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

/*----------------------------------------
	tit01
-----------------------------------------*/

#tit01 {
	position: relative;
	min-width: 960px;
	height: 360px;
	height: 380px;
	/*background: url(../img/i_tit_bg01.jpg) no-repeat center top;*/
	background: url(../img/i_tit_bg01.jpg) no-repeat center center;
	background-size: cover;
}

#tit01:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(50% - 480px);
	/*height: 180px;*/
	height: 160px;
	background: #000000;
	opacity: 0.75;
}

#tit01 > div {
	width: 332px;
	margin: 0 auto;
	/*padding: 180px 0 0 628px;*/
	padding: 220px 0 0 628px;
}

#tit01 > div:first-of-type > div {
	width: 332px;
	
	height: 120px;
	padding-top: 40px;
	background: url(../img/i_tit_bg02.png) no-repeat left top;
	text-align: right;
}

#tit01 > div:first-of-type > div h1 {
	padding-top: 40px;
}

#tit01 > div:first-of-type > div p {
	padding-right: 10px;
}

/*----------------------------------------
	main
-----------------------------------------*/

#main {
	width: 100%;
}

/*----------------------------------------
	breadcrumb
-----------------------------------------*/

#content .breadcrumb {
	width: 960px;
	margin: 0 auto;
}

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

#index {
	margin-top: 70px;
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	width: 100%;
}

/*----------------------------------------
	box01_01
-----------------------------------------*/

#box01_01 {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;
	text-align: center;
}

#box01_01 h1 {
	padding-bottom: 20px;
}

/*----------------------------------------
	box01_02
-----------------------------------------*/

#box01_02 {
	background: url(../../img/c_bg02.gif) repeat left top;
}

#box01_02 #box01_02_01 {
	width: 960px;
	margin: 0 auto;
	background: url(../img/i_bg01.gif) repeat-y center top;
}

#box01_02 #box01_02_01 #box01_02_01_01 {
	width: 930px;
	padding-left: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_01 div {
	float: left;
	width: 340px;
	padding: 0px 40px;
}

#box01_02 #box01_02_01 #box01_02_01_01 div p + p {
	padding-top: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_01 figure {
	float: right;
	width: 510px;
}

#box01_02 #box01_02_01 #box01_02_01_02 {
	width: 930px;
	margin-top: 50px;
	padding-right: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_02 figure {
	float: left;
	width: 510px;
}

#box01_02 #box01_02_01 #box01_02_01_02 div {
	float: right;
	width: 320px;
	padding: 0 40px;
}

#box01_02 #box01_02_01 #box01_02_01_02 div p + p {
	padding-top: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_03 {
	position: relative;
	width: 930px;
	margin-top: 50px;
	padding-left: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_03 figure {
	float: right;
	width: 390px;
}

#box01_02 #box01_02_01 #box01_02_01_03 div {
	float: left;
	width: 440px;
	padding: 0 60px 100px 40px;
}

#box01_02 #box01_02_01 #box01_02_01_03 div p + p {
	padding-top: 30px;
}

#box01_02 #box01_02_01 #box01_02_01_03 div p:last-of-type {
	position: absolute;
	bottom: 0;
	left: 70px;
}

#box01_02 #box01_02_01 #box01_02_01_03 div p:last-of-type a {
	opacity: 1;
	transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
}

#box01_02 #box01_02_01 #box01_02_01_03 div p:last-of-type a:hover {
	opacity: 0.5;
	transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
}