@charset "UTF-8";
@media screen and (min-width: 768px),print {
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-200px;padding-bottom:200px;}

#main-bx{ width:100%; max-width:1920px; margin:0 auto 121px; overflow: hidden; }
#main-bx .ttl{ text-align:center; font-size:60px; font-weight:550; letter-spacing:12px; line-height:1.5; margin-bottom:65px; }
#main-bx .ttl .ttl1{ font-size:39px; letter-spacing:7.8px; }
#main-bx .list{ margin-bottom:102px; }
/* スライダー本体 */
#main-bx .slider {
  width: 100%;
}

/* slick のリストははみ出してOK、カットは #main-bx でやる */
#main-bx .slick-list {
  overflow: visible;
}

/* ★ ここで「白余白 40px」を固定で確保する */
#main-bx .slider li {
  list-style: none;
  padding: 0 40px;         /* 左右 40px の白い帯 */
  box-sizing: border-box;
}

/* 中央の画像：padding を除いた内側いっぱい（＝1920時に1200px） */
#main-bx .slider img.pc {
  width: 100%;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}

#main-bx h3{ font-size:39px; font-weight:550;letter-spacing:7.8px; line-height:66px; text-align:center; margin-bottom:75px; }
#main-bx h3 span{ font-size:60px; letter-spacing:12px; }
#main-bx .txt{ text-align:center; font-size:21px; line-height:44px; letter-spacing:3px; }
#main-bx .mb1{ margin-bottom:32px; }

#con01{ max-width:1920px; margin:0 auto; padding-bottom: 80px; background-color:#F6F6F6; }
#con01 .pic{ width:100%; }
#con01 .pic img{ width:100%; }
#con01 .inner-Box{ width:980px; margin:-6.6% auto 0; padding: 47px 50px 94px; background-color:#fff; box-shadow: 0px 10px 10px rgba(0, 0, 0, .2); position:relative; z-index:1; }
#con01 .txt{ text-align:center; font-size:22px; font-weight:550; line-height:61px; letter-spacing:2.2px; color:#B19C68; margin-bottom:18px; }
#con01 .ttl{ text-align:center; margin-bottom:26px; }
#con01 .list{ width:734px; margin:0 auto; }
#con01 .list li{ padding-left: 77px; font-size:22px; line-height:60px; letter-spacing:1.1px; margin-bottom:6px; position:relative; }
#con01 .list li span{ padding-bottom: 6px; border-bottom:1px solid #B19C68; }
#con01 .list li.num1::before{content: '01'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num2::before{content: '02'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num3::before{content: '03'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num4::before{content: '04'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num5::before{content: '05'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num6::before{content: '06'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num7::before{content: '07'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li.num8::before{content: '08'; display: inline-block; position:absolute; top:2px; left:20px; }
#con01 .list li:hover{ background-color:#F8F8F8; }
#con01 .list li a:hover{ text-decoration:none; }

#con02{ max-width:1920px; margin:0 auto; padding-bottom: 150px; background-color:#F6F6F6; }
#con02 .box{ width:1100px; min-height: 565px; margin:0 auto 50px; background-color:#fff; position:relative; padding:172px 80px 50px 145px }
#con02 .box .num{ position:absolute; top:41px; left:65px; }
#con02 .box .pic{ position:absolute; top:165px; right:80px; }
#con02 .box .txt-box{ width:405px; }
#con02 .box .ttl{ font-size:24px; line-height:50px; letter-spacing:1.2px; margin-bottom:36px; }
#con02 .box .ttl span{ padding-block:6px; border-bottom:1px solid #B19C68; }
#con02 .box .txt{ font-size:16px; line-height:32px; letter-spacing:0.8px; }
#con02 .inner8 .ttl{ width:430px; }

