@charset "UTF-8";
* {
  box-sizing: border-box; }

body {
  background: url(../img/bansan/body_bg.jpg);
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 1.5px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }



#key {
  background: url(../img/urayama/key.jpg) no-repeat center top; }

#key img {
  position: absolute;
  top: 204px;
  right: 50px; }

#header {
  background: url(../img/bansan/header_bg.png) repeat-x center top; }

#header .logo_header {
  top: 0;
  left: 0; }

#header .tel_header {
  top: 50px;
  right: 0; }

#sec1 {
  padding: 87px 0 101px;
  position: relative;
  z-index: 1; }
  #sec1:before {
    content: '';
    width: calc(50% + 235px);
    height: 624px;
    background-image: url("../img/urayama/sec1-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }
  #sec1 .inner:before {
    content: '';
    width: 572px;
    height: 503px;
    background-image: url("../img/urayama/sec1-deco.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -162px;
    top: 153px;
    z-index: -1; }
  #sec1 h2 {
    margin-left: 60px; }
  #sec1 .txt {
    width: 580px;
    margin: 24px 0 0 80px; }
  #sec1 ul {
    display: flex;
    justify-content: space-between;
    margin-top: 51px; }

#sec2 .blk {
  position: relative; }
  #sec2 .blk h2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 70px;
    z-index: 1; }
  #sec2 .blk .bg-parallax {
    min-height: 750px; }
  #sec2 .blk .bg1 {
    background-image: url("../img/urayama/sec2-bg1.jpg"); }
  #sec2 .blk .bg2 {
    background-image: url("../img/urayama/sec2-bg2.jpg"); }
#sec2 .note {
  text-align: center;
  padding-top: 41px;
  color: #fff;
	line-height: 40px;
  font-size: 20px; }
#sec2 .price {
  color: #a46f2b;
  font-size: 23px;
  letter-spacing: 2px;
  margin: 10px 0 13px 6px; }
  #sec2 .price small {
    font-size: 18px; }
#sec2 .set1 {
  margin-top: 41px; }
  #sec2 .set1 .text {
    width: 411px;
    float: right;
    margin: 41px 24px 0 0; }
    #sec2 .set1 .text .txt {
      padding-left: 5px; }
  #sec2 .set1 .img {
    width: 620px;
    float: left;
    margin-left: -100px; }
  #sec2 .set1 .img2 {
    width: 500px;
    float: right;
	  margin-top: 50px;
    margin-right: -100px; }
#sec2 .set2 {
  margin-top: 80px;
  position: relative;
	padding-bottom: 50px;
  z-index: 0; }
  /*#sec2 .set2:before {
    content: '';
    width: 738px;
    height: 492px;
    background-image: url("../img/urayama/sec2-simg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -51px;
    top: 79px;
    z-index: -1; }*/
  #sec2 .set2 .text {
    width: 406px;
    float: left;
    margin: 40px 0 0 43px; }
    #sec2 .set2 .text .price {
      margin-top: 6px; }
    #sec2 .set2 .text .txt {
      padding-left: 7px; }
  #sec2 .set2 .img {
    width: 620px;
    float: right;
    margin-right: -100px; }
  #sec2 .set2 .img2 {
    width: 500px;
    float: left;
	  margin-top: 50px;
    margin-left: -100px; }
#sec2 .set3 {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: 80px; }
  #sec2 .set3:before {
    content: '';
    width: 399px;
    height: 348px;
    background-image: url("../img/urayama/sec2-deco1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: -45px;
    z-index: -1; }
  #sec2 .set3 .ttl {
    position: absolute;
    top: 109px;
    right: 50px;
    z-index: 1; }
    #sec2 .set3 .ttl .price {
      margin: 14px 0 0 -10px; }
  #sec2 .set3 .img img {
    margin-left: 2px; }
  #sec2 .set3 .txt {
    margin-top: 23px; }
#sec2 .set4 {
  text-align: center;
  margin-top: 45px;
  position: relative;
  z-index: 1; }
  #sec2 .set4 h3 {
    margin-top: -38px;
    position: relative;
    z-index: 1; }
  #sec2 .set4 .price {
    margin: 14px 0 12px 2px; }
  #sec2 .set4 .txt-box {
    width: 500px;
    margin: 20px auto 0;
    border: 1px solid #fff;
    text-align: center;
    padding: 19px 0 17px; }
