/*pc_css*/
@media screen and (min-width:751px){
	.main{
		width:100%;
		height:540px;
		position: relative;
	}
	
	.main .potx{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		z-index:2;
	}
	
	.main .potx .in{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		width:760px;
		margin:0 auto;
		color:#fff;
		font-size:5.5em;
		letter-spacing: 0.1em;
	}
	
	.main .potx .in span{
		position: relative;
		display: inline-block;
	}
	
	.main .potx .in span:after{
		content: "";
		width:55px;
		border-bottom:1px solid #fff;
		position: absolute;
		bottom:-20px;
		left:0;
	}
	
	.header ul li.concept a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li.concept a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(1, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li.concept a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
		opacity:1 !important;
	}
	
	.header .innerbox2 ul li.concept a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(1, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.cont1{
		margin:0 0 0 0;
		position: relative;
		background:#f2f2f2;
	}
	
	.cont1 .borderbox{
		width:100%;
		height:130px;
		position: absolute;
		bottom:0;
		left:0;
		background:#fff;
		z-index:1;
	}
	
	.cont1 .innerbox{
		width:1040px;
		margin:0 auto 0;
		padding:0 0 0 0;
		box-sizing: border-box;
		background:#fff;
		position: relative;
		top:-65px;
		
	}
	
	.cont1 .txcont{
		position: relative;
		padding:85px 0;
		width:100%;
		text-align: center;
	}
	
	.cont1 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
	}
	
	.cont1 .phbox{
		width:100%;
		line-height: 0;
		z-index:3;
		position: relative;
	}
	
	.cont1 .phbox img{
		width:100%;
	}
	
	.cont1 .tl02{
		font-size:2em;
		letter-spacing: 0.05em;
		margin:0 0 40px 0;
	}
	
	.cont1 .tx{
		line-height: 2.5em;
	}
	
	.cont1 .sub{
		color:#808080;
		margin:0 0 20px 0;
	}

	.cont2{
		margin:-130px 0 0 0;
		position: relative;
		z-index:2;
		background:#fff;
		padding:220px 0 100px 0;
	}
	
	.cont2.box2{
		margin:0 0 0 0;
		position: relative;
		z-index:2;
		background:#fff;
		padding:0 0 100px 0;
	}
	
	.cont2 .innerbox{
		width:1040px;
		margin:0 auto 190px;
		padding:60px 60px 0 60px;
		box-sizing: border-box;
		background:#f1f1f1;
	}
	
	.cont2 .txcont{
		position: relative;
		padding:0 60px 60px 0;
		width:50%;
		box-sizing: border-box;
	}
	
	.cont2 .rightbox{
		float: right;
		width:50%;
		box-sizing: border-box;
		padding:0 0 0 0;
	}
	
	.cont2 .rightbox .txcont{
		position: relative;
		padding:0 0 60px 60px;
		width:100%;
		box-sizing: border-box;
	}
	.cont2 .txcont .phbox{
		position: absolute;
		top:-50px;
		left:100%;
		padding:50px 0 0 0;
		height:calc(100% + 130px);
		overflow: hidden;
	}
	
	.cont2 .phbox.box2{
		position: absolute;
		top:-50px;
		right:100%;
		left:auto;
		padding:50px 0 0 0;
		height:calc(100% + 130px);
		overflow: hidden;
	}
	
	.cont2 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
	}
	
	.cont2 .tl02{
		font-size:2em;
		letter-spacing: 0.05em;
		margin:0 0 40px 0;
	}
	
	.cont2 .tx{
		line-height: 2.5em;
	}
	
	.tl01{
		font-size:2.3em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 0 50px 0;
	}
	
	.tl01.box2{
		font-size:2.3em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 0 70px 0;
	}
	
	.tl01.box3{
		font-size:2.3em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 0 70px 60px;
	}
	
	.tl01:after{
		content: "";
		width:55px;
		border-bottom:1px solid #333;
		position: absolute;
		bottom:0;
		left:0;
	}

}

