@charset "UTF-8";
/* CSS Document */

html,body{
    width: 100%;
    min-height: 100%;
    overflow: scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.8;
   letter-spacing:1px;
   font-family:
    "ヒラギノ明朝 ProN W3",
    "HiraMinProN-W3",
    "HG明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "MS 明朝",
    serif;
   word-wrap: break-word;
   font-size:16px;
   color:#fff;
   /*background: url(../images/bg-b.png)repeat-y center;*/
   background: #fff;
   /*background-size: cover;*/
   background-attachment: fixed;
   text-align:left;
   overflow: hidden;
   width: 100%;
}

a{
  color: #6b5637;
  text-decoration: underline;
  transition: all .5s;
}

a:hover{
  color: #6b5637;
  text-decoration: none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.st{
  font-weight: bold;
  color: #897754;
  font-size: 1.2em;
}
.st_yb{
  font-weight: bold;
  color: #ff1;
  font-size: 1.8em;
}
.st_y{
  font-weight: bold;
  color: #ff1;
  font-size: 1.2em;
}
.st2{
  font-weight: bold;
  color: #b82037;
  font-size: 1.2em;
}
.clear{
  clear:both;
}

.contents{
	max-width: 980px;
  width: 980px;
  height: 100%;
	margin: 0 auto;
  font-size: 1.2em;
  background: trancepalent;
  position: relative;
  padding: 30px 0;
  text-align: center;
}
.bg-p .contents{
  text-align: left;
}

.contents p{
  margin-bottom: 20px;
}
p{
  margin: 40px 20px;
}
header{
  background: #f1f1f1;
}

main{
  background: #fff;
  /*padding-bottom:200px;*/
}

footer{
  background: #fff;
  clear: both;
  width: 100%;
  padding: 8px 0;
  text-align: center;
}

.headimage{
  height: 650px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/mainbg.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: 100%;
  /* height: 800px; */
  /* background-position: 50% 50%; */
  /*-moz-background-size:100% auto;
  background-size:100% auto;*/
}

#header{
  margin: 0 auto;
  background: url(../images/head_bg.png) center top no-repeat;
  text-align: center;
  width: 100%;
  height: 650px;
}
#header img{
  margin: 0 auto;
  width: 980px;
}
#content{
  margin: 10px 10px 50px 10px;
  background: #fff;
  float: left;
  max-width: 730px;
  width: 100%;
}

.bg2:after{
	content: "";
	display: block;
	clear: both;
}

.bg3:after{
	content: "";
	display: block;
	clear: both;
}

.bg4:after{
	content: "";
	display: block;
	clear: both;
}

.bg5:after{
	content: "";
	display: block;
	clear: both;
}

.bg6:after{
	content: "";
	display: block;
	clear: both;
}

.bg7:after{
	content: "";
	display: block;
	clear: both;
}

.bg8:after{
	content: "";
	display: block;
	clear: both;
}

.bg-w:after{
	content: "";
	display: block;
	clear: both;
}

.bg-p:after{
	content: "";
	display: block;
	clear: both;
}

.formtop{
  position: absolute;
  right:0px;
  bottom:10%;
  left:0px;
  margin:auto auto;
  width: 600px;
}
.head{
  /*position:relative;*/
  width: 100%;
  min-height: 700px;
	/*margin: 0 auto;*/
  background: url(../images/head_bg.png) center top no-repeat;
  /*background-size: 100%;*/
}
.button {
	background-color: #c00;
	color: #fff;
  padding: 30px 150px;
  font-size: 30px;
}
.button:hover {
	background-color: #59b1eb;
}

.headform{
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.imgR{
  float:right;
}

/*copyright*/
.copyright {
   font-size:12px;
   color:#333;
   text-align:center;
}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;

	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

table{
  width:780px;
  margin: 0 auto;
}

.tablemenu{
  width: 20%;
  background: #e8dfd2;
  text-align: center;
  border: #bbb 1px solid;
  vertical-align: middle;
  padding: 20px 0;
}

td{
  border: #bbb 1px solid;
  vertical-align: middle;
  padding: 20px 0 10px 20px;
}
.imgR{
  float: right;
}

.bg_top{
  background:  url(../images/bg_top.jpg) center top no-repeat;
  color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg1{
  background: trancepalent;
}
.bg_top{
  background:  url(../images/bg_top.jpg) center bottom no-repeat;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg2{
  background:  url(../images/bg2.jpg) center top no-repeat;
  color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-main{
  background:  url(../images/bg_main.jpg) center top no-repeat;
  color: #555;
  margin-bottom: -10px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg3{
  background: #b4a57e;
}

.bg3{
  background:  url(../images/bg3.jpg) center top no-repeat;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg4{
  background:  url(../images/bg4.jpg) center top no-repeat;
  color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg5{
  background:  url(../images/bg5.jpg) center bottom no-repeat;
  color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg5 p{
  color: #fff;
}

.bg6{
  background:  url(../images/bg6.jpg) center top no-repeat;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg7{
  background:  url(../images/bg7.jpg) center top no-repeat;
  color: #333;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_present{
  background:  url(../images/bg_present.jpg) center top no-repeat;
  color: #333;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg8{
  background:  url(../images/bg8.jpg) center top no-repeat;
  color: #333;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg9{
  background:  url(../images/bg9.jpg) center top no-repeat;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-p{
  background:  url(../images/bg-p.jpg) center top no-repeat;
  color: #6b5637;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_mainttl{
  background:  url(../images/bg2.png) center top no-repeat;
  background-attachment: fixed;
}

.bg-w{
  background: trancepalent;
  color: #333;
}

.submit{
  width: 100%;
  margin: 64px auto 0;
  text-align: center;
}

.form {
  width: 810px;
	text-align: center;
  color: #333;
	font-size: 30px;
  height: 120px;
  border-radius: 5px;
  box-sizing: border-box;
}

.form_submit{
  margin: 20px auto 0;
}


@media screen and (max-width: 768px) {
    body{
      font-size: 14px!important;
      line-height: 1.4em;
    }
    .contents{
      font-size: 12px!important;
    }
     #content, .contentsper, .contents, .footerarea{
          float: none;
          margin: 0 auto;
          width: 100%;
     }
     #content{
       margin-top: 50px;
       width: 95%;
     }
     p{
       margin:10px;
     }
     .contents img{
       width: 100%;
     }
     .copyright {
        font-size:9px;
     }
     .contents{
       font-size: 14px;
       padding:16px 0;
     }
     table{
       width:95%;
       margin: 0 auto 50px;
     }
     .tablemenu{
       width: 20%;
       background: #e8dfd2;
       text-align: center;
       border: #bbb 1px solid;
       vertical-align: middle;
       padding: 15px 0;
     }

     td{
       border: #bbb 1px solid;
       vertical-align: middle;
       padding: 15px 5px 10px 5px;
     }
     .headimage{
       width: 100%;
       height: auto;
       margin-bottom: -15px;
       background: url(../images/mainbg.jpg) center top no-repeat;
       -moz-background-size:100% auto;
       background-size:cover;
     }
     .headimage img{
       width: 100%;
     }
     .imgR{
       /*float: none;*/
       width: 50%!important;
     }
     .submit{
       width: 90%;
       margin: 0 auto;
       text-align: center;
     }
     .form {
      width: 90%;
      height: 50px;
      border-radius: 3px;
      font-size: 14px;
      padding-left: 10px;
      position: absolute;
      bottom:13%;
      right:0;
      left:0;
      margin:auto;
    }
    .form_submit{
      margin: 50px auto 0;
    }

}