@charset "UTF-8";
/* アイキャッチアイコンセット */
/* flexbox */
/* 枠 */
/* responsive */
.view-sp,
.view-tb {
  display: none; }

@media screen and (max-width: 768px) {
  .view-tb {
    display: block; }

  .view-pc {
    display: none; } }
@media screen and (max-width: 480px) {
  .view-sp {
    display: block; }

  .view-pc {
    display: none; } }
/* Produce */
.pic_wrap:after {
  content: "";
  clear: both;
  display: block; }

.cinzel_tit_wrap .ja {
  display: inline-block;
  margin-top: 10px;
  font-size: 1.333em;
  line-height: 1.8; }

#lead {
  padding: 80px 10px 60px; }

#sec1,
#sec12,
#sec3 {
  position: relative;
  padding: 100px 0;
  overflow: hidden; }
  #sec1 > div,
  #sec12 > div,
  #sec3 > div {
    position: relative;
    z-index: 1; }
  #sec1:before,
  #sec12:before,
  #sec3:before {
    content: '';
    position: absolute;
    bottom: -70%;
    left: 0;
    width: 200%;
    height: 106%;
    margin: 0 -50%;
    background: #f6f4f3;
    -webkit-transform-origin: left center;
    transform: rotate(-10deg);
    -moz-transform-origin: left center;
    transform: rotate(-10deg);
    -o-transform-origin: left center;
    transform: rotate(-10deg);
    transform-origin: left center;
    transform: rotate(-10deg); }
  #sec1 .txt,
  #sec12 .txt,
  #sec3 .txt {
    position: absolute;
    left: 0;
    bottom: 18%;
    width: 29.8%;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000; }

#sec2,
#sec22,
#sec4 {
  position: relative;
  padding: 100px 0;
  overflow: hidden; }
  #sec2 > div,
  #sec22 > div,
  #sec4 > div {
    position: relative;
    z-index: 1; }
  #sec2:before,
  #sec22:before,
  #sec4:before {
    content: '';
    position: absolute;
    bottom: 13%;
    left: 0;
    width: 200%;
    height: 90%;
    margin: 0 -50%;
    background: #f6f4f3;
    -webkit-transform-origin: left center;
    transform: rotate(10deg);
    -moz-transform-origin: left center;
    transform: rotate(10deg);
    -o-transform-origin: left center;
    transform: rotate(10deg);
    transform-origin: left center;
    transform: rotate(10deg); }
  #sec2 .txt,
  #sec22 .txt,
  #sec4 .txt {
    position: absolute;
    right: 0;
    bottom: 18%;
    width: 29.8%;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000; }

#sec1 .cinzel_tit_wrap,
#sec12 .cinzel_tit_wrap {
  position: absolute;
  top: 10%;
  left: 0; }
#sec1 .pic_wrap,
#sec12 .pic_wrap {
  position: relative;
  float: right;
  width: 590px; }
  #sec1 .pic_wrap .pic01,
  #sec12 .pic_wrap .pic01 {
    margin-bottom: 18px; }
  #sec1 .pic_wrap .pic02,
  #sec12 .pic_wrap .pic02 {
    float: left;
    margin-right: 18px; }
  #sec1 .pic_wrap .pic03,
  #sec12 .pic_wrap .pic03 {
    float: left; }
#sec1 .txt,
#sec12 .txt {
  bottom: 20%; }

#sec2 .cinzel_tit_wrap,
#sec22 .cinzel_tit_wrap {
  text-align: right;
  position: absolute;
  top: 15%;
  right: 0; }
#sec2 .pic_wrap,
#sec22 .pic_wrap {
  position: relative;
  float: left;
  width: 590px; }
  #sec2 .pic_wrap .pic01,
  #sec22 .pic_wrap .pic01 {
    margin-bottom: 18px; }
    #sec2 .pic_wrap .pic01 img,
    #sec22 .pic_wrap .pic01 img {
      max-width: 100%; }
  #sec2 .pic_wrap .pic02,
  #sec22 .pic_wrap .pic02 {
    float: right;
    margin-bottom: 18px;
    margin-right: 18px; }
  #sec2 .pic_wrap .pic03,
  #sec22 .pic_wrap .pic03 {
    float: right;
    margin-bottom: 18px; }
  #sec2 .pic_wrap .pic04,
  #sec22 .pic_wrap .pic04 {
    float: right;
    margin-right: 18px; }
  #sec2 .pic_wrap .pic05,
  #sec22 .pic_wrap .pic05 {
    float: right; }