#con03{ max-width:1920px; margin:0 auto 124px; padding:87px 0 0; background: url(../images/hiraya/con03-bg01.png) no-repeat center top; }
#con03 .ttl{ text-align: center; font-size:50px; font-weight:550; line-height:83px; letter-spacing:2.5px; color:#B19C68; margin-bottom:15px; }
#con03 .ttl span{ padding-bottom: 6px; border-bottom:1px solid #B19C68; }
#con03 .txt{ font-size:30px; font-weight:550; line-height:50px; letter-spacing:5px; text-align:center; margin-bottom: 140px;}
#con03 .box{ width:1200px; margin:0 auto 60px; background-color:#F5F5F5; }
#con03 .box .ttl-box{ background-color:#EEECE8; padding:19px 61px 13px 100px; position:relative; }
#con03 .box .ttl-box .price{ position:absolute; top:11px; right:61px; }
#con03 .box .inbox{ padding:50px 50px 70px; }
#con03 .box .list1{ display: flex; justify-content: space-between; margin-bottom:53px; }
#con03 .box h4{ text-align:center; font-size:24px; line-height:50px; letter-spacing:1.2px; margin-bottom: 24px; }
#con03 .box .txt{ width:870px; margin:0 auto; font-size:16px; line-height:32px; letter-spacing:0.8px; text-align:left; margin-bottom:53px; }
#con03 .box .list2{ display: flex; justify-content: space-between; }

#con04{ width:1100px; margin:0 auto; }
#con04 .ttl{ text-align:center; font-size:39px; font-weight:550; line-height:66px; letter-spacing:7.5px; margin-bottom:63px; }
#con04 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con04 .list li{ width:229px; margin-right:61px; margin-bottom:63px; }
#con04 .list li:nth-child(4n){ margin-right:0; }
#con04 .list li img{ margin-bottom:10px; }
#con04 .list li p{ font-size:16px; line-height:32px; letter-spacing:0.8px; }


}
@media screen and (max-width: 767px) {

.ank-btn{ position:fixed; bottom:24vw; right:4vw; width:22vw; z-index:999; }

#main-bx{ margin:0 auto 15vw; overflow: hidden; }
#main-bx .ttl{ text-align:center; font-size:8vw; font-weight:550; letter-spacing: 0.9vw; line-height: 1.6; margin-bottom:8vw; }
#main-bx .ttl .ttl1{ font-size:5vw; letter-spacing: 0.5vw; }
#main-bx .list{ margin-bottom:15vw; }
/* スライダー本体 */
#main-bx .slider { }
/* slick のリストははみ出してOK、カットは #main-bx でやる */
#main-bx .slick-list {
  overflow: visible; }
/* ★ ここで「白余白 9.66vw」を固定で確保する */
#main-bx .slider li {
  list-style: none;
  padding: 0 2vw;         /* 左右 9.66vw の白い帯 */
  box-sizing: border-box; }
/* 中央の画像：padding を除いた内側いっぱい（＝1920時に25vw） */
#main-bx .slider img.pc {
  max-display: block;
  margin: 0 auto; }
#main-bx .slick-dots li button:before{ font-size:35px!important; }
#main-bx h3{ font-size:7vw; font-weight:550;letter-spacing: 0.5vw; line-height: 1.6; text-align:center; margin-bottom:8vw; }
#main-bx h3 span{ font-size:10vw; letter-spacing: 0.5vw; }
#main-bx .txt{ padding: 0 8vw; font-size:3.8vw; line-height: 1.8; letter-spacing: 0.24vw; }
#main-bx .mb1{ margin-bottom:6vw; }

