@charset "utf-8";

/* details_tit */
.details_tit {
	text-align:center;
	margin:77px 0;
}
@media only screen and (max-width:767px){
	.details_tit {
		width:60%;
		margin:30px auto;
	}
}

/* secDetailsTab */
.secDetailsTab{
	height: 120px;
	position: relative;
	overflow: hidden;
	font-size: 0;
}
.secDetailsTab .boxList{
	width: 2000px;
	position: absolute;
	top: 0;
	left: calc(50% - 1000px);
}
.secDetailsTab .boxList .item{
	display: inline-block;
	width: 836px;
}
.secDetailsTab .boxList .item:first-child{
	text-align: right;
}
.secDetailsTab .boxList .item:nth-child(2){
	width: 326px;
	margin: 0 1px;
}
.secDetailsTab .boxList .item a{
	display: block;
	height: 120px;
	background: #9E968D;
}
.secDetailsTab .boxList .item.on a{
	background: #09093D;
}
@media only screen and (max-width:767px){
	.secDetailsTab{
		height: 45.75px;
	}
	.secDetailsTab .boxList{
		width: 100%;
		left: 0;
	}
	.secDetailsTab .boxList .item{
		width: calc(33.33% - 0.67px);
		text-align: center;
	}
	.secDetailsTab .boxList .item:first-child{
		text-align: center;
	}
	.secDetailsTab .boxList .item:nth-child(2){
		width: calc(33.33% - 0.67px);
	}
	.secDetailsTab .boxList .item a{
		height: 45.75px;
	}
}

/*--details01_sec01--*/
#details01_sec01 .tit {
	background:url(../img/design/bg01_01.jpg) no-repeat center top;
	height:800px;
}
#details01_sec01 .tit02 {
	text-align:center;
	margin:85px 0 90px 0;
}
#details01_sec01 .tit_in {
	text-align:center;
	padding-top:355px;
}
#details01_sec01 .box_in {
	width:895px;
	margin:0 auto;
	position:relative;
}
#details01_sec01 .box01 {
	background:url(../img/design/bg01_02.jpg) no-repeat center top;
	height:600px;
	margin-bottom:200px;
}
#details01_sec01 .box02 {
	background:url(../img/design/bg01_03.jpg) no-repeat center top;
	height:600px;
	margin:80px 0 270px 0;
}
#details01_sec01 .box_txt01 {
	position:absolute;
	top:73px;
	right:13px;
}
#details01_sec01 .box_txt02 {
	font-size:15px;
	line-height:220%;
	font-weight:500;
	position:absolute;
	top:445px;
	right:-10px;
}
#details01_sec01 .box_txt01_2 {
	top:70px;
	left:16px;
}
#details01_sec01 .box_txt02_2 {
	left:-40px;
}
#details01_sec01 .img_list {
	width:1000px;
	margin:0 auto 30px;
}
#details01_sec01 .img_list li {
	float:left;
	margin-right:28px;
}
#details01_sec01 .img_list li:last-child {
	margin-right:0;
}
#details01_sec01 .img {
	width:1000px;
	margin:0 auto 30px;
}
#details01_sec01 .txt {
	text-align:center;
	margin:100px 0 84px 0;
}
#details01_sec01 .img_list02 {
	width:670px;
	margin:0 auto;
}
#details01_sec01 .img_list02 li {
	float:left;
	margin-right:50px;
}
#details01_sec01 .img_list02 li:last-child {
	margin-right:0;
}
#details01_sec01 .img_list021 {
	width:1080px;
	margin:0 auto;
	padding-bottom:18px;
}
#details01_sec01 .img_list021 li {
	float:left;
}
#details01_sec01 .img_list031 {
	width:864px;
	margin:0 auto;
}
#details01_sec01 .img_list031 li {
	float:left;
	margin-right:155px;
}
#details01_sec01 .img_list031 li:last-child {
	margin-right:0;
}

