@charset "utf-8";
/*--------------------------------------------------------------------------
-------------------------------ヘッダー・MV--------------------------------
---------------------------------------------------------------------------*/
#header{
	background:url(../../img/mv_bg_new_en.jpg) no-repeat center top;
	border-top:solid 4px #0096c3;
}
#header header{
	position: relative;
	width:1040px;
	margin:0 auto;
	height:395px;
}
#header header h1{padding:20px 0 43px;}
#header header h1{
	width: 700px;
	padding:20px 0 64px;
	float: left;
}

#header header a.notice {
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 20px;
	background-color: #fff;
	z-index: 5;
}
#header header a.notice span{
	display:block;
	position:relative;
	transition:.6s;
}
#header header a.notice span::before{
	position:absolute;
	content: '';
	height:70px;
	width:0;
	top:0;
	right:0;
	transition:.2s;
	background-color:#fff;
	opacity:0.15;
}
#header header a.notice:hover span::before{width:280px;}
#section1 section .leftbox p,
#section1 section .rightbox dl,
#section2 section .leftbox p,
#section2 section .rightbox ul li a,
#section4 section .leftbox p,
#section4 section .rightbox dl,
#section5 section,
{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

#section1{background:url(../../img/section1_bg.jpg) no-repeat center top;}
#section1 section{
	width:890px;
	margin:0 auto;
	padding:55px 0;
}
#section4{background:url(../../img/section1_bg.jpg) no-repeat center top;}
#section4 section{
	width:890px;
	margin:0 auto;
	padding:55px 0;
}
#section4 section h3{background-image:url(../../img/section4_title.png);}


#section1 section h3,
#section2 section h3,
#section3 section h3,
#section4 section h3{
	text-align:center;
	margin-bottom:30px;
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:40px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.4rem;
	letter-spacing:0.55rem;
	font-weight:bold;
}
#section1 section h3{background-image:url(../../img/section1_title.png);}
#section1 section .leftbox{
	width:590px;
	float:left;
}
#section1 section .leftbox p{
	color:#022f49;
	font-size:2rem;
	margin:10px 0 30px;
	line-height:2;
}
#section1 section .leftbox p span.strong{
	font-weight:bold;
	color:#0096c3;
	background-color:#d9e5e8;
	display:inline-block;
	padding:4px 0 2px;
	letter-spacing:0;
	line-height:1;
}
#section1 section .leftbox p span.small{
	font-weight:bold;
	font-size:1.6rem;
	letter-spacing:0;
}
#section1 section .rightbox{float:right;}
#section1 section .rightbox dl{
	text-align:center;
	margin-top:13px;
	color:#022f49;
}
#section1 section .rightbox dl dt{font-size:1.6rem;}
#section1 section .rightbox dl dd{
	font-size:2rem;
	margin-top:-5px;
}
#section1 section .rightbox dl dd span{
	font-size:1.35rem;
	display:inline-block;
	margin-right:10px;
}
#section2{background:url(../../img/section2_bg.jpg) no-repeat center top;}
#section2 section{
	width:1040px;
	margin:0 auto;
	padding:43px 0 40px;
}
#section2 section .leftbox,
#section2 section .rightbox{width:480px;}
#section2 section .leftbox{float:left;}
#section2 section .rightbox{float:right;}
#section2 section .leftbox h3{
	background-image:url(../../img/section2_box01title.png);
	color:#000;
}
#section2 section .rightbox h3{
	background-image:url(../../img/section2_box02title.png);
	color:#fff;
}
#section2 section .leftbox p{
	background:url(../../img/section2_box01img.jpg) no-repeat center top;
	padding-top:185px;
	color:#022f49;
	font-size:1.85rem;
	line-height:1.8;
	margin-bottom:25px;
}
#section2 section .rightbox ul li.item01,
#section2 section .rightbox ul li.item02{transition:.3s;}
#section2 section .rightbox ul li.item01{
	background:url(../../img/section2_box02_img001.jpg) no-repeat 10px 10px #017ca1;
	margin-bottom:20px;
}
#section2 section .rightbox ul li.item02{background:url(../../img/section2_box02_img002.jpg) no-repeat 10px 10px #017ca1;}
#section2 section .rightbox ul li a{
	display:block;
	font-size:1.7rem;
	line-height:1.6;
	color:#fff;
	padding:55px 10px 10px 187px;
	position:relative;
	min-height:120px;
	background-position:177px 10px;
	background-repeat:no-repeat;
	letter-spacing:0;
}
#section2 section .rightbox ul li a::before{
	position:absolute;
	content: '';
	width:13px;
	height:13px;
	bottom:10px;
	right:10px;
	background:url(../img/pict01.png) no-repeat 0 0;
}
#section2 section .rightbox ul li a::after{
	position:absolute;
	content: '';
	width:0;
	height:185px;
	top:0;
	right:0;
	background-color:#fff;
	transition:.3s;
	opacity:0.1;
}
#section2 section .rightbox ul li a:hover::after{width:480px;}
#section2 section .rightbox ul li.item01 a{background-image:url(../../img/section2_box02_subtitle001.png);}
#section2 section .rightbox ul li.item02 a{background-image:url(../../img/section2_box02_subtitle002.png);}
#section2 section .rightbox ul li a span{
	display:block;
	font-size:1.8rem;
	letter-spacing:0;
	margin:0 0 5px -10px;
}
#section3{background:url(../../img/section3_bg.jpg) repeat-y center top;}
#section3 section{
	width:1040px;
	margin:0 auto;
	padding:50px 0;
}
#section3 section h3{
	background-image:url(../../img/section3_title.png);
	color:#fff;
}