@media screen and (max-width:750px){
	.main{
		width:100%;
		height:25vh;
		position: relative;
		margin:55px 0 0 0;
	}
	
	.main .potx{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		z-index:2;
	}
	
	.main .potx .in{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		width:80%;
		margin:0 auto;
		color:#fff;
		font-size:2.5em;
		letter-spacing: 0.1em;
	}
	
	.main .potx .in span{
		position: relative;
		display: inline-block;
	}
	
	.main .potx .in span:after{
		content: "";
		width:55px;
		border-bottom:1px solid #fff;
		position: absolute;
		bottom:-20px;
		left:0;
	}
	
	.header ul li.concept a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li.concept a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(1, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li.concept a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
		opacity:1 !important;
	}
	
	.header .innerbox2 ul li.concept a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(1, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.cont1{
		margin:0 0 0 0;
		position: relative;
		background:#f2f2f2;
	}
	
	.cont1 .borderbox{
		width:100%;
		height:130px;
		position: absolute;
		bottom:0;
		left:0;
		background:#fff;
		z-index:1;
		display: none;
	}
	
	.cont1 .innerbox{
		width:100%;
		margin:0 auto 0;
		padding:0 0 0 0;
		box-sizing: border-box;
		background:#fff;
		position: relative;
		top:0;
		
	}
	
	.cont1 .txcont{
		position: relative;
		padding:60px 0 40px 0;
		width:90%;
		margin:0 auto;
		text-align: left;
	}
	
	.cont1 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
		display: none;
	}
	
	.cont1 .phbox{
		width:100%;
		line-height: 0;
		z-index:3;
		position: relative;
	}
	
	.cont1 .phbox img{
		width:100%;
	}
	
	.cont1 .tl02{
		font-size:1.7em;
		letter-spacing: 0.05em;
		margin:0 0 30px 0;
	}
	
	.cont1 .tx{
		line-height: 2.5em;
	}
	
	.cont1 .sub{
		color:#808080;
		margin:0 0 20px 0;
	}

	.cont2{
		margin:0 0 0 0;
		position: relative;
		z-index:2;
		background:#fff;
		padding:0 0 0 0;
	}
	
	.cont2.box2{
		margin:0 0 0 0;
		position: relative;
		z-index:2;
		background:#fff;
		padding:0 0 0 0;
	}
	
	.cont2.box3{
		margin:0 0 60px 0;
		position: relative;
		z-index:2;
		background:#fff;
		padding:0 0 0 0;
	}
	
	.cont2 .innerbox{
		width:100%;
		margin:0 auto 0;
		padding:40px 0 0 0;
		box-sizing: border-box;
		background:#f1f1f1;
	}
	
	.cont2 .txcont{
		position: relative;
		padding:0 0 0 0;
		width:100%;
		margin:0 auto;
		box-sizing: border-box;
	}
	
	.cont2 .rightbox{
		float: right;
		width:100%;
		box-sizing: border-box;
		padding:0 0 0 0;
	}
	
	.cont2 .rightbox .txcont{
		position: relative;
		padding:0 0 0 0;
		width:100%;
		box-sizing: border-box;
	}
	.cont2 .txcont .phbox{
		position: relative;
		padding:0 0 0 0;
		width:100% !important;
	}
	
	.cont2 .txcont .phbox .slidecontainer{
		width:100% !important;
	}
	
	.cont2 .phbox.box2{
		position: relative;
		left:auto;
		padding:0 0 0 0;
		height:100% !important;
	}
	
	.cont2 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
	}
	
	.cont2 .tl02{
		font-size:2em;
		letter-spacing: 0.05em;
		margin:0 5% 40px 5%;
	}
	
	.cont2 .tx{
		line-height: 2.5em;
		margin:0 5% 80px;
	}
	
	.tl01{
		font-size:1.8em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 0 30px 0;
	}
	
	.tl01.box2{
		font-size:2em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 5% 30px 5%;
	}
	
	.tl01.box3{
		font-size:2em;
		letter-spacing: 0.1em;
		position: relative;
		padding:0 0 20px 0;
		line-height: 1.5em;
		margin:0 5% 30px 5%;
	}
	
	.tl01:after{
		content: "";
		width:55px;
		border-bottom:1px solid #333;
		position: absolute;
		bottom:0;
		left:0;
	}
}