#details01_sec01 .bottom_box {
	background:#F2F2ED;
	text-align:center;
	padding:37px 0 13px 0;
	margin-top:138px;
}
#details01_sec01 .img02 {
	text-align:center;
}
@media only screen and (max-width:767px){

	#details01_sec01 .tit02,#details01_sec01 .box_txt02,
	#details01_sec01 .img_list,#details01_sec01 .img,
	#details01_sec01 .txt {
		width:93.75%;
}
	#details01_sec01 .tit {
		background-size:cover;
		height:auto;
	}
	#details01_sec01 .tit_in {
		padding:60px 20px;
	}
	#details01_sec01 .tit02 {
		margin:20px auto;
	}
	#details01_sec01 .sp_box01 {
		width:100%;
		height:auto;
	}
	#details01_sec01 .sp_box01 .box_img,
	#details01_sec01 .sp_box02 .box_img {
		width:58%;
		float:left;
	}
	#details01_sec01 .sp_box01 .box_txt01 {
		width:21%;
		float:right;
		padding-right:11%;
		position:inherit;
	}
	#details01_sec01 .sp_box02 .box_txt01 {
		width:21%;
		float:right;
		padding-right:11%;
		position:inherit;
	}
	#details01_sec01 .box_txt02 {
		font-size:12px;
		line-height:160%;
		position:inherit;
		margin:20px auto;
	}
	#details01_sec01 .img_list li {
		width:48.5%;
		margin-right:3%;
	}
	#details01_sec01 .img {
		margin:0 auto 12px;
	}
	#details01_sec01 .txt {
		margin:0 auto 30px;
	}
	#details01_sec01 .img_list02 {
		width:100%;
		box-sizing:border-box;
		padding-left:3%;
	}
	#details01_sec01 .img_list02 li {
		width:50%;
		margin-right:0;
	}
	#details01_sec01 .img_list021 {
		width:100%;
		box-sizing:border-box;
		padding:3% 3% 3% 0;
	}
	#details01_sec01 .img_list021 li {
		width:50%;
	}
	#details01_sec01 .bottom_box {
		width:100%;
		box-sizing:border-box;
		padding:5% 8%;
		margin-top:30px;
	}
}
/*--details02_sec01--*/
#details02_sec01 .tit {
	background:url(../img/design/bg02_01.jpg) no-repeat center top;
	height:800px;
}
#details02_sec01 .tit02 {
	text-align:center;
	margin:60px 0 65px 0;
}
#details02_sec01 .tit_in {
	text-align:center;
	padding-top:355px;
}
#details02_sec01 .box21 {
	width:1200px;
	margin:0 auto 154px;
}
#details02_sec01 .box_img {
	position:relative;
}
#details02_sec01 .box_tit {
	position:absolute;
	bottom:76px;
	right:101px;
}
#details02_sec01 .box_txt {
	position:absolute;
	bottom:-84px;
	right:62px;
	font-size:15px;
	line-height:220%;
	font-weight:500;
}
#details02_sec01 .img {
		width:1000px;
		margin:70px auto 80px;
}
#details02_sec01 .img li {
		float:left;
		margin-right:28px;
}
#details02_sec01 .img li:last-child {
	margin-right:0;
	margin-top:100px;
}
#details02_sec01 .box_in {
	width:895px;
	margin:0 auto;
	position:relative;
}
#details02_sec01 .box01 {
	background:url(../img/design/bg02_03.png) no-repeat center top;
	height:600px;
	margin-bottom:270px;
}
#details02_sec01 .box_txt01 {
	position:absolute;
	top:70px;
	right:16px;
}
#details02_sec01 .box_txt02 {
	font-size:15px;
	line-height:220%;
	font-weight:500;
	position:absolute;
	top:445px;
	right:-85px;
}
#details02_sec01 .photo_box {
	background:url(../img/design/bg01_06.jpg) no-repeat center top;
	width:100%;
}
#details02_sec01 .photo {
	width:1000px;
	height:1400px;
	margin:0 auto;
	position:relative;
}
#details02_sec01 .photo_in01 {
	position:absolute;
	top:-100px;
	left:160px;
}
#details02_sec01 .photo_in02 {
	position:absolute;
	bottom:80px;
	right:158px;
}

@media only screen and (max-width:767px){
	#details02_sec01 .tit02 {
		width:93.75%;
	}
	#details02_sec01 .tit {
		background-size:cover;
		height:auto;
	}
	#details02_sec01 .tit_in {
		padding:60px 40px;
	}
	#details02_sec01 .tit02 {
		margin:20px auto;
	}
		#details02_sec01 .sp_box01 {
		width:100%;
		height:auto;
	}
	#details02_sec01 .sp_box01 .box_img {
		width:58%;
		float:left;
	}
	#details02_sec01 .sp_box01 .box_txt01 {
		width:16%;
		float:right;
		padding-right:13%;
		position:inherit;
	}
	#details02_sec01 .box_txt02 {
		width:93.75%;
		font-size:12px;
		line-height:160%;
		position:inherit;
		margin:20px auto;
	}
	#details02_sec01 .img {
		width:93.75%;
		margin:0 auto 40px;
}
#details02_sec01 .img li {
	width:48.5%;
		float:left;
		margin-right:3%;
}
#details02_sec01 .img li:last-child {
	margin-right:0;
	margin-top:40px;
}
#details02_sec01 .box21 {
	width:100%;
	margin-bottom:0;
}
#details02_sec01 .box21 .box_img {
	width:50%;
	float:left;
}
#details02_sec01 .box21 .box_tit {
	position:inherit;
	width:50%;
	box-sizing:border-box;
	float:right;
	padding:7% 5% 5% 5%;
}
#details02_sec01 .box21 .box_txt {
		width:93.75%;
		position:inherit;
		font-size:12px;
		line-height:160%;
		margin:20px auto;
	}