#sec2 .txt,
#sec22 .txt {
  bottom: 47%; }

#sec3:before {
  height: 110%; }
#sec3 .cinzel_tit_wrap {
  position: absolute;
  top: 16%;
  left: 0; }
#sec3 .pic_wrap {
  position: relative;
  float: right;
  width: 590px; }
  #sec3 .pic_wrap .pic01 {
    margin-bottom: 18px; }
  #sec3 .pic_wrap .pic02 {
    float: left;
    margin-right: 18px; }
  #sec3 .pic_wrap .pic03 {
    float: left;
    margin-bottom: 19px; }
  #sec3 .pic_wrap .pic04 {
    margin-top: 18px; }
#sec3 .txt {
  bottom: 38%; }

#sec4 .cinzel_tit_wrap {
  text-align: right;
  position: absolute;
  top: 15%;
  right: 0; }
#sec4 .pic_wrap {
  position: relative;
  float: left;
  width: 590px; }
  #sec4 .pic_wrap .pic01 {
    margin-bottom: 18px; }
  #sec4 .pic_wrap .pic02 {
    float: right; }
  #sec4 .pic_wrap .pic03 {
    float: right;
    margin-left: 18px; }
  #sec4 .pic_wrap .pic03-01 {
    margin-bottom: 18px; }
  #sec4 .pic_wrap .pic04 {
    float: right; }
#sec4 .txt {
  bottom: 38%; }

#sec5 {
  padding: 100px 0 15px; }
  #sec5 .point_tit {
    font-size: 35px;
    font-family: "Cinzel", serif;
    line-height: 1.2;
    letter-spacing: .1em;
    text-align: center; }
    #sec5 .point_tit:after {
      content: "";
      display: block;
      width: 80px;
      height: 1px;
      margin: 30px auto 40px;
      background: #a7a7a7; }
  #sec5 .point_caption {
    margin-bottom: 50px;
    font-size: 1.467em;
    line-height: 1.6;
    text-align: center; }
  #sec5 .point_list dt {
    position: relative;
    padding: 30px 20px 30px 120px;
    background: #f6f4f3;
    font-size: 1.467em; }
    #sec5 .point_list dt .num {
      position: absolute;
      left: 50px;
      top: 25px;
      font-size: 35px; }
  #sec5 .point_list dd {
    margin: 35px 0;
    padding-left: 120px;
    color: #000;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.8; }

#sec12 .txt {
  bottom: 34%; }

#sec22::before {
  bottom: 17%;
  height: 100%; }
#sec22 .pic_wrap .pic01 {
  margin-bottom: 0; }
#sec22 .txt {
  bottom: 7%; }