#con01{ margin:0 auto; padding-bottom: 12vw; background-color:#F6F6F6; }
#con01 .pic{ }
#con01 .pic img{ }
#con01 .inner-Box{ margin:-6.6% 5vw 0; padding: 8vw 6vw 4vw; background-color:#fff; box-shadow: 0vw 2.41vw 2.41vw rgba(0, 0, 0, .1); position:relative; z-index:1; }
#con01 .txt{ text-align:center; font-size:5vw; font-weight:550; line-height: 1.6; letter-spacing: 0.24vw; color:#B19C68; margin-bottom:4.34vw; }
#con01 .ttl{ text-align:center; margin: 0 6vw 6vw; }
#con01 .list{ margin:0 auto; }
#con01 .list li{ padding-left: 9vw; font-size:3.8vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:5vw; position:relative; }
#con01 .list li span{ padding-bottom: 1.44vw; border-bottom:0.24vw solid #B19C68; }
#con01 .list li.num1::before{content: '01'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num2::before{content: '02'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num3::before{content: '03'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num4::before{content: '04'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num5::before{content: '05'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num6::before{content: '06'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num7::before{content: '07'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li.num8::before{content: '08'; display: inline-block; position:absolute; top:0.48vw; left:1.83vw; }
#con01 .list li:hover{ background-color:#F8F8F8; }
#con01 .list li a:hover{ text-decoration:none; }

#con02{ margin:0 auto; padding-bottom: 5vw; background-color:#F6F6F6; }
#con02 .box{ margin:0 auto 12vw; background-color:#fff; position:relative; padding:12vw 5vw 12vw; box-shadow: 0vw 2.41vw 2.41vw rgba(0, 0, 0, .1); }
#con02 .box .num{ margin:0 37vw 4vw; }
#con02 .box .pic{ margin-bottom:6vw; }
#con02 .box .txt-box{ }
#con02 .box .ttl{ text-align: center; font-size:5.6vw; line-height: 2; letter-spacing: 0.24vw; margin-bottom:6vw; }
#con02 .box .ttl span{ padding-block:1.44vw; border-bottom:0.24vw solid #B19C68; }
#con02 .box .txt{ font-size:3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con02 .inner8 .ttl{ }

#con03{ margin:0 auto 15vw; padding:12vw 0 0; background: url(../images/hiraya/sp-con03-bg01.png) no-repeat center top; background-size: 100%; }
#con03 .ttl{ text-align: center; font-size:8vw; font-weight:550; line-height: 1.6; letter-spacing: 0.24vw; color:#B19C68; margin-bottom:3.62vw; }
#con03 .ttl span{ padding-bottom: 1.44vw; border-bottom:0.24vw solid #B19C68; }
#con03 .txt{ font-size:5.5vw; font-weight:550; line-height: 1.8; letter-spacing: 0.24vw; text-align:center; margin-bottom: 25vw; }
#con03 .box{ margin:0 5vw 12vw; background-color:#F5F5F5; }
#con03 .box .ttl-box{ background-color:#EEECE8; padding: 7vw 5vw 7vw; position:relative; }
#con03 .box .ttl-box .ttl1{ margin:0 16vw 5vw; }
#con03 .box.box2 .ttl-box .ttl1{ margin:0 25vw 5vw; }
#con03 .box.box3 .ttl-box .ttl1{ margin:0 25vw 5vw; }
#con03 .box .ttl-box .price{ margin:0 19vw; }
#con03 .box .inbox{ padding:6vw 5vw 6vw; }
#con03 .box .list1{ margin-bottom:14vw; }
#con03 .box .list1 .slick-dots li button:before{ font-size:35px!important; }
#con03 .box h4{ text-align:center; font-size:5.79vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom: 5.79vw; }
#con03 .box .txt{ margin:0 auto; font-size:3.86vw; line-height: 1.8; letter-spacing: 0.24vw; text-align:left; margin-bottom:12.8vw; }
#con03 .box .list2 li:nth-child(1){ margin-bottom:2.5vw; }

#con04{ margin:0 5vw 12vw; }
#con04 .ttl{ text-align:center; font-size:7vw; font-weight:550; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:7vw; }
#con04 .list{ display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
#con04 .list li{ width: 49%; margin-right:2%; margin-bottom:9vw; }
#con04 .list li:nth-child(2n){ margin-right:0; }
#con04 .list li img{ margin-bottom:2.41vw; }
#con04 .list li p{ font-size:3.6vw; line-height: 1.6; letter-spacing: 0.24vw; }



}