@charset "utf-8";

#headbg .bg{
	background:url(../img/uchiike/headbg.jpg) no-repeat center bottom 10%;
	-webkit-background-size:cover;
	background-size:cover;
	}
#headbg.number .bg{
	background:url(../img/uchiike/headbg2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#headbg.index ul li:nth-of-type(1) a,
#headbg.number ul li:nth-of-type(2) a{
	color:#164332;
	}
#headbg.index ul li:nth-of-type(1) a:before,
#headbg.number ul li:nth-of-type(2) a:before{
	background-color:#164332;
	}
#headbg.index ul li:nth-of-type(1) a:after,
#headbg.number ul li:nth-of-type(2) a:after{
	border-color:#164332;
	}

#index1{
	max-width:830px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:150px 70px 50px 70px;
	position:relative;
	}
#index1 h2{
	font-size:21px;
	line-height:2.3;
	letter-spacing:4.8px;
	}
#index1 p{
	margin-top:10px;
	}
#index1 h3.linkto{
	margin-top:20px;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size:13px;
	}
#index2{
	padding-bottom:100px;
	}
#index2 article{
	margin-top:110px;
	}
#index2 article .box{
	border-radius:80px 80px 0px 0px / 80px 80px 0px 0px;
	-moz-border-radius:80px 80px 0px 0px / 80px 80px 0px 0px;
	-webkit-border-radius:80px 80px 0px 0px / 80px 80px 0px 0px;
	-o-border-radius:80px 80px 0px 0px / 80px 80px 0px 0px;
	-ms-border-radius:80px 80px 0px 0px / 80px 80px 0px 0px;
	-webkit-box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	background:url(../img/uchiike/ph1.jpg) no-repeat center top;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	height:750px;
	position:relative;
	}
#index2 article:nth-of-type(2) .box{
	background:url(../img/uchiike/ph2.jpg) no-repeat center top;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article:nth-of-type(3) .box{
	background:url(../img/uchiike/ph3.jpg) no-repeat center top;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article .box:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}
#index2 article .box h2{
	font-size:30px;
	writing-mode:vertical-rl;
	position:absolute;
	left:10%;
	top:90px;
	background-color:#164332;
	color:#FFF;
	z-index:2;
	padding:12px 4px 10px 4px;
	}
#index2 article .box p{
	font-size:13px;
	position:absolute;
	left:10%;
	bottom:90px;
	color:#FFF;
	z-index:2;
	line-height:2.3;
	}
#index2 article .box2{
	width:90%;
	margin:50px 5% 0 5%;
	-webkit-box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	box-shadow:0px -5px 20px 5px rgba(0,0,0,0.1);
	}
#index2 article .box2 h3{
	font-size:21px;
	padding:45px 50px 0 50px;
	}
#index2 article .box2 h3 br{
	display:none;
	}
#index2 article .box2 h3:before{
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background-color:#000;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	margin-right:7px;
	}
#index2 article .box2 p{
	margin:10px 50px 0 50px;
	font-size:12px;
	line-height:1.9;
	}
#index2 article .box2 ul{
	margin-top:40px;
	overflow:hidden;
	zoom:1;
	}
#index2 article .box2 ul li{
	float:left;
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#index2 article .box2 ul li:first-of-type{
	border-right:1px solid #FFF;
	}
#index2 article .box2 ul li a{
	display:block;
	color:#FFF;
	background-color:#164332;
	padding:23px 50px 18px 30px;
	font-size:15px;
	position:relative;
	}
#index2 article .box2 ul li a:hover{
	filter:alpha(opacity=8);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#index2 article .box2 ul li a:before{
	content:"";
	display:block;
	width:12px;
	height:1px;
	background-color:#FFF;
	position:absolute;
	right:33px;
	top:50%;
	margin-top:0px;
	transition:0.3s;
	}
#index2 article .box2 ul li a:after{
	content:"";
	display:block;
	position:absolute;
	right:33px;
	top:50%;
	margin-top:-4px;
	width:8px;
	height:8px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:0.3s;
	}
#index2 article .box2 ul li a:hover:before{
	right:28px;
	}
#index2 article .box2 ul li a:hover:after{
	right:28px;
	}