#details02_sec01 .photo_box {
	background-size:100% auto;
	width:100%;
	height:auto;
	margin-top:80px;
}
#details02_sec01 .photo {
	width:100%;
	height:auto;
	padding:45% 0 39% 0;
}
	#details02_sec01 .photo_in01 {
		width:11%;
		top:-75px;
		left:15%;
	}
		#details02_sec01 .photo_in02 {
		width:11%;
		bottom:13%;
		right:16%;
	}

}

/*--details03_sec01--*/
#details03_sec01 .tit {
	background:url(../img/design/bg03_01.jpg) no-repeat center top;
	height:800px;
}
#details03_sec01 .tit02 {
	text-align:center;
	margin-top:55px;
}
#details03_sec01 .tit_in {
	text-align:center;
	padding-top:355px;
}
#details03_sec01 .box_in {
	width:895px;
	margin:0 auto;
	position:relative;
}
#details03_sec01 .box02 {
	background:url(../img/design/bg03_02.jpg) no-repeat center top;
	height:600px;
	margin:67px 0 150px 0;
}
#details03_sec01 .box_txt01 {
	position:absolute;
	top:75px;
	left:15px;
}
#details03_sec01 .box_txt02 {
	font-size:15px;
	line-height:220%;
	font-weight:500;
	position:absolute;
	top:446px;
	left:-40px;
}
#details03_sec01 .img {
		width:1000px;
		margin:70px auto 150px;
}
#details03_sec01 .img li {
		float:left;
		margin-right:28px;
}
#details03_sec01 .img li:first-child {
	margin-top:100px;
}
#details03_sec01 .img li:last-child {
	margin-right:0;
}
#details03_sec01 .box03 {
	width:1200px;
	margin:0 auto 270px;
	position:relative;
}
#details03_sec01 .box03_tit {
	position:absolute;
	right:142px;
	bottom:78px;
}
#details03_sec01 .box03_txt {
	font-size:15px;
	line-height:220%;
	font-weight:500;
	position:absolute;
	right:34px;
	bottom:-117px;
}
#details03_sec01 .photo_box {
	background:url(../img/design/bg03_03.jpg?201221) no-repeat center top;
	width:100%;
}
#details03_sec01 .photo {
	width:1000px;
	height:1400px;
	margin:0 auto;
	position:relative;
}
#details03_sec01 .photo_in01 {
	position:absolute;
	top:-95px;
	left:95px;
}
#details03_sec01 .photo_in02 {
	position:absolute;
	bottom:5px;
	right:161px;
}

@media only screen and (max-width:767px){

	#details03_sec01 .tit {
		background-size:cover;
		height:auto;
	}
	#details03_sec01 .tit_in {
		padding:70px 60px 50px 70px;
	}
	#details03_sec01 .tit02 {
		width:93.75%;
		margin:20px auto;
	}
	#details03_sec01 .sp_box02 .box_img {
		width:58%;
		float:right;
	}
	#details03_sec01 .sp_box01 .box_txt01 {
		width:12%;
		float:right;
		padding-right:15%;
		position:inherit;
	}
	#details03_sec01 .sp_box02 .box_txt01 {
		width:21%;
		float:left;
		padding-left:11%;
		position:inherit;
	}
	#details03_sec01 .box_txt02 {
		width:93.75%;
		font-size:12px;
		line-height:160%;
		position:inherit;
		margin:20px auto 0;
	}
	#details03_sec01 .img {
		width:93.75%;
		margin:0 auto 40px;
	}
	#details03_sec01 .img li:first-child {
	margin-top:60px;
	}
	#details03_sec01 .img li {
		width:48.5%;
		float:left;
		margin-right:3%;
	}
	#details03_sec01 .img li:last-child {
		margin-right:0;
		margin-top:20px;
	}
	#details03_sec01 .box03 {
	width:100%;
	margin:0 auto;
	position:inherit;
}
#details03_sec01 .box03_tit {
	width:65%;
	padding:18px 10px;
	position:inherit
}
#details03_sec01 .box03_txt {
	width:93.75%;
	margin:0 auto;
	position:inherit;
	font-size:12px;
	line-height:160%;
}

