@charset "UTF-8";
/*
building
*/
/* 3tab化以降追加 */
/* 3tab化以降追加ここまで */
.headerimg {
  background: url("../../img/component/frontispiece_building.jpg") center center/100% no-repeat; }

.buildingintro {
  padding: 20px;
  line-height: 1.75rem; }

.buildingeyecatch {
  width: 100%;
  max-height: 823px;
  margin: 80px 0; }

.buildingdesc_wrapper {
  padding: 60px 20px; }

.buildingdesc + .buildingdesc {
  margin-top: 60px; }

.buildingdesc_title {
  background: #978a81;
  margin: 10px 0;
  padding: 10px 20px;
  font-size: 1.5rem;
  color: white; }

.buildingdesc_caption {
  margin: 30px 0;
  font-weight: bold; }

.buildingdesc_content p {
  line-height: 1.5rem; }

.buildingdesc_img {
  display: block;
  width: 80%;
  margin: 30px auto; }

.buildingconc_wrapper {
  padding: 0 20px; }

.buildingconc_title {
  padding: 20px 5px;
  border: double 6px #4B3C32;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 auto 60px;
  text-align: center;
  border-radius: 10px; }

.buildingconc_caption {
  padding: 40px 0;
  font-weight: bold;
  color: #df3d18;
  margin: 0 auto;
  text-align: center; }

.buildingconc_img {
  display: block;
  width: 80%;
  max-width: 480px;
  margin: 60px auto; }

@media screen and (min-width: 960px) {
  .buildingdesc_wrapper {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%), url("../../img/component/bg_building1.jpg") right bottom/100% auto no-repeat;
    padding: 60px 0 120px; }

  .buildingdesc {
    overflow: hidden;
    width: calc((100% - 960px) / 2 + 960px); }

  .buildingdesc_title {
    background: linear-gradient(to right, #978a81, transparent); }

  .buildingdesc_text {
    width: 60%; }

  .buildingdesc._right {
    margin-left: calc((100% - 960px) / 2 ); }

  .buildingdesc._right .buildingdesc_text {
    float: left; }

  .buildingdesc._right .buildingdesc_img {
    float: right; }

  .buildingdesc._left {
    margin-right: calc((100% - 960px) / 2 ); }

  .buildingdesc._left .buildingdesc_text {
    float: right; }

  .buildingdesc._left .buildingdesc_img {
    float: left; }

  .buildingdesc_img {
    display: block;
    width: 35%;
    margin: 10px auto; }

  .buildingconc_title {
    padding: 25px 0;
    border: double 8px #4B3C32;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 auto 60px;
    text-align: center;
    border-radius: 10px; }

  .buildingconc_caption {
    padding: 40px 50px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #df3d18;
    width: 50em;
    margin: 0 auto;
    text-align: center; }

  .buildingconc_wrapper {
    background: linear-gradient(to left top, transparent 0%, transparent 50%, #fff 100%), url("../../img/component/bg_building2.jpg") right bottom/90% auto no-repeat;
    padding: 60px 0 0px;
    margin-bottom: 30px; }

  .buildingconc_img {
    display: inline-block;
    width: 80%;
    max-width: 480px;
    margin: 60px 0 0 0; }

  .buildingconc_last {
    text-align: center; } }

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