/*pc_css*/
@media screen and (min-width:751px){
	.main .slidecontainer{
		opacity: 0;
		position: relative;
	}
	
	.main .slidecontainer .slider .phbox{
		width:100%;
		height:740px;
	}
	
	.main .slidecontainer .slider .phbox img{
		width:100%;
	}
	
	.main .slidecontainer .mainlogo{
		width:100%;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		text-align: center;
	}
	
	.main .slidecontainer .mainlogo img{
		width:238px;
		position: relative;
  		top: 50%;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.main .slidecontainer .mtx{
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		text-align: left;
		position: absolute;
		top:30%;
		right:160px;
		height: 100%;
	}
	
	.main .slidecontainer .mtx p{
  		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		position: relative;
  		top: 50%;
		display: inline-block;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.main .slidecontainer .mtx span{
  		background:#fff;
		font-size:1.3em;
		line-height: 1.5em;
		padding:0 0;
		margin:0 5px;
		display: inline-block;
		font-weight: 400;
		color:#60502e;
	}
	
	.newsbox{
		width:100%;
		margin:-70px 0 0 0;
		position: relative;
		z-index:2000;
		line-height: 1.5em;
	}
	
	.newsbox .rightbox{
		width:50%;
		float: left;
	}
	
	.newsbox .rightbox .newstl{
		width:160px;
		text-align: center;
		background:#8c877d;
		float: right;
	}
	
	.newsbox .rightbox .newstl span{
		color:#fff;
		position: relative;
  		top: 50%;
		display: inline-block;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.newsbox .leftbox{
		width:calc(50% - 50px);
		padding:10px 25px;
		background:#fff;
		float: right;
	}
	
	.newsbox .leftbox dl{
		padding:10px 0;
	}
	
	.newsbox .leftbox dl dt{
		width:calc(140px - 41px);
		margin:0 20px 0 0;
		float: left;
	}
	
	.newsbox .leftbox dl dd{
		width:calc(100% - 171px);
		float: left;
		height: 1.75em;
		overflow: hidden;
		padding:0 0 0 20px;
		border-left:1px solid #303030;
	}
	
	.floatbox{
		padding:170px 0 0 0;
		position: relative;
	}
	
	.floatbox .leftbox{
		float: left;
		width:calc(50% - 70px - (100% - 960px) / 2);
		padding:0 70px 0 calc((100% - 960px) / 2);
	}
	
	.floatbox .potx{
		width:125px;
		position: absolute;
		top:20px;
		left:calc((100% - 960px) / 2 - 85px);
	}
	
	.floatbox .potx.box2{
		width:125px;
		position: absolute;
		top:70px;
		right:calc((100% - 960px) / 2 - 85px);
		left: auto !important;
	}
	
	.floatbox .potx img{
		width:100%;
	}
	
	.floatbox .leftbox .inbox{
		position: relative;
		top: 50%;
		display: block;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.floatbox .leftbox .tl{
		font-size:2.2em;
		margin:0 0 15px 0;
		color:#61512f;
		font-weight: 500;
		line-height: 1.5em;
	}
	
	.floatbox .leftbox .sub{
		font-size:1.1em;
		margin:0 0 50px 0;
		color:#8c877d;
		line-height: 1.5em;
	}
	
	.floatbox .leftbox .tx{
		line-height: 2em;
		text-align: justify;
	}
	
	.floatbox .leftbox a{
		margin:50px 0 0 0;
		width:335px;
		text-align: center;
		display: block;
		color:#fff;
		background:url("/images/index/arrow.png") no-repeat,#61512f;
		background-size:40px;
		background-position: right 20px top 50%;
		padding:35px 0;
		font-size:1.1em;
		text-decoration: none;
		transition:opacity 0.3s;
	}
	
	.floatbox .leftbox a:hover{
		opacity:0.8;
	}
	
	.floatbox .rightbox{
		float: left;
		width:50%;
		line-height: 0;
	}
	
	.floatbox .rightbox img{
		width:100%;
	}
	
	.floatbox.rb .leftbox{
		float: right;
		width:calc(50% - 70px - (100% - 960px) / 2);
		padding:0 calc((100% - 960px) / 2) 0 70px;
	}
	
	.floatbox.rb .leftbox .inbox{
		position: relative;
		top: 50%;
		display: block;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.floatbox.rb .leftbox .tl{
		font-size:2.2em;
		margin:0 0 15px 0;
		color:#61512f;
		font-weight: 500;
		line-height: 1.5em;
	}
	
	.floatbox.rb .leftbox .sub{
		font-size:1.1em;
		margin:0 0 50px 0;
		color:#8c877d;
		line-height: 1.5em;
	}
	
	.floatbox.rb .leftbox .tx{
		line-height: 2em;
		text-align: justify;
	}
	
	.floatbox.rb .rightbox{
		float: left;
		width:50%;
		line-height: 0;
	}
	
	.accessbox{
		width:960px;
		margin:0 auto;
	}
	
	.accessbox{
		width:960px;
		margin:0 auto;
		padding:200px 0 90px 0;
		position: relative;
	}
	
	.accessbox .tl{
		font-size:2.2em;
		margin:0 0 15px 0;
		color:#61512f;
		text-align: center;
		font-weight: 500;
		line-height: 1.5em;
	}
	
	.accessbox .sub{
		font-size:1.1em;
		margin:0 0 30px 0;
		color:#8c877d;
		text-align: center;
		line-height: 1.5em;
	}
	
	.accessbox .mapbox{
		width:100%;
		height:600px;
		position: relative;
		margin:0 0 60px 0;
	}
	
	.accessbox .mapbox iframe{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
	}
	
	.accessbox .tx{
		line-height: 2em;
		text-align: center;
	}
	
	.accessbox a.linkbtn{
		margin:50px auto 0;
		width:335px;
		text-align: center;
		display: block;
		color:#fff;
		background:url("/images/index/ico.png") no-repeat,#61512f;
		background-size:40px;
		background-position: right 20px top 50%;
		padding:30px 0;
		font-size:1.1em;
		text-decoration: none;
		transition:opacity 0.3s;
	}
	
	.accessbox a.linkbtn:hover{
		opacity:0.8;
	}
	
	
	.accessbox .potx{
		width:125px;
		position: absolute;
		top:180px;
		left:-40px;
	}
	
	.accessbox .potx img{
		width:100%;
	}
	
	#access{
		padding-top:100px;
		margin-top:-100px;
	}
}

@media screen and (max-width:750px){
	.main .slidecontainer{
		opacity: 0;
		position: relative;
	}
	
	.main .slidecontainer .slider .phbox{
		width:100%;
		height:100vh;
	}
	
	.main .slidecontainer .slider .phbox img{
		width:100%;
	}
	
	.main .slidecontainer .mainlogo{
		width:100%;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		text-align: center;
	}
	
	.main .slidecontainer .mainlogo img{
		width:120px;
		position: relative;
  		top: 30%;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.main .slidecontainer .mtx{
  		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		text-align: left;
		position: absolute;
		top:50%;
		left:30px;
		height: 100%;
	}
	
	.main .slidecontainer .mtx span{
  		background:#fff;
		font-size:1.1em;
		line-height: 1.5em;
		padding:0 3px;
		margin:0 5px;
		display: inline-block;
		font-weight: 400;
		color:#60502e;
	}
	
	.newsbox{
		width:100%;
		margin:-70px 0 0 0;
		position: relative;
		z-index:2000;
		line-height: 1.5em;
	}
	
	.newsbox .rightbox{
		width:50%;
		float: left;
	}
	
	.newsbox .rightbox .newstl{
		width:160px;
		text-align: center;
		background:#8c877d;
		float: right;
	}
	
	.newsbox .rightbox .newstl span{
		color:#fff;
		position: relative;
  		top: 50%;
		display: inline-block;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.newsbox .leftbox{
		width:calc(50% - 50px);
		padding:10px 25px;
		background:#fff;
		float: right;
	}
	
	.newsbox .leftbox dl{
		padding:10px 0;
	}
	
	.newsbox .leftbox dl dt{
		width:calc(140px - 41px);
		margin:0 20px 0 0;
		float: left;
	}
	
	.newsbox .leftbox dl dd{
		width:calc(100% - 171px);
		float: left;
		height: 1.75em;
		overflow: hidden;
		padding:0 0 0 20px;
		border-left:1px solid #303030;
	}
	
	.floatbox{
		padding:70px 0 0 0;
		position: relative;
		width:90%;
		margin:0 auto;
	}
	
	.floatbox .leftbox{
		float: none;
		width:100%;
		padding:0;
		height: auto !important;
	}
	
	.floatbox .leftbox .phbox img{
		width:100%;
		margin:0 0 20px 0;
	}
	
	.floatbox .potx{
		width:50px;
		position: absolute;
		top:20px;
		left:-5%;
	}
	
	.floatbox .potx.box2{
		width:50px;
		position: absolute;
		top:0;
		right:-5%;
		left: auto !important;
	}
	
	.floatbox .potx img{
		width:100%;
	}
	
	.floatbox .leftbox .inbox{
		position: relative;
	}
	
	.floatbox .leftbox .tl{
		font-size:1.3em;
		margin:0 0 5px 0;
		color:#61512f;
		font-weight: 500;
		text-align: center;
		line-height: 1.5em;
	}
	
	.floatbox .leftbox .sub{
		font-size:1em;
		margin:0 0 20px 0;
		color:#8c877d;
		line-height: 1.5em;
		text-align: center;
	}
	
	.floatbox .leftbox .tx{
		line-height: 2em;
		font-size:1em;
		text-align: justify;
	}
	
	.floatbox .leftbox a{
		margin:40px auto 0;
		width:70%;
		text-align: center;
		display: block;
		color:#fff;
		background:url("/images/index/arrow.png") no-repeat,#61512f;
		background-size:20px;
		background-position: right 10px top 50%;
		padding:20px 0;
		text-decoration: none;
		transition:opacity 0.3s;
	}
	
	.floatbox .rightbox{
		float: left;
		width:50%;
		line-height: 0;
		display: none;
	}
	
	.floatbox .rightbox img{
		width:100%;
	}
	
	.floatbox.rb .leftbox{
		float: none;
		width:100%;
		padding:0;
	}
	
	.floatbox.rb .leftbox .inbox{
		position: relative;
	}

	
	.accessbox{
		width:90%;
		margin:0 auto;
		padding:70px 0 40px 0;
		position: relative;
	}
	
	.accessbox .tl{
		font-size:1.3em;
		margin:0 0 5px 0;
		color:#61512f;
		text-align: center;
		font-weight: 500;
		line-height: 1.5em;
	}
	
	.accessbox .sub{
		font-size:1em;
		margin:0 0 30px 0;
		color:#8c877d;
		text-align: center;
		line-height: 1.5em;
	}
	
	.accessbox .mapbox{
		width:100%;
		padding-top:67%;
		position: relative;
		margin:0 0 40px 0;
	}
	
	.accessbox .mapbox iframe{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
	}
	
	.accessbox .tx{
		line-height: 2em;
		text-align: center;
	}
	
	.accessbox a.linkbtn{
		margin:40px auto 0;
		width:70%;;
		text-align: center;
		display: block;
		color:#fff;
		background:url("/images/index/ico.png") no-repeat,#61512f;
		background-size:20px;
		background-position: right 10px top 50%;
		padding:15px 0;
		text-decoration: none;
		transition:opacity 0.3s;
	}
	
	.accessbox .potx{
		width:50px;
		position: absolute;
		top:30px;
		left:-5%;
	}
	
	.accessbox .potx img{
		width:100%;
	}
	
	
	#access{
		padding-top:70px;
		margin-top:-70px;
	}
}