@charset "utf-8";

/*******
* main *
*******/
main #ContentsTit h1{
	position:relative;
	z-index:10;
	height:455px;
	padding-top:230px;
	color:#fff;
	font-size:33px;
	line-height: 1.5;
	background:url(images/home/contents_tit.png) 50% 155px no-repeat;
}
main #ContentsTit .SlideList {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
}
main #ContentsTit .SlideList li {
	display:none;
	position:absolute;
	width:100%;
}
main #ContentsTit .SlideList .Select{ display:block; z-index:1; }
main #ContentsTit .SlideList .Next{ z-index:0; }

main #ContentsTit .SlideList #Slide-1{ background:url(images/top_bg.jpg) no-repeat center top; background-size:cover; }
main #ContentsTit .SlideList #Slide-2{ background:url(images/top_bg_02.jpg) no-repeat center top; background-size:cover; }
main #ContentsTit .SlideList #Slide-3{ background:url(images/top_bg_03.jpg) no-repeat center top; background-size:cover; }

/************
* RightArea *
************/

main h2{
	color:#fff;
	letter-spacing:0.4em;
	font-size:28px;
	font-family: 'Raleway', sans-serif;
}

/*mission*/

main div#MainContentsArea #MissionArea{
	width:100%;
	padding: 60px;
	background:url(images/mission_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#fff;
	font-size:14px;
}

main div#MainContentsArea #MissionArea h2{
	display: block;
	padding-bottom:60px;
}

main div#MainContentsArea #MissionArea p{
	text-align: left;
	margin-bottom:15px;
}

/*missionおわり*/
/*service*/

#ServiceArea{width:100%;}

#ServiceArea h2{
	padding:50px 0;
}

#ServiceArea .ServiceBlock{
	display: block;
	width: 100%;
	letter-spacing:-.40em;
	color:#002357;
	text-align:left;
	font-size:20px;
}

#ServiceArea .ServiceBlock > div,
#ServiceArea .ServiceBlock> p{
	display: inline-block;
	width:50%;
	height:260px;
	vertical-align: top;
	overflow:hidden; /*　←これ　*/
}

#ServiceArea .ServiceBlock > div{
	padding:40px 0 0 40px;
	background: url(images/service_bg.png) no-repeat #fff;
	background-size: cover;
	text-align: left;
}

#ServiceArea .ServiceBlock > div > p >span{
	font-size: 50px;
	font-family:'Times New Roman', Times, 'serif';
	font-weight: bold;
}

.ServiceBtn{
	display:block;
	width:160px;
	margin-top:10px;
	padding:7px 0;
	background:#002357;
	line-height:1;
	letter-spacing:normal;
	font-size:14px;
	color:#fff;
	border:solid 2px #002357;
	text-align: center;
}

#Ser1{
	background: url(images/service_1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#Ser2{
	background: url(images/service_2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#Ser3{
	background: url(images/service_3.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#Ser4{
	background: url(images/service_4.jpg) no-repeat 50% 50%;
	background-size:cover;
}

#Ser3 > div >p{margin-bottom:40px;}

.SymbolImg {
	display:inline-block;
	width:50%;
	height:260px;
	vertical-align: top;
	background:rgba(0,0,0,0.5);
}

.ServiceBtn,
.SymbolImg {
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

.SymbolImg.On { background:rgba(0,0,0,0); }

.ServiceBtn:hover{
	background:#fff;
	color:#002357;
}

/*serviceおわり*/

/*topics*/

#TopicsArea{
	padding:40px 0;
	line-height: 1;
	letter-spacing:-.40em;
	background:#fff;
}

#TopicsArea *{
	display:inline-block;
	letter-spacing:normal;
	/*vertical-align:middle;*/
	vertical-align:top;
}

#TopicsArea h3{
	width:45%;
	font-size:25px;
	color: #002357;
}
#TopicsArea h2{
	width:100%;
	margin-bottom:2.5rem;
	color: #002357;
	letter-spacing:0.4em;
}

#TopicsArea dl{
	width:80%;
	font-size:14px;
	color:#808080;
	text-align: left;
}
#TopicsArea dl > * {
	margin-bottom:0.5em;
	line-height:1.25;
}
#TopicsArea dl dt{width:20%}
#TopicsArea dl dd{width:80%}
/*topicsおわり*/