@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-----------------------------------------
scssで制作してます。cssを変更しないでください。
-----------------------------------------*/
/*----------------------------------------
	- base
	- main visual
	- sec_terrace
	- sec_fire
-----------------------------------------*/
/*-----------------------------------------
	base
-----------------------------------------*/
p,
span,
figcaption,
dd,
li {
  font-weight: 500;
}

h3,
h4,
dt {
  font-weight: 600;
}

.sec_fire h3, .sec_terrace h3 {
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 108px;
}
@media screen and (max-width: 768px) {
  .sec_fire h3, .sec_terrace h3 {
    letter-spacing: 0.1em;
    margin-bottom: 26px;
  }
}

/*-----------------------------------------
	main visual
-----------------------------------------*/
.und_mv {
  background: center/cover url(../img/view/main.jpg) no-repeat;
}

/*-----------------------------------------
	sec_terrace
-----------------------------------------*/
.sec_terrace .column_content {
  margin-bottom: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2%;
}
@media screen and (max-width: 768px) {
  .sec_terrace .column_content {
    display: block;
    margin-bottom: 36px;
  }
}
.sec_terrace .column_content .content_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sec_terrace .column_content .content_left h4 {
  font-size: 34px;
  line-height: 1.7;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .sec_terrace .column_content .content_left h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 425px) {
  .sec_terrace .column_content .content_left h4 .sp {
    display: none !important;
  }
}
.sec_terrace .column_content .content_left .left_txt {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .sec_terrace .column_content .content_left .left_txt {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 24px;
  }
}
.sec_terrace .column_content .content_right {
  width: 46.93%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .sec_terrace .column_content .content_right {
    width: 100%;
  }
}
.sec_terrace .column_content .content_right .right_img {
  vertical-align: middle;
}
.sec_terrace .terrace_view-image figure {
  position: relative;
}
.sec_terrace .terrace_view-image figure img {
  width: 100%;
}
.sec_terrace .terrace_view-image figure figcaption {
  font-size: 12px;
  color: #FFF;
  position: absolute;
  left: 24px;
  bottom: 12px;
}
@media screen and (max-width: 768px) {
  .sec_terrace .terrace_view-image figure figcaption {
    font-size: 10px;
    left: 12px;
    bottom: 6px;
  }
}

/*-----------------------------------------
	sec_fire
-----------------------------------------*/
.sec_fire {
  color: #FFF;
  background: #322a29;
  padding: 72px 0 34px;
}
@media screen and (max-width: 768px) {
  .sec_fire {
    padding: 24px 0 34px;
  }
}
.sec_fire h3 {
  color: #FFF;
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .sec_fire h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.sec_fire .content_top {
  background: #a69869;
  padding: 24px 0 32px;
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .sec_fire .content_top {
    padding: 12px 0;
  }
}
.sec_fire .content_top h4 {
  font-size: 34px;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .sec_fire .content_top h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .sec_fire .content_top .fire_list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .sec_fire .content_top .fire_list figcaption {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .sec_fire .content_top .fire_list figcaption span {
    font-size: 18px;
  }
}
.sec_fire .fire_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 4.08%;
  margin-bottom: 30px;
}
.sec_fire .fire_list figcaption {
  font-size: 26px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sec_fire .fire_list figcaption {
    font-size: 14px;
  }
}
.sec_fire .fire_list figcaption span {
  font-size: 34px;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .sec_fire .fire_list figcaption span {
    font-size: 16px;
    margin-left: 4px;
  }
}
.sec_fire .fire_list figcaption .nowrap {
  white-space: nowrap;
}
.sec_fire img {
  margin-bottom: 5px;
}/*# sourceMappingURL=view.css.map */