@media screen and (max-width: 980px) {
  #sec1 .cinzel_tit_wrap,
  #sec12 .cinzel_tit_wrap,
  #sec3 .cinzel_tit_wrap {
    left: 20px; }
  #sec1 .pic_wrap,
  #sec12 .pic_wrap,
  #sec3 .pic_wrap {
    width: 63.75%;
    margin-right: -7.5%; }
    #sec1 .pic_wrap .pic01,
    #sec12 .pic_wrap .pic01,
    #sec3 .pic_wrap .pic01 {
      margin-bottom: 30px; }
  #sec1 .txt,
  #sec12 .txt,
  #sec3 .txt {
    left: 20px; }

  #sec2:before,
  #sec22:before,
  #sec4:before {
    height: 80%; }
  #sec2 .cinzel_tit_wrap,
  #sec22 .cinzel_tit_wrap,
  #sec4 .cinzel_tit_wrap {
    right: 20px; }
  #sec2 .pic_wrap,
  #sec22 .pic_wrap,
  #sec4 .pic_wrap {
    width: 63.75%;
    margin-left: -7.5%; }
    #sec2 .pic_wrap .pic01,
    #sec22 .pic_wrap .pic01,
    #sec4 .pic_wrap .pic01 {
      margin-bottom: 30px; }
  #sec2 .txt,
  #sec22 .txt,
  #sec4 .txt {
    right: 20px; }

  #sec1 .pic_wrap .pic02,
  #sec12 .pic_wrap .pic02 {
    width: 56.222%; }
  #sec1 .pic_wrap .pic03,
  #sec12 .pic_wrap .pic03 {
    width: 36.667%; }

  #sec2 .pic_wrap .pic02,
  #sec2 .pic_wrap .pic03,
  #sec2 .pic_wrap .pic04,
  #sec2 .pic_wrap .pic05,
  #sec22 .pic_wrap .pic02,
  #sec22 .pic_wrap .pic03,
  #sec22 .pic_wrap .pic04,
  #sec22 .pic_wrap .pic05 {
    width: 35.111%; }
  #sec2 .pic_wrap .pic02,
  #sec2 .pic_wrap .pic04,
  #sec22 .pic_wrap .pic02,
  #sec22 .pic_wrap .pic04 {
    float: left; }
  #sec2 .txt,
  #sec22 .txt {
    bottom: 6%; }

  #sec3:before {
    height: 110%; }
  #sec3 .pic_wrap .pic02 {
    width: 48%; }
  #sec3 .pic_wrap .pic03 {
    width: 38%; }
  #sec3 .pic_wrap .pic04 {
    width: 64.912%; }

  #sec4 .pic_wrap .pic02 {
    float: left;
    width: 62.556%; }
  #sec4 .pic_wrap .pic03 {
    width: 34.222%;
    margin-left: 0; }
  #sec4 .pic_wrap .pic03-01 {
    margin-bottom: 5%; }
  #sec4 .pic_wrap .pic04 {
    width: 100%; } }
@media screen and (max-width: 900px) {
  #sec1 .txt,
  #sec12 .txt,
  #sec3 .txt {
    width: 35%;
    bottom: 8%; }

  #sec2 .txt,
  #sec22 .txt,
  #sec4 .txt {
    width: 35%;
    bottom: 8%; } }
@media screen and (max-width: 768px) {
  .cinzel_tit_wrap {
    position: static !important;
    margin: 25px auto 15px;
    text-align: center; }
    .cinzel_tit_wrap .ja {
      margin-top: 3px;
      font-size: 16px; }

  #lead {
    padding: 35px 10px 0; }

  #sec1:before,
  #sec12:before,
  #sec3:before {
    bottom: -60%; }

  #sec1,
  #sec12,
  #sec2,
  #sec22,
  #sec3,
  #sec4 {
    padding: 40px 0; }
    #sec1 .cinzel_tit_wrap,
    #sec12 .cinzel_tit_wrap,
    #sec2 .cinzel_tit_wrap,
    #sec22 .cinzel_tit_wrap,
    #sec3 .cinzel_tit_wrap,
    #sec4 .cinzel_tit_wrap {
      text-align: center; }
    #sec1 .pic_wrap,
    #sec12 .pic_wrap,
    #sec2 .pic_wrap,
    #sec22 .pic_wrap,
    #sec3 .pic_wrap,
    #sec4 .pic_wrap {
      float: none;
      width: 100%;
      margin: 0 auto; }
      #sec1 .pic_wrap img,
      #sec12 .pic_wrap img,
      #sec2 .pic_wrap img,
      #sec22 .pic_wrap img,
      #sec3 .pic_wrap img,
      #sec4 .pic_wrap img {
        width: 100%; }
      #sec1 .pic_wrap .pic01,
      #sec12 .pic_wrap .pic01,
      #sec2 .pic_wrap .pic01,
      #sec22 .pic_wrap .pic01,
      #sec3 .pic_wrap .pic01,
      #sec4 .pic_wrap .pic01 {
        margin-bottom: 2%; }
    #sec1 .txt,
    #sec12 .txt,
    #sec2 .txt,
    #sec22 .txt,
    #sec3 .txt,
    #sec4 .txt {
      position: static;
      width: 100%; }

  #sec1 .pic_wrap .pic02,
  #sec12 .pic_wrap .pic02 {
    width: 58%;
    margin-right: 0; }
  #sec1 .pic_wrap .pic03,
  #sec12 .pic_wrap .pic03 {
    float: right;
    width: 40%; }

  #sec2 .pic_wrap .pic02,
  #sec2 .pic_wrap .pic03,
  #sec22 .pic_wrap .pic02,
  #sec22 .pic_wrap .pic03 {
    width: 49%;
    margin: 0 auto 2%; }
  #sec2 .pic_wrap .pic04,
  #sec2 .pic_wrap .pic05,
  #sec22 .pic_wrap .pic04,
  #sec22 .pic_wrap .pic05 {
    width: 49%;
    margin: 0 auto; }

  #sec3 .pic_wrap .pic02 {
    width: 56.2%;
    margin-right: 2%; }
  #sec3 .pic_wrap .pic03 {
    width: 41.8%;
    margin-bottom: 0; }
  #sec3 .pic_wrap .pic04 {
    width: 100%;
    margin-top: 5%; }

  #sec4 .pic_wrap .pic02 {
    width: 66.4%;
    margin-right: 2%; }
  #sec4 .pic_wrap .pic03 {
    width: 31.6%;
    margin-bottom: 2%; }
  #sec4 .pic_wrap .pic04 {
    width: 100%; }

  #sec5 {
    padding: 100px 0 15px; }
    #sec5 .point_tit {
      font-size: 26.5px; }
      #sec5 .point_tit:after {
        width: 40px;
        margin: 25px auto; }
    #sec5 .point_caption {
      margin-bottom: 20px;
      font-size: 1.2em; }
    #sec5 .point_list dt {
      padding: 15px 15px 15px 40px;
      font-size: 1.133em;
      line-height: 1.4; }
      #sec5 .point_list dt .num {
        position: absolute;
        left: 12px;
        top: 10px;
        font-size: 24px; }
    #sec5 .point_list dd {
      margin: 15px 0 25px;
      padding-left: 0;
      line-height: 1.6; } }
