#key .frame {
  background: url("../img/index/key.jpg") no-repeat center/cover;
}

#read1 {
  padding-top: 200px;
  padding-bottom: 205px;
  text-align: center;
  background: url("../img/index/sec1_bg.png") no-repeat top center #c9b299;
}

#read1 .txt {
  margin-top: 25px;
}

#read2 {
  padding-top: 185px;
  padding-bottom: 87px;
  background: -webkit-linear-gradient(#c9b299 0, #c9b299 260px, transparent 260px, transparent 100%);
  background: -o-linear-gradient(#c9b299 0, #c9b299 260px, transparent 260px, transparent 100%);
	background: linear-gradient(#c9b299 0, #d2bca3 260px, transparent 260px, transparent 100%);
}

#read2 .sub_txt{
	margin-top: 10px;
}

#read2 .midashi1{
	text-align: center;
	margin-bottom: 10px;
}

#read2 .midashi2{
    text-align: center;
    margin-top: 33px;
	margin-bottom: 10px;
}

#read2 .ttls {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 110px;
}

#read2 .ttls:before {
  content: "";
  background: #252525;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -50vw;
}

#read2 h2 {
  line-height: 1;
  font-weight: 900;
  margin-left: 58px;
}

#read2 .ttl {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#read2 .ttl .r1 {
	letter-spacing: 0.26em;
    font-size: 28px;
    width: 37px;
    height: 330px;
}

#read2 .ttl .r2 {
    letter-spacing: 0.28em;
    margin-right: 8px;
    font-size: 45px;
    margin-top: 51px;
    height: 350px;
    line-height: 63px;
    width: 70px;
}

#read2 .img1 {
  position: absolute;
  top: 80px;
  left: 250px;
}

#read2 .img2 {
  position: absolute;
  top: -64px;
  right: -57px;
}

#read2 .txt {
  margin: -45px 0 0 -70px;
  position: relative;
  padding: 60px 60px 70px 70px;
  width: 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/index/sec2_txtbg.png");
}

#wats .heading {
  position: relative;
  height: 822px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wats .heading:before {
  content: "";
  z-index: -1;
  width: calc(50% + 480px);
  background: url("../img/index/sec3_bg.jpg") no-repeat center/cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

#wats .heading h2 {
  padding-top: 334px;
  position: relative;
}

#wats .heading h2:before {
  content: url("../img/shared/cider.png");
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 216px;
  right: -72px;
}

#wats .heading h2 span {
  display: block;
}

#wats .heading h2 .r1 {
  font-size: 32px;
  position: relative;
  margin-left: 150px;
  padding-left: 256px;
  letter-spacing: 0.26em;
}

#wats .heading h2 .r1:before {
  content: "";
  width: 240px;
  height: 1px;
  background: #252525;
  position: absolute;
  top: 50%;
  left: 0;
}

#wats .heading h2 .r2 {
  margin-right: -8px;
  letter-spacing: 0.14em;
  text-align: right;
  font-size: 57px;
  font-weight: 900;
}

#wats .main {
  padding-bottom: 82px;
  position: relative;
  background: #252525 url("../img/index/sec3_book.jpg") no-repeat center top 71px;
}

#wats .main h3 {
  text-align: center;
  position: absolute;
  top: -138px;
  right: 0;
  left: 0;
  z-index: 1;
}

#wats .main .slider {
  position: relative;
}

#wats .main .tab-link {
  position: absolute;
  top: -83px;
  right: 2px;
  z-index: 1;
}

#wats .main .tab-link li {
  height: 165px;
  overflow: hidden;
}

#wats .main .tab-link li.active {
  height: auto;
}

#wats .main .tab-link li:not(.active):hover {
  height: 175px;
  margin-top: -10px;
}

#wats .main .tab-link li + li {
  margin-left: 10px;
}

#wats .main .tab-content {
  padding: 100px 0 20px;
}

#wats .main .tab-content .item {
  height: 810px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wats .main .box1 {
  padding-top: 42px;
}

