@charset "utf-8";
body {margin: 0px!important;padding: 0px!important;font-family: 'cwTeXFangSong', 'Helvetica Neue', 'Lato', 'Segoe UI', Avenir, Helvetica, Arial, sans-serif; ;line-height: 1.5em;letter-spacing: 0.1em;overflow-y:scroll;background-color:#ffffff; color:#666666; font-weight: 600; 　}

kv{display:block}
.scllto{ position:fixed; z-index:12;}
.onoff{position: fixed;right: 10px;top: 20px;z-index: 10;background-image: url(../img/menuon.png);background-repeat: no-repeat;background-position: center center;background-size:100%;height: 50px;width: 70px;transform:rotate(360deg);z-index: 11}
.menuon{height: 50px;width: 70px;cursor: pointer; cursor: hand; font-size:0px}
.menuoff{height: 50px;width: 70px;cursor: pointer; cursor: hand; font-size:0px}
.logo{position: fixed;left: 0px;top: 0px;z-index: 10;cursor: hand;}
.logos{position: fixed;left: 50%;top: 0px;z-index: 10;cursor: hand; width: 150px; margin: 10px auto auto -80px}
@media screen and (min-width: 901px) {
	section{left: 50%; position: absolute; top:30px; margin-left: -200px}
	header {position:fixed;z-index: 99999999;width: 100%;height:135px;left:0px;top: 0px; background-color:#fcf4f0}
	.kvw{display: none1}
	.kvh{display: none}
	.menu__item{ font-size: 1.1em}
}


@media screen and (max-width: 900px) {
	.menu__helper{font-size:1.6em;}
	.menu ul li a {
      	border: 0px!important;
		margin: 1em auto;
    }
	.kvw{display: none}
	.kvh{display: none1}
section{ width:100%; height: 100%; position:fixed; left:0; top:0; z-index:0; background: url("../img/mobilebg.jpg"); background-size: cover; background-position: center;z-index: 10;}
header {position:fixed;z-index: 99999999;width: 100%;left: 0px;top: 0px; height: 100px; background-image: url("../img/headers.jpg"); background-repeat: no-repeat; background-size: cover}
	
.menu__item{ font-size: 1.2em}
}
@keyframes rotating {
  0%  { transform: rotate(0deg);}
  100%{ transform: rotate(90deg);}
}

@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
.menu__item{font-family: 'cwTeXFangSong', serif;font-weight:300;}
.pa01{
	margin:-20px auto auto auto;
	width: 100%;
	background-image: url(../img/bg01.jpg);	
}
.pa02,.pa06{
	margin:-20px auto auto auto;
	width: 100%;
	background-image: url(../img/bg02.jpg);	
}
.pa03{
	margin:0px auto auto auto;
	width: 100%;
	background-image: url(../img/bg01.jpg);	
}
.pa04{
	width: 100%;
	background-image: url(../img/pa04bg2.png);
	background-repeat:repeat;
	background-position: center top;
	background-size: 100%;
	margin-top: -3px;
	background-color: #f7f7f7;
	position: relative;
}
.pa05{
	margin:0px auto auto auto;
	width: 100%;
	min-height:500px;
	display:block;
	background-image: url(../img/bg01.jpg);	
}


.inPrtxt{display: flex;  align-items: center; flex-wrap: wrap;list-style-type: none;
  justify-content: space-around;padding:0; max-width:1050px; margin:0px auto }
.inPrtxt li{ margin:1%; font-size: 1em}

.inPrtxt3{display: flex;  align-items: center; flex-wrap: wrap;list-style-type: none;
  justify-content: space-around;padding:0; max-width:1050px; margin:0px auto }
.inPrtxt3 li{ margin:1%; width:300px; background-color:#FFF; display:block; padding:2%;box-shadow:3px 3px 6px rgba(0,0,0,0.5); text-align:center; border: 5px solid #FFFFFF}
.inPrtxt3 li:hover{ border: 5px solid #cb9b0e;cursor: pointer}


.inPrtxt2{display: flex;  align-items: center; flex-wrap: wrap;list-style-type: none;
  justify-content: space-around;padding:0; max-width:1050px; margin:0px auto; position:relative }
.inPrtxt2 li{
	font-family: 'cwTeXFangSong', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	margin: 1%;
	color: #FFF;
	cursor: pointer;
	padding:0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c39001;
	font-weight:600;
}
.inPrtxt2 li:hover{ color:#cc9b0e}



.inPrtxt4{display: flex;  align-items: center; flex-wrap: wrap;list-style-type: none;
  justify-content: space-around;padding:0; max-width:1050px; margin:0px auto }



@media screen and (min-width: 901px) {
.inPrtxt4 li{ width:400px}
}

@media screen and (max-width: 900px) {
.inPrtxt4 li{ width:100%}
}



.img{display:block}

.pa02img{
	background-repeat: no-repeat;
	width:100%; min-height:700px; display:block; position:relative; margin-top: 0px;
}
.pa02imgs{
	background-repeat: no-repeat;
	width:100%; min-height:400px; display:block; position:relative; background-size: cover;
}
.pa02title{
	font-family: 'cwTeXFangSong', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	
	
	writing-mode: tb-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
color: #FFF;
	font-size: 1em;
	width: 100px;
	height: 400px;
	position: absolute;
	z-index: 1;
	line-height: 2em;
	letter-spacing: 0.1em;	   
	}
.fontw{font-family: 'cwTeXFangSong', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;color: #FFF;font-size: 1em;}
.font2{font-family: 'cwTeXFangSong', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;font-size: 1em;}


#pa05pop{ top:0;left:0;width:100%; height:100%; background-color: rgba(0,0,0,0.5); position:fixed; z-index: 999999999; overflow-y: scroll;display: flex;  align-items: center; flex-wrap: wrap}




#pa0501p h3,#pa0502p h3,#pa0503p h3{ font-size: 0.8em; margin: 0; padding: 0;color: #997922}
@media screen and (min-width: 901px) {
.pa04{	margin-top: -100px!important;}
.close{ position: absolute; right:-50px; top:5px}
#pa0501p,#pa0502p,#pa0503p{width: 90%; max-width: 900px; min-height: 450px; background-color: #FFF; display: block; margin: 0px auto; padding:2%; position: relative}
.pa0501l{ font-size: 1em; margin: 0; padding: 0; float: left;width: 48%}
.pa0501r{ font-size: 1em; margin: 0; padding: 0; float: right;width: 48%; overflow-y: scroll; height: 380px}
}
.close:hover{transform: rotate(360deg);transition: .2s ease;}
.close{transform: rotate(0deg);transition: .2s ease;}

@media screen and (max-width: 900px) {
	section{display: none}
.pa04{	margin-top: -10px!important;}
.close{ position: absolute; right:30px; top:5px; position: fixed; z-index: 2}
#pa05pop{ top:0;left:0;width:100%; height:100%; background-color: rgba(255,255,255,1); display: none}
#pa0501p,#pa0502p,#pa0503p{width: 100%; height: 100%; background-color: #FFF; display: block; margin: 0px auto; position: relative}
.pa0501l{ font-size: 1em; margin: 1% 5%; padding: 0; float: left;width: 90%!important; display: block; position: relative}
.pa0501r{ font-size: 1em; margin: 1% 5%; padding: 0; float: left;width: 90%!important; display: block; position: relative}
}
br{font-size:0px}