/*������־�*/
.sub_visual {
	padding:77px 0 73px;
	background:url('../img/subVisual.jpg') no-repeat center center;
	background-size:cover;	
	color:#fff;
	line-height:23px;	
}

.sub_visual h2 {
	padding-bottom:22px;
	font-size:2.063em;
	font-weight:500;
}

.sub_visual p {
	font-size:1.063em;
}
#wrapper.sub-wrap{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
}
#wrapper.sub-wrap-visual1{
	background-image:url('../img/main_visual1.jpg');
}
#wrapper.sub-wrap-visual2{
	background-image:url('../img/main_visual2.jpg');
}
#wrapper.sub-wrap-visual3{
	background-image:url('../img/main_visual3.jpg');
}
#wrapper.sub-wrap-visual4{
	background-image:url('../img/main_visual4.jpg');
}
.subpage{
	padding-top:80px;
	padding-bottom:60px;
}
.subpage article{
	position:relative;	
}
.subpage .tit{
	width:585px;
	min-height:89px;
	position:absolute;
	left:50%;
	margin-left:-292.5px;
	margin-top:-44.5px;
	background:#01387f;
	border-radius:45px;
	padding:10px;
}
.subpage .tit h1{
	font-size:2.563em;
	line-height:1.585em;
	letter-spacing:-0.025em;
	text-align:center;
	color:#fff;
	font-weight:600;
}
.subpage .sub_wrap{
	max-width:1200px;
	min-height:732px;
	background:rgba(255,255,255,0.92);
	border-radius:20px;
	padding:85px 0 60px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}
.subpage .mw871{
	max-width:874px;
	margin:0px auto;	
	overflow:hidden;
}
.subpage .mw920{
	max-width:920px;
	margin:0px auto;	
	overflow:hidden;
}
.subpage .sub_left{
	width:45%;
	float:left;	
	text-align:center;
}
.subpage .sub_right{
	width:45%;
	float:right;
	text-align:center;	
}
.subpage p{
	font-size:1.375em;
	line-height:1.590em;
	letter-spacing:-0.025em;
	color:#373737;
	text-align:center;
	font-weight:400;
	
}
.subpage figure{
	width:359px;
	height:247px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	border-radius:4px;
}
.subpage figure img,
.subpage figure iframe{
	width:359px;
	height:247px;
	object-fit:cover;
	display:block;
}
.subpage .sub_wrap h2{
	font-size:1.875em;
	line-height:1.166em;
	letter-spacing:-0.025em;
	color:#01387f;
	font-weight:500;
	text-align:center;
	padding:62px 0 27px;
}
.subpage .sub_cul h2{
	padding:54px 0 27px;
}

.sub_left > p,.sub_right > p{
	font-size:1.375em;
	line-height:1.590em;
	letter-spacing:-0.025em;
	color:#373737;
	font-weight:400;
	text-align:center;
	padding:27px 0;
}
.sub_wrap div p span{
	font-size:18px;
	line-height:25px;
	letter-spacing:-0.025em;
	color:#373737;
}

.aniTop {
		opacity:1 !important;
		filter:alpha(opacity=100) !important;
		-ms-filter: alpha(opacity=100)!important;
		-webkit-transition:all 0.3;
		-moz-transition:all 10.3;
		-ms-transition:all 10.3;
		-o-transition:all 10.3;
	 animation-name: aniTop;
	 animation-duration: 2000ms;
}
@keyframes aniTop {
  0% {
    transform: translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translate(0px);
    opacity: 1;
  }
}
.aniBottom {
		opacity:1 !important;
		filter:alpha(opacity=100) !important;
		-ms-filter: alpha(opacity=100)!important;
		-webkit-transition:all 0.3;
		-moz-transition:all 10.3;
		-ms-transition:all 10.3;
		-o-transition:all 10.3;
	 animation-name: aniBottom;
	 animation-duration: 2000ms;
}
@keyframes aniBottom {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translate(0px);
    opacity: 1;
  }
}
.vis_ani3 {
		opacity:1 !important;
		filter:alpha(opacity=100) !important;
		-ms-filter: alpha(opacity=100)!important;
		animation-name: fadeleft;
		animation-duration: 450ms;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
}
.vis_ani4 {
		opacity:1 !important;
		filter:alpha(opacity=100) !important;
		-ms-filter: alpha(opacity=100)!important;
	 animation-name: faderight;
	 animation-duration: 450ms;
	 animation-timing-function: ease-out;
	 animation-fill-mode: forwards;
}
@keyframes fadeleft {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }

  100% {
    transform: translate(0px);
    opacity: 1;
  }
}
@keyframes faderight {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }

  100% {
    transform: translate(0px);
    opacity: 1;
  }
}

.ani_box,.ani_box1 {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
}
p.sub3{
	text-align:left;	
	width:270px;
	margin:0 auto;
	padding:0;
	text-indent:22px;
	line-height:1.55em;
	background:url('../img/p_list.png') no-repeat left 0.45em;
	background-size:8px 8px;
}
p.sub_biz{
	font-size:1.375em;
	line-height:1.590em;
	letter-spacing:-0.025em;
	color:#373737;
	text-align:center;
	padding:27px 0 0;
	font-weight:400;
}

.sub_left .biz-list{
	width:270px;
	max-width:100%;
	margin:27px auto 0;
	text-align:left;
}
.sub_left .biz-item + .biz-item{
	margin-top:16px;
}
.sub_left .biz-list p.sub3,
.sub_left .biz-list p.span_list{
	padding:0;
	margin:0 auto;
	text-align:left;
}
.sub_left .biz-list .biz-item .sub3{
	width:100%;
}
.sub_left .biz-list .biz-item .span_list{
	margin-top:6px;
}
p.span_list,
span.span_list{
	width:270px;
	margin:0 auto;
	display:block;
	padding:0;
	text-indent:28px;
	line-height:1.5em;
	font-size:1.125em;
	text-align:left;
	color:#555;
	background:url('../img/span_list.png') no-repeat left 0.55em;
	background-size:6px 6px;
}