@media screen and (min-width: 768px) {
  .pcNon {
    display: none; } }
@media screen and (max-width: 767px) {
  .spNon {
    display: none; } }
#wpadminbar {
  position: fixed;
  z-index: 99999; }

.alignright {
  display: block;
  margin: 0 0 1em 2em;
  float: right;
  max-width: 60%; }

/* 配置位置 右 */
.alignleft {
  display: block;
  margin: 0 2em 1em 0;
  float: left;
  max-width: 60%; }

/* 配置位置 左 */
.aligncenter {
  display: block;
  margin: 0 auto 1em; }

/* 配置位置 中央 */
.alignnone {
  display: block;
  margin-bottom: 1em; }

/* 配置なし */
.fancybox-button--zoom,
.fancybox-button--play {
  display: none !important; }

.spScrollNon {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0; }

/*********************************

 *

 * style

 *

*********************************/
.btn01 {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 40px auto 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  background: #000000;
  position: relative;
  padding: 1em 1.5em;
  text-decoration: none;
  /*&::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent $bk50;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    @media screen and (max-width : 767px) {
      right: 15px;
    }
  }*/ }
  @media screen and (max-width: 767px) {
    .btn01 {
      max-width: 280px;
      margin-top: 30px; } }

.iconNew {
  display: inline-block;
  font-family: "EB Garamond", serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #000000;
  padding: .1em .8em .05em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  line-height: 1.6; }

.sectionTitle {
  text-align: center;
  display: block; }
  .sectionTitle__en {
    display: block;
    /*font-family: "EB Garamond", serif;*/
    font-size: 1rem;
    font-weight: 500;
    color: #B9B9B9;
    line-height: 1.6;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .sectionTitle__en {
        font-size: 1rem; } }
  .sectionTitle__text {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .sectionTitle__text {
        font-size: 1.2rem;
        letter-spacing: 0; } }

.noImg {
  background: url("../images/common/header_logo.svg") no-repeat center center/40% auto #F1F1EE;
  width: 100%; }

.cornerTitle {
  display: block;
  text-align: center;
  padding-top: 100px;
  position: relative;
  padding: 0 20px 0;
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .cornerTitle {
      padding: 40px 20px 20px; } }
/*
  .cornerTitle::after {
    content: '';
    display: block;
    width: 230px;
    height: 1px;
    background: #000000;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
  .cornerTitle__en {
    display: block;
    font-size: 2.6rem;
    color: #B9B9B9;
    line-height: 1.6;
    letter-spacing: .1em; }
*/
    @media screen and (max-width: 767px) {
      .cornerTitle__en {
        font-size: 1.6rem; } }
  .cornerTitle__text {
    display: block;
    font-size: 1.75rem;
    line-height: 1.6;
    letter-spacing: .1em;
    margin-top: .3em; }
    @media screen and (max-width: 767px) {
      .cornerTitle__text {
        font-size: 1.2rem;
        letter-spacing: .05em;
        margin-top: .1em; } }

/*
.contents {
  width: 100%;
  max-width: 1080px;
  padding: 0 40px;
  margin: 80px auto 0;
  text-align: justify; }
  @media screen and (max-width: 767px) {
    .contents {
      padding: 0 20px;
      margin-top: 40px; } }
*/

.introText {
  text-align: left;
  width: 100%;
  max-width: 1080px;
  margin: 40px auto 0;
  padding: 0 40px;
  font-size: 0.875rem;
  line-height: 2.2; }
  @media screen and (max-width: 767px) {
    .introText {
      font-size: 0.875rem;
      line-height: 1.8;
      margin-top: 30px;
      padding: 0 20px; } }
  .introText--center {
    text-align: center; }

.introImg {
  width: 100%;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .introImg {
      margin-top: 30px; } }
  .introText + .introImg {
    margin-top: 60px;
    margin-bottom: 90px; }
    @media screen and (max-width: 767px) {
      .introText + .introImg {
        margin-top: 40px;
        margin-bottom: 70px; } }

