@charset "UTF-8";
/*
    Template: swell
    Theme Name: re25_sw
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/************************************
** init
************************************/
.fw {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
.sp {
  display: none;
}
.ff01 {
    font-family: cormorant-garamond, serif;
    font-weight: 300;
}


.l-header__gnav {
    display: none;
}


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

/************************************
** header
************************************/
.header-right {
    display: flex;
    justify-content: center;
    align-items: center;
    .addr{
            font-size:12px;
        }
    .tel{
        text-align: right;
        font-size:28px;
        letter-spacing: 0.15em;
    }
    .tel span{
        font-size:20px;
    }
  @media (max-width: 750px) {
        display:none;
    }
}


.c-gnav>.menu-item>a .ttl {
    font-size: 18px;
    letter-spacing: 1px;
}
.c-gnav>.menu-item>a .ttl .m1 {
    display: block;
    font-size: 12px;
    padding-top: 5px;
}

/************************************
** animation
************************************/


/************************************
** Page
************************************/
/* 各pageのタイトルを見やすくする */
.l-topTitleArea{
	min-height: 400px;
}
.l-topTitleArea__body{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.c-pageTitle {
    display: inline-block;
    padding: 60px 100px;
    background: rgba(255, 255, 255, 70%);
    text-align: center;
    font-size: 40px;
    color: #222;
    text-shadow: 3px 3px 6px #fdfdfd;
}

/************************************
** footer-before
************************************/
.fb-h2 {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.fb-h2:before{
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background: #222;
}
.fb-h2 .inner {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 300px;
    margin: auto;
    background: #fff;
    padding: 0 10px;
}
.fb-h2 .title {
    font-size: 1.5em;
}

.fb-h2 .sub-title {
    font-size: 14px;
}

/************************************
** footer
************************************/
.fb .tb-01 th {
  width: 20% !important;
  text-align: center;
  background: transparent;
  border-left: none;
  border-right: none;
  height: 70px;
}
.fb .tb-01 td {
  background: transparent;
  border-left: none;
  border-right: none;
}
.fb .tb-02 tr th {
  background: #1d2a41;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .fb .tb-01 th {
    width: 15% !important;
  }
  .fb .tb-01 td {
    width: 85% !important;
  }
}