#wats .main .box1 .txt1 {
  letter-spacing: 0.05em;
  font-size: 15px;
  width: 450px;
  margin: 13px 0 22px;
  line-height: 1.55;
}

#wats .main .box1 .txt1 p + p {
  margin-top: 23px;
}

#wats .main .box1 .txt2 {
  width: 477px;
  text-align: center;
  margin-bottom: 30px;
}

#wats .main .box1 .txt2 dl {
  width: 115px;
  height: 125px;
  background: rgba(188, 121, 50, 0.16);
}

#wats .main .box1 .txt2 dd {
  margin-top: 3px;
  font-size: 13px;
}

#wats .main .box1 .txt3 {
  margin-top: 22px;
  margin-bottom: 13px;
}

#wats .main .box1 .txt3 p.fl {
  margin-top: 4px;
}

#wats .main .box1 .txt3 dl {
  width: 340px;
  zoom: 1;
  line-height: 1.3;
  margin-bottom: 7px;
}

#wats .main .box1 .txt3 dl:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#wats .main .box1 .txt3 dt {
  text-align: right;
  width: 65px;
  float: left;
  font-size: 18px;
  font-weight: bold;
}

#wats .main .box1 .txt3 dd {
  margin-top: 3px;
  float: left;
  text-indent: -22px;
  margin-left: 22px;
  font-size: 15px;
  letter-spacing: 0.05em;
}

#wats .main .box1 .txt4 {
  width: 420px;
  text-align: center;
  font-size: 15px;
  margin-left: auto;
  margin-right: 3px;
}

#wats .main .box1 .txt4 dt {
  font-size: 20px;
  font-weight: bold;
  padding-top: 22px;
  padding-bottom: 1px;
}

#wats .main .box1 .txt4 dl {
  line-height: 1.5;
  position: relative;
  width: 123px;
  height: 123px;
}

#wats .main .box1 .txt4 dl:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(188, 121, 50, 0.16);
  width: 123px;
  height: 123px;
  border-radius: 50%;
}

#wats .main .box1 .txt4 dl:nth-child(1) dd {
  margin: 0 -24px 0 -20px;
}

#wats .main .box2 {
  padding-top: 21px;
}

#wats .main .box2 .txt1 {
  position: relative;
}

#wats .main .box2 .txt1 .txt {
  font-size: 15px;
  line-height: 1.55;
  position: absolute;
  top: 276px;
  left: 200px;
  letter-spacing: 0.05em;
}

#wats .main .box2 .txt2 {
  position: relative;
}

#wats .main .box2 .txt2 li {
  position: absolute;
  text-align: center;
  color: #4b423c;
  line-height: 1.25;
  letter-spacing: 0;
}

#wats .main .box2 .txt2 li strong {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}

#wats .main .box2 .txt2 li p.fnt-mincho {
  font-size: 19px;
  font-weight: 900;
  color: #252525;
}

#wats .main .box2 .txt2 li .txt {
  letter-spacing: 0;
}

#wats .main .box2 .txt2 .li1 {
    top: 74px;
    left: 10px;
    width: 125px;
}

#wats .main .box2 .txt2 .li2 {
    top: 74px;
    left: 154px;
    width: 200px;
}

#wats .main .box2 .txt2 .li3 {
	top: 136px;
    left: 40px;
    width: 200px;
}

#wats .main .box2 .txt2 .li3 .txt {
  margin-top: -7px;
  font-size: 15px;
}

#wats .main .box2 .txt2 .li4 {
    top: 150px;
    left: 275px;
    width: 110px;
}

#wats .main .box2 .txt2 .li5 {
    line-height: 18px;
    width: 160px;
    left: 7px;
    top: 298px;
}

#wats .main .box2 .txt2 .li6 {
    width: 280px;
    left: 172px;
    top: 244px;
}
#wats .main .box2 .txt2 .li7 {
    line-height: 15px;
    width: 280px;
    left: -51px;
    top: 241px;
}