#section4 section .leftbox{
	width:590px;
	float:left;
}
#section4 section .leftbox p{
	color:#022f49;
	font-size:2rem;
	margin:10px 0 30px;
	line-height:2;
}
#section4 section .leftbox p span.strong{
	font-weight:bold;
	color:#0096c3;
	background-color:#d9e5e8;
	display:inline-block;
	padding:4px 0 2px;
	letter-spacing:0;
	line-height:1;
}
#section4 section .leftbox p span.small{
	font-weight:bold;
	font-size:1.6rem;
	letter-spacing:0;
}
#section4 section .rightbox{float:right;}
#section4 section .rightbox dl{
	text-align:center;
	margin-top:13px;
	color:#022f49;
}
#section4 section .rightbox dl dt{font-size:1.6rem;}
#section4 section .rightbox dl dd{
	font-size:2rem;
	margin-top:-5px;
}
#section4 section .rightbox dl dd span{
	font-size:1.35rem;
	display:inline-block;
	margin-right:10px;
}
#section4 p.photo{
	text-align: center;
	
}
#section4{
	background:url(../../img/section4_bg.jpg) no-repeat center top;
}
#section4 section{
	width:1040px;
	margin:0 auto;
	padding:43px 0 40px;
}

#section5_section{
	background-color: #ffffff;
}

#section5_section ul{
	width:819px;
	margin:0 auto;
	padding:30px 0;
}
#section5_section ul li{
	float:left;
	margin-left:33px;
}

#section5_section ul li:first-child{
	margin-left:0;
}
#section5_section ul li a {
	 -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
#section5_section ul li a:hover {
	 opacity: 0.4;  
    filter: alpha(opacity=60);  
}


div#news_area {
	position: relative;
	overflow: hidden;
	/*height: 100%;*/
	height: 300px;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
#section3 section #news_area dl{
	background-color:#fff;
	padding:20px;
	border-top:solid 1px #d2dde1;
	letter-spacing:0;
}
#section3 section #news_area dl dt{
	width:120px;
	margin-right:20px;
	background-color:#017497;
	color:#fff;
	text-align:center;
	float:left;
}
#section3 section #news_area dl dd{
	font-size:1.4rem;
	width:840px;
	float:right;
}

/*btn*/
.btnbox{
	text-align: center;
}
.btn{
  display: inline-block;
  text-decoration: none;
  color: #0096c3;
  width: 150px;
  height: 150px;
  margin-right: 40px;
  line-height: 150px;
  border-radius: 50%;
  border: solid 2px #0096c3;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}

.btn:hover {
    background: #69c6e2;
	color: #FFF;
}
.btn:first-child {
	margin-left: 40px;
}