#details03_sec01 .photo_box {
	background-size:100% auto;
	width:100%;
	height:auto;
	margin:70px 0 55px 0;
}
#details03_sec01 .photo {
	width:100%;
	height:auto;
	padding:45% 0 39% 0;
}
	#details03_sec01 .photo_in01 {
		width:15%;
		top:-45px;
		left:10%;
	}
		#details03_sec01 .photo_in02 {
		width:23%;
		bottom:-6%;
		right:14%;
	}
	#details01_sec01 .img_list031 {
		width:100%;
		box-sizing:border-box;
		padding-right:9%;
}
#details01_sec01 .img_list031 li{
	width:50%;
	margin-right:0;
}
}

/* secDesign */
.bgDesign{
	padding: 100px 0;
}
.secDesign{
	width: 1100px;
	margin: 0 auto;
}
.secDesign .tit{
	text-align: center;
	margin-bottom: 67px;
}
.secDesign .bnrDesign{
	display: block;
	float: left;
	background: #FFF;
	margin-bottom: 1px;
}
@media only screen and (max-width:767px){
	.bgDesign{
		background: none;
		padding: 30px 0 40px;
	}
	.secDesign{
		width: 100%;
		margin: 0 auto;
	}
	.secDesign .tit{
		width: 60%;
		margin: 0 auto 30px;
	}
	.secDesign .bnrDesign{
		display: block;
		float: none;
		background: #FFF;
		width: 100%;
	}
}
.bnrList {
	margin:50px 0 100px 0;
}
/*.bnrList01_inner a{
		padding-right:50px;
}
.bnrList02_inner a{
		padding-left:40px;
}*/
.bnrList a{
	display: block;
	float: left;
	width: 49.94%;
	height: 350px;
	box-sizing: border-box;
	text-align: center;
}
.bnrList a:hover{ opacity: 0.8;}
.bnrList a.bnr1{
	background: url(../img/technology/img_bg01.png) no-repeat right top;
	padding-top:88px;
}
.bnrList a.bnr2{
	background: url(../img/technology/img_bg02.png) no-repeat left top;
	float: right;
	padding-top:134px;
}
@media only screen and (max-width:767px){
	.bnrList {
		margin:12px 0 0 0;
	}
	.bnrList a{
		float: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		text-align: center;
		padding: 40px;
		margin-bottom: 1px;
	}
	.bnrList02_inner img{
		width:75%;
		height:auto;
	}
	.bnrList a.bnr1{
		background: url(../img/gallery/bgBnrEvent.jpg) no-repeat right top;
		background-size: 170%;
		padding-top:40px;
	}
	.bnrList a.bnr2{
		background: url(../img/gallery/bgBnrSearch.jpg) no-repeat left top;
		background-size: 160%;
		float: none;
		padding-top:40px;
	}
}
@media only screen and (max-width:320px){
	#company04_sec01 .box_txt05 {
		margin-top:-40px;
	}
}

/* bnrGallery, bnrList */
.bnrGallery{
	width: 980px;
	margin: 0 auto 60px;
	display: block;
}
.bnrList a{
	display: block;
	float: left;
	width: 49.95%;
	height: 350px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 134px !important;
	margin-bottom: 2px;
}
.bnrList a:hover{ opacity: 0.8;}
.bnrList a.bnr1{
	background: url(../img/gallery/bgBnrEvent.jpg) no-repeat right top;
}
.bnrList a.bnr2{
	background: url(../img/gallery/bgBnrSearch.jpg) no-repeat left top;
	float: right;
}
@media only screen and (max-width:767px){
	.bnrGallery{
		width: 100%;
		margin: 0 auto 30px;
	}
	.bnrList a{
		float: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		text-align: center;
		padding: 40px !important;
		margin-bottom: 1px;
	}
	.bnrList a.bnr1{
		background: url(../img/gallery/bgBnrEvent.jpg) no-repeat right top;
		background-size: 170%;
	}
	.bnrList a.bnr2{
		background: url(../img/gallery/bgBnrSearch.jpg) no-repeat left top;
		background-size: 160%;
		float: none;
	}
}