#wats .main .box2 .txt2 .li7 p{
    font-size: 15px !important;
    letter-spacing: 0px;
}

#wats .main .box2 .txt2 .li6 .txt {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
}

#wats .main .box2 .txt3 dt {
  width: 110px;
  float: left;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#wats .main .box2 .txt3 dt i {
  display: block;
}

#wats .main .box2 .txt3 dd {
  margin-top: 2px;
  width: 337px;
  float: right;
  font-size: 15px;
  letter-spacing: 0.05em;
}

#wats .main .box2 .txt3 dd strong {
  font-size: 16px;
  display: block;
}

#wats .main .box2 .txt3 dl {
  line-height: 1.5;
  padding: 16px 0;
  zoom: 1;
  background: url("../img/index/sec3_tab2_dashed.png") repeat-x bottom;
}

#wats .main .box2 .txt3 dl:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#wats .main .box2 .txt3 dl:nth-child(2) {
  margin-bottom: 5px;
  padding-bottom: 20px;
}

#wats .main .box2 .txt3 dl:nth-child(4) {
  padding: 20px 0 8px;
}

#wats .main .box2 .txt3 dl:nth-child(5) {
  padding: 20px 0;
}

#wats .main .box2 .txt3 dl:nth-child(6) {
  padding-bottom: 20px;
}

#wats .main .box3 {
  padding-top: 22px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
}


#wats .main .box3 .btn_txt6{
    position: absolute;
    top: 68px;
    right: -10px;
    z-index: 9999;
}

#wats .main .box3 .txt2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 36px;
  margin-top: 20px;
}

#wats .main .box3 .txt2 dt {
  padding: 2px 0;
  font-weight: 900;
  font-size: 21px;
  color: #85342a;
  position: relative;
  letter-spacing: 0;
}

#wats .main .box3 .txt2 dt:before {
  content: url("../img/index/sec3_tab3_ico.png");
  position: absolute;
  top: 0;
  left: -35px;
  font-size: 0;
  line-height: 0;
}

#wats .main .box3 .txt2 dd {
  padding: 16px 20px 20px;
  line-height: 1.55;
  background: rgba(188, 121, 50, 0.16);
}

#wats .main .box3 .txt2 dl {
  margin-bottom: 11px;
}

#wats .main .box3 .txt2 dl:last-child {
  margin-top: 20px;
}

#wats .main .box3 .col {
  width: 450px;
}

#wats .main .box3 .ttl2 {
  font-weight: 900;
  font-size: 22px;
  padding: 8px;
  letter-spacing: 0;
}

#wats .main .box3 .txt3 {
  background: rgba(255, 255, 255, 0.24);
}

#wats .main .box3 .txt3 dd {
  padding: 5px 10px 14px 24px;
}

#wats .main .box3 .txt4 {
  position: relative;
}

#wats .main .box3 .txt4 dd {
  width: 330px;
  position: absolute;
  top: 82px;
  right: 0;
  text-align: center;
}

#wats .main .box3 .txt5 {
  margin-bottom: 20px;
}

#wats .main .box3 .txt5 .txt {
  margin-left: -5px;
  margin-top: 8px;
  width: 350px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

#wats .main .box3 .txt5 .img {
  margin-top: 3px;
}

#wats .main .box3 .txt6 {
  position: relative;
}

#wats .main .box3 .txt6 dd {
  width: 350px;
  position: absolute;
  top: 83px;
  left: 26px;
}

#wats .number{
    position: absolute;
    bottom: -3px;
    z-index: 9999;
    left: 217px;
}
#wats .number_2{
    position: absolute;
    bottom: -27px;
    z-index: 9999;
    left: 217px;
}
#wats .number_r{
    position: absolute;
    bottom: -3px;
    z-index: 9999;
    right: 193px;
}

#menu {
  padding-bottom: 44px;
  background: url("../img/shared/pt2.jpg");
  position: relative;
}
#menu .text_etc{
    position: absolute;
    top: 264px;
    left: 155px;
}