#index3bg{
	height:400px;
	background:url(../img/uchiike/headbg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	background-attachment:fixed;
	}
#index3{
	max-width:1000px;
	margin:0 auto;
	padding:100px 70px 0 70px;
	}
#index3 h2{
	max-width:830px;
	margin:0 auto;
	font-size:21px;
	}
#index3 p{
	max-width:830px;
	margin:10px auto 0 auto;
	}
#index3 article{
	overflow:hidden;
	zoom:1;
	border:1px solid #000;
	padding:75px 75px 75px 75px;
	margin-top:50px;
	}
#index3 article h3{
	line-height:1.9;
	overflow:hidden;
	zoom:1;
	margin-bottom:35px;
	}
#index3 article h3 strong{
	float:left;
	font-size:17px;
	display:inline-block;
	}
#index3 article h3 span{
	float:right;
	font-size:12px;
	display:inline-block;
	margin-top:35px;
	}
#index3 article h4{
	display:none;
	}
#index3 article .box{
	float:left;
	width:38%;
	padding-right:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	height:320px;
	overflow-y:scroll;
	scrollbar-width:thin;
	}
#index3 article .box p{
	font-size:12px;
	line-height:2.2;
	margin:0;
	}
#index3 article .swiperbg{
	float:right;
	width:55%;
	position:relative;
	padding-top:5px;
	}
.swiper-button-next,
.swiper-button-prev{
	position:absolute;
	bottom:-33px;
	top:auto;
	outline:0;
	width:66px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	height:66px;
	text-indent:-9999px;
	z-index:20;
	background-color:#164332;
	border:1px solid #FFF;
	left:auto;
	right:-20px;
	cursor:pointer;
	transition:0.5s;
	}
.swiper-button-prev{
	left:auto;
	right:45px;
	}
.swiper-button-prev:after{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin:-4px 0 0 -8px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-moz-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	transition:0.5s;
	}
.swiper-button-prev:before{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:20px;
	height:1px;
	left:50%;
	top:50%;
	margin:0px 0 0 -8px;
	background-color:#FFF;
	transition:0.5s;
	}
.swiper-button-next:after{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin:-4px 0 0 0px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:0.5s;
	}
.swiper-button-next:before{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:20px;
	height:1px;
	left:50%;
	top:50%;
	margin:0px 0 0 -10px;
	background-color:#FFF;
	transition:0.5s;
	}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	background-color:#09241A;
	}
.swiper-button-disabled{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	cursor:auto;
	}
.swiper-button-disabled:hover{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	cursor:auto;
	background-color:#164332;
	}
.swiper-scrollbar{
	position:absolute;
	bottom:-25px;
	left:0;
	width:100%;
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	height:5px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	z-index:60;
	background:#D8D8D8;
	}
.swiper-scrollbar-drag{
	background:#164332;
	height:1px;
	margin-top:2px;
	}
#number1{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:150px 70px 0px 70px;
	}
#number1 h2{
	font-size:21px;
	line-height:2.3;
	letter-spacing:4.8px;
	}
#number1 ul{
	overflow:hidden;
	zoom:1;
	margin-top:-50px;
	}
#number1 ul li{
	float:left;
	width:49%;
	margin-top:90px;
	}
#number1 ul li:nth-of-type(2n){
	float:right;
	}
@media screen and (max-width:900px){
#headbg.index ul li:nth-of-type(1) a,
#headbg.number ul li:nth-of-type(2) a{
	background-color:#164332;
	color:#FFF;
	}
#headbg.index ul li:nth-of-type(1) a:before,
#headbg.number ul li:nth-of-type(2) a:before{
	background-color:#FFF;
	}
#headbg.index ul li:nth-of-type(1) a:after,
#headbg.number ul li:nth-of-type(2) a:after{
	border-color:#FFF;
	}
#index1{
	padding:75px 7% 0px 7%;
	}
#index1 h2{
	font-size:17px;
	line-height:2.2;
	position:relative;
	}
#index1 h3.linkto{
	margin-top:40px;
	font-size:12px;
	letter-spacing:2px;
	}
#index1 h3.linkto a{
	position:relative;
	display:block;
	padding:16px 50px 13px 20px;
	border:1px solid #C9C9C9;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	}