#sec2 .set5 {
  position: relative;
  z-index: 0;
  margin-top: 50px;
  padding-bottom: 70px; }
  #sec2 .set5 h3 {
    position: absolute;
    top: -85px;
    right: 111px;
    z-index: 1; }
    #sec2 .set5 h3:before {
      content: '';
      width: 532px;
      height: 473px;
      background-image: url("../img/urayama/sec2-deco2.png");
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      top: -139px;
      left: -240px; }
  #sec2 .set5 .img {
    margin-left: 50px; }
  #sec2 .set5 .txt {
    position: relative;
    margin-top: -125px;
    padding: 0 20px 0 642px; }
#sec2 .set6 {
  background-image: url("../img/urayama/sec2-bg.jpg");
  background-size: cover;
  background-position: center;
  color: #000;
  padding: 78px 0 82px; }
  #sec2 .set6 h3 {
    margin-left: 545px; }
  #sec2 .set6 .txt {
    padding: 22px 68px 0 632px; }
#sec2 .botan a{
	width: 400px;
	margin: 30px 0 0 550px;
	padding: 15px 0;
	display: block;
	color: #fff;
text-shadow: 0px 0px 5px rgba(146,119,83,0.5);	
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	background: rgb(168 29 10);
	border-bottom: 4px #3E1500 solid;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	font-weight: bold;
}

#sec3 {
  position: relative;
  z-index: 1; }
  #sec3 .inner:before {
    content: '';
    width: 1500px;
    height: 362px;
    background-image: url("../img/urayama/sec3-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -250px;
    top: 0;
    z-index: -1; }
  #sec3 h2 {
    text-align: center;
	  font-size: 40px;
	  padding-bottom: 10px;
    padding-top: 85px; }
  #sec3 .note {
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 21px 0 40px; }
  #sec3 .blkL {
    width: 350px;
    float: left;
    margin: 26px 0 50px 30px; }
    #sec3 .blkL h3 {
      font-size: 25px;
      margin-bottom: 26px;
line-height: 40px;}
    #sec3 .blkL .price {
      font-size: 18px;
      letter-spacing: 3px;
      color: #a46f2b;
      position: relative;
      padding-top: 15px;
      margin-bottom: 32px; }
      #sec3 .blkL .price:before {
        content: '';
        width: 130px;
        height: 1px;
        background: #a46f2b;
        position: absolute;
        left: 0;
        top: 0; }
      #sec3 .blkL .price span {
        font-size: 23px; }
    #sec3 .blkL .box {
      border: 1px solid #fff;
      padding: 33px 36px 33px; }
      #sec3 .blkL .box h4 {
        text-align: center;
        font-size: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 14px;
        margin-bottom: 21px; }
  #sec3 .blkR {
    width: 545px;
    float: right;
    margin-right: 45px; }
    #sec3 .blkR .txt {
      padding-top: 10px;}


#sec4 {
  padding: 84px 0 100px; }
  #sec4 h2 {
    text-align: center; }
  #sec4 .note {
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-top: 21px; }
  #sec4 dl {
    margin-bottom: 12px; 
padding-top: 50px;}
    #sec4 dl dt {
      font-size: 25px;
      margin-bottom: 24px;
      letter-spacing: 2.5px; }
    #sec4 dl dd {
      color: #a46f2b;
      font-size: 23px;
      letter-spacing: 3px;
      position: relative;
      padding-top: 15px; }
      #sec4 dl dd:before {
        content: '';
        width: 130px;
        height: 1px;
        background: #a46f2b;
        position: absolute;
        left: 0;
        top: 0; }
      #sec4 dl dd small {
        font-size: 18px; }
  #sec4 .set1 {
    margin-top: 50px;
    position: relative; }
    #sec4 .set1:before {
      content: '';
      width: 440px;
      height: 360px;
      background-image: url("../img/urayama/sec4-deco.png");
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      top: -164px;
      right: -18px; }
    #sec4 .set1 .text {
      width: 340px;
      float: right;
      margin: 45px 40px 0 0; }
    #sec4 .set1 .img {
      width: 500px;
      float: left;
      margin-left: 60px; }
  #sec4 .set2 {
    margin-top: 30px; }
    #sec4 .set2 .text {
      width: 340px;
      float: left;
      margin: 45px 0px 0 79px; }
    #sec4 .set2 .img {
      width: 500px;
      float: right;
      margin-right: 60px; }
  #sec4 .set3 {
    margin-top: 40px; }
    #sec4 .set3 .text {
      width: 340px;
      float: right;
      margin: 45px 40px 0 0; }
    #sec4 .set3 .img {
      width: 500px;
      float: left;
      margin-left: 60px; }