/* ボタン */
.prd_lnk {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 210px;
  height: 40px;
  border-bottom: 1px solid #000;
  font-family: "Libre Baskerville", serif;
  bottom: 20px; }
  @media screen and (max-width: 768px) {
    .prd_lnk {
      position: relative;
      width: 60vw;
      height: 12vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; } }

/* アンカー */
.anchor {
  max-width: 980px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .anchor {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 40px; } }
  .anchor li {
    width: 300px; }
    @media screen and (max-width: 768px) {
      .anchor li {
        width: 48%;
        margin-right: 4%; } }
  @media screen and (max-width: 768px) {
    .anchor li:nth-of-type(2n),
    .anchor li:last-of-type {
      margin-right: 0; } }
  .anchor li:nth-of-type(n+4) {
    margin-top: 15px; }
  @media screen and (max-width: 768px) {
    .anchor li:nth-of-type(n+3) {
      margin-top: 15px; } }
  .anchor li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: #adadad;
    color: #fff;
    font-size: 1.067em;
    background-image: url(../img/space/arw-anchor.svg);
    background-size: 9px auto;
    background-repeat: no-repeat;
    background-position: right 20px center; }
    @media screen and (max-width: 768px) {
      .anchor li a {
        height: 45px; } }

/* フッター上部ライン */
#footer #f_btm .f_intro {
  border-top: none; }

/* 20200739レイアウト修正 */
#sec1 .pic_wrap .pic01,
#sec2 .pic_wrap .pic01,
#sec3 .pic_wrap .pic01 {
  margin-bottom: 0; }

#sec1 .cinzel_tit_wrap,
#sec2 .cinzel_tit_wrap,
#sec3 .cinzel_tit_wrap {
  top: 10%; }

#sec1 .txt,
#sec2 .txt,
#sec3 .txt {
  top: 160px;
  bottom: auto; }

#sec1:before {
  bottom: -81%; }
  @media screen and (max-width: 768px) {
    #sec1:before {
      bottom: -84%; } }

#sec2:before {
  bottom: 26%; }
  @media screen and (max-width: 768px) {
    #sec2:before {
      bottom: -30%; } }

#sec3:before {
  bottom: -83%; }
  @media screen and (max-width: 768px) {
    #sec3:before {
      bottom: -95%; } }




/* googlemap */
#f_access {
  padding-top: 90px;
}
@media screen and (max-width: 768px){
  #f_access {
    padding-top: 35px;
  }
}