#index1 h3.linkto a:before{
	right:20px;
	margin-top:-1px;
	}
#index1 h3.linkto a:after{
	right:20px;
	margin-top:-5px;
	}
#index1 h3.linkto span{
	padding:0;
	}
#index1 h3.linkto span:before{
	display:none;
	}
#index1 h3.linkto span:after{
	display:none;
	}
#index2{
	padding-bottom:60px;
	}
#index2 article{
	margin-top:100px;
	}
#index2 article .box{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	height:auto;
	padding-top:275px;
	-webkit-background-size:auto 295px;
	background-size:auto 295px;
	}
#index2 article:nth-of-type(2) .box{
	-webkit-background-size:auto 295px;
	background-size:auto 295px;
	}
#index2 article:nth-of-type(3) .box{
	-webkit-background-size:auto 295px;
	background-size:auto 295px;
	}
#index2 article .box:after{
	display:none;
	}
#index2 article .box h2{
	font-size:23px;
	writing-mode:horizontal-tb;
	position:relative;
	left:auto;
	top:auto;
	padding:4px 12px 4px 12px;
	display:inline-block;
	margin:0 7%;
	}
#index2 article .box p{
	font-size:14px;
	position:relative;
	left:auto;
	bottom:auto;
	color:#000;
	margin:15px 7% 0 7%;
	}
#index2 article .box p br{
	display:none;
	}
#index2 article .box2{
	width:86%;
	margin:50px 7% 0 7%;
	border:1px solid #000;
	-webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,0.08);
	-moz-box-shadow:0px 0px 15px 4px rgba(0,0,0,0.08);
	box-shadow:0px 0px 15px 4px rgba(0,0,0,0.08);
	}
#index2 article .box2 h3{
	font-size:17px;
	padding:50px 7% 0 7%;
	}
#index2 article .box2 h3 br{
	display:block;
	}
#index2 article .box2 h3:before{
	display:none;
	}
#index2 article .box2 p{
	margin:10px 7% 0 7%;
	}
#index2 article .box2 ul li{
	float:none;
	width:auto;
	}
#index2 article .box2 ul li:first-of-type{
	border-right:0;
	border-bottom:1px solid #FFF;
	}
#index2 article .box2 ul li a{
	font-size:13px;
	}
#index2 article .box2 ul li a:before{
	right:28px;
	}
#index2 article .box2 ul li a:after{
	right:28px;
	}
#index3bg{
	background-position:right 20% center;
	background-attachment:scroll;
	}
#index3{
	padding:70px 7% 0 7%;
	}
#index3 h2{
	font-size:23px;
	}
#index3 article{
	border:0;
	padding:0;
	margin-top:90px;
	}
#index3 article h3{
	display:none;
	}
#index3 article h4{
	padding-top:80px;
	display:block;
	}
#index3 article h4 strong{
	font-size:17px;
	display:block;
	}
#index3 article h4 span{
	font-size:12px;
	display:block;
	margin-top:15px;
	}
#index3 article .box{
	float:none;
	width:auto;
	padding:10px 20px 0 0;
	height:auto;
	max-height:300px;
	margin-top:30px;
	}
#index3 article .swiperbg{
	float:none;
	width:auto;
	padding-top:0;
	}
.swiper-button-next,
.swiper-button-prev{
	bottom:-22px;
	width:44px;
	height:44px;
	right:0;
	}
.swiper-button-prev{
	right:43px;
	}
.swiper-button-prev:before{
	width:18px;
	}
.swiper-button-next:before{
	width:18px;
	margin:0px 0 0 -8px;
	}
.swiper-scrollbar{
	bottom:-22px;
	width:-webkit-calc(100% - 110px);
	width:calc(100% - 110px);
	}
#number1{
	padding:75px 0 0 0;
	}
#number1 h2{
	font-size:17px;
	line-height:2.2;
	padding:0 7%;
	}
#number1 ul{
	margin-top:-30px;
	}
#number1 ul li{
	float:none;
	width:100%;
	margin-top:70px;
	}
#number1 ul li:nth-of-type(2n){
	float:none;
	}
}