#sec5 {
  position: relative;
  z-index: 1; }
  #sec5 .inner:before {
    content: '';
    width: 1500px;
    height: 537px;
    background-image: url("../img/urayama/sec5-top.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -250px;
    top: 0;
    z-index: -1; }
  #sec5 h2 {
    text-align: center;
    padding-top: 87px; }
  #sec5 .blk1 .blk1L {
    width: 500px;
    float: left; }
    #sec5 .blk1 .blk1L .bg {
      margin: 30px 0 -97px -51px; }
    #sec5 .blk1 .blk1L .img {
      position: relative; }
  #sec5 .blk1 .blk1R {
    width: 500px;
    float: right;
    position: relative;
    z-index: 1; }
    #sec5 .blk1 .blk1R .floor {
      margin-top: -6px; }
    #sec5 .blk1 .blk1R .ttl {
      font-size: 33px;
      letter-spacing: 4px;
      margin: 61px 0 19px 0; }
  #sec5 .blk2 .blk2L {
    width: 500px;
    float: left;
    position: relative;
    z-index: 1; }
    #sec5 .blk2 .blk2L .floor {
      margin: 42px 0 0 49px; }
    #sec5 .blk2 .blk2L .txt {
      padding: 51px 38px 0 49px; }
  #sec5 .blk2 .blk2R {
    width: 500px;
    float: right; }
    #sec5 .blk2 .blk2R .bg {
      margin: 60px 0 -109px -102px; }
    #sec5 .blk2 .blk2R .img {
      position: relative; }

#sec6 {
  margin-top: 101px; }
  #sec6 .blk1 {
    width: 1400px;
    margin-left: -200px;
    background-image: url("../img/urayama/bg.jpg");
    padding: 97px 0 69px;
    position: relative;
    z-index: 1;
    color: #000; }
    #sec6 .blk1:before {
      content: '';
      width: 379px;
      height: 339px;
      background-image: url("../img/urayama/sec6-deco.png");
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      left: 236px;
      top: -48px; }
    #sec6 .blk1:after {
      content: '';
      width: calc(50% - 97px);
      height: 788px;
      background-image: url("../img/urayama/sec6-img.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: left top;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1; }
    #sec6 .blk1 h2 {
      text-align: center; }
    #sec6 .blk1 .info {
      line-height: 25px;
      padding: 44px 0 0 300px; }
      #sec6 .blk1 .info dl {
        width: 100%;
        display: table;
        margin-bottom: 25px; }
        #sec6 .blk1 .info dl dt {
          display: table-cell;
          width: 202px; }
        #sec6 .blk1 .info dl dd {
          display: table-cell; }
  #sec6 .blk2 {
    width: 1400px;
    background: #050505;
    margin-left: -200px;
    padding-bottom: 73px; }
    #sec6 .blk2 .img {
      text-align: center; }
    #sec6 .blk2 .box {
      width: 800px;
      margin: -63px auto 0;
      border: 1px solid #fff;
      position: relative;
      z-index: 1;
      text-align: center;
      padding: 54px 150px 49px; }
      #sec6 .blk2 .box .ttl {
        font-size: 25px;
        border-bottom: 1px solid #fff;
        padding-bottom: 23px;
        margin-bottom: 21px; }
    #sec6 .blk2 .ggmap {
      width: 1200px;
      height: 550px;
      margin: 40px auto 40px; }
      #sec6 .blk2 .ggmap iframe {
        width: 100%;
        height: 100%; }
    #sec6 .blk2 .df {
      display: flex;
      justify-content: center; }
      #sec6 .blk2 .df div {
        width: 420px;
        margin: 0 20px; }
      #sec6 .blk2 .df .print {
        text-align: center;
        margin-top: 11px; }
        #sec6 .blk2 .df .print a {
          text-decoration: underline;
          color: #fff; }
          #sec6 .blk2 .df .print a:hover {
            text-decoration: none;
            color: #fff; }
      #sec6 .blk2 .df .copy {
        cursor: pointer; }