.title01 {
  text-align: left;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
  padding-bottom: .5em;
  border-bottom: 1px dotted #000000; }
  @media screen and (max-width: 767px) {
    .title01 {
      font-size: 2rem; } }

.cateTag {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  padding: .1em .8em .2em;
  border: 1px solid #000000; }
  @media screen and (max-width: 767px) {
    .cateTag {
      padding: .1em .8em .1em; } }

.container {
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
  padding: 0 40px;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .container {
      display: block;
      margin-top: 30px;
      padding: 0 20px; } }

.singleContents::after {
  content: '';
  display: block;
  height: 0;
  clear: both; }
.singleContents ul, .singleContents ol {
  list-style: none;
  margin: 1em 0;
  counter-reset: num; }
  .singleContents ul li, .singleContents ol li {
    padding-left: 1em;
    line-height: 1.6;
    position: relative; }
    .singleContents ul li + li, .singleContents ol li + li {
      margin-top: .5em; }
    .singleContents ul li::before, .singleContents ol li::before {
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
.singleContents ul li:before {
  content: '・'; }
.singleContents ol li:before {
  counter-increment: num;
  content: counter(num) "."; }

.wrapper {
  overflow: hidden;
  padding-top: 100px; }
  @media screen and (max-width: 767px) {
    .wrapper {
      padding-top: 50px; } }
  .wrapper--top {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .wrapper--top {
        padding-top: 50px; } }

.header {
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F1F1EE;
  padding: 0 40px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999; }
  @media screen and (max-width: 767px) {
    .header {
      min-height: 50px;
      padding: 0 20px; } }
  .header__top {
    position: absolute;
    top: calc(100vh - 100px); }
    @media screen and (max-width: 767px) {
      .header__top {
        position: fixed;
        top: 0; } }
    .header__top--fixed {
      position: fixed;
      top: 0; }
  .header__logo {
    display: block;
    text-decoration: none; }
    .header__logo:hover {
      opacity: 1; }
  .header__logoImg {
    display: block;
    height: 40px; }
    @media screen and (max-width: 767px) {
      .header__logoImg {
        height: 24px; } }
  .header__navi {
    flex-grow: 1; }
    @media screen and (max-width: 767px) {
      .header__navi {
        display: none; } }
    .header__navi--open {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 999;
      background: rgba(255, 255, 255, 0.9);
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .header__navi--open {
          background: #fff; } }
  .header__navi--open .header__naviInner {
    width: 100%;
    max-width: 600px; }
  .header__naviHeader {
    display: none; }
    @media screen and (max-width: 767px) {
      .header__naviHeader {
        padding: 0 20px; } }
    .header__navi--open .header__naviHeader {
      display: block; }
  .header__naviHeaderLogo {
    display: inline-block;
    text-decoration: none; }
    .header__naviHeaderLogo:hover {
      opacity: 1; }
  .header__naviHeaderLogoImg {
    height: 60px; }
    @media screen and (max-width: 767px) {
      .header__naviHeaderLogoImg {
        height: 40px; } }
  .header__naviHeaderTel {
    margin-top: 20px; }
  .header__naviHeaderTelLink {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .header__naviHeaderTelLink {
        font-size: 1.8rem; } }
  .header__naviHeaderTelNumber {
    font-size: 3.2rem; }
    @media screen and (max-width: 767px) {
      .header__naviHeaderTelNumber {
        font-size: 2.6rem; } }
  .header__naviHeaderTelTime {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: .3em; }
  .header__naviHeaderBtnSet {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px; }
  .header__naviHeaderBtnItem {
    width: 100%;
    max-width: 250px; }
    .header__naviHeaderBtnItem + .header__naviHeaderBtnItem {
      margin-left: 30px; }
      @media screen and (max-width: 767px) {
        .header__naviHeaderBtnItem + .header__naviHeaderBtnItem {
          margin-left: 10px; } }
  .header__naviHeaderBtn {
    display: block;
    text-decoration: none;
    background: #000000;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    padding: .8em 1em; }
    @media screen and (max-width: 767px) {
      .header__naviHeaderBtn {
        font-size: 1.1rem;
        letter-spacing: 0; } }
    .header__naviHeaderBtnItem:nth-child(2) .header__naviHeaderBtn {
      background: #7F7F7F; }
    .header__naviHeaderBtn::before {
      font-family: 'Material Icons Sharp';
      content: '\e878';
      font-size: 2.4rem;
      margin-right: .2em;
      vertical-align: bottom;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .header__naviHeaderBtn::before {
          font-size: 1.6rem;
          letter-spacing: 0;
          vertical-align: text-bottom; } }
      .header__naviHeaderBtnItem:nth-child(1) .header__naviHeaderBtn::before {
        content: '\e88a'; }
  .header__navi--open .header__naviMenu {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .header__navi--open .header__naviMenu {
        max-height: calc((var(--vh, 1vh) * 100) - (147px + 30px + 32px + 20px + 20px + 50px)); } }
  .header__naviList {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .header__navi--open .header__naviList {
      display: block;
      text-align: left; }
  .header__naviItem {
    margin-left: 3.3333333333%;
    position: relative; }
    @media screen and (min-width: 1200px) {
      .header__naviItem {
        margin-left: 40px; } }
    .header__navi--open .header__naviItem {
      margin: 0;
      border-top: 1px dotted #7F7F7F; }
      .header__navi--open .header__naviItem:last-child {
        border-bottom: 1px dotted #7F7F7F; }
    .header__navi--open .header__naviItem--pc {
      display: none; }
    .header__naviItem--sp {
      display: none; }
      .header__navi--open .header__naviItem--sp {
        display: block; }
  .header__naviLink {
    display: block;
    text-decoration: none;
    padding: 31px 0 30px;
    cursor: pointer;
    transition: opacity .3s; }
    .header__navi--open .header__naviLink {
      padding: 1.2em;
      font-size: 1.8rem;
      position: relative; }
      @media screen and (max-width: 767px) {
        .header__navi--open .header__naviLink {
          padding: .8em 1.5em .8em 1em; } }
      .header__navi--open .header__naviLink::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent #7F7F7F;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        transition: .3s; }
    .header__navi--open .header__naviLink--subNavi::after {
      transform: rotate(90deg) translate(-50%, 0); }
    .header__navi--open .header__naviLink--open::after {
      transform: rotate(-90deg) translate(50%, 0); }
    .header__naviLink:hover {
      opacity: .5; }
      @media screen and (max-width: 767px) {
        .header__naviLink:hover {
          opacity: 1; } }
  .header__naviTitle {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5; }
  .header__naviEn {
    display: block;
    font-family: "EB Garamond", serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: #7F7F7F;
    letter-spacing: .1em;
    text-indent: -.1em; }
    .header__navi--open .header__naviEn {
      display: none; }
  .header__subNavi {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    background: #F1F1EE;
    text-align: left;
    font-size: 1.4rem;
    transform: translateX(-50%);
    padding: 20px; }
    .header__navi--open .header__subNavi {
      position: static;
      background: initial;
      transform: none;
      padding: 0 20px 20px 20px !important; }
  .header__subNaviItem + .header__subNaviItem {
    margin-top: .8em; }
  .header__subNaviLink {
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 1.5;
    padding-left: 1em;
    white-space: nowrap; }
    .header__subNaviLink::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #B9B9B9;
      position: absolute;
      top: .5em;
      left: 0; }
      .header__navi--open .header__subNaviLink::before {
        border-color: transparent transparent transparent #B9B9B9; }
  .header__naviSns {
    width: 100%;
    display: none;
    justify-content: center;
    margin-top: 20px; }
    .header__navi--open .header__naviSns {
      display: flex; }
  .header__naviSnsItem {
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 0; }
    .header__naviSnsItem + .header__naviSnsItem {
      margin-left: 20px; }
  .header__naviSnsLink {
    display: block;
    text-decoration: none;
    color: #7F7F7F; }
  .header__toggleBtn {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    transition: opacity .3s;
    border-radius: 100%;
    border: 1px solid #7F7F7F;
    margin-left: 3.3333333333%; }
    @media screen and (min-width: 1200px) {
      .header__toggleBtn {
        margin-left: 40px; } }
    @media screen and (max-width: 767px) {
      .header__toggleBtn {
        width: 28px;
        height: 28px; } }
    .header__toggleBtn:hover {
      opacity: .5; }
    .header__toggleBtn .header__toggleBtnEl {
      display: block;
      height: 2px;
      background: #7F7F7F;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto;
      transition: .3s ease-in-out;
      border-radius: 1px;
      width: 20px; }
      @media screen and (max-width: 767px) {
        .header__toggleBtn .header__toggleBtnEl {
          width: 12px;
          height: 1px; } }
      .header__toggleBtn .header__toggleBtnEl:nth-child(1) {
        top: calc(50% - 8px); }
        @media screen and (max-width: 767px) {
          .header__toggleBtn .header__toggleBtnEl:nth-child(1) {
            top: calc(50% - 5px); } }
      .header__toggleBtn .header__toggleBtnEl:nth-child(2) {
        top: calc(50% - 1px); }
        @media screen and (max-width: 767px) {
          .header__toggleBtn .header__toggleBtnEl:nth-child(2) {
            top: 50%; } }
      .header__toggleBtn .header__toggleBtnEl:nth-child(3) {
        top: calc(50% + 6px); }
        @media screen and (max-width: 767px) {
          .header__toggleBtn .header__toggleBtnEl:nth-child(3) {
            top: calc(50% + 5px); } }
    .header__toggleBtn--open {
      position: fixed;
      top: 30px;
      right: 40px; }
      @media screen and (max-width: 767px) {
        .header__toggleBtn--open {
          top: 11px;
          right: 20px; } }
      .header__toggleBtn--open .header__toggleBtnEl:nth-child(1) {
        width: 60%;
        top: calc(50% - 1px);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg); }
      .header__toggleBtn--open .header__toggleBtnEl:nth-child(2) {
        opacity: 0; }
      .header__toggleBtn--open .header__toggleBtnEl:nth-child(3) {
        width: 60%;
        top: calc(50% - 1px);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.topMainvisual {
  width: 100%;
  height: 100vh; }
  @media screen and (max-width: 767px) {
    .topMainvisual {
      height: 60vh;
      padding: 0;
      position: relative; } }
  .topMainvisual::after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
  .topMainvisual__slide {
    width: 100%;
    padding-top: 100vh;
    position: relative;
    z-index: 0; }
    @media screen and (max-width: 767px) {
      .topMainvisual__slide {
        padding-top: 60vh;
        border-radius: 0; } }
  .topMainvisual__textBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 40px; }
    @media screen and (max-width: 767px) {
      .topMainvisual__textBox {
        padding: 0; } }
  .topMainvisual__textBoxInner {
    display: block;
    width: fit-content;
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/ }
  .topMainvisual__title {
    font-size: 5.4rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .1em;
    font-family: "EB Garamond", serif; }
    @media screen and (max-width: 767px) {
      .topMainvisual__title {
        font-size: 2.4rem; } }
  .topMainvisual__catch {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .15em;
    margin-top: 1em;
    padding-top: 1em;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topMainvisual__catch {
        font-size: 1.4rem; } }
    .topMainvisual__catch::before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0; }

.topInfo {
  padding: 60px 40px 80px; }
  @media screen and (max-width: 767px) {
    .topInfo {
      padding: 40px 30px 60px; } }
  .topInfo__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 50px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000; }
    @media screen and (max-width: 767px) {
      .topInfo__inner {
        border-width: 1px;
        padding: 30px 0 100px;
        position: relative; } }
  .topInfo__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .topInfo__header {
        display: block; } }
  .topInfo__mainTitle {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .topInfo__mainTitle {
        flex-wrap: wrap; } }
  .topInfo__mainTitleText {
    display: block;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .topInfo__mainTitleText {
        order: 2;
        font-size: 2.2rem; } }
  .topInfo__mainTitleEn {
    display: block;
    font-family: "EB Garamond", serif;
    font-size: 1.8rem;
    font-weight: 500;
    color: #B9B9B9;
    margin-left: 1.5em;
    line-height: 1.6;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .topInfo__mainTitleEn {
        order: 1;
        margin-left: 0;
        font-size: 1.3rem; } }
  .topInfo__btn {
    font-size: 1.4rem;
    margin: 0 0 0 40px;
    width: fit-content;
    padding: .8em 2em; }
    @media screen and (max-width: 767px) {
      .topInfo__btn {
        position: absolute;
        right: 0;
        bottom: 30px;
        left: 0;
        margin: 0 auto; } }
  .topInfo__list {
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .topInfo__list {
        margin-top: 20px; } }
  .topInfo__item {
    padding-bottom: 25px;
    border-bottom: 1px dotted #000000; }
    .topInfo__item + .topInfo__item {
      margin-top: 25px; }
  .topInfo__link {
    display: block;
    text-decoration: none; }
  .topInfo__summary {
    display: flex;
    width: 100%;
    align-items: center; }
  .topInfo__date {
    font-size: 1.4rem;
    font-family: "EB Garamond", serif;
    font-weight: 500;
    line-height: 1.6;
    color: #7F7F7F; }
    @media screen and (max-width: 767px) {
      .topInfo__date {
        font-size: 1.2rem; } }
  .topInfo__iconNew {
    position: static;
    margin-left: 10px; }
  .topInfo__tag {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: #000000;
    padding: 0em .8em .2em;
    line-height: 1.6;
    margin-left: 10px; }
    @media screen and (max-width: 767px) {
      .topInfo__tag {
        font-size: 1rem; } }
    .topInfo__tag--close {
      background: #7F7F7F; }
    .topInfo__tag--news {
      border: 1px solid;
      color: #000000;
      background: #fff; }
  .topInfo__title {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 500;
    margin-top: .3em; }
    @media screen and (max-width: 767px) {
      .topInfo__title {
        font-size: 1.4rem;
        position: relative;
        padding-right: 2em; } }
    @media screen and (max-width: 767px) {
      .topInfo__title::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 8px 14px;
        border-color: transparent transparent transparent #B9B9B9;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); } }

.topConcept {
  position: relative;
  padding: 0 40px; }
  @media screen and (max-width: 767px) {
    .topConcept {
      padding: 0; } }
  .topConcept__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-left: 52.5%; }
    @media screen and (min-width: 1200px) {
      .topConcept__inner {
        padding-left: 630px; } }
    @media screen and (max-width: 767px) {
      .topConcept__inner {
        padding-left: 0; } }
  @media screen and (max-width: 767px) {
    .topConcept__title {
      padding-left: 40px; } }
  .topConcept__titleEn {
    display: block;
    font-family: "EB Garamond", serif;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1;
    color: #B9B9B9;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .topConcept__titleEn {
        font-size: 2.2rem; } }
  .topConcept__titleText {
    display: block;
    font-size: 4.4rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .1em;
    margin-top: .3em; }
    @media screen and (max-width: 767px) {
      .topConcept__titleText {
        font-size: 2.6rem;
        letter-spacing: .05em; } }
  .topConcept__img {
    position: absolute;
    top: 0;
    right: 52.5%;
    left: 0;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .topConcept__img {
        position: static;
        padding-top: 300px;
        transform: none;
        width: auto;
        margin: 20px 40px 0 0; } }
  .topConcept__text {
    font-size: 1.4rem;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .topConcept__text {
        margin-top: 30px;
        padding: 0 40px;
        letter-spacing: .1em; } }

.topPolicy {
  padding: 80px 40px;
  background: #F1F1EE;
  /*margin-top: 120px;*/ }
  @media screen and (max-width: 767px) {
    .topPolicy {
      padding: 0 30px 30px;
      margin-top: 60px; } }
  .topPolicy__inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto; 
    padding: 1px 50px 0;}
  .topPolicy__list {
    margin-top: 80px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .topPolicy__inner {
          padding: 0;
        }
      .topPolicy__list {
        margin-top: 30px;
        justify-content: space-between; } }
  .topPolicy__item {
    width: 29.2%;
    margin: 6.2% 0 0 6.2%; }
    @media screen and (max-width: 767px) {
      .topPolicy__item {
        width: 47.5%;
        margin: 5% 0 0; } }
    .topPolicy__item:nth-child(3n+1) {
      margin-left: 0; }
    .topPolicy__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .topPolicy__item:nth-child(-n+3) {
          margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .topPolicy__item:nth-child(-n+2) {
        margin-top: 0; } }
  .topPolicy__link {
    display: block;
    text-decoration: none; }
  .topPolicy__title {
    display: block;
    position: relative;
    font-weight: 500;
    line-height: 1.6;
    padding-top: 25px;
    text-align: center;
    font-size: .7em;}
    @media screen and (max-width: 767px) {
      .topPolicy__title {
        font-size: .8rem;
        padding-top: 18px; } }
    .topPolicy__title::before, .topPolicy__title::after {
      content: '';
      display: block;
      width: 2px;
      height: 20px;
      background: #000000;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .topPolicy__title::before, .topPolicy__title::after {
          height: 15px;
          width: 1px; } }
    .topPolicy__title::after {
      background: #000000;
      transform: translateY(-100%); }

.topLineup {
  padding: 0 40px;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .topLineup {
      padding: 0 20px;
      margin-top: 60px; } }
  .topLineup__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .topLineup__list {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .topLineup__list {
        margin-top: 30px;
        display: block; } }
  .topLineup__item {
    width: 29.75%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topLineup__item {
        width: 100%; } }
    .topLineup__item + .topLineup__item {
      margin-left: 5.3333333333%; }
      @media screen and (max-width: 767px) {
        .topLineup__item + .topLineup__item {
          margin: 30px 0 0; } }
  .topLineup__link {
    display: block;
    text-decoration: none;
    border: 2px solid #000000;
    position: relative;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .topLineup__link {
        border-width: 1px;
        display: flex;
        align-items: center; } }
  @media screen and (max-width: 767px) {
    .topLineup__img {
      width: 35%; } }
  @media screen and (max-width: 767px) {
    .topLineup__box {
      flex: 1; } }
  .topLineup__title {
    font-size: 2.2rem;
    font-weight: 600;
    width: calc(100% - 40px);
    margin: 15px auto 0;
    border-bottom: 1px dotted #7F7F7F;
    padding-bottom: .5em; }
    @media screen and (max-width: 767px) {
      .topLineup__title {
        font-size: 1.6rem;
        margin-top: 0;
        padding-bottom: .2em;
        width: calc(100% - 30px); } }
  .topLineup__textBox {
    padding: 1em;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .topLineup__textBox {
        flex: 1;
        padding: 0;
        font-size: 1.1rem;
        letter-spacing: 0;
        margin-top: .8em; } }

.topWorks {
  padding: 80px 40px;
  background: #F1F1EE;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .topWorks {
      margin-top: 60px;
      padding: 30px 20px; } }
  .topWorks__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .topWorks__list {
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .topWorks__list {
        margin-top: 30px;
        justify-content: space-between; } }
  .topWorks__item {
    width: 31.9166666667%;
    margin: 3.3333333333% 0 0 2%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topWorks__item {
        width: 47.7611940299%;
        margin: 4.4776119403% 0 0; } }
    .topWorks__item:nth-child(3n+1) {
      margin-left: 0; }
    .topWorks__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .topWorks__item:nth-child(-n+3) {
          margin-top: 4.4776119403%; } }
    @media screen and (max-width: 767px) {
      .topWorks__item:nth-child(-n+2) {
        margin-top: 0; } }
  .topWorks__link {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none; }
  .topWorks__imgBox {
    width: 100%;
    padding-top: 100%; }
  .topWorks__noImg {
    width: 100%;
    padding-top: 100%; }
  .topWorks__textBox {
    text-align: left;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .topWorks__textBox {
        margin-top: 10px; } }
  .topWorks__title {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .topWorks__title {
        font-size: 1.2rem; } }
  .topWorks__summary {
    margin-top: 15px;
    border-top: 1px dotted #7F7F7F;
    padding-top: 15px; }
    @media screen and (max-width: 767px) {
      .topWorks__summary {
        margin-top: 10px;
        padding-top: 10px; } }
  .topWorks__summaryItem {
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topWorks__summaryItem {
        font-size: 1rem;
        letter-spacing: 0; } }

.topVoice {
  padding: 80px 40px;
  background: #F1F1EE;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .topVoice {
      padding: 30px 20px;
      margin-top: 60px; } }
  .topVoice__inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .topVoice__list {
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      .topVoice__list {
        margin-top: 30px; } }
  .topVoice__item {
    text-align: left; }
    .topVoice__item + .topVoice__item {
      margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .topVoice__item + .topVoice__item {
          margin-top: 20px; } }
  .topVoice__link {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    padding: 30px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .topVoice__link {
        padding: 15px; } }
  .topVoice__imgBox {
    aspect-ratio: 4 / 3;
    width: 290px;
    flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .topVoice__imgBox {
        width: 40%; } }
  .topVoice__noImg {
    aspect-ratio: 4 / 3;
    width: 290px;
    flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .topVoice__noImg {
        width: 40%; } }
  .topVoice__textBox {
    flex: 1;
    margin-left: 30px; }
    @media screen and (max-width: 767px) {
      .topVoice__textBox {
        margin-left: 15px; } }
  .topVoice__title {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .topVoice__title {
        font-size: 1.4rem; } }
  .topVoice__user {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 1.8em;
    position: relative;
    margin-top: 1em;
    color: #7F7F7F; }
    @media screen and (max-width: 767px) {
      .topVoice__user {
        font-size: 1.2rem;
        margin-top: .5em; } }
    .topVoice__user::before {
      font-family: 'Material Icons Sharp';
      content: '\e7fd';
      font-size: 2.4rem;
      line-height: 1;
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (max-width: 767px) {
        .topVoice__user::before {
          font-size: 1.8rem; } }

.topMovie {
  padding: 0 40px;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .topMovie {
      padding: 0 30px;
      position: relative;
      margin-top: 60px; } }
  .topMovie__inner {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 50px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topMovie__inner {
        padding: 0 20px; } }
  .topMovie__movieBox {
    position: relative;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .topMovie__movieBox {
        margin-top: 30px; } }
  .topMovie__container {
    overflow: hidden; }
  .topMovie__slide {
    width: 30.1886792453%;
    margin-right: 4.7169811321%; }
    @media screen and (max-width: 767px) {
      .topMovie__slide {
        width: 100%;
        margin: 0; } }
  .topMovie__link {
    display: block;
    text-decoration: none;
    position: relative;
    padding-top: 56.25%; }
    .topMovie__link::after {
      content: '';
      background: rgba(255, 255, 255, 0);
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .topMovie__link iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      pointer-events: none; }
  .topMovie__pager {
    bottom: -38px !important;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .topMovie__pager {
        bottom: -20px !important; } }
    .topMovie__pager .swiper-pagination-bullet {
      width: 30px;
      height: 1px;
      border-radius: 0;
      background: #000000;
      transition: background .3s;
      margin: 0 10px !important;
      opacity: 1;
      outline: none;
      transition: .3s; }
      @media screen and (max-width: 767px) {
        .topMovie__pager .swiper-pagination-bullet {
          width: 20px;
          margin: 0 5px !important; } }
      .topMovie__pager .swiper-pagination-bullet:hover, .topMovie__pager .swiper-pagination-bullet-active {
        height: 3px; }
  .topMovie__controller {
    cursor: pointer; }
    .topMovie__controller::after {
      font-size: 3rem; }
    .topMovie__controller--next {
      right: -50px; }
      @media screen and (max-width: 767px) {
        .topMovie__controller--next {
          right: -40px;
          color: #000000; } }
    .topMovie__controller--prev {
      left: -50px; }
      @media screen and (max-width: 767px) {
        .topMovie__controller--prev {
          left: -40px;
          color: #000000; } }
  .topMovie__btn {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .topMovie__btn {
        margin-top: 60px; } }

.footerContact {
  padding: 0 40px;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .footerContact {
      padding: 0 20px;
      margin-top: 60px; } }
  .footerContact__inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    border: 2px solid #000000;
    display: flex;
    align-items: center;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .footerContact__inner {
        display: block; } }
  .footerContact__imgBox {
    width: 35%;
    height: 260px; }
    @media screen and (max-width: 767px) {
      .footerContact__imgBox {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto; } }
  .footerContact__textBox {
    flex: 1;
    padding: 20px 40px; }
    @media screen and (max-width: 767px) {
      .footerContact__textBox {
        width: 100%;
        padding: 30px; } }
  .footerContact__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8; }
  .footerContact__summary {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .footerContact__summary {
        display: block;
        text-align: center;
        margin-top: 10px; } }
  .footerContact__tel {
    display: block;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .footerContact__tel {
        font-size: 2rem; } }
  .footerContact__telNumber {
    font-size: 3.4rem; }
    @media screen and (max-width: 767px) {
      .footerContact__telNumber {
        font-size: 3rem; } }
  .footerContact__time {
    font-size: 1.2rem;
    margin-left: 1em;
    font-weight: 500;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .footerContact__time {
        margin: 0; } }
  .footerContact__btnSet {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .footerContact__btnSet {
        width: 100%;
        display: block; } }
  .footerContact__btnItem {
    flex: 1;
    position: relative;
    max-width: 300px; }
    .footerContact__btnItem + .footerContact__btnItem {
      margin-left: 5.6603773585%; }
      @media screen and (max-width: 767px) {
        .footerContact__btnItem + .footerContact__btnItem {
          margin: 10px 0 0; } }
  .footerContact__btnLink {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000;
    color: #fff;
    padding: .5em 1em;
    text-decoration: none;
    font-weight: 500; }
    .footerContact__btnItem:nth-child(2) .footerContact__btnLink {
      background: #7F7F7F; }
    .footerContact__btnLink::before {
      font-family: 'Material Icons Sharp';
      content: '\e878';
      font-size: 2.4rem;
      margin-right: .3em;
      vertical-align: bottom;
      line-height: 1; }
      .footerContact__btnItem:nth-child(1) .footerContact__btnLink::before {
        content: '\e88a'; }

.footerSns {
  padding: 60px 40px;
  background: #F1F1EE;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .footerSns {
      padding: 30px 20px;
      margin-top: 60px; } }
  .footerSns__inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .footerSns__list {
    margin-top: 60px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .footerSns__list {
        margin-top: 30px;
        justify-content: space-between; } }
  .footerSns__item {
    width: 30%;
    margin: 3% 0 0 5%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .footerSns__item {
        width: 47.5%;
        margin: 5% 0 0; } }
    .footerSns__item:nth-child(3n+1) {
      margin-left: 0; }
    .footerSns__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .footerSns__item:nth-child(-n+3) {
          margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .footerSns__item:nth-child(-n+2) {
        margin-top: 0; } }
  .footerSns__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #000000;
    padding: 10px;
    line-height: 1;
    text-decoration: none; }
  .footerSns__icon {
    font-size: 3.6rem; }
    @media screen and (max-width: 767px) {
      .footerSns__icon {
        font-size: 2.6rem; } }
  .footerSns__title {
    font-family: "EB Garamond", serif;
    font-weight: 700;
    letter-spacing: .1em;
    font-size: 1.8rem;
    margin-left: .8em; }
    @media screen and (max-width: 767px) {
      .footerSns__title {
        font-size: 1.4rem; } }

.topAbout {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .topAbout {
      margin-top: 60px; } }
  .topAbout__list {
    margin-top: 50px;
    margin-top: 30px; }
  .topAbout__item {
    width: 100%;
    display: flex; }
    @media screen and (max-width: 767px) {
      .topAbout__item {
        display: block; } }
  .topAbout__imgBox {
    order: 2;
    width: 40%;
    aspect-ratio: 4/3; }
    @media screen and (max-width: 767px) {
      .topAbout__imgBox {
        width: 100%;
        aspect-ratio: 16/9; } }
    .topAbout__item:nth-child(2n) .topAbout__imgBox {
      order: 1; }
  .topAbout__textBox {
    order: 1;
    width: 60%;
    background: #F1F1EE;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .topAbout__textBox {
        width: 100%;
        padding: 20px 20px 40px; } }
    .topAbout__item:nth-child(2n) .topAbout__textBox {
      order: 2;
      background: #fff; }
  .topAbout__titleText {
    display: block;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .topAbout__titleText {
        font-size: 2rem; } }
  .topAbout__titleEn {
    display: block;
    font-family: "EB Garamond", serif;
    font-size: 1.4rem;
    color: #fff;
    background: #7F7F7F;
    width: fit-content;
    border-radius: 1000px;
    margin: .5em auto 0;
    padding: 0 1.5em .2em;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .topAbout__titleEn {
        font-size: 1.4rem; } }
  .topAbout__text {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-top: 1.5em; }
    @media screen and (max-width: 767px) {
      .topAbout__text {
        font-size: 1.3rem; } }

.topBlog {
  padding: 0 40px;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .topBlog {
      padding: 0 20px;
      margin-top: 60px; } }
  .topBlog__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .topBlog__list {
    margin-top: 60px;
    width: 100%;
    text-align: left;
    display: flex; }
    @media screen and (max-width: 767px) {
      .topBlog__list {
        margin-top: 30px;
        display: block; } }
  .topBlog__item {
    width: 20%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topBlog__item {
        width: 100%; } }
    .topBlog__item + .topBlog__item {
      margin-left: 6.5833333333%; }
      @media screen and (max-width: 767px) {
        .topBlog__item + .topBlog__item {
          margin: 20px 0 0;
          padding-top: 20px;
          border-top: 1px dotted #000000; } }
      .topBlog__item + .topBlog__item::before {
        content: '';
        display: block;
        border-left: 1px dotted #000000;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: -16.4583333333%; }
        @media screen and (max-width: 767px) {
          .topBlog__item + .topBlog__item::before {
            display: none; } }
    @media screen and (max-width: 767px) {
      .topBlog__item:nth-child(4) {
        display: none; } }
  .topBlog__link {
    display: block;
    text-decoration: none;
    position: relative; }
    @media screen and (max-width: 767px) {
      .topBlog__link {
        width: 100%;
        display: flex;
        align-items: flex-start; } }
  .topBlog__imgBox, .topBlog__noImg {
    padding-top: 100%; }
    @media screen and (max-width: 767px) {
      .topBlog__imgBox, .topBlog__noImg {
        padding-top: 0;
        width: 35%;
        aspect-ratio: 1 / 1; } }
  .topBlog__textBox {
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .topBlog__textBox {
        margin: 0 0 0 15px;
        flex: 1; } }
  .topBlog__time {
    font-family: "EB Garamond", serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    color: #7F7F7F; }
  .topBlog__title {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 500;
    margin-top: .1em; }

.topArea {
  padding: 0 40px;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .topArea {
      padding: 0 20px;
      margin-top: 60px; } }
  .topArea__inner {
    background: #F1F1EE;
    padding: 60px 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .topArea__inner {
        padding: 30px 20px; } }
  .topArea__title {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .topArea__title {
        font-size: 2.2rem; } }
  .topArea__text {
    font-size: 1.8rem;
    margin-top: 1.2em; }
    @media screen and (max-width: 767px) {
      .topArea__text {
        font-size: 1.4rem; } }
  .topArea__list {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0;
    padding: 30px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .topArea__list {
        margin-top: 30px;
        padding: 15px; } }
  .topArea__item {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.2; }
    @media screen and (max-width: 767px) {
      .topArea__item {
        font-size: 1.4rem; } }
    .topArea__item::after {
      content: '、'; }
    .topArea__item:last-child::after {
      display: none; }

.footerStudio {
  background: #F1F1EE;
  padding: 60px 40px 80px;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .footerStudio {
      padding: 30px 20px;
      margin-top: 60px; } }
  .footerStudio__inner {
    width: 100%;
    max-width: 1200px;
    margin: auto; }
  .footerStudio__list {
    margin-top: 50px;
    width: 100%;
    display: flex;
    text-align: left;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .footerStudio__list {
        margin-top: 30px;
        display: block; } }
  .footerStudio__item {
    width: 29.8333333333%;
    position: relative;
    margin: 5.25% 0 0 5.25%; }
    @media screen and (max-width: 767px) {
      .footerStudio__item {
        width: 100%;
        margin: 20px 0 0;
        padding-top: 20px;
        border-top: 1px dotted #000000;
        display: flex;
        align-items: flex-start; } }
    .footerStudio__item::before {
      content: '';
      display: block;
      border-left: 1px dotted #000000;
      height: 100%;
      position: absolute;
      top: 0;
      left: -8.6592178771%; }
      @media screen and (max-width: 767px) {
        .footerStudio__item::before {
          display: none; } }
    .footerStudio__item:nth-child(3n+1) {
      margin-left: 0; }
      .footerStudio__item:nth-child(3n+1)::before {
        display: none; }
    .footerStudio__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .footerStudio__item:nth-child(-n+3) {
          margin-top: 20px; } }
    @media screen and (max-width: 767px) {
      .footerStudio__item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none; } }
  .footerStudio__img {
    display: block; }
    @media screen and (max-width: 767px) {
      .footerStudio__img {
        width: 35%; } }
  .footerStudio__textBox {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .footerStudio__textBox {
        flex: 1;
        margin: 0 0 0 15px; } }
  .footerStudio__name {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6; }
  .footerStudio__address {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    font-style: normal;
    margin-top: .5em; }
    @media screen and (max-width: 767px) {
      .footerStudio__address {
        font-size: 1rem; } }
  .footerStudio__tel {
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .footerStudio__tel {
        font-size: 1rem; } }
  .footerStudio__btn {
    width: fit-content;
    max-width: initial;
    margin: 20px 0 0;
    padding: .5em 2em; }
    @media screen and (max-width: 767px) {
      .footerStudio__btn {
        font-size: 1.2rem;
        margin-top: 10px;
        padding: .3em 1.2em; } }

.footer {
  padding: 60px 40px; }
  @media screen and (max-width: 767px) {
    .footer {
      padding: 40px 20px 80px; } }
  .footer__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .footer__inner {
        display: block; } }
  .footer__logoBox {
    width: 230px;
    flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .footer__logoBox {
        margin: 0 auto; } }
  .footer__logo {
    display: block;
    text-decoration: none; }
    .footer__logo:hover {
      opacity: 1; }
  .footer__logoImg {
    width: 100%; }
  .footer__naviSns {
    display: flex;
    margin-top: 30px; }
  .footer__copyright {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #7F7F7F;
    margin-top: 30px;
    letter-spacing: 0; }
  .footer__naviBox {
    flex: 1;
    margin-left: 5%;
    display: flex;
    justify-content: flex-end;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .footer__naviBox {
        display: none; } }
  .footer__naviSection + .footer__naviSection {
    margin-left: 6.976744186%; }
  .footer__naviList + .footer__naviList {
    margin-top: 20px; }
  .footer__naviTitle {
    padding-left: 1em;
    position: relative;
    line-height: 1.5;
    font-size: 1.4rem;
    font-weight: 500; }
    .footer__naviTitle + .footer__naviTitle {
      margin-top: .5em; }
    .footer__naviTitle::before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #7F7F7F;
      position: absolute;
      top: .5em;
      left: 0; }
  .footer__naviTitleLink {
    text-decoration: none; }
  .footer__naviSubTitle {
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: .3em;
    padding-left: 1.4rem; }
  .footer__naviSubTitleLink {
    color: #7F7F7F;
    text-decoration: none; }

.first-step {
  max-width: 1280px; }
  .first-step__intro {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .first-step__intro {
        flex-wrap: wrap; } }
  .first-step__introImg {
    width: 37.8823529412%; }
    @media screen and (max-width: 767px) {
      .first-step__introImg {
        order: 2;
        width: 70%;
        margin: 0 auto; } }
  .first-step__introText {
    flex: 1;
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
    margin-left: 40px;
    background: #F1F1EE;
    padding: 35px 55px;
    border-radius: 10px;
    letter-spacing: 0;
    position: relative;
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .first-step__introText {
        order: 1;
        padding: 25px 35px;
        margin: 0 0 40px;
        font-size: 1.3rem;
        width: 100%;
        flex: initial;
        line-height: 2; } }
    .first-step__introText--bold {
      font-weight: 700;
      background: linear-gradient(transparent 60%, #E2CF35 0%); }
    .first-step__introText::before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 40px 20px 0;
      border-color: transparent #F1F1EE transparent transparent;
      position: absolute;
      bottom: 30%;
      left: 0;
      transform: translateX(-100%); }
      @media screen and (max-width: 767px) {
        .first-step__introText::before {
          border-width: 30px 15px 0 15px;
          border-color: #F1F1EE transparent transparent transparent;
          margin: 0 auto;
          right: 0;
          bottom: 0;
          left: 0;
          transform: translateY(100%); } }
  .first-step__background {
    background: #F1F1EE;
    padding: 60px 100px 100px; }
    @media screen and (max-width: 767px) {
      .first-step__background {
        padding: 30px 20px 20px; } }
  .first-step__backgroundMainTitle {
    text-align: center;
    font-size: 3rem;
    line-height: 1.6;
    padding-bottom: .2em;
    border-bottom: 1px solid;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundMainTitle {
        font-size: 2.6rem; } }
    .first-step__backgroundMainTitle--catch {
      display: block;
      font-size: 2rem; }
      @media screen and (max-width: 767px) {
        .first-step__backgroundMainTitle--catch {
          font-size: 1.6rem; } }
  .first-step__backgroundGraph {
    margin: 50px auto 0; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundGraph {
        margin-top: 30px; } }
  .first-step__backgroundGraphNote {
    display: block;
    font-size: 1.5rem;
    width: 100%;
    max-width: 800px;
    text-align: right;
    margin: .5em auto 0;
    line-height: 1.6;
    font-weight: 300; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundGraphNote {
        font-size: 1.2rem; } }
  .first-step__backgroundList {
    width: 100%;
    display: flex;
    margin-top: 50px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundList {
        display: block;
        margin-top: 40px; } }
  .first-step__backgroundItem {
    width: 30%;
    counter-increment: num; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundItem {
        width: 100%; } }
    .first-step__backgroundItem + .first-step__backgroundItem {
      margin-left: 5%; }
      @media screen and (max-width: 767px) {
        .first-step__backgroundItem + .first-step__backgroundItem {
          margin: 30px 0 0; } }
  .first-step__backgroundTitle {
    padding-top: 50px;
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.6;
    font-weight: 700;
    position: relative; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundTitle {
        font-size: 2.2rem;
        padding-top: 30px; } }
    .first-step__backgroundTitle::before {
      content: counter(num);
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "EB Garamond", serif;
      font-size: 4rem;
      font-weight: 700;
      width: 70px;
      height: 70px;
      background: #000000;
      color: #fff;
      line-height: 1;
      text-align: center;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      margin: 0 auto;
      transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        .first-step__backgroundTitle::before {
          width: 50px;
          height: 50px;
          font-size: 3.2rem; } }
  .first-step__backgroundText {
    line-height: 2.2;
    margin-top: 1.5em;
    font-size: 1.5rem;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .first-step__backgroundText {
        line-height: 1.8;
        font-size: 1.4rem;
        margin-top: .8em; } }
  .first-step__problem {
    text-align: center;
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .first-step__problem {
        margin-top: 60px; } }
  .first-step__problemInner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .first-step__problemMainTitle {
    width: fit-content;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
    background: #000000;
    border-radius: 1000px;
    padding: .5em 3em;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .first-step__problemMainTitle {
        font-size: 2rem;
        padding-right: 2em;
        padding-left: 2em; } }
  .first-step__problemMainText {
    font-size: 2rem;
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      .first-step__problemMainText {
        font-size: 1.4rem;
        margin-top: 25px;
        text-align: left; } }
  .first-step__problemBox {
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .first-step__problemBox {
        margin-top: 60px; } }
  .first-step__problemSection {
    width: 100%;
    display: flex;
    align-items: flex-start; }
    .first-step__problemSection + .first-step__problemSection {
      margin-top: 100px; }
      @media screen and (max-width: 767px) {
        .first-step__problemSection + .first-step__problemSection {
          margin-top: 40px; } }
  .first-step__problemImgBox {
    width: 22%; }
    @media screen and (max-width: 767px) {
      .first-step__problemImgBox {
        width: 30%; } }
    .first-step__problemSection:nth-child(2n) .first-step__problemImgBox {
      order: 2; }
  .first-step__problemName {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 1em; }
    @media screen and (max-width: 767px) {
      .first-step__problemName {
        font-size: 1.2rem;
        letter-spacing: 0; } }
  .first-step__problemText {
    flex: 1;
    margin-left: 110px;
    border-radius: 10px;
    position: relative;
    background: #fff;
    padding: 50px 20px;
    font-size: 2rem;
    border: 1px solid #7F7F7F;
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/ }
    @media screen and (max-width: 767px) {
      .first-step__problemText {
        margin-left: 40px;
        padding: 20px;
        font-size: 1.4rem;
        text-align: left; } }
    .first-step__problemSection:nth-child(2n) .first-step__problemText {
      order: 1;
      margin: 0 110px 0 0; }
      @media screen and (max-width: 767px) {
        .first-step__problemSection:nth-child(2n) .first-step__problemText {
          margin-right: 40px; } }
    .first-step__problemText::before {
      content: "";
      position: absolute;
      bottom: calc(30% + 1px);
      left: 0;
      z-index: 2;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 60px 15px 0;
      border-color: transparent #fff transparent transparent;
      transform: translateX(-100%); }
      @media screen and (max-width: 767px) {
        .first-step__problemText::before {
          top: calc(20% + 1px);
          bottom: auto;
          border-width: 10px 40px 10px 0; } }
      .first-step__problemSection:nth-child(2n) .first-step__problemText::before {
        right: 0;
        left: auto;
        transform: translateX(100%);
        border-width: 15px 0 15px 60px;
        border-color: transparent transparent transparent #fff; }
        @media screen and (max-width: 767px) {
          .first-step__problemSection:nth-child(2n) .first-step__problemText::before {
            border-width: 10px 0 10px 40px; } }
    .first-step__problemText::after {
      content: "";
      position: absolute;
      bottom: 30%;
      left: 0;
      z-index: 1;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 62px 16px 0;
      border-color: transparent #7F7F7F transparent transparent;
      transform: translateX(-100%); }
      @media screen and (max-width: 767px) {
        .first-step__problemText::after {
          top: 20%;
          bottom: auto;
          border-width: 11px 42px 11px 0; } }
      .first-step__problemSection:nth-child(2n) .first-step__problemText::after {
        right: 0;
        left: auto;
        transform: translateX(100%);
        border-width: 16px 0 16px 62px;
        border-color: transparent transparent transparent #7F7F7F; }
        @media screen and (max-width: 767px) {
          .first-step__problemSection:nth-child(2n) .first-step__problemText::after {
            border-width: 11px 0 11px 42px; } }
    .first-step__problemText--bold {
      font-weight: 700;
      background: linear-gradient(transparent 60%, #E2CF35 0%); }
  .first-step__problemArw {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 2;
    padding-bottom: 100px;
    position: relative;
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .first-step__problemArw {
        font-size: 1.5rem;
        margin-top: 40px; } }
    .first-step__problemArw::before, .first-step__problemArw::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 80px 0 80px;
      border-color: #7F7F7F transparent transparent transparent;
      margin: 0 auto;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
    .first-step__problemArw::after {
      border-top-color: #000000;
      bottom: 20px; }
    .first-step__problemArw--bold {
      font-weight: 700;
      background: linear-gradient(transparent 60%, #E2CF35 0%); }
  .first-step__message {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0;
    text-align: center; }
  .first-step__messageBg {
    background: url("../images/first-step/message.jpg") no-repeat center bottom/cover;
    padding: 50px 40px 385px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .first-step__messageBg {
        padding: 20px 0 180px;
        font-size: 1.2rem;
        letter-spacing: 0; } }
  .first-step__messageSection {
    margin-top: 100px; }
    @media screen and (max-width: 767px) {
      .first-step__messageSection {
        margin-top: 50px; } }
  .first-step__messageSectionTitle {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .first-step__messageSectionTitle {
        font-size: 2.2rem; } }
  .first-step__messageText {
    font-size: 2rem;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .first-step__messageText {
        font-size: 1.4rem;
        text-align: left; } }
  .first-step__flow {
    background: #F1F1EE;
    padding: 33px;
    margin-top: 100px; }
    @media screen and (max-width: 767px) {
      .first-step__flow {
        padding: 20px;
        margin-top: 50px; } }
  .first-step__flowInner {
    width: 100%;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .first-step__flowInner {
        display: block; } }
  .first-step__flowImg {
    width: 29.1005291005%; }
    @media screen and (max-width: 767px) {
      .first-step__flowImg {
        width: 100%; } }
  .first-step__flowText {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    writing-mode: vertical-rl;
    width: 6.3492063492%;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000000;
    height: 230px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .first-step__flowText {
        writing-mode: initial;
        width: 100%;
        font-size: 1.6rem;
        height: auto;
        display: block;
        text-align: center;
        margin: 1em 0 20px; } }
  .first-step__flowArw {
    width: 20px;
    height: 20px;
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
    transform: rotate(45deg) translate(-5px, 5px);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .first-step__flowArw {
        position: static;
        transform: rotate(135deg) translate(-5px, 5px);
        margin: 20px auto 0; } }
    .first-step__flowArw::before, .first-step__flowArw::after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border-top: 3px solid #000000;
      border-right: 3px solid #000000;
      transform: translate(-8px, 5px);
      position: absolute;
      top: 0;
      left: 0; }
    .first-step__flowArw::after {
      transform: translate(8px, -11px); }
  .first-step__chart {
    text-align: center;
    margin-top: 100px; }
    @media screen and (max-width: 767px) {
      .first-step__chart {
        margin-top: 50px; } }
  .first-step__chartTitle {
    font-size: 3rem;
    line-height: 1.6;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      .first-step__chartTitle {
        font-size: 2.2rem; } }
  .first-step__chartArw {
    position: relative;
    padding-bottom: 100px;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .first-step__chartArw {
        margin-top: 30px; } }
    .first-step__chartArw::before, .first-step__chartArw::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 80px 0 80px;
      border-color: #7F7F7F transparent transparent transparent;
      margin: 0 auto;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
    .first-step__chartArw::after {
      border-top-color: #000000;
      bottom: 20px; }
  .first-step__chartImg {
    margin: 0 auto; }
  .first-step__chartCatch {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .first-step__chartCatch {
        font-size: 2.2rem;
        margin-top: 20px; } }
  .first-step__solution {
    background: #F1F1EE;
    padding: 60px 100px 100px;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .first-step__solution {
        padding: 30px 20px 20px;
        margin-top: 50px; } }
  .first-step__solutionInner {
    width: 100%;
    max-width: 1000px; }
  .first-step__solutionList {
    margin-top: 70px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .first-step__solutionList {
        justify-content: space-between;
        margin-top: 30px; } }
  .first-step__solutionItem {
    width: 23.8%;
    background: #fff;
    border-radius: 10px;
    margin: 1.6% 0 0 1.6%;
    padding: 35px 1em;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .first-step__solutionItem {
        width: 47.5%;
        border-radius: 5px;
        margin: 5% 0 0;
        padding: 20px 0em;
        font-size: 1.3rem;
        letter-spacing: 0; } }
    .first-step__solutionItem:nth-child(4n+1) {
      margin-left: 0; }
    .first-step__solutionItem:nth-child(-n+4) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .first-step__solutionItem:nth-child(-n+4) {
          margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .first-step__solutionItem:nth-child(-n+2) {
        margin-top: 0; } }
  .first-step__formTopImg {
    margin: 80px auto 0; }
    @media screen and (max-width: 767px) {
      .first-step__formTopImg {
        margin-top: 50px; } }

.lots__header {

  width: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .lots__header {
      display: block; } }
.lots__headerImg {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .lots__headerImg {
      width: 100%;
      aspect-ratio: 3 / 2; } }
.lots__headerTextBox {
  width: 50%;
  display: flex;
  text-align: left;
  justify-content: center;
  align-items: center;
  padding: 70px 90px; }
  @media screen and (max-width: 767px) {
    .lots__headerTextBox {
      width: 100%;
      display: block;
      padding: 30px; } }
.lots__headerTitleBox {
  padding: 40px 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .lots__headerTitleBox {
      padding: 20px 0; } }
  .lots__headerTitleBox::after {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    background: #F1F1EE; }
.lots__headerTitle {
  font-size: 3.5rem;
  line-height: 1.6;
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .lots__headerTitle {
      font-size: 2.2rem;
      letter-spacing: 0; } }
.lots__headerList {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .lots__headerList {
      margin-top: 20px; } }
.lots__headerItem {
  position: relative;
  padding-left: 1em;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .lots__headerItem {
      font-size: 1.4rem; } }
  .lots__headerItem::before {
    content: '・';
    position: absolute;
    top: 0;
    left: 0; }
  .lots__headerItem + .lots__headerItem {
    margin-top: .8em; }
    @media screen and (max-width: 767px) {
      .lots__headerItem + .lots__headerItem {
        margin-top: .5em; } }
.lots__headerText {
  font-size: 1.5rem;
  margin-top: 40px;
  line-height: 2.2; }
  @media screen and (max-width: 767px) {
    .lots__headerText {
      font-size: 1.3rem;
      line-height: 1.8;
      margin-top: 30px; } }
.lots__spec {
  background: #F1F1EE;
  padding: 80px 40px; }
  @media screen and (max-width: 767px) {
    .lots__spec {
      padding: 30px 20px; } }
.lots__specInner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
.lots__specTable {
  width: 100%;
  table-layout: auto; }
.lots__specTh {
  background: #000000;
  color: #fff;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 700;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .lots__specTh {
      font-size: 1.6rem; } }
  .lots__specTh:last-child {
    border-left: 5px solid #F1F1EE; }
.lots__specTd {
  background: #fff;
  padding: .5em;
  vertical-align: middle;
  border-top: 5px solid #F1F1EE;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .lots__specTd {
      font-size: 1.8rem; } }
  .lots__specTd:last-child {
    border-left: 5px solid #F1F1EE; }
  .lots__specTd--bold {
    font-size: 6rem; }
    @media screen and (max-width: 767px) {
      .lots__specTd--bold {
        font-size: 3rem; } }
.lots__specBox {
  width: 100%;
  /*margin-top: 40px;*/
  display: flex;
  justify-content: center/*space-between*/;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .lots__specBox {
      display: block;
      /*margin-top: 20px;*/ } }
.lots__specPoint {
  width: 100%; /*46%;*/ }
  @media screen and (max-width: 767px) {
    .lots__specPoint {
      width: 100%; } }
.lots__specPointList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;}
.lots__specPointList > div {
  display: flex;
}
.lots__specPointItem {
  /*width: 31.7391304348%;*/
  /*margin: 2.3913043478% 0 0 2.3913043478%;*/
  margin:.5%; }
  /*
  .lots__specPointItem:nth-child(3n+1) {
    margin-left: 0; }
  .lots__specPointItem:nth-child(-n+3) {
    margin-top: 0; }
    */
.lots__note {
  width: fit-content;
  margin: 20px 0 0 auto;
  font-size: 1rem; }
  @media screen and (max-width: 767px) {
    .lots__note {
      margin: 15px 0 0;
      width: 100%; } }
.lots__noteItem + .lots__noteItem {
  margin-top: .5em;
  line-height: 1.6; }
.lots__specSummary {
  width: 32%; }
  @media screen and (max-width: 767px) {
    .lots__specSummary {
      width: 100%;
      margin-top: 20px; } }
.lots__specSummaryTable {
  width: 100%;
  font-size: 1.5rem;
  table-layout: auto; }
.lots__specSummaryTh, .lots__specSummaryTd {
  vertical-align: top;
  padding-bottom: .5em;
  line-height: 1.6; }
  .lots__specSummaryTr:last-child .lots__specSummaryTh, .lots__specSummaryTr:last-child .lots__specSummaryTd {
    padding-top: .5em;
    border-top: 1px solid #000000; }
.lots__specSummaryTh {
  text-align: left;
  font-weight: 400;
  padding-left: 1.5em;
  position: relative; }
  .lots__specSummaryTh::before {
    content: '■';
    position: absolute;
    top: 0;
    left: 0; }
  .lots__specSummaryTr:last-child .lots__specSummaryTh {
    padding-left: 0; }
    .lots__specSummaryTr:last-child .lots__specSummaryTh::before {
      display: none; }
.lots__specSummaryTd {
  text-align: right; }
.lots__section {
  margin-top: 80px;
  padding: 0 40px; }
  @media screen and (max-width: 767px) {
    .lots__section {
      margin-top: 60px;
      padding: 0 20px; } }
.lots__sectionInner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
.lots__sectionTitle {
  text-align: center;
  border-bottom: 1px solid #000000;
  padding-bottom: .5em; }
.lots__sectionTitleCatch {
  display: block;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .lots__sectionTitleCatch {
      font-size: 1.6rem; } }
.lots__sectionTitleText {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .lots__sectionTitleText {
      font-size: 2.4rem; } }
.lots__imgList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .lots__imgList {
      margin-top: 15px;
      justify-content: space-between; } }
.lots__imgItem {
  width: 32.8333333333%;
  margin: 0.75% 0 0 0.75%; }
  @media screen and (max-width: 767px) {
    .lots__imgItem {
      width: 48.5%;
      margin: 3% 0 0; } }
  .lots__imgItem:nth-child(3n+1) {
    margin-left: 0; }
    @media screen and (max-width: 767px) {
      .lots__imgItem:nth-child(3n+1) {
        width: 100%; } }
  .lots__imgItem:nth-child(-n+3) {
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .lots__imgItem:nth-child(-n+3) {
        margin-top: 3%; } }
  @media screen and (max-width: 767px) {
    .lots__imgItem:first-child {
      margin-top: 0; } }
.lots__arw {
  text-align: center;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 40px 100px;
  position: relative;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .lots__arw {
      padding: 0 20px 100px;
      margin-top: 60px;
      font-size: 2.6rem; } }
  .lots__arw::before, .lots__arw::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 80px 0 80px;
    border-color: #7F7F7F transparent transparent transparent;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
  .lots__arw::after {
    border-top-color: #000000;
    bottom: 20px; }
  .lots__arw--large {
    font-size: 4.4rem;
    font-weight: 700; }

.concept {
  max-width: 1280px; }
  .concept__wrapper {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .concept__wrapper {
        margin-top: 40px; } }
  .concept__section {
    counter-increment: num; }
    .concept__section + .concept__section {
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        .concept__section + .concept__section {
          margin-top: 60px; } }
    .concept__section::after {
      content: '';
      display: block;
      clear: both; }
  .concept__title {
    display: table;
    width: 57%;
    float: right; }
    @media screen and (max-width: 767px) {
      .concept__title {
        width: 100%;
        float: none; } }
    .concept__section:nth-child(2n) .concept__title {
      float: left; }
      @media screen and (max-width: 767px) {
        .concept__section:nth-child(2n) .concept__title {
          float: none; } }
  .concept__titleNumber {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 80px;}
    @media screen and (max-width: 767px) {
      .concept__titleNumber {
        width: 60px; } }
    .concept__titleNumber::before {
      content: counter(num,decimal-leading-zero);
      font-size: 3rem;
      font-weight: 400;
      line-height: 1;
      color: #B9B9B9;
      letter-spacing: 0;
      font-family: "EB Garamond", serif; }
      @media screen and (max-width: 767px) {
        .concept__titleNumber::before {
          font-size: 2.6rem; } }
  .concept__titleText {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .concept__titleText {
        font-size: 1.2rem; } }
  .concept__img {
    width: 40%;
    float: left; }
    @media screen and (max-width: 767px) {
      .concept__img {
        width: 80%;
        float: none;
        margin: 30px auto 0;
        display: block;} }
    .concept__section:nth-child(2n) .concept__img {
      float: right; }
      @media screen and (max-width: 767px) {
        .concept__section:nth-child(2n) .concept__img {
          float: none;
          margin: 30px auto 0;
          display: block;} }
  .concept__text {
    width: 56.6666666667%;
    float: right;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .concept__text {
        width: 100%;
        float: none;
        margin-top: 30px;
        font-size: .875em!important;
        } }
    .concept__section:nth-child(2n) .concept__text {
      float: left; }
      @media screen and (max-width: 767px) {
        .concept__section:nth-child(2n) .concept__text {
          float: none; } }

.phylosophy__section {
  counter-increment: num;
  max-width: 1200px;
  margin: 0 auto;}
  .phylosophy__section + .phylosophy__section {
    border-top: 1px dotted #7F7F7F;
    margin-top: 60px;
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      .phylosophy__section + .phylosophy__section {
        margin-top: 30px;
        padding-top: 30px; } }
  .phylosophy__section::after {
    content: '';
    display: block;
    clear: both; }
.phylosophy__title {
  display: table;
  width: 51%;
  float: right; }
  @media screen and (max-width: 767px) {
    .phylosophy__title {
      width: 100%;
      float: none; } }
.phylosophy__titleNumber {
  display: table-cell;
  width: 80px;
  text-align: left;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .phylosophy__titleNumber {
      width: 60px; } }
  .phylosophy__titleNumber::before {
    content: counter(num,decimal-leading-zero);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    color: #B9B9B9;
    letter-spacing: 0;
    font-family: "EB Garamond", serif; }
    @media screen and (max-width: 767px) {
      .phylosophy__titleNumber::before {
        font-size: 2.6rem; } }
.phylosophy__titleText {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .phylosophy__titleText {
      font-size: 1.2rem; } }
.phylosophy__img {
  width: 40%;
  max-width: 400px;
  float: left; }
  @media screen and (max-width: 767px) {
    .phylosophy__img {
      width: 80%;
      margin: 30px auto 0;
      float: none;
      display: block;} }
.phylosophy__text {
  width: 51%;
  float: right;
  margin-top: 20px;
  line-height: 2.2; }
  @media screen and (max-width: 767px) {
    .phylosophy__text {
      width: 100%;
      float: none;
      margin-top: 30px;
      line-height: 1.8;
      font-size: .875em!important} }

.custom-built {
  max-width: 1280px; }
  .custom-built__wrapper {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .custom-built__wrapper {
        margin-top: 40px; } }
  .custom-built__section {
    counter-increment: num; }
    .custom-built__section + .custom-built__section {
      margin-top: 120px; }
      @media screen and (max-width: 767px) {
        .custom-built__section + .custom-built__section {
          margin-top: 60px; } }
    .custom-built__section::after {
      content: '';
      display: block;
      clear: both; }
  .custom-built__title {
    display: table;
    width: 56.6666666667%;
    float: right; }
    @media screen and (max-width: 767px) {
      .custom-built__title {
        width: 100%;
        float: none; } }
  .custom-built__titleNumber {
    display: table-cell;
    width: 120px;
    text-align: left;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .custom-built__titleNumber {
        width: 80px; } }
    .custom-built__titleNumber::before {
      content: counter(num,decimal-leading-zero);
      font-size: 9rem;
      font-weight: 400;
      line-height: 1;
      color: #B9B9B9;
      letter-spacing: 0;
      font-family: "EB Garamond", serif; }
      @media screen and (max-width: 767px) {
        .custom-built__titleNumber::before {
          font-size: 6rem; } }
  .custom-built__titleText {
    display: table-cell;
    vertical-align: middle;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .custom-built__titleText {
        font-size: 2rem; } }
  .custom-built__img {
    width: 40%;
    float: left; }
    @media screen and (max-width: 767px) {
      .custom-built__img {
        width: 80%;
        float: none;
        margin: 30px auto 0; } }
  .custom-built__text {
    width: 56.6666666667%;
    float: right;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .custom-built__text {
        width: 100%;
        float: none;
        margin: 30px auto 0; } }
  .custom-built__arw {
    text-align: center;
    padding: 0 40px 100px;
    position: relative;
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .custom-built__arw {
        padding: 0 20px 100px;
        margin-top: 60px; } }
    .custom-built__arw::before, .custom-built__arw::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 80px 0 80px;
      border-color: #7F7F7F transparent transparent transparent;
      margin: 0 auto;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
    .custom-built__arw::after {
      border-top-color: #000000;
      bottom: 20px; }
  .custom-built__arwTitle {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .custom-built__arwTitle {
        font-size: 2.6rem; } }
    .custom-built__arwTitle--large {
      font-size: 4.4rem;
      font-weight: 700; }
      @media screen and (max-width: 767px) {
        .custom-built__arwTitle--large {
          font-size: 3.4rem; } }
  .custom-built__arwText {
    font-size: 2rem;
    margin-top: 1em;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .custom-built__arwText {
        font-size: 1.6rem; } }

.performance {
  max-width: initial;
  padding: 0; }
  .performance__navi {
    text-align: center;
    margin-top: 120px;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .performance__navi {
        padding: 0 20px;
        margin-top: 40px; } }
  .performance__naviInner {
    width: 100%;
    max-width: 580px;
    margin: 0 auto; }
  .performance__naviTitle {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6; }
@media screen and (max-width: 767px) and (max-width: 767px) {
  .performance__naviTitle {
    font-size: 1rem; } }

  .performance__naviList {
    width: 100%;
    display: flex;
    margin-top: 20px; }
  .performance__naviItem {
    width: 100%;
    position: relative; }
    .performance__naviItem + .performance__naviItem {
      margin-left: 20px; }
  .performance__naviBtn {
    text-decoration: none;
    display: block;
    background: #000000;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    padding: 10px; }
    @media screen and (max-width: 767px) {
      .performance__naviBtn {
        font-size: 1rem; } }
    .performance__naviBtn::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 7px 0 7px;
      border-color: #fff transparent transparent transparent;
      margin: 0 auto;
      display: block;
      margin-top: 10px; }
  .performance__section {
    padding: 80px 40px; }
    @media screen and (max-width: 767px) {
      .performance__section {
        padding: 30px 20px; } }
    .performance__section:nth-child(2n) {
      background: #F1F1EE; }
    .performance__navi + .performance__section {
      margin-top: 120px; }
      @media screen and (max-width: 767px) {
        .performance__navi + .performance__section {
          margin-top: 60px; } }
  .performance__sectionInner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .performance__01Box {
    width: 100%;
    max-width: 900px;
    margin: 80px auto 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .performance__01Box {
        margin-top: 30px; } }
  .performance__01Text {
    font-size: 2.5rem;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .performance__01Text {
        font-size: 1.6rem;
        margin-top: 20px; } }
  .performance__wrapper {
    counter-reset: num; }
    @media screen and (max-width: 767px) {
      .performance__wrapper {
        margin-top: 40px; } }
  .performance__box {
    counter-increment: num; }
    .performance__box + .performance__box {
      border-top: 1px dotted #7F7F7F;
      margin-top: 60px;
      padding-top: 60px; }
      @media screen and (max-width: 767px) {
        .performance__box + .performance__box {
          margin-top: 30px;
          padding-top: 30px; } }
    .performance__box::after {
      content: '';
      display: block;
      clear: both; }
  .performance__title {
    display: table;
    width: 62.5%;
    float: left; }
    @media screen and (max-width: 767px) {
      .performance__title {
        width: 100%;
        float: none; } }
  .performance__titleNumber {
    display: table-cell;
    width: 80px;
    text-align: left;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .performance__titleNumber {
        width: 60px; } }
    .performance__titleNumber::before {
      content: counter(num,decimal-leading-zero);
      font-size: 3rem;
      font-weight: 400;
      line-height: 1;
      color: #B9B9B9;
      letter-spacing: 0;
      font-family: "EB Garamond", serif; }
      @media screen and (max-width: 767px) {
        .performance__titleNumber::before {
          font-size: 2.6rem; } }
  .performance__titleText {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .performance__titleText {
        font-size: 1.2rem; } }
  .performance__img {
    width: 33.3333333333%;
    float: right; }
    @media screen and (max-width: 767px) {
      .performance__img {
        width: 80%;
        margin: 30px auto 0;
        float: none;
        display: block;} }
  .performance__text {
    width: 62.5%;
    float: left;
    margin-top: 20px;
    line-height: 2.2; }
    @media screen and (max-width: 767px) {
      .performance__text {
        width: 100%;
        float: none;
        margin-top: 30px;
        line-height: 1.8; } }

.staffArchive {
  margin-top: 80px;
  max-width: 1280px; }
  @media screen and (max-width: 767px) {
    .staffArchive {
      margin-top: 30px; } }
  .staffArchive__list {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .staffArchive__list {
        margin-top: 30px;
        justify-content: space-between; } }
  .staffArchive__item {
    width: 30%;
    margin: 5% 0 0 5%; }
    @media screen and (max-width: 767px) {
      .staffArchive__item {
        width: 47.5%;
        margin: 5% 0 0; } }
    .staffArchive__item:nth-child(3n+1) {
      margin-left: 0; }
    .staffArchive__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .staffArchive__item:nth-child(-n+3) {
          margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .staffArchive__item:nth-child(-n+2) {
        margin-top: 0; } }
  .staffArchive__link {
    display: block;
    text-decoration: none; }
  .staffArchive__imgBox {
    padding-top: 100%; }
  .staffArchive__noImg {
    padding-top: 66.1111111111%; }
  .staffArchive__position {
    display: block;
    width: fit-content;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    background: #000000;
    padding: .2em 1.2em .3em;
    color: #fff;
    border-radius: 1000px;
    margin: 1.2em auto 0; }
    @media screen and (max-width: 767px) {
      .staffArchive__position {
        font-size: 1rem; } }
  .staffArchive__name {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: .15em; }
  .staffArchive__ruby {
    font-family: "EB Garamond", serif;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: .1em;
    color: #7F7F7F;
    margin-top: .3em; }

.staffSingle {
  max-width: 980px;
  text-align: left; }
  .staffSingle__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .staffSingle__header {
        display: block; } }
  .staffSingle__headerImg {
    width: 33.3333333333%; }
    @media screen and (max-width: 767px) {
      .staffSingle__headerImg {
        width: 100%; } }
  .staffSingle__headerImgBox {
    padding-top: 100%; }
  .staffSingle__noimg {
    padding-top: 100%; }
  .staffSingle__summary {
    flex: 1;
    margin-left: 40px; }
    @media screen and (max-width: 767px) {
      .staffSingle__summary {
        width: 100%;
        margin: 10px 0 0; } }
  @media screen and (max-width: 767px) {
    .staffSingle__titleBox {
      text-align: center; } }
  .staffSingle__position {
    display: block;
    width: fit-content;
    background: #000000;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    border-radius: 1000px;
    padding: .2em 1.2em .3em; }
    @media screen and (max-width: 767px) {
      .staffSingle__position {
        margin: 0 auto;
        margin-top: 1.2em; } }
  .staffSingle__titleBoxInner {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .staffSingle__titleBoxInner {
        display: block; } }
  .staffSingle__name {
    font-size: 2.6rem;
    line-height: 1.5;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .staffSingle__name {
        display: block; } }
  .staffSingle__ruby {
    font-family: "EB Garamond", serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    color: #7F7F7F;
    letter-spacing: .1em;
    margin-left: 1em;
    padding-top: 0.5em; }
    @media screen and (max-width: 767px) {
      .staffSingle__ruby {
        display: block;
        margin: 0;
        padding: 0; } }
  .staffSingle__profile {
    background: #F1F1EE;
    padding: 10px 20px 15px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .staffSingle__profile {
        padding: 15px 20px; } }
  .staffSingle__profileTitle {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .staffSingle__profileTitle {
        text-align: center; } }
  .staffSingle__table {
    width: 100%;
    font-size: 1.24rem;
    margin-top: 20px; }
  .staffSingle__th, .staffSingle__td {
    vertical-align: top;
    line-height: 1.8;
    padding: 1.2em 0;
    border-top: 1px dotted #7F7F7F; }
    .staffSingle__tr:first-child .staffSingle__th, .staffSingle__tr:first-child .staffSingle__td {
      padding-top: 0;
      border-top: none; }
    .staffSingle__tr:last-child .staffSingle__th, .staffSingle__tr:last-child .staffSingle__td {
      padding-bottom: 0; }
  .staffSingle__th {
    width: 110px;
    padding-right: 1em;
    font-weight: 700; }
  .staffSingle__btn {
    margin-top: 20px;
    font-size: 1.4rem;
    max-width: 200px;
    padding: .8em 1.2em; }
  .staffSingle__section {
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .staffSingle__section {
        margin-top: 30px; } }
  .staffSingle__interviewText {
    font-size: 1.4rem;
    margin-top: 1.2em; }

.worksArchive {
  max-width: 1280px; }
  .worksArchive__list {
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .worksArchive__list {
        margin-top: 30px; } }

.worksSingle {
  max-width: 980px; }
  .worksSingle__mainImg {
    padding-top: 57.1428571429%;
    margin-top: 60px; }
    @media screen and (min-width: 1400px) {
      .worksSingle__mainImg {
        padding-top: 800px; } }
    @media screen and (max-width: 767px) {
      .worksSingle__mainImg {
        margin-top: 40px; } }
  .worksSingle__contents {
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .worksSingle__contents {
        margin-top: 40px; } }
  .worksSingle__mainTitle {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .worksSingle__mainTitle {
        font-size: 2.2rem; } }
  .worksSingle__area-name {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: .5em;
    color: #7F7F7F; }
    @media screen and (max-width: 767px) {
      .worksSingle__area-name {
        font-size: 1.4rem; } }
  .worksSingle__section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
  .worksSingle__block {
    width: 100%;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .worksSingle__block {
        margin-top: 30px; } }
    .worksSingle__block--short {
      width: 48.8888888889%; }
  .worksSingle__img {
    padding-top: 66.6666666667%; }
    .worksSingle__block--short .worksSingle__img {
      padding-top: 150%; }
  .worksSingle__title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: .8em; }
    @media screen and (max-width: 767px) {
      .worksSingle__title {
        font-size: 1.6rem; } }
  .worksSingle__caption {
    font-size: 1.4rem;
    margin-top: .5em; }
    @media screen and (max-width: 767px) {
      .worksSingle__caption {
        font-size: 1.3rem; } }

.company__greeting::after {
  content: '';
  display: block;
  clear: both; }
.company__greetingImgBox {
  width: 25%;
  float: right;
  text-align: center;
  margin: 60px 0 1em 40px; }
  @media screen and (max-width: 767px) {
    .company__greetingImgBox {
      margin: 30px 0 1em 1em;
      width: 45%; } }
.company__greetingName {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 20px;
  font-weight: 500; }
  @media screen and (max-width: 767px) {
    .company__greetingName {
      font-size: 1.2rem;
      margin-top: 10px; } }
  .company__greetingName--large {
    font-size: 2rem;
    display: inline-block;
    margin-left: .5em; }
    @media screen and (max-width: 767px) {
      .company__greetingName--large {
        font-size: 1.6rem;
        margin-left: 0; } }
.company__greetingText {
  margin-top: 60px;
  font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    .company__greetingText {
      margin-top: 30px;
      font-size: 1.4rem; } }
.company__greetingTextName {
  display: block;
  text-align: right;
  font-weight: 500;
  margin-top: 30px;
  font-size: 1.5rem; }
.company__overview {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .company__overview {
      margin-top: 60px; } }
.company__table {
  width: 100%;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .company__table {
      margin-top: 30px; } }
.company__th, .company__td {
  vertical-align: top;
  font-size: 1.8rem;
  padding-top: 40px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .company__th, .company__td {
      font-size: 1.4rem;
      padding-top: 15px;
      padding-left: 1em; } }
  .company__tr:first-child .company__th, .company__tr:first-child .company__td {
    padding-top: 0; }
.company__th {
  width: 26%;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 0; }
  @media screen and (max-width: 767px) {
    .company__th {
      font-size: 1.4rem; } }
.company__thLine {
  border-left: 10px solid #000000;
  padding-left: 15px; }
  @media screen and (max-width: 767px) {
    .company__thLine {
      border-left-width: 3px;
      padding-left: 10px; } }
.company__area {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .company__area {
      margin-top: 60px; } }
.company__areaText {
  margin-top: 40px;
  font-weight: 500;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .company__areaText {
      margin-top: 30px; } }
.company__areaMap {
  border: 2px solid #000000;
  background: #F2F2F2;
  padding: 40px;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .company__areaMap {
      padding: 20px;
      font-weight: 1px;
      margin-top: 20px; } }
.company__areaNote {
  font-size: 1.2rem;
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    .company__areaNote {
      margin-top: 20px;
      font-size: 1rem;
      line-height: 1.6; } }
.company__areaNoteItem {
  line-height: 1.6;
  position: relative;
  padding-left: 1em; }
  .company__areaNoteItem + .company__areaNoteItem {
    margin-top: .5em; }
  .company__areaNoteItem::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0; }
.company__studio {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .company__studio {
      margin-top: 60px; } }
.company__studioSection {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .company__studioSection {
      margin-top: 40px; } }
.company__studioBox {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .company__studioBox {
      margin-top: 15px;
      display: block; } }
.company__studioSummary {
  width: 40%; }
  @media screen and (max-width: 767px) {
    .company__studioSummary {
      width: 100%; } }
.company__studioSummary .btn01 {
    margin: 20px auto;
}

@media screen and (max-width: 767px) {
  .company__studioImg {
    width: 80%;
    margin: 0 auto; } }
.company__studioTable {
  width: 100%;
  margin-top: 20px;
  font-size: 1.5rem;
  table-layout: auto; }
  @media screen and (max-width: 767px) {
    .company__studioTable {
      font-size: 1.4rem; } }
.company__studioTh, .company__studioTd {
  vertical-align: top;
  line-height: 1.8;
  padding-top: .8em; }
  @media screen and (max-width: 767px) {
    .company__studioTh, .company__studioTd {
      padding-top: .5em; } }
  .company__tr:first-child .company__studioTh, .company__tr:first-child .company__studioTd {
    padding-top: 0; }
.company__studioTh {
  padding-right: 2em; }
  @media screen and (max-width: 767px) {
    .company__studioTh {
      width: 7em; } }
.company__studioMap {
  width: 57%;
  height: auto; }
  @media screen and (max-width: 767px) {
    .company__studioMap {
      width: 100%;
      aspect-ratio: 3 / 2;
      margin-top: 20px; } }

.reason {
  max-width: 1280px; }
  .reason__mainCatch {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .reason__mainCatch {
        font-size: 2.6rem; } }
  .reason__wrapper {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .reason__wrapper {
        margin-top: 60px; } }
  .reason__section {
    padding-left: 100px;
    counter-increment: num; }
    @media screen and (max-width: 767px) {
      .reason__section {
        padding-left: 0; } }
    .reason__section:nth-child(2n) {
      padding: 0 100px 0 0; }
      @media screen and (max-width: 767px) {
        .reason__section:nth-child(2n) {
          padding: 0; } }
    .reason__section + .reason__section {
      margin-top: 80px; }
      @media screen and (max-width: 767px) {
        .reason__section + .reason__section {
          margin-top: 60px; } }
  .reason__inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    @media screen and (max-width: 767px) {
      .reason__inner {
        flex-wrap: wrap; } }
  .reason__titleBox {
    margin-right: 50px;
    position: relative;
    flex: 1; }
    @media screen and (max-width: 767px) {
      .reason__titleBox {
        margin: 0;
        width: 100%; } }
    .reason__titleBox::before {
      content: counter(num,decimal-leading-zero);
      font-family: "EB Garamond", serif;
      font-size: 17.5rem;
      font-weight: 400;
      line-height: 1;
      color: #B9B9B9; }
      @media screen and (max-width: 767px) {
        .reason__titleBox::before {
          font-size: 9rem; } }
    .reason__section:nth-child(2n) .reason__titleBox {
      order: 2;
      margin: 0 0 0 50px;
      text-align: right; }
      @media screen and (max-width: 767px) {
        .reason__section:nth-child(2n) .reason__titleBox {
          order: 1;
          margin: 0; } }
  .reason__title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
    @media screen and (max-width: 767px) {
      .reason__title {
        font-size: 1.7rem;
        left: 0; } }
    .reason__section:nth-child(2n) .reason__title {
      right: 0;
      left: auto; }
      @media screen and (max-width: 767px) {
        .reason__section:nth-child(2n) .reason__title {
          right: auto;
          left: 0;
          text-align: left; } }
  .reason__img {
    width: 49.7272727273%; }
    @media screen and (max-width: 767px) {
      .reason__img {
        order: 2;
        width: 100%;
        margin-top: 20px; } }
    .reason__section:nth-child(2n) .reason__img {
      order: 1; }
      @media screen and (max-width: 767px) {
        .reason__section:nth-child(2n) .reason__img {
          order: 2; } }
  .reason__text {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .reason__text {
        margin-top: 20px; } }
  .reason__contact {
    background: #F1F1EE;
    padding: 60px;
    width: 100%;
    max-width: 1000px;
    margin: 120px auto 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .reason__contact {
        margin-top: 60px;
        padding: 30px; } }
  .reason__contactTitle {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .reason__contactTitle {
        font-size: 2rem; } }
  .reason__contactList {
    margin: 40px auto 0;
    width: 100%;
    max-width: 550px; }
    @media screen and (max-width: 767px) {
      .reason__contactList {
        margin-top: 20px; } }
  .reason__contactItem + .reason__contactItem {
    margin-top: 20px; }
  .reason__contactBtn {
    display: block;
    text-decoration: none;
    position: relative;
    border: 2px solid #000000;
    color: #fff;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.6;
    padding: .5em 2em;
    background: #000000; }
    @media screen and (max-width: 767px) {
      .reason__contactBtn {
        font-size: 1.6rem; } }
    .reason__contactItem:last-child .reason__contactBtn {
      background: #fff;
      color: #000000; }
    .reason__contactBtn::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0 12px 20px;
      border-color: transparent transparent transparent #fff;
      position: absolute;
      top: 50%;
      right: 1.5em;
      transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        .reason__contactBtn::after {
          border-width: 6px 0 6px 10px; } }
      .reason__contactItem:last-child .reason__contactBtn::after {
        border-left-color: #000000; }

.estateArchive {
  max-width: 1280px; }
  .estateArchive__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .estateArchive__list {
        justify-content: space-between; } }
  .estateArchive__item {
    width: 31.9166666667%;
    margin: 3.3333333333% 0 0 2%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .estateArchive__item {
        width: 47.7611940299%;
        margin: 4.4776119403% 0 0; } }
    .estateArchive__item:nth-child(3n+1) {
      margin-left: 0; }
    .estateArchive__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .estateArchive__item:nth-child(-n+3) {
          margin-top: 4.4776119403%; } }
    @media screen and (max-width: 767px) {
      .estateArchive__item:nth-child(-n+2) {
        margin-top: 0; } }
  .estateArchive__link {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none; }
  .estateArchive__imgBox {
    width: 100%;
    padding-top: 100%; }
  .estateArchive__noImg {
    width: 100%;
    padding-top: 100%; }
  .estateArchive__textBox {
    text-align: left;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .estateArchive__textBox {
        margin-top: 10px; } }
  .estateArchive__stock {
    font-weight: 700;
    line-height: 1.6;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .estateArchive__stock {
        font-size: 1.2rem; } }
  .estateArchive__title {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .estateArchive__title {
        font-size: 1.2rem; } }
  .estateArchive__summary {
    margin-top: 15px;
    border-top: 1px dotted #7F7F7F;
    padding-top: 15px; }
    @media screen and (max-width: 767px) {
      .estateArchive__summary {
        margin-top: 10px;
        padding-top: 10px; } }
  .estateArchive__summaryItem {
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative; }
    @media screen and (max-width: 767px) {
      .estateArchive__summaryItem {
        font-size: 1rem;
        letter-spacing: 0; } }

.estateSingle {
  max-width: 1280px;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .estateSingle {
      margin-top: 60px; } }
  .estateSingle__header {
    margin-top: 80px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .estateSingle__header {
        margin-top: 30px;
        display: block; } }
  .estateSingle__headerImg {
    width: 48.5%; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerImg {
        width: 100%; } }
  .estateSingle__headerNoImg {
    width: 100%;
    aspect-ratio: 3 / 2; }
  .estateSingle__headerTextBox {
    width: 48.5%;
    text-align: left;
    padding-right: 100px; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerTextBox {
        width: 100%;
        padding-right: 20px; } }
  .estateSingle__headerTitleBox {
    padding: 20px 0 20px 35px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerTitleBox {
        padding: 15px 0 15px 20px; } }
    .estateSingle__headerTitleBox::after {
      content: '';
      display: block;
      width: 1000vw;
      height: 100%;
      background: #F1F1EE;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
  .estateSingle__headerStock, .estateSingle__headerTitleText {
    display: block;
    font-size: 3.5rem;
    line-height: 1.6;
    font-weight: 700;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerStock, .estateSingle__headerTitleText {
        font-size: 2.4rem;
        text-align: center; } }
  .estateSingle__headerTextBoxInner {
    padding-left: 35px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerTextBoxInner {
        padding-left: 20px; } }
  .estateSingle__headerAddress {
    display: block;
    font-style: normal;
    font-size: 2.5rem;
    font-weight: 700;
    padding-left: 1.2em;
    position: relative;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerAddress {
        font-size: 1.6rem;
        width: fit-content;
        margin: 0 auto; } }
    .estateSingle__headerAddress::before {
      font-family: "Font Awesome 5 Free";
      content: '\f3c5';
      font-weight: 900;
      position: absolute;
      top: 0;
      left: 0; }
  .estateSingle__headerList {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerList {
        width: fit-content;
        margin: 20px auto 0; } }
  .estateSingle__headerItem {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.6;
    padding-left: 1.2em;
    position: relative; }
    @media screen and (max-width: 767px) {
      .estateSingle__headerItem {
        font-size: 1.4rem; } }
    .estateSingle__headerItem::before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 0 9px 16px;
      border-color: transparent transparent transparent #000000;
      display: block;
      position: absolute;
      top: .4em;
      left: 0; }
      @media screen and (max-width: 767px) {
        .estateSingle__headerItem::before {
          border-width: 5px 0 5px 8px; } }
    .estateSingle__headerItem + .estateSingle__headerItem {
      margin-top: .5em; }
  .estateSingle__point {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
  .estateSingle__pointItem {
    background: #F1F1EE;
    padding: 30px 70px 30px 120px;
    position: relative;
    counter-increment: num; }
    @media screen and (max-width: 767px) {
      .estateSingle__pointItem {
        padding: 40px; } }
    .estateSingle__pointItem + .estateSingle__pointItem {
      margin-top: 50px; }
  .estateSingle__pointIcon {
    width: 115px;
    height: 115px;
    background: #000000;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    left: 0;
    transform: translateX(-50%);
    text-align: center;
    font-family: "EB Garamond", serif;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      .estateSingle__pointIcon {
        width: 70px;
        height: 70px;
        transform: translateX(-20%);
        top: -30px;
        padding-top: 15px; } }
    .estateSingle__pointIcon::after {
      content: counter(num);
      display: block;
      font-size: 5.4rem;
      font-weight: 400;
      line-height: 1;
      margin-top: 5px; }
      @media screen and (max-width: 767px) {
        .estateSingle__pointIcon::after {
          font-size: 3.4rem;
          margin-top: 2px; } }
  .estateSingle__pointIconText {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      .estateSingle__pointIconText {
        font-size: 1.2rem; } }
  .estateSingle__pointTitle {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .estateSingle__pointTitle {
        font-size: 1.8rem; } }
  .estateSingle__pointText {
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .estateSingle__pointText {
        font-size: 1.3rem; } }
    .estateSingle__pointTitle + .estateSingle__pointText {
      margin-top: .5em; }
  .estateSingle__section {
    border: 2px solid #B9B9B9;
    padding: 50px 98px;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .estateSingle__section {
        margin-top: 40px;
        padding: 20px; } }
  .estateSingle__sectionTitle {
    text-align: center;
    width: fit-content;
    min-width: 400px;
    background: #000000;
    border-radius: 1000px;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    padding: .1em 1.5em .2em;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .estateSingle__sectionTitle {
        min-width: initial;
        width: 100%;
        font-size: 1.8rem;
        padding: .1em 1em .2em; } }
  .estateSingle__parcelInfo {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .estateSingle__parcelInfo {
        flex-wrap: wrap;
        margin-top: 20px; } }
  .estateSingle__areaSummary {
    width: 100%;
    max-width: 48.5%;
    font-size: 1.8rem;
    line-height: 1.6;
    table-layout: auto;
    text-align: center;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .estateSingle__areaSummary {
        max-width: initial;
        order: 2;
        margin-top: 20px;
        font-size: 1.4rem; } }
  .estateSingle__areaSummaryTh {
    border: 1px solid #B9B9B9;
    background: #F1F1EE;
    text-align: center;
    font-weight: 700;
    padding: .1em;
    line-height: 1.5; }
    .estateSingle__areaSummaryTr:first-child .estateSingle__areaSummaryTh:first-child {
      width: 3em; }
    .estateSingle__areaSummaryTr:first-child .estateSingle__areaSummaryTh:last-child {
      width: calc((100% - 3em) / 2); }
    .estateSingle__areaSummaryTh--small {
      font-size: 1.4rem; }
  .estateSingle__areaSummaryTd {
    border: 1px solid #B9B9B9;
    padding: .1em; }
  .estateSingle__areaMap {
    width: 100%;
    max-width: 48.5%; }
    @media screen and (max-width: 767px) {
      .estateSingle__areaMap {
        max-width: initial;
        order: 1; } }
    .estateSingle__areaSummary + .estateSingle__areaMap {
      margin-left: 3%; }
      @media screen and (max-width: 767px) {
        .estateSingle__areaSummary + .estateSingle__areaMap {
          margin: 0; } }
  .estateSingle__detail {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .estateSingle__detail {
        margin-top: 20px;
        display: block; } }
  .estateSingle__detailBox {
    width: 47.5%;
    margin-bottom: 5%; }
    @media screen and (max-width: 767px) {
      .estateSingle__detailBox {
        width: 100%;
        margin-bottom: 0; } }
    .estateSingle__detailBox--text:first-child {
      width: 100%; }
    @media screen and (max-width: 767px) {
      .estateSingle__detailBox + .estateSingle__detailBox {
        margin-top: 20px; } }
  .estateSingle__detailTitle {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .estateSingle__detailTitle {
        font-size: 1.8rem; } }
  .estateSingle__detailText {
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .estateSingle__detailText {
        font-size: 1.3rem; } }
    .estateSingle__detailTitle + .estateSingle__detailText {
      margin-top: 1.5em; }
      @media screen and (max-width: 767px) {
        .estateSingle__detailTitle + .estateSingle__detailText {
          margin-top: 1.2em; } }
  .estateSingle__gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .estateSingle__gallery {
        margin-top: 30px;
        justify-content: space-between; } }
  .estateSingle__galleryItem {
    width: 31%;
    margin: 3.5% 0 0 3.5%; }
    @media screen and (max-width: 767px) {
      .estateSingle__galleryItem {
        width: 48.5%;
        margin: 10% 0 0; } }
    .estateSingle__galleryItem:nth-child(3n+1) {
      margin-left: 0; }
    .estateSingle__galleryItem:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .estateSingle__galleryItem:nth-child(-n+3) {
          margin-top: 10%; } }
    @media screen and (max-width: 767px) {
      .estateSingle__galleryItem:nth-child(-n+2) {
        margin-top: 0; } }
  .estateSingle__galleryImgBox {
    background-size: contain !important;
    background-color: #F1F1EE;
    width: 100%;
    aspect-ratio: 3 / 2; }
  .estateSingle__galleryCaption {
    font-size: 1.4rem;
    margin-top: .8em;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .estateSingle__galleryCaption {
        font-size: 1.1rem; } }
  .estateSingle__around {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .estateSingle__around {
        margin-top: 20px;
        justify-content: space-between; } }
  .estateSingle__aroundItem {
    width: 31%;
    margin: 3.5% 0 0 3.5%; }
    @media screen and (max-width: 767px) {
      .estateSingle__aroundItem {
        width: 48.5%;
        margin: 10% 0 0; } }
    .estateSingle__aroundItem:nth-child(3n+1) {
      margin-left: 0; }
    .estateSingle__aroundItem:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .estateSingle__aroundItem:nth-child(-n+3) {
          margin-top: 10%; } }
    @media screen and (max-width: 767px) {
      .estateSingle__aroundItem:nth-child(-n+2) {
        margin-top: 0; } }
  .estateSingle__aroundTitle {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: .5em; }
    @media screen and (max-width: 767px) {
      .estateSingle__aroundTitle {
        font-size: 1.2rem; } }
  .estateSingle__aroundTime {
    font-size: 1.2rem;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .estateSingle__aroundTime {
        font-size: 1rem; } }
  .estateSingle__accessMap {
    width: 100%;
    height: 450px;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .estateSingle__accessMap {
        margin-top: 20px;
        height: auto;
        aspect-ratio: 3 / 2; } }
  .estateSingle__summaryText {
    font-size: 1.2rem;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .estateSingle__summaryText {
        margin-top: 20px; } }

.infoArchive {
  max-width: 1280px; }
  .infoArchive__list {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .infoArchive__list {
        margin-top: 30px;
        display: block; } }
  .infoArchive__item {
    width: 30%;
    margin: 5% 0 0 5%;
    position: relative;
    height: auto; }
    @media screen and (max-width: 767px) {
      .infoArchive__item {
        width: 100%;
        margin: 30px 0 0; } }
    .infoArchive__item:nth-child(3n+1) {
      margin-left: 0; }
    .infoArchive__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .infoArchive__item:nth-child(-n+3) {
          margin-top: 30px; } }
    @media screen and (max-width: 767px) {
      .infoArchive__item:first-child {
        margin-top: 0; } }
  .infoArchive__link {
    display: block;
    position: relative;
    height: 100%;
    text-decoration: none;
    border: 1px dotted #000000; }
  .infoArchive__imgBox {
    position: relative; }
  .infoArchive__img, .infoArchive__noImg {
    width: 100%;
    aspect-ratio: 3 / 2; }
  .infoArchive__endMessage {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 3px 3px 0 0;
    color: #fff; }
  .infoArchive__endMessageText {
    font-size: 1.4rem;
    line-height: 1.6; }
    .infoArchive__endMessageText--bold {
      font-size: 1.8rem;
      font-weight: 500; }
  .infoArchive__inner {
    padding: 20px 20px 15px; }
  .infoArchive__tagBox {
    width: 100%;
    display: flex;
    align-items: center; }
  .infoArchive__tag + .infoArchive__tag {
    margin-left: 10px; }
  .infoArchive__tag--tour {
    border-color: #c60001;
    background: #c60001;
    color: #fff; }
  .infoArchive__tag--consultation {
    border-color: #f0a103;
    background: #f0a103;
    color: #fff; }
  .infoArchive__tag--event {
    border-color: #007be5;
    background: #007be5;
    color: #fff; }
  .infoArchive__tag--open {
    border-color: #000000;
    background: #000000;
    color: #fff; }
  .infoArchive__title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: .5em; }
  .infoArchive__text {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: .5em; }
  .infoArchive__summary {
    margin-top: 15px;
    border-top: 1px dotted #7F7F7F;
    padding-top: 15px; }
  .infoArchive__summaryItem {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-left: 1.6em;
    position: relative; }
    .infoArchive__summaryItem + .infoArchive__summaryItem {
      margin-top: .5em; }
    .infoArchive__summaryItem::before {
      font-family: 'Material Icons Sharp';
      font-size: 1.8rem;
      color: #000000;
      line-height: 1;
      position: absolute;
      top: .05em;
      left: 0; }
    .infoArchive__summaryItem--post::before {
      content: '\e3c9'; }
    .infoArchive__summaryItem--day::before {
      content: '\e878'; }
    .infoArchive__summaryItem--time::before {
      content: '\e8b5'; }
    .infoArchive__summaryItem--area::before {
      content: '\e0c8'; }

.infoSingle {
  max-width: 980px; }
  .infoSingle__post {
    text-align: left; }
  .infoSingle__tagBox {
    width: 100%;
    display: flex;
    align-items: center; }
  .infoSingle__tag + .infoSingle__tag {
    margin-left: 10px; }
  .infoSingle__tag--tour {
    border-color: #c60001;
    background: #c60001;
    color: #fff; }
  .infoSingle__tag--consultation {
    border-color: #f0a103;
    background: #f0a103;
    color: #fff; }
  .infoSingle__tag--event {
    border-color: #007be5;
    background: #007be5;
    color: #fff; }
  .infoSingle__tag--open {
    border-color: #000000;
    background: #000000;
    color: #fff; }
  .infoSingle__mainTitle {
    line-height: 1.5;
    margin-top: 5px; }
  .infoSingle__summary {
    margin-top: 20px;
    width: 100%;
    background: #F1F1EE;
    padding: 8px 20px;
    display: flex; }
    @media screen and (max-width: 767px) {
      .infoSingle__summary {
        display: block;
        margin-top: 15px;
        padding: 8px 10px; } }
  .infoSingle__summaryItem {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-left: 1.6em;
    position: relative; }
    .infoSingle__summaryItem + .infoSingle__summaryItem {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .infoSingle__summaryItem + .infoSingle__summaryItem {
          margin: .3em 0 0; } }
    .infoSingle__summaryItem::before {
      font-family: 'Material Icons Sharp';
      font-size: 1.8rem;
      color: #000000;
      line-height: 1;
      position: absolute;
      top: .05em;
      left: 0; }
    .infoSingle__summaryItem--post::before {
      content: '\e3c9'; }
    .infoSingle__summaryItem--day::before {
      content: '\e878'; }
    .infoSingle__summaryItem--time::before {
      content: '\e8b5'; }
    .infoSingle__summaryItem--area::before {
      content: '\e0c8'; }
  .infoSingle__endMessage {
    text-align: center;
    color: #fff;
    background: #7F7F7F;
    margin-top: 20px;
    padding: 10px 15px 15px; }
    .infoSingle__endMessage--bold {
      font-weight: 500;
      font-size: 2.2rem; }
  .infoSingle__contents {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .infoSingle__contents {
        margin-top: 20px; } }
  .infoSingle__accessmap {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .infoSingle__accessmap {
        margin-top: 60px; } }
  .infoSingle__address {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .infoSingle__address {
        font-size: 1.6rem;
        margin-top: 15px; } }
  .infoSingle__addressNote {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: .8em; }
  .infoSingle__map {
    width: 100%;
    height: 450px;
    margin-top: 30px;
    border-radius: 3px; }
    @media screen and (max-width: 767px) {
      .infoSingle__map {
        height: 350px; } }
  .infoSingle__location {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .infoSingle__location {
        margin-top: 60px; } }
  .infoSingle__locationText {
    text-align: center;
    margin-top: 30px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .infoSingle__locationText {
        font-size: 1.6rem;
        margin-top: 15px; } }
  .infoSingle__point {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .infoSingle__point {
        margin-top: 60px; } }
  .infoSingle__pointList {
    margin-top: 40px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .infoSingle__pointList {
        margin-top: 30px; } }
  .infoSingle__pointItem {
    padding-bottom: 40px;
    border-bottom: 1px dotted #7F7F7F;
    counter-increment: num; }
    @media screen and (max-width: 767px) {
      .infoSingle__pointItem {
        padding-bottom: 30px; } }
    .infoSingle__pointItem::after {
      content: '';
      display: block;
      clear: both; }
    .infoSingle__pointItem + .infoSingle__pointItem {
      margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .infoSingle__pointItem + .infoSingle__pointItem {
          margin-top: 30px; } }
  .infoSingle__pointTitle {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .infoSingle__pointTitle {
        margin-bottom: 0; } }
    .infoSingle__pointTitle--float {
      width: 71.1111111111%;
      float: left; }
      @media screen and (max-width: 767px) {
        .infoSingle__pointTitle--float {
          float: none; } }
    .infoSingle__pointTitle::before {
      content: '';
      content: counter(num,decimal-leading-zero);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      background: #000000;
      color: #fff;
      font-family: "EB Garamond", serif;
      font-size: 1.8rem;
      line-height: 1;
      letter-spacing: 0;
      font-weight: 700; }
      @media screen and (max-width: 767px) {
        .infoSingle__pointTitle::before {
          width: 30px;
          height: 30px;
          font-size: 1.4rem; } }
  .infoSingle__pointTitleText {
    flex: 1;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .1em;
    margin-left: 10px;
    padding-top: .3em; }
    @media screen and (max-width: 767px) {
      .infoSingle__pointTitleText {
        font-size: 1.8rem;
        padding-top: 0; } }
  .infoSingle__pointImg {
    display: block;
    width: 25.5555555556%;
    float: right;
    margin: 0 0 1em 3.3333333333%; }
    @media screen and (max-width: 767px) {
      .infoSingle__pointImg {
        width: 80%;
        margin: 1.5em auto 0;
        float: none; } }
    .infoSingle__pointImg--frame {
      border: 1px solid #7F7F7F; }
  @media screen and (max-width: 767px) {
    .infoSingle__pointText {
      margin-top: 1em; } }

.voiceArchive {
  max-width: 1280px; }
  .voiceArchive__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .voiceArchive__list {
        display: block; } }
  .voiceArchive__item {
    position: relative;
    width: 30%;
    margin: 5% 0 0 5%; }
    @media screen and (max-width: 767px) {
      .voiceArchive__item {
        width: 100%;
        margin-top: 30px; } }
    .voiceArchive__item:nth-child(3n+1) {
      margin-left: 0; }
    .voiceArchive__item:nth-child(-n+3) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .voiceArchive__item:nth-child(-n+3) {
          margin-top: 30px; } }
    @media screen and (max-width: 767px) {
      .voiceArchive__item:first-child {
        margin-top: 0; } }
  .voiceArchive__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 1px dotted #000000; }
  .voiceArchive__imgBox, .voiceArchive__noImg {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2; }
  .voiceArchive__inner {
    padding: 25px 30px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .voiceArchive__inner {
        padding: 20px 15px; } }
  .voiceArchive__title {
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 500; }
  .voiceArchive__name {
    border-top: 1px dotted #7F7F7F;
    margin-top: .8em;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: .8em 1em 0;
    color: #7F7F7F; }
    @media screen and (max-width: 767px) {
      .voiceArchive__name {
        font-size: 1.2rem; } }
    .voiceArchive__name::before {
      font-family: 'Material Icons Sharp';
      content: '\e7fd';
      color: #000000;
      font-size: 2.4rem;
      vertical-align: bottom;
      line-height: 1; }
  .voiceArchive__btn {
    font-size: 1.4rem;
    padding-top: .5em;
    padding-bottom: .6em;
    max-width: 200px;
    margin-top: 1.5em; }

.voiceSingle {
  text-align: left; }
  .voiceSingle__mainTitle {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .voiceSingle__mainTitle {
        font-size: 2.4rem;
        text-align: left; } }
  .voiceSingle__user {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: .8em; }
    .voiceSingle__user::before {
      font-family: 'Material Icons Sharp';
      content: '\e7fd';
      font-size: 1.8rem;
      color: #000000;
      margin-right: .5em;
      line-height: 1;
      vertical-align: text-bottom; }
  .voiceSingle__img {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 30px auto 0; }
  .voiceSingle__satisfaction {
    width: 100%;
    margin-top: 30px;
    display: flex;
    padding: 20px;
    text-align: center;
    background: #F1F1EE; }
    @media screen and (max-width: 767px) {
      .voiceSingle__satisfaction {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px; } }
  .voiceSingle__satisfactionItem {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .voiceSingle__satisfactionItem {
        width: 47.5%;
        margin-top: 15px; } }
    .voiceSingle__satisfactionItem + .voiceSingle__satisfactionItem {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .voiceSingle__satisfactionItem + .voiceSingle__satisfactionItem {
          margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .voiceSingle__satisfactionItem:nth-child(-n+2) {
        margin-top: 0; } }
  .voiceSingle__satisfactionTitle {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    border-bottom: 1px dotted #7F7F7F;
    padding-bottom: .5em; }
    @media screen and (max-width: 767px) {
      .voiceSingle__satisfactionTitle {
        font-size: 1.4rem; } }
  .voiceSingle__satisfactionValue {
    margin-top: .3em;
    color: #000000; }
  .voiceSingle__satisfactionValueNon {
    color: #000000; }
  .voiceSingle__section {
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .voiceSingle__section {
        margin-top: 40px; } }
  .voiceSingle__text {
    margin-top: .8em; }
  .voiceSingle__qa {
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .voiceSingle__qa {
        margin-top: 20px; } }
    .voiceSingle__qa + .voiceSingle__qa {
      margin-top: 80px; }
      @media screen and (max-width: 767px) {
        .voiceSingle__qa + .voiceSingle__qa {
          margin-top: 40px; } }
  .voiceSingle__qaTitle {
    display: table; }
  .voiceSingle__qaTitleIcon {
    display: table-cell;
    width: 80px;
    text-align: left;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .voiceSingle__qaTitleIcon {
        width: 45px; } }
    .voiceSingle__qaTitleIcon::before {
      content: 'Q';
      font-size: 3.6rem;
      font-weight: 400;
      line-height: 1;
      color: #fff;
      letter-spacing: 0;
      font-family: "EB Garamond", serif;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: #000000; }
      @media screen and (max-width: 767px) {
        .voiceSingle__qaTitleIcon::before {
          font-size: 2rem;
          width: 30px;
          height: 30px; } }
  .voiceSingle__qaTitleText {
    display: table-cell;
    vertical-align: middle;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .voiceSingle__qaTitleText {
        font-size: 1.6rem; } }
  .voiceSingle__qaTextBox {
    display: table;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .voiceSingle__qaTextBox {
        margin-top: 15px; } }
  .voiceSingle__qaTextIcon {
    display: table-cell;
    width: 80px;
    text-align: left;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .voiceSingle__qaTextIcon {
        width: 35px; } }
    .voiceSingle__qaTextIcon::before {
      content: 'A';
      font-size: 3.6rem;
      font-weight: 400;
      line-height: 1;
      color: #fff;
      letter-spacing: 0;
      font-family: "EB Garamond", serif;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: #000000; }
      @media screen and (max-width: 767px) {
        .voiceSingle__qaTextIcon::before {
          font-size: 2rem;
          width: 30px;
          height: 30px; } }
  .voiceSingle__qaText {
    display: table-cell;
    vertical-align: middle; }

.newsblogArchive {
  width: 75%; }
  @media screen and (max-width: 767px) {
    .newsblogArchive {
      width: 100%; } }
  .newsblogArchive__cateTitle {
    font-size: 2.8rem;
    line-height: 1.5;
    font-weight: 700;
    border-left: 5px solid #000000;
    padding-left: .8em;
    letter-spacing: .1em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__cateTitle {
        font-size: 1.8rem; } }
  .newsblogArchive__list {
    text-align: left; }
    .newsblogArchive__cateTitle + .newsblogArchive__list {
      margin-top: 30px; }
  .newsblogArchive__item {
    border-top: 2px solid #B9B9B9; }
    .newsblogArchive__item:last-child {
      border-bottom: 2px solid #B9B9B9; }
  .newsblogArchive__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    padding: 40px 0; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__link {
        padding: 20px 0; } }
    .newsblogArchive__link:hover {
      opacity: 1; }
  .newsblogArchive__img {
    width: 240px; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__img {
        width: 30%; } }
    .newsblogArchive__img--img {
      display: block;
      width: 100%; }
  .newsblogArchive__noImg {
    width: 240px;
    padding-top: 17.5555555556%; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__noImg {
        width: 30%;
        padding-top: 17.0212765957vw; } }
  .newsblogArchive__textBox {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .newsblogArchive__img + .newsblogArchive__textBox, .newsblogArchive__noImg + .newsblogArchive__textBox {
      margin-left: 30px; }
      @media screen and (max-width: 767px) {
        .newsblogArchive__img + .newsblogArchive__textBox, .newsblogArchive__noImg + .newsblogArchive__textBox {
          margin-left: 15px; } }
  .newsblogArchive__textBoxInner {
    flex: 1; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__textBoxInner {
        padding-right: 1.8em;
        position: relative; } }
    .newsblogArchive__textBoxInner::after {
      content: '';
      display: block;
      width: .6em;
      height: .6em;
      border-top: 2px solid #000000;
      border-right: 2px solid #000000;
      transform: rotate(45deg) translateY(-50%);
      position: absolute;
      top: 50%;
      right: 1em; }
  .newsblogArchive__time {
    width: 100%;
    display: flex;
    align-items: center; }
    .newsblogArchive__time--time {
      display: block;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 500;
      margin-right: .8em;
      color: #7F7F7F; }
      @media screen and (max-width: 767px) {
        .newsblogArchive__time--time {
          font-size: 1.2rem; } }
  .newsblogArchive__iconNew {
    position: static; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__iconNew {
        font-size: 1.2rem; } }
    .newsblogArchive__iconNew::after {
      display: none; }
  .newsblogArchive__title {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-top: .4em; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__title {
        font-size: 1.4rem; } }
  .newsblogArchive__btn {
    font-size: 1.4rem;
    padding-top: .3em;
    padding-bottom: .4em;
    max-width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 0 0 0 30px;
    transition: opacity .3s; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__btn {
        font-size: 1.2rem;
        padding-right: 1.5em;
        padding-left: 1.5em;
        margin: .8em auto 0;
        display: none; } }
    .newsblogArchive__link:hover .newsblogArchive__btn {
      opacity: .5; }
  .newsblogArchive__inner {
    display: flex;
    justify-content: space-between;
    margin-top: .8em;
    border-top: 1px dotted #7F7F7F;
    padding-top: .8em; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__inner {
        display: block; } }
  .newsblogArchive__summaryList {
    font-size: 1.4rem;
    width: 100%;
    border-top: 1px dotted #7F7F7F;
    margin-top: 1em;
    padding-top: 1em; }
    @media screen and (max-width: 767px) {
      .newsblogArchive__summaryList {
        font-size: 1rem; } }
  .newsblogArchive__summaryItem {
    display: inline-block;
    line-height: 1.4;
    padding-left: 1.3em;
    position: relative;
    margin: .2em 2em 0 0;
    color: #7F7F7F; }
    .newsblogArchive__summaryItem--category::before {
      font-family: "Font Awesome 5 Free";
      content: '\f07b';
      font-weight: 900;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #000000;
      margin-right: .5em; }
    .newsblogArchive__summaryItem--writer::before {
      font-family: "Font Awesome 5 Free";
      content: '\f007';
      font-weight: 900;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #000000;
      margin-right: .5em; }

.newsblogSingle {
  width: 75%;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .newsblogSingle {
      width: 100%; } }
  .newsblogSingle__time {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    color: #7F7F7F;
    font-family: "EB Garamond", serif; }
  .newsblogSingle__title {
    margin-top: .5em; }
  .newsblogSingle__summaryList {
    margin-top: 20px;
    width: 100%;
    background: #F1F1EE;
    padding: 8px 20px;
    display: flex; }
    @media screen and (max-width: 767px) {
      .newsblogSingle__summaryList {
        display: block;
        margin-top: 15px;
        padding: 8px 10px; } }
  .newsblogSingle__summaryItem {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-left: 1.6em;
    position: relative; }
    .newsblogSingle__summaryItem + .newsblogSingle__summaryItem {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .newsblogSingle__summaryItem + .newsblogSingle__summaryItem {
          margin: .3em 0 0; } }
    .newsblogSingle__summaryItem--category::before {
      font-family: "Font Awesome 5 Free";
      content: '\f07b';
      font-weight: 900;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #000000;
      margin-right: .5em; }
    .newsblogSingle__summaryItem--writer::before {
      font-family: "Font Awesome 5 Free";
      content: '\f007';
      font-weight: 900;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #000000;
      margin-right: .5em; }
  .newsblogSingle__summaryLink {
    text-decoration: none;
    color: #7F7F7F; }
    .newsblogSingle__summaryLink:hover {
      text-decoration: underline; }
  .newsblogSingle__contents {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .newsblogSingle__contents {
        margin-top: 20px; } }

.privacy-policy {
  max-width: 980px;
  margin-top: 80px;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .privacy-policy {
      margin-top: 40px; } }
  .privacy-policy__section {
    margin-top: 80px;
    counter-reset: num; }
    @media screen and (max-width: 767px) {
      .privacy-policy__section {
        margin-top: 40px; } }
  .privacy-policy__text {
    margin-top: 1em; }
    .privacy-policy__text--bold {
      font-weight: 700; }
  .privacy-policy__list {
    margin-top: 1em; }
  .privacy-policy__item {
    position: relative;
    padding-left: 1.8em;
    counter-increment: num; }
    .privacy-policy__item + .privacy-policy__item {
      margin-top: .5em; }
    .privacy-policy__item::before {
      content: "（" counter(num) "）";
      display: block;
      position: absolute;
      top: 0;
      left: 0; }

.consultation {
  max-width: initial;
  padding-right: 0;
  padding-left: 0; }
  .consultation__intro {
    text-align: center; }
  .consultation__introImg {
    width: 100%; }
  .consultation__introTitleBox {
    background: #F1F1EE;
    padding: 40px; }
    @media screen and (max-width: 767px) {
      .consultation__introTitleBox {
        padding: 30px 0 20px; } }
  .consultation__introCatch {
    width: fit-content;
    background: #000000;
    color: #fff;
    border-radius: 1000px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    padding: .2em 1.5em;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .consultation__introCatch {
        font-size: 1.3rem; } }
  .consultation__introTitle {
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .consultation__introTitle {
        font-size: 2.6rem; } }
    .consultation__introTitle--color {
      color: #000000;
      letter-spacing: .1em; }
  .consultation__introText {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 60px;
    padding: 0 40px;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .consultation__introText {
        font-size: 1.5rem;
        padding: 0 20px;
        margin-top: 30px;
        letter-spacing: 0; } }
  .consultation__contact {
    width: 100%;
    margin-top: 30px;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .consultation__contact {
        display: block;
        padding: 0 20px; } }
  .consultation__contactItem {
    width: 100%;
    max-width: 400px; }
    @media screen and (max-width: 767px) {
      .consultation__contactItem {
        max-width: 250px;
        margin: 0 auto; } }
    .consultation__contactItem + .consultation__contactItem {
      margin-left: 30px; }
      @media screen and (max-width: 767px) {
        .consultation__contactItem + .consultation__contactItem {
          margin: 15px auto 0; } }
  .consultation__contactBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    object-fit: #fff;
    background: #000000;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    padding: .8em 1em; }
    @media screen and (max-width: 767px) {
      .consultation__contactBtn {
        font-size: 1.8rem; } }
    .consultation__contactBtn::before {
      font-family: "Font Awesome 5 Free";
      content: '\f0e0';
      font-weight: 900;
      display: inline-block;
      margin-right: .5em; }
    .consultation__contactItem:last-child .consultation__contactBtn {
      background: #000000; }
      .consultation__contactItem:last-child .consultation__contactBtn::before {
        content: '\f3cd'; }
  .consultation__case {
    background: url("../images/consultation/bg.jpg") no-repeat center center/cover;
    padding: 60px 40px;
    text-align: center;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .consultation__case {
        padding: 30px 20px;
        margin-top: 60px; } }
  .consultation__caseTitle {
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 1.6;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .consultation__caseTitle {
        font-size: 1.8em; } }
  .consultation__caseImg {
    margin: 80px auto 0; }
    @media screen and (max-width: 767px) {
      .consultation__caseImg {
        margin-top: 40px; } }
  .consultation__staff {
    margin-top: 80px;
    padding: 0 40px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .consultation__staff {
        margin-top: 40px;
        padding: 0 20px; } }
  .consultation__staffImg {
    margin: 40px auto 0; }
    @media screen and (max-width: 767px) {
      .consultation__staffImg {
        margin-top: 30px; } }
  .consultation__staffArw {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 20px;
    letter-spacing: .1em; }
    @media screen and (max-width: 767px) {
      .consultation__staffArw {
        font-size: 2.4rem; } }
    .consultation__staffArw::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 100px 0 100px;
      border-color: #B9B9B9 transparent transparent transparent;
      margin: 20px auto 0; }
    .consultation__staffArw--color {
      color: #000000; }
  .consultation__access {
    background: #F1F1EE;
    padding: 40px 40px 60px;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .consultation__access {
        padding: 30px 20px;
        margin-top: 60px; } }
  .consultation__accessInner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .consultation__section {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .consultation__section {
        padding: 0 20px; } }
  .consultation__list {
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      .consultation__list {
        margin-top: 30px; } }

.flow__list{
    margin: 50px auto 80px auto;
    max-width: 1200px;
}

.flow__item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-bottom: 60px;
  position: relative; }
  .flow__item::before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 28px;
    z-index: 0; }
  .flow__item:last-child {
    padding-bottom: 0; }
    .flow__item:last-child::before {
      display: none; }
.flow__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: #000000;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
  font-family: "EB Garamond", serif; }
.flow__iconInner {
  letter-spacing: 0; }
.flow__iconText {
  font-size: .9rem;
  line-height: 1;
  letter-spacing: .1em; }
.flow__iconNumber {
  font-size: 1.3rem;
  line-height: 1;
  margin-top: .2em; }
.flow__wrapper {
  flex: 1;
  margin-left: 20px; }
  .flow__wrapper::after {
    content: '';
    display: block;
    clear: both; }
.flow__title {
  width: 57.6086956522%;
  float: left;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 500;
  padding-top: .5em; }
  @media screen and (max-width: 767px) {
    .flow__title {
      width: 100%;
      float: none;
      font-size: 1rem;
      padding-top: 0; } }
.flow__img {
  width: 39.1304347826%;
  float: right;
  max-width: 360px;}
  @media screen and (max-width: 767px) {
    .flow__img {
      width: 100%;
      float: none;
      margin-top: 15px; } }
.flow__text {
  width: 57.6086956522%;
  min-width: calc(100% - 450px);
  float: left;
  font-size: 1.4rem;
  margin-top: 1.5em; }
  @media screen and (max-width: 767px) {
    .flow__text {
      width: 100%;
      float: none; } }
.flow__btn {
  margin: 30px 0 0; }
.flow__telList {
  width: 57.6086956522%;
  float: left;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .flow__telList {
      width: 100%;
      float: none; } }
.flow__telItem {
  width: 100%;
  display: flex;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .flow__telItem {
      font-size: 1.6rem; } }
  .flow__telItem + .flow__telItem {
    margin-top: .3em; }

.recruit__mainCatch {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .recruit__mainCatch {
      font-size: 2rem; } }
  .recruit__mainCatch--color {
    color: #000000;
    font-weight: 700; }
.recruit__wrapper {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .recruit__wrapper {
      margin-top: 40px; } }
.recruit__section {
  counter-increment: num; }
  .recruit__section::after {
    content: '';
    display: block;
    clear: both; }
  .recruit__section + .recruit__section {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px dotted #7F7F7F; }
    @media screen and (max-width: 767px) {
      .recruit__section + .recruit__section {
        margin-top: 30px;
        padding-top: 30px; } }
.recruit__title {
  display: table;
  width: 63.8%;
  float: left; }
  @media screen and (max-width: 767px) {
    .recruit__title {
      width: 100%;
      float: none; } }
.recruit__titleNumber {
  display: table-cell;
  width: 90px;
  text-align: left;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .recruit__titleNumber {
      width: 80px; } }
  .recruit__titleNumber::before {
    content: counter(num,decimal-leading-zero);
    font-size: 7rem;
    font-weight: 400;
    line-height: 1;
    color: #7F7F7F;
    letter-spacing: 0;
    font-family: "EB Garamond", serif; }
    @media screen and (max-width: 767px) {
      .recruit__titleNumber::before {
        font-size: 6rem; } }
.recruit__titleText {
  display: table-cell;
  vertical-align: middle;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .recruit__titleText {
      font-size: 2rem; } }
.recruit__img {
  width: 33.2%;
  float: right; }
  @media screen and (max-width: 767px) {
    .recruit__img {
      width: 100%;
      float: none;
      margin: 20px auto 0; } }
.recruit__text {
  width: 63.8%;
  float: left;
  margin-top: 1.2em; }
  @media screen and (max-width: 767px) {
    .recruit__text {
      width: 100%;
      float: none; } }
.recruit__staff {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .recruit__staff {
      margin-top: 60px; } }
.recruit__staffWrapper {
  margin-top: 40px;
  width: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .recruit__staffWrapper {
      margin-top: 30px;
      display: block; } }
.recruit__staffSection {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .recruit__staffSection {
      width: 100%; } }
  .recruit__staffSection + .recruit__staffSection {
    margin-left: 5%; }
    @media screen and (max-width: 767px) {
      .recruit__staffSection + .recruit__staffSection {
        border-top: 1px dotted #7F7F7F;
        margin-top: 30px;
        margin-left: 0;
        padding-top: 30px; } }
.recruit__staffPosition {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 1.2em;
  font-weight: 500; }
.recruit__staffName {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6; }
.recruit__staffText {
  font-size: 1.4rem;
  margin-top: 1em; }
.recruit__contact {
  margin-top: 120px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .recruit__contact {
      margin-top: 60px; } }
.recruit__contactTitle {
  font-size: 3.2rem;
  line-height: 1.6;
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .recruit__contactTitle {
      font-size: 1.8rem; } }
.recruit__contactImg {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .recruit__contactImg {
      margin-top: 30px; } }
.recruit__contactText {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 1em; }
  @media screen and (max-width: 767px) {
    .recruit__contactText {
      font-size: 1.4rem;
      letter-spacing: 0; } }
.recruit__contactList {
  width: 100%;
  margin-top: 30px;
  padding: 0 40px;
  display: flex;
  justify-content: center;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .recruit__contactList {
      display: block;
      padding: 0 20px; } }
.recruit__contactItem {
  width: 100%;
  max-width: 400px; }
  @media screen and (max-width: 767px) {
    .recruit__contactItem {
      max-width: 300px;
      margin: 0 auto; } }
  .recruit__contactItem + .recruit__contactItem {
    margin-left: 30px; }
    @media screen and (max-width: 767px) {
      .recruit__contactItem + .recruit__contactItem {
        margin: 15px auto 0; } }
.recruit__contactLink {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  object-fit: #fff;
  background: #000000;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
  padding: .8em 1em; }
  @media screen and (max-width: 767px) {
    .recruit__contactLink {
      font-size: 1.6rem; } }
  .recruit__contactItem:last-child .recruit__contactLink {
    background: #000000; }

.after-maintenance__intro::after {
  content: '';
  display: block;
  clear: both; }
.after-maintenance__introImg {
  width: 35%;
  float: right; }
  @media screen and (max-width: 767px) {
    .after-maintenance__introImg {
      width: 100%;
      float: none; } }
.after-maintenance__introTextBox {
  width: 57%;
  float: left; }
  @media screen and (max-width: 767px) {
    .after-maintenance__introTextBox {
      width: 100%;
      float: none;
      margin-top: 30px; } }
.after-maintenance__introTitle {
  font-size: 2.8rem;
  line-height: 1.6;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .after-maintenance__introTitle {
      font-size: 2.4rem;
      text-align: center; } }
  .after-maintenance__introTitle--bold {
    font-weight: 700; }
.after-maintenance__introSubTitle {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #000000;
  margin-top: 1em; }
  @media screen and (max-width: 767px) {
    .after-maintenance__introSubTitle {
      font-size: 1.8rem;
      text-align: center; } }
.after-maintenance__introText {
  font-size: 1.5rem;
  margin-top: 1.2em;
  line-height: 1.8; }
.after-maintenance__devotion {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotion {
      margin-top: 60px; } }
.after-maintenance__devotionWrapper {
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionWrapper {
      display: block;
      margin-top: 50px; } }
.after-maintenance__devotionSection {
  width: 48%;
  border: 1px solid #B9B9B9;
  padding: 30px;
  margin-top: 80px;
  position: relative;
  counter-increment: num; }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionSection {
      width: 100%;
      margin-top: 50px;
      padding: 20px; } }
  .after-maintenance__devotionSection:nth-child(-n+2) {
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .after-maintenance__devotionSection:nth-child(-n+2) {
        margin-top: 50px; } }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionSection:first-child {
      margin-top: 0; } }
  .after-maintenance__devotionSection:last-child {
    width: 100%; }
  .after-maintenance__devotionSection::before {
    content: counter(num,decimal-leading-zero);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "EB Garamond", serif;
    font-size: 4.4rem;
    font-weight: 400;
    line-height: 1;
    width: 80px;
    height: 80px;
    background: #000000;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      .after-maintenance__devotionSection::before {
        width: 60px;
        height: 60px;
        font-size: 3.6rem; } }
.after-maintenance__devotionTitle {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #000000;
  margin-top: 1em; }
.after-maintenance__devotionText {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 1.2em; }
  .after-maintenance__devotionText--bold {
    font-size: 1.6rem;
    font-weight: 500; }
.after-maintenance__devotionImgList {
  width: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionImgList {
      flex-wrap: wrap;
      justify-content: space-between; } }
.after-maintenance__devotionImgItem {
  flex: 1; }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionImgItem {
      width: 48.5%;
      margin-top: 3%;
      flex: initial; } }
  @media screen and (max-width: 767px) {
    .after-maintenance__devotionImgItem:first-child {
      width: 100%;
      margin-top: 0; } }
  .after-maintenance__devotionImgItem + .after-maintenance__devotionImgItem {
    margin-left: 20px; }
    @media screen and (max-width: 767px) {
      .after-maintenance__devotionImgItem + .after-maintenance__devotionImgItem {
        margin-left: 0; } }

.studio {
  max-width: initial;
  padding-right: 0;
  padding-left: 0;
  text-align: center; }
  .studio__pageBtn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .studio__pageBtn {
        padding: 0 20px; } }
  .studio__pageBtnItem {
    width: 100%;
    max-width: 200px;
    position: relative; }
    .studio__pageBtnItem + .studio__pageBtnItem {
      margin-left: 50px; }
      @media screen and (max-width: 767px) {
        .studio__pageBtnItem + .studio__pageBtnItem {
          margin-left: 15px; } }
  .studio__pageBtnLink {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border: 2px solid #000000;
    background: #fff;
    color: #000000;
    transition: .3s;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .studio__pageBtnLink {
        font-size: 1.3rem;
        padding: .5em 0;
        letter-spacing: 0; } }
    .studio__pageBtnLink:hover, .studio__pageBtnLink--active {
      opacity: 1;
      background: #000000;
      color: #fff; }
  .studio__intro {
    width: 100%;
    max-width: 1000px;
    margin: 80px auto 0; }
    @media screen and (max-width: 767px) {
      .studio__intro {
        margin-top: 40px;
        padding: 0 20px; } }
  .studio__mainTitle {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .studio__mainTitle {
        font-size: 2.4rem; } }
  .studio__mainText {
    font-size: 2rem;
    line-height: 2;
    font-weight: 500;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .studio__mainText {
        font-size: 1.4rem;
        text-align: left;
        font-weight: 400;
        margin-top: 20px; } }
  .studio__mainImg {
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .studio__mainImg {
        margin-top: 30px; } }
  .studio__floor {
    background: #F1F1EE;
    padding: 40px 40px 60px;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .studio__floor {
        padding: 30px 20px;
        margin-top: 40px; } }
  .studio__floorImg {
    margin: 40px auto 0; }
    @media screen and (max-width: 767px) {
      .studio__floorImg {
        margin-top: 20px; } }
  .studio__info {
    margin-top: 80px;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .studio__info {
        margin-top: 40px;
        padding: 0 20px; } }
  .studio__infoList {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0;
    display: flex; }
    @media screen and (max-width: 767px) {
      .studio__infoList {
        display: block;
        margin-top: 20px; } }
  .studio__infoItem {
    width: 100%;
    max-width: 300px;
    border: 2px solid #B9B9B9;
    padding: 30px 20px; }
    @media screen and (max-width: 767px) {
      .studio__infoItem {
        display: flex;
        align-items: center;
        padding: 20px;
        max-width: initial; } }
    .studio__infoItem + .studio__infoItem {
      margin-left: 5%; }
      @media screen and (max-width: 767px) {
        .studio__infoItem + .studio__infoItem {
          margin: 20px 0 0; } }
  .studio__infoImg {
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .studio__infoImg {
        width: 30%; } }
  .studio__infoText {
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.8;
    margin-top: 1.5em; }
    @media screen and (max-width: 767px) {
      .studio__infoText {
        flex: 1;
        margin: 0 0 0 20px; } }
  .studio__access {
    margin-top: 80px;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .studio__access {
        margin-top: 40px;
        padding: 0 20px; } }
  .studio__accessMap {
    display: block;
    margin: 40px auto 0;
    width: 100%;
    max-width: 1000px;
    height: 450px; }
    @media screen and (max-width: 767px) {
      .studio__accessMap {
        margin-top: 20px;
        height: 300px; } }

.studioMovie {
  padding: 40px 40px 80px;
  margin-top: 80px;
  background: #F1F1EE; }
  @media screen and (max-width: 767px) {
    .studioMovie {
      padding: 30px 30px 50px;
      position: relative;
      margin-top: 40px; } }
  .studioMovie__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 70px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .studioMovie__inner {
        padding: 0 20px; } }
  .studioMovie__movieBox {
    position: relative;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .studioMovie__movieBox {
        margin-top: 20px; } }
  .studioMovie__container {
    overflow: hidden; }
  .studioMovie__slide {
    width: 30.1886792453%;
    margin-right: 4.7169811321%; }
    @media screen and (max-width: 767px) {
      .studioMovie__slide {
        width: 100%;
        margin: 0; } }
  .studioMovie__link {
    display: block;
    text-decoration: none;
    position: relative; }
  .studioMovie__pager {
    bottom: -38px !important;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .studioMovie__pager {
        bottom: -20px !important; } }
    .studioMovie__pager .swiper-pagination-bullet {
      width: 30px;
      height: 1px;
      border-radius: 0;
      background: #000000;
      transition: background .3s;
      margin: 0 10px !important;
      opacity: 1;
      outline: none;
      transition: .3s; }
      @media screen and (max-width: 767px) {
        .studioMovie__pager .swiper-pagination-bullet {
          width: 15px;
          margin: 0 5px !important; } }
      .studioMovie__pager .swiper-pagination-bullet:hover, .studioMovie__pager .swiper-pagination-bullet-active {
        height: 3px; }
  .studioMovie__controller {
    cursor: pointer; }
    .studioMovie__controller::after {
      font-size: 3rem; }
    .studioMovie__controller--next {
      right: -70px; }
      @media screen and (max-width: 767px) {
        .studioMovie__controller--next {
          right: -40px;
          color: #000000; } }
    .studioMovie__controller--prev {
      left: -70px; }
      @media screen and (max-width: 767px) {
        .studioMovie__controller--prev {
          left: -40px;
          color: #000000; } }
  .studioMovie__btn {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .studioMovie__btn {
        margin-top: 60px; } }

.guarantee {
  max-width: 1080px;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .guarantee {
      margin-top: 30px; } }
  .guarantee + .guarantee {
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .guarantee + .guarantee {
        margin-top: 60px; } }
  .guarantee__introTitle {
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
    display: block;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 700;
    color: #000000;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .guarantee__introTitle {
        font-size: 2rem; } }
  .guarantee__contents {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .guarantee__contents {
        margin-top: 30px;
        display: block; } }
  .guarantee__section {
    width: 47%;
    margin: 6% 0 0 6%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .guarantee__section {
        width: 100%;
        margin: 40px 0 0; } }
    .guarantee__section:nth-child(2n+1) {
      margin-left: 0; }
    .guarantee__section:nth-child(-n+2) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .guarantee__section:nth-child(-n+2) {
          margin-top: 40px; } }
    @media screen and (max-width: 767px) {
      .guarantee__section:first-child {
        margin-top: 0; } }
  .guarantee__img {
    display: block; }
    @media screen and (max-width: 767px) {
      .guarantee__img {
        width: 80%;
        margin: 0 auto; } }
  .guarantee__title {
    position: relative;
    margin-top: -30px; }
    @media screen and (max-width: 767px) {
      .guarantee__title {
        margin-top: -20px; } }
  .guarantee__titleNumber {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background: #000000;
    color: #fff;
    font-family: "EB Garamond", serif;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .guarantee__titleNumber {
        width: 40px;
        height: 40px;
        font-size: 1rem; } }
  .guarantee__titleText {
    display: block;
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .1em;
    margin-top: 1em; }
    @media screen and (max-width: 767px) {
      .guarantee__titleText {
        font-size: 1rem; } }
  .guarantee__text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 1.2em; }


.guarantee__section.wide {
    width: 100%;
    margin: 12% 0 0 0;
}
@media screen and (max-width: 767px) {
    .guarantee__section.wide {
        margin: 80px 0 0;
    }
}

.guarantee__section.wide h3.guarantee__title{
    text-align: center;
}

.guarantee__section.wide .guarantee__text{
    width: max-content;
    margin: 30px auto;
}


.guarantee__text .wide_img:first-child{
    margin:0 auto 20px;
}




.faq {
  max-width: 980px;
  margin-top: 40px;
  margin-bottom: 80px;
}
  @media screen and (max-width: 767px) {
    .faq {
      margin-top: 20px; } }
  .faq__introTitle {
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
    display: block;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 500;
    color: #000000; }
    @media screen and (max-width: 767px) {
      .faq__introTitle {
        font-size: 2rem; } }
  .faq__list {
    margin-top: 60px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .faq__list {
        margin-top: 30px; } }
  .faq__item {
    border-top: 2px solid #B9B9B9;
    padding: 20px 0; }
    .faq__item:last-child {
      border-bottom: 2px solid #B9B9B9; }
  .faq__titleBox {
    display: table;
    width: 100%;
    padding-right: 60px;
    position: relative;
    cursor: pointer; }
    .faq__titleBox::before, .faq__titleBox::after {
      content: '';
      display: block;
      background: #000000;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: .3s; }
    .faq__titleBox::before {
      width: 2px;
      height: 20px;
      right: 29px; }
      .faq__item--open .faq__titleBox::before {
        height: 0; }
    .faq__titleBox::after {
      width: 20px;
      height: 2px;
      right: 20px; }
  .faq__icon {
    display: table-cell;
    width: 50px;
    text-align: center;
    line-height: 46px;
    font-family: "EB Garamond", serif;
    font-weight: 500;
    font-size: 1rem;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .faq__icon {
        width: 40px;
        line-height: 36px;
        font-size: 1rem; } }
    .faq__icon--q {
      padding-bottom: .1em;
      background: #B9B9B9;
      color: #fff;
      border-radius: 3px; }
    .faq__icon--a {
      background: #000000;
      color: #fff;
      padding-bottom: .1em;
      border-radius: 3px; }
  .faq__title {
    display: table-cell;
    padding-left: 20px;
    /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    vertical-align: middle;
    transition: color .3s; }
    @media screen and (max-width: 767px) {
      .faq__title {
        font-size: 1rem;
        padding-left: 15px; } }
    .faq__item:hover .faq__title {
      color: #000000; }
      @media screen and (max-width: 767px) {
        .faq__item:hover .faq__title {
          color: #000000; } }
  .faq__textBox {
    display: none; }
    .faq__textBox--inner {
      display: table;
      width: 100%;
      margin-top: 20px;
      padding: 20px 0;
      border-top: 1px dotted #B9B9B9; }
  .faq__text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .faq__text {
        padding-left: 15px; } }

.pageTopBtn {
  width: 40px;
  height: 40px;
  background: #000000;
  position: relative;
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
  border-radius: 3px;
  z-index: 999; }
  @media screen and (max-width: 767px) {
    .pageTopBtn {
      width: 40px;
      height: 40px;
      right: 10px;
      bottom: 50px; } }
  .pageTopBtn::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 10px 6px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%); }
  .pageTopBtn--view {
    opacity: 1;
    pointer-events: painted; }

.spFixBtn {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
  transform: translateY(-50%);
  width: 50px; }
  @media screen and (max-width: 767px) {
    .spFixBtn {
      width: 100%;
      display: flex;
      width: 100%;
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      transform: none;
      z-index: 99; } }
  @media screen and (max-width: 767px) {
    .spFixBtn__item {
      width: 100%;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .spFixBtn__item:nth-child(2) {
      display: none; } }
  .spFixBtn__item:last-child {
    display: none; }
    @media screen and (max-width: 767px) {
      .spFixBtn__item:last-child {
        display: block; } }
  .spFixBtn__link {
    width: 100%;
    display: block;
    text-decoration: none;
    background: #000000;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    writing-mode: vertical-rl;
    border-radius: 3px 0 0 0;
    white-space: nowrap;
    padding: 2em .8em 2em 0; }
    @media screen and (max-width: 767px) {
      .spFixBtn__link {
        min-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        padding: 0;
        writing-mode: horizontal-tb;
        border-radius: 0; } }
    .spFixBtn__link::before {
      font-family: 'Material Icons Sharp';
      content: '\e88a';
      font-size: 2.4rem;
      line-height: 1;
      margin-bottom: .1em; }
      @media screen and (max-width: 767px) {
        .spFixBtn__link::before {
          vertical-align: text-bottom;
          font-size: 2rem;
          margin: 0 .1em 0 0; } }
    .spFixBtn__item:nth-child(2) .spFixBtn__link {
      background: #7F7F7F;
      border-radius: 0 0 0 3px; }
      @media screen and (max-width: 767px) {
        .spFixBtn__item:nth-child(2) .spFixBtn__link {
          border-radius: 0; } }
      .spFixBtn__item:nth-child(2) .spFixBtn__link::before {
        content: ""; }
    .spFixBtn__item:last-child .spFixBtn__link {
      background: #7F7F7F; }
      .spFixBtn__item:last-child .spFixBtn__link::before {
        content: ""; }

.mailForm {
  width: 100%;
  margin-top: 80px;
  text-align: center;
  background: #F1F1EE;
  padding: 60px 40px; }
  @media screen and (max-width: 767px) {
    .mailForm {
      margin-top: 60px;
      padding: 30px 20px; } }
  .consultation__form .mailForm {
    background: initial;
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .consultation__form .mailForm {
        padding: 0 20px; } }
  .first-step .mailForm {
    margin-top: 0; }
  .mailForm__inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
  .mailForm__catch {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 40px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .mailForm__catch {
        font-size: 1.6rem;
        margin-top: 30px; } }
  .mailForm__tel {
    margin-top: 60px;
    background: #fff;
    padding: 60px; }
    @media screen and (max-width: 767px) {
      .mailForm__tel {
        margin-top: 30px;
        padding: 15px; } }
    .consultation__form .mailForm__tel {
      border: 1px solid #000000; }
  .mailForm__sectionTitle {
    width: 100%;
    max-width: 480px;
    font-size: 2.6rem;
    font-weight: 700;
    background: #000000;
    padding: .2em 2em .3em;
    border-radius: 1000px;
    line-height: 1.6;
    margin: 0 auto;
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .mailForm__sectionTitle {
        font-size: 1.8rem;
        padding: .3em 1em; } }
  .mailForm__telList {
    width: 100%;
    max-width: 480px;
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .mailForm__telList {
        margin-top: 30px; } }
  .mailForm__telItem {
    width: 100%;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .mailForm__telItem {
        display: block; } }
    .mailForm__telItem + .mailForm__telItem {
      margin-top: 20px; }
  .mailForm__telName {
    width: 100%;
    max-width: 175px;
    background: #000000;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    padding: .1em 0 .2em;
    text-align: center;
    border-radius: 1000px; }
    @media screen and (max-width: 767px) {
      .mailForm__telName {
        width: fit-content;
        max-width: initial;
        font-size: 1.4rem;
        padding: .2em 1em;
        margin: 0 auto; } }
  .mailForm__telLink {
    display: block;
    width: fit-content;
    text-decoration: none;
    font-family: "EB Garamond", serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    margin-left: .5em; }
    @media screen and (max-width: 767px) {
      .mailForm__telLink {
        font-size: 3rem;
        margin: 10px auto 0; } }
  .mailForm__telLinkBig {
    display: block;
    width: fit-content;
    text-decoration: none;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    margin: .8em auto 0; }
    @media screen and (max-width: 767px) {
      .mailForm__telLinkBig {
        font-size: 1.8rem;
        margin-top: 1em; } }
    .mailForm__telLinkBig--large {
      font-size: 7rem; }
      @media screen and (max-width: 767px) {
        .mailForm__telLinkBig--large {
          font-size: 3.2rem; } }
  .mailForm__telSummary {
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .mailForm__telSummary {
        font-size: 1.1rem;
        letter-spacing: 0;
        margin-top: 15px; } }
  .mailForm__form {
    background: #fff;
    padding: 60px 40px 40px;
    margin-top: 80px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .mailForm__form {
        padding: 15px;
        margin-top: 30px; } }
    .consultation__form .mailForm__form {
      border: 1px solid #000000; }
  .mailForm__text {
    margin-top: 1.2em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .mailForm__text {
        margin-top: .5em; } }
    .mailForm__text--required {
      color: #f00;
      font-weight: 700; }
    .mailForm__text--note {
      font-size: 1.2rem;
      margin-top: 1em;
      text-align: left; }
  .mailForm__note {
    display: block;
    font-size: 1.2rem;
    color: #7F7F7F;
    line-height: 1.8; }
  .mailForm__table {
    width: 100%;
    margin-top: 2em; }
    @media screen and (max-width: 767px) {
      .mailForm__table {
        margin-top: 0; } }
  .mailForm__th, .mailForm__td {
    border: 1px solid #B9B9B9;
    padding: 1em;
    text-align: left;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .mailForm__th, .mailForm__td {
        width: 100%;
        float: left;
        padding: .3em 0 1.5em;
        border-top: none;
        border-right: none;
        border-left: none; } }
  .mailForm__th {
    width: 25.5555555556%;
    font-weight: 700;
    background: #7F7F7F;
    letter-spacing: 0;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .mailForm__th {
        width: 100%;
        border-bottom: none;
        padding: 1em 0 0;
        background-color: inherit;
        font-size: 1.6rem;
        color: #000000; } }
    .mailForm__table--consultation .mailForm__th {
      width: 35%; }
      @media screen and (max-width: 767px) {
        .mailForm__table--consultation .mailForm__th {
          width: 100%; } }
    .mailForm__th--required::after {
      content: '*';
      color: #f00;
      font-weight: 700; }
    .mailForm__th p {
      display: inline; }
  .mailForm__td--box {
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      .mailForm__td--box {
        display: block;
        margin-right: 0; } }
    .mailForm__td--box:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .mailForm__td--box + .mailForm__td--box {
        margin-top: .8em; } }
  .mailForm__td--box2 {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: .8em; }
    @media screen and (max-width: 767px) {
      .mailForm__td--box2 {
        display: block;
        margin-right: 0; } }
    .mailForm__td--box2:last-child {
      margin-right: 0;
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .mailForm__td--box2 + .mailForm__td--box2 {
        margin-top: .8em; } }
  .mailForm__tdNote {
    margin-top: 1em; }
  .mailForm__tdNoteItem {
    font-size: 1.2rem;
    line-height: 1.6;
    padding-left: 1em;
    position: relative; }
    .mailForm__tdNoteItem + .mailForm__tdNoteItem {
      margin-top: .5em; }
    .mailForm__tdNoteItem::before {
      content: '※';
      position: absolute;
      top: 0;
      left: 0; }
  .mailForm__birth {
    width: 100%;
    display: flex; }
  .mailForm__birthItem + .mailForm__birthItem {
    margin-left: .5em; }
  .mailForm__textField,
  .mailForm .wpcf7-free-text {
    width: 100%;
    min-height: 36px;
    max-width: 300px;
    border: 1px solid #ddd;
    padding: .2em .3em;
    transition: background .3s;
    border-radius: 3px; }
    @media screen and (max-width: 767px) {
      .mailForm__textField,
      .mailForm .wpcf7-free-text {
        font-size: 1.6rem;
        max-width: initial;
        -webkit-appearance: none;
        appearance: none; } }
    .mailForm__textField::-webkit-input-placeholder,
    .mailForm .wpcf7-free-text::-webkit-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textField::-moz-placeholder,
    .mailForm .wpcf7-free-text::-moz-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textField:-ms-input-placeholder,
    .mailForm .wpcf7-free-text:-ms-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textField::-ms-input-placeholder,
    .mailForm .wpcf7-free-text::-ms-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textField::placeholder,
    .mailForm .wpcf7-free-text::placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textField:focus, .mailForm__textField:not(:placeholder-shown),
    .mailForm .wpcf7-free-text:focus,
    .mailForm .wpcf7-free-text:not(:placeholder-shown) {
      background: #fff; }
      .mailForm__textField:focus::-webkit-input-placeholder, .mailForm__textField:not(:placeholder-shown)::-webkit-input-placeholder,
      .mailForm .wpcf7-free-text:focus::-webkit-input-placeholder,
      .mailForm .wpcf7-free-text:not(:placeholder-shown)::-webkit-input-placeholder {
        color: transparent; }
      .mailForm__textField:focus::-moz-placeholder, .mailForm__textField:not(:placeholder-shown)::-moz-placeholder,
      .mailForm .wpcf7-free-text:focus::-moz-placeholder,
      .mailForm .wpcf7-free-text:not(:placeholder-shown)::-moz-placeholder {
        color: transparent; }
      .mailForm__textField:focus:-ms-input-placeholder, .mailForm__textField:not(:placeholder-shown):-ms-input-placeholder,
      .mailForm .wpcf7-free-text:focus:-ms-input-placeholder,
      .mailForm .wpcf7-free-text:not(:placeholder-shown):-ms-input-placeholder {
        color: transparent; }
      .mailForm__textField:focus::-ms-input-placeholder, .mailForm__textField:not(:placeholder-shown)::-ms-input-placeholder,
      .mailForm .wpcf7-free-text:focus::-ms-input-placeholder,
      .mailForm .wpcf7-free-text:not(:placeholder-shown)::-ms-input-placeholder {
        color: transparent; }
      .mailForm__textField:focus::placeholder, .mailForm__textField:not(:placeholder-shown)::placeholder,
      .mailForm .wpcf7-free-text:focus::placeholder,
      .mailForm .wpcf7-free-text:not(:placeholder-shown)::placeholder {
        color: transparent; }
    .mailForm__textField--wide,
    .mailForm .wpcf7-free-text--wide {
      max-width: 100%; }
    .mailForm__textField--mini,
    .mailForm .wpcf7-free-text--mini {
      max-width: 10em;
      background: #fff; }
    .mailForm__textField--number,
    .mailForm .wpcf7-free-text--number {
      text-align: right; }
    .mailForm__textField:disabled,
    .mailForm .wpcf7-free-text:disabled {
      background: #eee; }
  .mailForm .wpcf7-free-text {
    width: auto;
    display: inline-block;
    margin-left: .3em; }
  .mailForm span[data-name="birth-year"], .mailForm span[data-name="birth-month"], .mailForm span[data-name="birth-day"], .mailForm span[data-name="your-old"], .mailForm span[data-name="your-number-adult"], .mailForm span[data-name="your-number-child"], .mailForm span[data-name="your-time"], .mailForm span[data-name="your-time2"], .mailForm span[data-name="your-area"], .mailForm span[data-name="your-land"], .mailForm span[data-name="tatekae-or-tochi"], .mailForm span[data-name="total-budget"], .mailForm span[data-name="building-budget"], .mailForm span[data-name="floor-size"] {
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px; }
    .mailForm span[data-name="birth-year"]::before, .mailForm span[data-name="birth-month"]::before, .mailForm span[data-name="birth-day"]::before, .mailForm span[data-name="your-old"]::before, .mailForm span[data-name="your-number-adult"]::before, .mailForm span[data-name="your-number-child"]::before, .mailForm span[data-name="your-time"]::before, .mailForm span[data-name="your-time2"]::before, .mailForm span[data-name="your-area"]::before, .mailForm span[data-name="your-land"]::before, .mailForm span[data-name="tatekae-or-tochi"]::before, .mailForm span[data-name="total-budget"]::before, .mailForm span[data-name="building-budget"]::before, .mailForm span[data-name="floor-size"]::before {
      position: absolute;
      top: 50%;
      right: 0.9em;
      width: 0;
      height: 0;
      padding: 0;
      content: '';
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #666666;
      pointer-events: none;
      margin-top: -3px; }
    .mailForm span[data-name="birth-year"] .mailForm__selectBox, .mailForm span[data-name="birth-month"] .mailForm__selectBox, .mailForm span[data-name="birth-day"] .mailForm__selectBox, .mailForm span[data-name="your-old"] .mailForm__selectBox, .mailForm span[data-name="your-number-adult"] .mailForm__selectBox, .mailForm span[data-name="your-number-child"] .mailForm__selectBox, .mailForm span[data-name="your-time"] .mailForm__selectBox, .mailForm span[data-name="your-time2"] .mailForm__selectBox, .mailForm span[data-name="your-area"] .mailForm__selectBox, .mailForm span[data-name="your-land"] .mailForm__selectBox, .mailForm span[data-name="tatekae-or-tochi"] .mailForm__selectBox, .mailForm span[data-name="total-budget"] .mailForm__selectBox, .mailForm span[data-name="building-budget"] .mailForm__selectBox, .mailForm span[data-name="floor-size"] .mailForm__selectBox {
      width: 100%;
      padding-right: 1em;
      cursor: pointer;
      text-indent: 0.01px;
      text-overflow: ellipsis;
      border: none;
      outline: none;
      background: transparent;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none;
      padding: 0.2em 38px 0.2em 0.3em; }
      @media screen and (max-width: 767px) {
        .mailForm span[data-name="birth-year"] .mailForm__selectBox, .mailForm span[data-name="birth-month"] .mailForm__selectBox, .mailForm span[data-name="birth-day"] .mailForm__selectBox, .mailForm span[data-name="your-old"] .mailForm__selectBox, .mailForm span[data-name="your-number-adult"] .mailForm__selectBox, .mailForm span[data-name="your-number-child"] .mailForm__selectBox, .mailForm span[data-name="your-time"] .mailForm__selectBox, .mailForm span[data-name="your-time2"] .mailForm__selectBox, .mailForm span[data-name="your-area"] .mailForm__selectBox, .mailForm span[data-name="your-land"] .mailForm__selectBox, .mailForm span[data-name="tatekae-or-tochi"] .mailForm__selectBox, .mailForm span[data-name="total-budget"] .mailForm__selectBox, .mailForm span[data-name="building-budget"] .mailForm__selectBox, .mailForm span[data-name="floor-size"] .mailForm__selectBox {
          font-size: 1.6rem; } }
      .mailForm span[data-name="birth-year"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="birth-month"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="birth-day"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-old"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-number-adult"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-number-child"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-time"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-time2"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-area"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="your-land"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="tatekae-or-tochi"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="total-budget"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="building-budget"] .mailForm__selectBox::-ms-expand, .mailForm span[data-name="floor-size"] .mailForm__selectBox::-ms-expand {
        display: none; }
  .mailForm .wpcf7-list-item {
    margin: 0 2em .5em 0; }
    @media screen and (max-width: 767px) {
      .mailForm .wpcf7-list-item {
        display: block; } }
    .mailForm .wpcf7-list-item:last-child {
      margin-right: 0; }
  .mailForm__radio label {
    position: relative;
    cursor: pointer;
    line-height: 1; }
    .mailForm__radio label input {
      display: none; }
      .mailForm__radio label input:checked + .wpcf7-list-item-label::before {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    .mailForm__radio label .wpcf7-list-item-label {
      position: relative;
      cursor: pointer;
      display: inline-block;
      padding-left: 1.8em; }
      .mailForm__radio label .wpcf7-list-item-label::before {
        font-size: 1.4rem;
        display: block;
        position: absolute;
        z-index: 1;
        top: .15em;
        left: .35em;
        width: .7em;
        height: .7em;
        content: '';
        -webkit-transition: transform .4s;
        transition: transform .4s;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        border-radius: 100%;
        background: #000000; }
      .mailForm__radio label .wpcf7-list-item-label::after {
        font-size: 1.4rem;
        display: block;
        position: absolute;
        top: -.2em;
        left: 0;
        width: 1.4em;
        height: 1.4em;
        content: '';
        border: 1px solid #ccc;
        border-radius: 100%;
        background: #fff; }
  .mailForm__checkBox label,
  .mailForm .agreement label {
    position: relative;
    cursor: pointer; }
    .mailForm__checkBox label [type="checkbox"],
    .mailForm .agreement label [type="checkbox"] {
      display: none; }
      .mailForm__checkBox label [type="checkbox"]:checked + .wpcf7-list-item-label::before,
      .mailForm .agreement label [type="checkbox"]:checked + .wpcf7-list-item-label::before {
        -webkit-transform: rotate(-45deg) scale(1, 1) !important;
        transform: rotate(-45deg) scale(1, 1) translate(-14%, 20%) !important; }

    .mailForm__checkBox label .wpcf7-list-item-label,
    .mailForm .agreement label .wpcf7-list-item-label {
      position: relative;
      cursor: pointer;
      display: inline-block;
      padding-left: 1.8em; }
      .mailForm__checkBox label .wpcf7-list-item-label::before,
      .mailForm .agreement label .wpcf7-list-item-label::before {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0.32em;
        left: 0.1875em;
        width: 0.8em;
        height: 0.5em;
        content: '';
        -webkit-transition: transform 0.4s;
        transition: transform 0.4s;
        -webkit-transform: rotate(-45deg) scale(0, 0);
        transform: rotate(-45deg) scale(0, 0) translate(-14%, 20%);
        border: 3px solid #000000;
        border-top-style: none;
        border-right-style: none; }
      .mailForm__checkBox label .wpcf7-list-item-label::after,
      .mailForm .agreement label .wpcf7-list-item-label::after {
        display: block;
        position: absolute;
        top: .25em;
        left: 0;
        width: 1.2em;
        height: 1.2em;
        content: '';
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 3px; }
  .mailForm__textArea {
    border: 1px solid #ccc;
    padding: .2em .3em;
    width: 100%;
    border-radius: 3px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .mailForm__textArea {
        font-size: 1.6rem; } }
    .mailForm__textArea::-webkit-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textArea::-moz-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textArea:-ms-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textArea::-ms-input-placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textArea::placeholder {
      transition: color .3s;
      color: #7F7F7F; }
    .mailForm__textArea:focus, .mailForm__textArea:not(:placeholder-shown) {
      background: #fff; }
      .mailForm__textArea:focus::-webkit-input-placeholder, .mailForm__textArea:not(:placeholder-shown)::-webkit-input-placeholder {
        color: transparent; }
      .mailForm__textArea:focus::-moz-placeholder, .mailForm__textArea:not(:placeholder-shown)::-moz-placeholder {
        color: transparent; }
      .mailForm__textArea:focus:-ms-input-placeholder, .mailForm__textArea:not(:placeholder-shown):-ms-input-placeholder {
        color: transparent; }
      .mailForm__textArea:focus::-ms-input-placeholder, .mailForm__textArea:not(:placeholder-shown)::-ms-input-placeholder {
        color: transparent; }
      .mailForm__textArea:focus::placeholder, .mailForm__textArea:not(:placeholder-shown)::placeholder {
        color: transparent; }
  .mailForm__submitBtn {
    transition: .3s;
    display: block;
    text-decoration: none;
    letter-spacing: .1em;
    line-height: 1.6;
    padding: .5em 1.5em .7em;
    width: 100%;
    max-width: 250px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff;
    background: #000000; }
    .mailForm__submitBtn--white {
      border-color: #fff;
      color: #fff; }
    .mailForm__submitBtn:disabled, .mailForm__submitBtn:hover {
      opacity: .5; }
    @media screen and (max-width: 767px) {
      .mailForm__submitBtn:hover {
        opacity: 1; } }
  .mailForm__levelStepBox + .mailForm__levelStepBox {
    margin-top: 5px;
    padding-top: 20px;
    border-top: 1px dotted #7F7F7F; }
  .mailForm__levelStepTitle {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .mailForm__levelStepTitle {
        font-size: 1.4rem; } }
  .mailForm__levelStepPoint {
    width: 100%;
    margin-top: .8em;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.6;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .mailForm__levelStepPoint {
        font-size: 1.2rem; } }
  .mailForm__levelStepPointText {
    width: 47%;
    letter-spacing: 0;
    position: relative; }
    .mailForm__levelStepPointText:nth-child(1) {
      padding-right: 2em; }
      .mailForm__levelStepPointText:nth-child(1)::after {
        font-size: 1.6rem;
        content: '①';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-weight: 500; }
    .mailForm__levelStepPointText:nth-child(2) {
      width: 6%; }
    .mailForm__levelStepPointText:nth-child(3) {
      padding-left: 2em; }
      .mailForm__levelStepPointText:nth-child(3)::after {
        font-size: 1.6rem;
        content: '⑤';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-weight: 500; }
  .mailForm span[data-name^="level-step"] {
    display: block;
    margin-top: .5em; }
    @media screen and (max-width: 767px) {
      .mailForm span[data-name^="level-step"] .wpcf7-list-item {
        display: inline-block !important; } }

.wpcf7 {
  text-align: center; }
  .wpcf7 .wpcf7-not-valid-tip {
    display: none; }
  .wpcf7 .wpcf7-not-valid {
    background: pink !important;
    display: inline-block; }
  .wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #B94A48 !important;
    color: #B94A48;
    text-align: center; }
  .wpcf7 form.sent .wpcf7-response-output {
    border-color: #3A87AD !important;
    color: #3A87AD;
    text-align: center; }
  .wpcf7 .wpcf7-validation-errors {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    text-align: center; }
  .wpcf7 .wpcf7-mail-sent-ok {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    text-align: center; }

.thanks__text {
  text-align: center;
  margin-top: 60px; }

.archiveSelect {
  text-align: center; }
  .archiveSelect__box {
    display: inline-block;
    min-width: 300px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
    .archiveSelect__box::before {
      position: absolute;
      top: 50%;
      right: 0.9em;
      width: 0;
      height: 0;
      padding: 0;
      content: '';
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 12px solid #000000;
      pointer-events: none;
      transform: translateY(-50%); }
  .archiveSelect__menu {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    padding: .8em 38px .8em 1.2em; }
    @media screen and (max-width: 767px) {
      .archiveSelect__menu {
        font-size: 1.6rem;
        padding: .4em 38px .4em 1.2em; } }
    .archiveSelect__menu::-ms-expand {
      display: none; }

.singlePostPager {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .singlePostPager {
      margin-top: 40px; } }
  .singlePostPager__list {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .singlePostPager__list {
        flex-wrap: wrap;
        border: 1px solid #000000; } }
  .singlePostPager__item {
    width: 38.8888888889%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .singlePostPager__item {
        width: 50%;
        order: 2; } }
    @media screen and (max-width: 767px) {
      .singlePostPager__item:first-child::after {
        content: '';
        display: block;
        width: 0;
        border-right: 1px dotted #7F7F7F;
        position: absolute;
        top: 20px;
        right: 0;
        bottom: 20px; } }
    .singlePostPager__item--center {
      width: 22.2222222222%; }
      @media screen and (max-width: 767px) {
        .singlePostPager__item--center {
          width: 100%;
          order: 1; } }
  .singlePostPager__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #000000; }
    @media screen and (max-width: 767px) {
      .singlePostPager__link {
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        border: none; } }
    .singlePostPager__link--prev {
      padding: 20px 20px 20px 40px; }
      @media screen and (max-width: 767px) {
        .singlePostPager__link--prev {
          padding-left: 35px; } }
      .singlePostPager__link--prev::before {
        content: '';
        display: block;
        width: 1.2em;
        height: 1.2em;
        border-bottom: 2px solid #000000;
        border-left: 2px solid #000000;
        transform: rotate(45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 10px; }
        @media screen and (max-width: 767px) {
          .singlePostPager__link--prev::before {
            left: 10px;
            top: 122px; } }
    .singlePostPager__link--center {
      justify-content: center;
      text-align: center;
      padding: 20px;
      background: #000000;
      color: #fff; }
    .singlePostPager__link--next {
      padding: 20px 40px 20px 20px; }
      @media screen and (max-width: 767px) {
        .singlePostPager__link--next {
          padding-right: 35px; } }
      .singlePostPager__link--next::after {
        content: '';
        display: block;
        width: 1.2em;
        height: 1.2em;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        transform: rotate(45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        right: 25px; }
        @media screen and (max-width: 767px) {
          .singlePostPager__link--next::after {
            top: 122px;
            right: 20px; } }
  .singlePostPager__title {
    display: block;
    font-family: "EB Garamond", serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .singlePostPager__title {
        text-align: center;
        width: 100%; } }
    .singlePostPager__link--next .singlePostPager__title {
      text-align: right; }
      @media screen and (max-width: 767px) {
        .singlePostPager__link--next .singlePostPager__title {
          text-align: center;
          order: 1; } }
    .singlePostPager__title--ruby {
      display: block;
      /*font-family: YakuHanMPs_Noto, "Noto Serif JP", serif;*/
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 1.5;
      margin-top: .3em;
      letter-spacing: .05em; }
  .singlePostPager__thumbBox {
    flex: 1;
    display: block;
    max-width: 180px;
    margin-left: 20px; }
    @media screen and (max-width: 767px) {
      .singlePostPager__thumbBox {
        margin: 10px 0 0;
        max-width: initial;
        width: 100%; } }
    .singlePostPager__link--next .singlePostPager__thumbBox {
      margin-left: 0;
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        .singlePostPager__link--next .singlePostPager__thumbBox {
          margin: 10px 0 0;
          order: 2; } }
  .singlePostPager__imgBox {
    padding-top: 66.6666666667%; }
  .singlePostPager__img {
    display: block; }
  .singlePostPager__noImg {
    display: block;
    width: 100%;
    padding-top: 66.6666666667%;
    background-size: 50% auto; }
  .singlePostPager__postTitle {
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: .5em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .singlePostPager__postTitle {
        font-size: 1.1rem; } }

.cmsPagination {
  width: 100%;
  text-align: center; }
  .cmsPagination__list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3.125em; }
  .cmsPagination__item {
    width: 35px;
    line-height: 35px;
    margin-right: 10px;
    display: none; }
    @media screen and (min-width: 768px) {
      .cmsPagination__item {
        display: block; } }
    .cmsPagination__item:last-child {
      margin-right: 0; }
  @media screen and (max-width: 767px) {
    .cmsPagination__sp {
      display: block; } }
  .cmsPagination__link {
    display: block;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    transition: color .3s,background .3s;
    border-radius: 3px; }
    .cmsPagination__noNum .cmsPagination__link {
      padding: 0 1em; }
    .cmsPagination__link:hover, .cmsPagination__link--noLink {
      background: #000000;
      color: #fff;
      opacity: 1; }
    .cmsPagination__noNum .cmsPagination__link--noLink {
      opacity: 0; }
  .cmsPagination__noNum {
    width: auto;
    min-width: 35px; }

.sidebar {
  text-align: left;
  width: 21.6666666667%;
  margin-left: 3.3333333333%; }
  @media screen and (max-width: 767px) {
    .sidebar {
      width: 100%;
      margin: 40px 0 0; } }
  .sidebar .sideWidget + .sideWidget {
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .sidebar .sideWidget + .sideWidget {
        margin-top: 30px; } }
  .sidebar .sideWidget__title {
    width: 100%;
    display: flex;
    align-items: center;
    background: #F1F1EE;
    font-family: "EB Garamond", serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    border-radius: 0 3px 3px 0; }
  .sidebar #custom-post-type-categories-2 .sideWidget__title::before,
  .sidebar #custom-post-type-categories-6 .sideWidget__title::before,
  .sidebar #custom-post-type-categories-7 .sideWidget__title::before {
    font-family: "Font Awesome 5 Free";
    content: '\f07b';
    font-weight: 900;
    display: flex;
    background: #000000;
    color: #fff;
    padding: .3em;
    margin-right: .5em;
    border-radius: 3px 0 0 3px; }
  .sidebar #custom-post-type-categories-3 .sideWidget__title::before,
  .sidebar #custom-post-type-categories-4 .sideWidget__title::before,
  .sidebar #custom-post-type-categories-5 .sideWidget__title::before {
    font-family: "Font Awesome 5 Free";
    content: '\f007';
    font-weight: 900;
    display: flex;
    background: #000000;
    color: #fff;
    padding: .3em;
    margin-right: .5em;
    border-radius: 3px 0 0 3px; }
  .sidebar #custom-post-type-archives-2 .sideWidget__title::before {
    font-family: "Font Awesome 5 Free";
    content: '\f073';
    font-weight: 400;
    display: flex;
    background: #000000;
    color: #fff;
    padding: .3em;
    margin-right: .5em;
    border-radius: 3px 0 0 3px; }
  .sidebar #custom-post-type-categories-5,
  .sidebar #custom-post-type-categories-7 {
    display: none; }
  .sidebar .cat-item, .sidebar .widget_archive li {
    padding-left: 40px;
    margin-top: 1.3em;
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative; }
    .sidebar .cat-item::before, .sidebar .widget_archive li::before {
      content: '';
      display: block;
      width: .6em;
      height: .6em;
      border-top: 2px solid #000000;
      border-right: 2px solid #000000;
      transform: rotate(45deg);
      position: absolute;
      top: .4em;
      left: 23px; }
    .sidebar .cat-item a, .sidebar .widget_archive li a {
      text-decoration: none; }

.writer {
  text-align: center;
  border-top: 2px solid #B9B9B9;
  margin-top: 60px;
  padding-top: 40px; }
  .writer__link {
    display: inline-block;
    text-decoration: none; }
  .writer__img {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    max-width: 200px; }
  .writer__noImg {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .writer__noImg {
        width: 70%; } }
  .writer__position {
    display: inline-block;
    background: #000000;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    border-radius: 1000px;
    padding: .1em 1.2em .2em;
    margin-top: 1.2em; }
  .writer__name {
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: .3em; }
  .writer__ruby {
    font-family: "EB Garamond", serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    color: #7F7F7F;
    margin-top: .5em;
    letter-spacing: .1em; }

.singlePostSlider {
  text-align: left;
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .singlePostSlider {
      margin-top: 60px; } }
  .singlePostSlider__inner {
    position: relative;
    margin-top: 30px; }
  .singlePostSlider__container {
    margin: 0 48px;
    overflow: hidden; }
  .singlePostSlider__link {
    display: block;
    text-decoration: none;
    padding-right: 2px; }
  .singlePostSlider__imgBox {
    width: 100%;
    aspect-ratio: 3 / 2; }
  .singlePostSlider__img {
    display: block;
    position: relative; }
  .singlePostSlider__noImg {
    width: 100%;
    aspect-ratio: 3 / 2; }
  .singlePostSlider__title {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: .8em;
    font-weight: 300; }
  .singlePostSlider__controller {
    top: 6.6666666667vw;
    outline: none; }
    @media screen and (min-width: 1200px) {
      .singlePostSlider__controller {
        top: 80px; } }
    @media screen and (max-width: 767px) {
      .singlePostSlider__controller {
        top: 21.3333333333vw; } }
    .singlePostSlider__controller--prev {
      left: 0; }
    .singlePostSlider__controller--next {
      right: 0; }




.commonSlide__container{
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 767px) {
    .commonSlide__container{
        width: 96%;
        padding: 0 30px;
    }
    
    .performance__img .commonSlide__container{
        width: 120%;
        margin-left: -10%;
    }
    
}

.commonSlide__container .swiper-pagination-bullets{
    position: relative;
    bottom: 0!important;
}
.commonSlide__container.swiper-button-next, .swiper-button-next,
.commonSlide__container.swiper-button-next, .swiper-button-prev {
    top: calc(50% - 10px);
}

.commonSlide__container.swiper-button-next, .swiper-button-next{
    right: 5px;
}
.commonSlide__container.swiper-button-next, .swiper-button-prev {
    left: 5px;
}
.commonSlide__container .swiper-pagination-bullet-active{
    background: #666;
}

.commonSlide__container .swiper-wrapper{
    align-items: center;
}

.commonSlide__container [class^="swiper-button-"]::after{
    font-size: 30px;
}


.commonSlide__controller{
    opacity: .5;
}

.commonSlide__controller:not(.swiper-button-disabled){
    cursor: pointer;
    color: #333;
}



.js-smartPhoto{
    display: block;
    position: relative;
}

img ~ span.caption{
    display: inline-block;
    width: max-content;
    max-width: 100%;
    position: absolute;
    left: 3px;
    bottom: 3px;
    font-size: 12px;
    padding: 0 7px;
    background: rgb(255,255,255,.9);
}

img ~ span.zoomin {
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 7px;
    background: rgb(255,255,255,.9);
    border-radius: 30px;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
img ~ span.zoomin img{
    width: 30px;
    height: 30px;
    opacity: .7;
}

.flow__img{
    position: relative;
}

.smartphoto{
    z-index: 1000!important;
    background-color: rgb(0,0,0,.7)!important;
}
.smartphoto-header{
    background: none!important;
}
.smartphoto-count,
.smartphoto-caption{
    display: none!important;
}

.smartphoto-dismiss {
    top: 50px !important;
    right: 50px !important;
    padding: 20px !important;
    border-radius: 50px;
    background-color: rgb(0, 0, 0, .5) !important;
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .smartphoto-dismiss {
        top: 50px !important;
        right: 15px !important;
    }
}


.wide_img{
    width: 100%;
}

.wide_img::before{
    content: '';
    display: block;
    clear: both;
}

.wide_img img{
    max-width: 100%;
    margin: 20px auto 0;
}

.wide_img img.w80{
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 767px) {
    .wide_img{
        overflow-x: scroll;
    }
    .wide_img img{
        margin-top: 10px;
        max-width: inherit!important;
        width: auto;
        height: 300px;
    }
    
    .wide_img img.h200{
        height: 200px;
    }
    .wide_img img.h150{
        height: 150px;
    }

}

.scroll-hint-icon-wrap{
    opacity: .7;
}