#menu .heading {
  margin-bottom: 30px;
  padding-top: 197px;
  position: relative;
  padding-left: 77px;
  z-index: 1;
}

#menu .heading:after {
  content: url("../img/index/sec4_ttls.png");
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#menu .heading:before {
  content: "";
  width: 50vw;
  z-index: -1;
  background: #e5cfb3 url("../img/index/sec4_line.jpg") repeat-y top right 19px;
  position: absolute;
  top: 0;
  right: calc(100% - 125px);
  bottom: 0;
}

#menu h3 {
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.25em;
  overflow: hidden;
  padding: 68px 0 57px;
}

#menu h3 span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}

#menu h3 span:before, #menu h3 span:after {
  content: "";
  height: 4px;
  top: 50%;
  width: 500px;
  position: absolute;
  background: #383636;
}

#menu h3 span:before {
  right: 100%;
}

#menu h3 span:after {
  left: 100%;
}

#menu .item {
  width: 490px;
  margin-bottom: 48px;
  position: relative;
  background: url("../img/index/sec4_txtbg.jpg");
}

#menu .item .num {
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  text-align: center;
}

#menu .item dt {
  position: relative;
  font-size: 25px;
  font-weight: 900;
  text-align: right;
  min-height: 122px;
  padding: 35px 77px 10px 20px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#menu .item dt:before {
  content: "";
  height: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/shared/line.jpg");
}

#menu .item dt small {
  font-size: 15px;
  font-weight: 400;
  display: block;
  letter-spacing: 0;
  margin-right: 3px;
}

#menu .item dt i {
  width: 45px;
  height: 53px;
  position: absolute;
  top: 44px;
  right: 17px;
}

#menu .item dt i.ico1 {
  background: url("../img/index/sec4_ico1.png") no-repeat center/contain;
}

#menu .item dt i.ico2 {
  background: url("../img/index/sec4_ico2.png") no-repeat center/contain;
}

#menu .item dt i.ico3 {
  background: url("../img/index/sec4_ico3.png") no-repeat center/contain;
}

#menu .item dd {
  padding: 8px 20px 20px;
}

#menu .item strong {
  font-size: 16px;
  display: block;
  letter-spacing: 0.1em;
}

#menu .item strong span {
  font-size: 21px;
}

#menu .item .box {
  position: relative;
  margin-right: 5px;
}

#menu .item .box strong {
  text-align: right;
  margin-bottom: 17px;
}

#menu .item .box .txt {
  width: 285px;
  margin-left: auto;
  line-height: 1.8;
  min-height: 290px;
}

#menu .item .box .img {
  position: absolute;
  bottom: 0;
  left: 0;
}

#menu .item .box2 {
  padding: 12px 25px 10px;
  border: 1px solid #000;
}

#menu .item .box2 .txtArea {
  margin-top: 3px;
  width: 270px;
}

#menu .item .box2 .img {
  position: relative;
  width: 125px;
  height: 125px;
}

#menu .item .box2 .img span {
  display: block;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: #959595;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#menu .item .box2 .txt {
  margin-top: 5px;
  font-size: 15px;
  line-height: 1.55;
}

#menu .item1 .box .txt, #menu .item2 .box .txt {
  min-height: 308px;
  padding-bottom: 10px;
}

#menu .item4 dt, #menu .item5 dt {
  letter-spacing: 0;
}

#bnr {
  text-align: center;
  padding: 250px 0 195px;
  background: url("../img/index/sec5_bg.jpg") no-repeat center/cover;
}

#bnr h2 {
  font-size: 38px;
  letter-spacing: 0.14em;
  font-weight: 900;
  color: #ffffff;
}

#bnr ul {
  margin-top: 70px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#bnr ul li {
  padding: 0 10px;
}

#bnr ul a {
  width: 287px;
}

/*# sourceMappingURL=index.css.map */