@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap");
/*** reset ***/
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0; }

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
  border: 0;
  image-rendering: -webkit-optimize-contrast; }

h1, h2, h3, h4, h5, h6, pre, address, em, strong, th, ins {
  font-style: normal; }

table {
  border-collapse: collapse;
  border: 0; }

th {
  text-align: left; }

th {
  text-align: left; }

input, select, textarea {
  vertical-align: middle; }

ins, a {
  text-decoration: none; }

ul {
  list-style: none; }

br {
  letter-spacing: 0; }

hr {
  height: 0px;
  margin: 0;
  border: none;
  border-top: 1px solid #fff; }

* html hr {
  /* for -IE6 */
  margin: 0; }

*:first-child + html hr {
  /* for IE7 */
  margin: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/***cleasrfix hack***/
.hack::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*end hide*/
.clear {
  clear: both; }

/*** font ***/
html {
  font-size: 62.5%; }

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-feature-settings: "palt";
  color: #333333; }

#wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

/*family*/
body {
  font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.2em; }

footer {
  font-family: 'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }

/*** link ***/
.btn_over {
  transition: 0.5s; }
  .btn_over:hover {
    opacity: 0.7; }

/*base*/
.secin {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }

.secin.main {
  width: 100%;
  max-width: 100%;
  overflow: hidden; }

._sp480,
._sp1000,
._sp {
  display: none; }

@media screen and (max-width: 1100px) {
  ._sp1100 {
    display: block !important; } }
@media screen and (max-width: 480px) {
  ._sp480 {
    display: block !important; } }
@media screen and (max-width: 768px) {
  ._pc {
    display: none !important; }

  ._sp {
    display: block !important; }

  body {
    font-size: 12px;
    font-size: 1.2rem; } }
/*setting*/
/* Scss Document */
.c_lead {
  font-weight: 400; }

p.main_txt,
.top_cbtn_txt_more,
.top_cbtn_txt_name,
.f_en {
  font-family: 'Cormorant Garamond', serif; }

/*base*/
.bg_lightgray {
  background-color: #d3d2dc;
  position: relative; }

.bg_white {
  width: 100%;
  background-color: #fff;
  color: #333;
  position: relative; }

.bg_black {
  width: 100%;
  background-color: #000;
  color: #fff;
  position: relative; }

.bg_keycolor {
  width: 100%;
  background-color: #15182e;
  color: #fff;
  position: relative; }

.bg_dark {
  width: 100%;
  background-color: #262839;
  color: #fff;
  position: relative; }

.bg_beige {
  background: #5976a4;
  color: #333; }

.secin {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }

.secin.main {
  width: 100%;
  max-width: 100%;
  overflow: hidden; }

/* headerここから */
header {
  position: fixed;
  /*top:0;
  left:0;*/
  padding: 0;
  width: 100%;
  z-index: 900;
  color: #fff;
  background: #92806f;
  background: linear-gradient(25deg, #92806f 0%, #e0dfc7 50%, #92806f 100%);
  z-index: 9000; }
  header h1 {
    width: 140px;
    height: auto;
    margin-top: 15px;
    margin-left: 35px;
    position: relative;
    z-index: 5; }
    header h1 img {
      width: 100%;
      height: auto; }
  header .header_nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    z-index: 5; }
    header .header_nav li a {
      color: #fff;
      font-size: 14px;
      display: block;
      width: 100%;
      height: 100%;
      transition: 0.3s; }
      header .header_nav li a:hover {
        opacity: 0.7; }
    header .header_nav li:nth-child(5) {
      display: none; }

@media screen and (min-width: 769px) {
  header .header_nav li a img {
    display: none; }
  header .header_nav li:nth-child(1) a, header .header_nav li:nth-child(2) a, header .header_nav li:nth-child(3) a {
    padding: 0 10px;
    border-left: 1px solid #fff;
    color: #fff; }
  header .header_nav li:nth-child(4) a, header .header_nav li:nth-child(5) a {
    padding: 28px 20px 29px;
    line-height: 1em;
    position: relative; }
    header .header_nav li:nth-child(4) a span, header .header_nav li:nth-child(5) a span {
      position: relative; }
    header .header_nav li:nth-child(4) a::before, header .header_nav li:nth-child(5) a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.4;
      background: #e6e6e6;
      background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 50%, #cccccc 54%, #cccccc 100%);
      background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 50%, #cccccc 54%, #cccccc 100%);
      background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 50%, #cccccc 54%, #cccccc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cccccc',GradientType=0 ); }
  header .header_nav li:nth-child(4) a {
    background: #fff;
    color: #000;
    font-weight: 800; }
  header .header_nav li:nth-child(5) a {
    background: #888888; }
  header .header_nav li:nth-child(6) {
    display: none; } }
@media screen and (max-width: 768px) {
  header {
    height: 70px; }
    header h1 {
      margin-left: 15px; }
    header .header_nav {
      position: fixed;
      top: inherit;
      bottom: 0;
      right: 0;
      display: flex;
      width: 100%;
      height: 70px;
      flex-wrap: nowrap;
      align-items: center;
      background: #000;
      flex-grow: 1; }
      header .header_nav li {
        background: #333;
        width: 25%;
        height: 100%;
        text-align: center; }
        header .header_nav li:nth-child(3) {
          order: 4; }
        header .header_nav li:nth-child(6) {
          order: 1; }
        header .header_nav li:nth-child(4) {
          order: 2; }
  header .header_nav li:nth-child(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
            display: none;
  }
        header .header_nav li:nth-child(2) {
          order: 3; }
        header .header_nav li a {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 12px;
          letter-spacing: 0.1em;
          color: #fff; }
          header .header_nav li a img {
            display: block;
            width: 30px;
            height: 30px;
            margin: 10px auto 0px; } }
/* headerここまで */
/* footerここから */
footer .footer_call {
  background: #fff;
  padding: 30px 0; }
  footer .footer_call .secin {
    max-width: 780px;
    letter-spacing: 0.05em;
    margin: 0 auto; }
  footer .footer_call_bnr {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 20px;
    display: block; }
    footer .footer_call_bnr img {
      width: 100%;
      height: auto; }
  footer .footer_call ul {
    margin: 5px 0 0; }
    footer .footer_call ul li {
      width: calc(100% - 420px);
      display: inline-block;
      vertical-align: middle;
      padding: 0 3% 0 0;
      font-size: 11px;
      box-sizing: border-box; }
      footer .footer_call ul li:nth-child(2) {
        padding: 0;
        width: 410px; }
        footer .footer_call ul li:nth-child(2) a {
          color: #000;
          text-decoration: underline; }
footer .footer_note {
  background: #f0eeeb;
  color: #333;
  padding: 25px 0; }
footer .footer_link {
  background: #1a1a1a;
  background: -webkit-linear-gradient(left, #1a1a1a 0%, #333333 50%, black 100%);
  background: -o-linear-gradient(left, #1a1a1a 0%, #333333 50%, black 100%);
  background: linear-gradient(to right, #1a1a1a 0%, #333333 50%, black 100%);
  padding: 10px 0;
  text-align: center; }
  footer .footer_link li {
    display: inline-block; }
    footer .footer_link li a {
      color: #fff;
      font-size: 12px;
      line-height: 1;
      padding: 0 15px 1px;
      border-right: 1px solid #fff; }
    footer .footer_link li:last-child a {
      border-right: none; }
footer .footer_logo {
  padding: 25px 0 0; }
  footer .footer_logo ul {
    display: flex;
    flex-wrap: nowrap;
    max-width: 300px;
    margin: 0 auto; }
    footer .footer_logo ul li {
      width: 49%; }
      footer .footer_logo ul li:first-child {
        margin-right: 2%; }
  footer .footer_logo p {
    text-align: center;
    font-size: 1.0rem;
    color: #000;
    margin: 10px auto; }

#pagetop {
  position: fixed;
  width: 45px;
  height: 20px;
  bottom: 26px;
  right: 10px;
  z-index: 1;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 70px; }

  footer .footer_call .secin {
    max-width: 400px; }

  footer .footer_call ul li {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
    font-size: 10px; }

  footer .footer_call ul li:nth-child(2) {
    padding: 0; }

  footer .footer_link {
    display: none; }

  footer .footer_logo p {
    margin-top: 15px; }

  #pagetop {
    width: 30px;
    bottom: 10px;
    /*right: 50%;
    transform: translateX(50%);*/ } }
/* footerここまで */
/*sp menu*/
.sp_menu {
  position: fixed;
  top: 15px;
  right: 25px;
  height: 36px;
  width: 30px;
  outline: none;
  cursor: pointer;
  /*border: 1px solid #666;*/
  padding: 3px 0 3px 7px;
  z-index: 9000;
  /*background: #fff;*/
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-contente: space-between;
  display: none; }
  .sp_menu span,
  .sp_menu span::before,
  .sp_menu span::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 20px;
    transition: 500ms cubic-bezier(0.77, 0, 0.175, 1); }
  .sp_menu span {
    top: 50%; }
  .sp_menu span::before {
    top: -12px; }
  .sp_menu span::after {
    top: 12px; }
  .sp_menu .active {
    transition: 500ms;
    background: transparent;
    /*border: 1px solid #181878;*/ }

.sp_menu.active > span {
  background: transparent; }

.sp_menu.active > span::before, .sp_menu.active > span::after {
  top: 0px; }

.sp_menu.active > span::before {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg); }

.sp_menu.active > span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

@media screen and (max-width: 768px) {
  .sp_menu {
    display: block; } }
nav ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

nav li {
  flex-grow: 1; }

nav li a {
  color: #fff !important;
  font-size: 14px;
  padding: 15px 0;
  display: block;
  width: 100%;
  position: relative;
  text-align: center; }

nav li a:hover {
  color: #fff !important;
  /*font-weight: 800;*/ }

@media screen and (min-width: 769px) {
  nav {
    position: relative;
    margin-top: 10px;
    background: #191f1d;
    background: -webkit-linear-gradient(295deg, #2c2722 0%, #43423b 50%, #2c2722 100%);
    background: -o-linear-gradient(295deg, #2c2722 0%, #43423b 50%, #2c2722 100%);
    background: linear-gradient(25deg, #2c2722 0%, #43423b 50%, #2c2722 100%);
    width: 100%;
    z-index: 900;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5); }

  nav li.act a::after,
  nav li a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 0;
    height: 4px;
    background: #fff;
    transition: 0.3s;
    opacity: 0; }

  nav li.act a::after,
  nav li a:hover::after {
    width: 50%;
    opacity: 1; } }
@media screen and (max-width: 768px) {
  nav {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 998;
    width: 100%;
    height: calc(100vh - 140px);
    display: flex;
    flex-direction: column;
    transition: 1s left cubic-bezier(0.77, 0, 0.175, 1), 1s opacity;
    background: rgba(52, 48, 42, 0.8);
    opacity: 0;
    pointer-events: none; }

  nav.active {
    top: 70px;
    opacity: 1;
    display: block;
    pointer-events: inherit; }

  nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  nav li {
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #bdbdbd; }

  nav li:nth-child(2n) {
    border-left: 1px solid #bdbdbd; }

  nav li a {
    padding: 25px 0; } }
/*common*/
.t_center {
  text-align: center; }

.t_right {
  text-align: right; }

.t_left {
  text-align: left; }

.note {
  font-size: 10px;
  letter-spacing: 0.1em; }

.note-w {
  color: #fff !important; }

.note-b {
  color: #000 !important; }

.note-r {
  text-align: right; }

@media screen and (max-width: 768px) {
  .note {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; } }
.main {
  margin-top: 121px; }

.main_bg {
  position: relative; }
  .main_bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 43, 77, 0.4);
    transition: 0.3s;
    z-index: 2; }
  .main_bg p {
    z-index: 3; }

#index .main {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .main {
    margin-top: 70px; } }
figure {
  position: relative; }

figure .note {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: #fff; }

/*info*/
.info {
  padding: 90px 0 90px;
  background: url(../images/common/info_bg.png) center center/cover no-repeat; }
  @media screen and (max-width: 768px) {
    .info {
      padding: 50px 0 50px; } }
  .info .secin {
    max-width: 640px;
    margin: 0 auto; }
  .info_tit {
    color: #90814b;
    display: block;
    border-top: 1px solid #90814b;
    border-bottom: 1px solid #90814b;
    text-align: center;
    font-size: 24px;
    padding: 5px 0;
    margin-bottom: 20px; }
  .info ul {
    /*margin-bottom: 100px;*/ }
    .info ul li {
      margin-bottom: 10px; }

.fbtn {
  width: 80%;
  max-width: 380px;
  margin: 0 auto; }
  .fbtn li a {
    display: block;
    width: 100%;
    padding: 22px 40px;
    color: #333333;
    background: #fff;
    font-size: 16px;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .fbtn li a {
        font-size: 14px; } }
    .fbtn li a::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 7px;
      opacity: 0.8;
      background: #a27a62;
      background: -moz-linear-gradient(left, #a27a62 0%, #f1c19a 50%, #a27a62 100%);
      background: -webkit-linear-gradient(left, #a27a62 0%, #f1c19a 50%, #a27a62 100%);
      background: linear-gradient(to right, #a27a62 0%, #f1c19a 50%, #a27a62 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a27a62', endColorstr='#a27a62',GradientType=1 );
      pointer-events: none;
      display: none; }
    .fbtn li a span {
      position: relative;
      z-index: 10; }
      .fbtn li a span img {
        width: 85px;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 5px;
        transition: 0.3s; }
    .fbtn li a:hover span img {
      transform: translateX(20px); }

/* page common
*******************************************/
.main {
  position: relative; }
  .main_bg {
    position: relative;
    background: #899198; }
    @media screen and (max-width: 767px) {
      .main_bg {
        position: relative; } }
  .main_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

p.main_txt {
  width: auto;
  height: 38px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    p.main_txt {
      height: 25px; } }
  p.main_txt img {
    width: auto;
    height: 100%;
    margin: 0 auto; }
  p.main_txt span.jp {
    font-size: 21px;
    color: #fff;
    margin-bottom: 15px; }
  p.main_txt.txtshadow {
    text-shadow: 1px 1px 5px #000; }

#access .main .note {
  color: #333; }

.sec1 {
  padding: 140px 0; }

#type .sec1 {
  padding: 100px 0 50px; }

@media screen and (max-width: 767px) {
  .sec1 {
    padding: 70px 0 30px; }

  #type .sec1 {
    padding: 70px 0 0; } }
@media screen and (max-width: 767px) {
  ::-webkit-scrollbar {
    width: 10px; }

  ::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777; }

  ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: none; } }
/*text*/
.f_en {
  color: #856d11; }

.c_lead0 {
  font-size: 48px;
  color: #97755f; }

.c_lead {
  font-size: 28px;
  color: #332D2B; }

.c_lead-c1 {
  color: #fff; }

.c_lead2 {
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 25px; }

.c_lead3 {
  font-size: 16px;
  margin-bottom: 25px; }

.c_txt {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2; }

.c_txt2 {
  font-size: 12px;
  letter-spacing: 0.1em; }

@media screen and (max-width: 767px) {
  .c_lead0 {
    font-size: 24px;
    color: #97755f; }

  .c_lead {
    font-size: 18px;
    margin-bottom: 25px; }

  .c_lead2 {
    font-size: 14px;
    margin-bottom: 25px; }

  .c_lead3 {
    font-size: 13px; }

  .c_txt {
    font-size: 12px; }

  .c_txt2 {
    font-size: 10px; } }
/*動き*/
.m_left {
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  -o-transform: translate(-50px, 0);
  transform: translate(-50px, 0); }

.m_right {
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  -o-transform: translate(50px, 0);
  transform: translate(50px, 0); }

.m_left_on,
.m_rights
.m_op {
  transition: all 1s;
  opacity: 0; }
  .m_left_on_on,
  .m_rights
  .m_op_on {
    opacity: 1; }

.m_op,
.m_down {
  transition: all 1s;
  transform: translateY(100px);
  opacity: 0; }
  .m_op_on,
  .m_down_on {
    transform: translateY(0px);
    opacity: 1; }

.m_up {
  transition: all 1s;
  transform: translateY(-100px);
  opacity: 0; }
  .m_up_on {
    transform: translateY(0px);
    opacity: 1; }

@media screen and (min-width: 769px) {
  .m_op_d1 {
    transition-delay: 0.1s; }

  .m_op_d2 {
    transition-delay: 0.3s; }

  .m_op_d3 {
    transition-delay: 0.5s; }

  .m_op_d4 {
    transition-delay: 0.7s; }

  .m_op_d5 {
    transition-delay: 0.9s; }

  .m_op_d6 {
    transition-delay: 1.1s; } }
@media screen and (max-width: 768px) {
  .rmv,
  .lmv {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    transform: translateY(100px); }

  .rmv_on,
  .lmv_on {
    transform: translateY(0px); } }
@media print {
  header, nav, .footer_link, .footer_logo, .footer_note, .main, .accessmap_btn, .info, .btn_print, #pagetop {
    display: none !important; }

  .sec1 {
    padding: 20px 0; } }
/* Scss Document */
#index .main {
  position: relative;
  overflow: hidden;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    #index .main {
      margin-top: 70px; } }
  #index .main_bg1 {
    position: relative;
    z-index: 1; }
  #index .main_txt {
    position: absolute;
    z-index: 20;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    width: 100%;
    top: initial;
    bottom: 0; }
    #index .main_txt-1 {
      max-width: 1200px;
      width: 96%;
      margin: auto; }
    #index .main_txt-2 {
      font-size: 38px;
      position: absolute;
      top: 8%;
      left: 5%;
      -webkit-transition: 1.5s;
      transition: 1.5s;
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s; }
      @media screen and (max-width: 768px) {
        #index .main_txt-2 {
          font-size: 5vw;
          font-size: clamp(14px, 5vw, 38px); } }
#index .merit {
  background: url(../images/top/merit_bg.jpg) center center/cover no-repeat;
  position: relative;
  z-index: 1000; }
  #index .merit_txt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 3% 0; }
    @media screen and (max-width: 767px) {
      #index .merit_txt {
        padding: 20px 0; } }
    #index .merit_txt li {
      width: 24%; }
      @media screen and (max-width: 767px) {
        #index .merit_txt li {
          width: 70%;
          margin: 0 auto 5%; } }
      #index .merit_txt li:first-child {
        width: 39%; }
        @media screen and (max-width: 767px) {
          #index .merit_txt li:first-child {
            width: 100%;
            margin-bottom: 3%; } }
      #index .merit_txt li:nth-child(2) {
        position: relative; }
        #index .merit_txt li:nth-child(2)::before, #index .merit_txt li:nth-child(2)::after {
          content: "";
          background: #c0c08c;
          width: 1px;
          height: 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%) skewX(-20deg); }
          @media screen and (max-width: 767px) {
            #index .merit_txt li:nth-child(2)::before, #index .merit_txt li:nth-child(2)::after {
              display: none; } }
        #index .merit_txt li:nth-child(2)::before {
          left: -12%; }
        #index .merit_txt li:nth-child(2)::after {
          right: -12%; }
#index .facade {
  position: relative; }
  #index .facade::before {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 768px) {
      #index .facade::before {
        height: 30px; } }
  #index .facade_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    max-width: 900px;
    text-align: center;
    z-index: 1000; }
    @media screen and (max-width: 768px) {
      #index .facade_img {
        width: 110%;
        left: -5%;
        bottom: initial;
        top: 0; } }
    #index .facade_img .note {
      position: absolute;
      right: initial;
      left: 12%;
      bottom: 2px;
      text-shadow: 0 0 10px #000; }
  #index .facade_txt_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #index .facade_txt_wrap .facade_bg {
      width: 55%;
      background-image: url(../images/top/facade_bg.png);
      background-position: left bottom;
      background-size: cover;
      background-repeat: no-repeat; }
      @media screen and (max-width: 768px) {
        #index .facade_txt_wrap .facade_bg {
          width: 100%;
          height: 80vw; } }
    #index .facade_txt_wrap .facade_txt {
      color: #000;
      line-height: 2;
      width: 45%;
      z-index: 1000;
      padding: 14% 0 8%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #index .facade_txt_wrap .facade_txt {
          width: 100%;
          padding: 12% 0; } }
      #index .facade_txt_wrap .facade_txt .t1 {
        margin-bottom: 3%;
        font-size: 2.6vw;
        font-size: clamp(10.5px, 2.6vw, 32px); }
        @media screen and (max-width: 767px) {
          #index .facade_txt_wrap .facade_txt .t1 {
            font-size: 5vw;
            font-size: clamp(10px, 5vw, 32px); } }
      #index .facade_txt_wrap .facade_txt .t2 {
        font-size: 1.2vw;
        font-size: clamp(10.5px, 1.2vw, 15px); }
        @media screen and (max-width: 767px) {
          #index .facade_txt_wrap .facade_txt .t2 {
            font-size: 3.6vw;
            font-size: clamp(10px, 3.6vw, 15px); } }
      #index .facade_txt_wrap .facade_txt .fbtn {
        margin-top: 5%; }
#index .setagaya_txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5% 0; }
  @media screen and (max-width: 767px) {
    #index .setagaya_txt {
      padding: 8% 0; } }
  #index .setagaya_txt_left {
    width: 55%; }
    @media screen and (max-width: 767px) {
      #index .setagaya_txt_left {
        width: 100%;
        margin-bottom: 8%; } }
    #index .setagaya_txt_left .t1 {
      font-size: 24px;
      margin-bottom: 2%; }
      @media screen and (max-width: 767px) {
        #index .setagaya_txt_left .t1 {
          font-size: 4vw;
          font-size: clamp(10px, 4vw, 24px);
          margin-bottom: 1%; } }
    #index .setagaya_txt_left .t2 {
      font-size: 44px;
      margin-bottom: 2%; }
      @media screen and (max-width: 767px) {
        #index .setagaya_txt_left .t2 {
          font-size: 5.5vw;
          font-size: clamp(10px, 5.5vw, 44px);
          margin-bottom: 1%; } }
    #index .setagaya_txt_left .t3 {
      width: 60%;
      max-width: 440px; }
      @media screen and (max-width: 767px) {
        #index .setagaya_txt_left .t3 {
          font-size: 3.6vw;
          font-size: clamp(10px, 3.6vw, 15px); } }
  #index .setagaya_txt_right {
    width: 40%;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      #index .setagaya_txt_right {
        width: 100%; } }
#index .top_cbtn {
  position: relative; }
  #index .top_cbtn .secin {
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0;
    justify-content: space-between;
    max-width: 1000px;
    width: 80%;
    z-index: 2;
    position: relative; }
    @media screen and (max-width: 768px) {
      #index .top_cbtn .secin {
        padding: 70px 0;
        width: 80%; } }
  #index .top_cbtn li {
    width: 48%;
    margin-bottom: 6%;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      #index .top_cbtn li {
        width: 48%; } }
    @media screen and (max-width: 480px) {
      #index .top_cbtn li {
        width: 100%; } }
    #index .top_cbtn li a {
      position: relative;
      transition: 0.3s;
      align-items: center;
      display: block;
      color: #fff; }
      #index .top_cbtn li a .top_cbtn_txt {
        text-align: left;
        transition: 0.3s;
        z-index: 5;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: 0%;
        z-index: 1000; }
        #index .top_cbtn li a .top_cbtn_txt.MORE {
          transform: initial;
          top: initial;
          bottom: 5%; }
      #index .top_cbtn li a .top_cbtn_txt_name {
        width: 80%;
        max-width: 220px;
        font-size: 24px;
        margin: 7% auto 0.5%;
        white-space: nowrap;
        letter-spacing: 0.1em;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #index .top_cbtn li a .top_cbtn_txt_name {
            font-size: 18px; } }
      #index .top_cbtn li a .top_cbtn_txt_more {
        margin: 5% 5% 0 auto;
        width: 75%;
        max-width: 120px;
        font-size: 12px;
        display: flex;
        align-items: center; }
        #index .top_cbtn li a .top_cbtn_txt_more img {
          max-width: 50px;
          margin-left: 10px; }
          @media screen and (max-width: 768px) {
            #index .top_cbtn li a .top_cbtn_txt_more img {
              width: 32%; } }
        #index .top_cbtn li a .top_cbtn_txt_more::before {
          content: "";
          flex-grow: 1;
          height: 1px;
          background: rgba(255, 255, 255, 0.5);
          display: block;
          width: 20%;
          transition: 0.3s;
          margin-right: .4em; }
      #index .top_cbtn li a .note {
        position: absolute;
        left: 5px;
        bottom: 5px;
        color: #fff;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
        z-index: 10; }
      #index .top_cbtn li a figure {
        overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
        position: relative;
        z-index: 1; }
        #index .top_cbtn li a figure img {
          position: relative;
          width: 100%;
          z-index: 10;
          transition: 0.5s;
          transform-origin: center center; }
      #index .top_cbtn li a:hover {
        opacity: 0.5; }
        #index .top_cbtn li a:hover::before {
          opacity: 0; }
        #index .top_cbtn li a:hover .top_cbtn_txt::before {
          opacity: 1;
          bottom: 16px;
          left: 44px; }
        #index .top_cbtn li a:hover .top_cbtn_txt {
          /*width: 100%;*/ }
        #index .top_cbtn li a:hover .top_cbtn_txt_more::after {
          transform: translateX(10px); }
        #index .top_cbtn li a:hover figure img {
          transform: scale(1.05); }
#index .top_position {
  background: url("../images/top/position_bg.png") no-repeat #0d0c14 bottom center;
  background-size: 100% auto;
  padding: 2% 0 43%; }
  @media screen and (max-width: 768px) {
    #index .top_position {
      background-size: 120% auto;
      padding: 0 0 50%; } }
  #index .top_position p {
    color: #fff;
    text-align: center; }
    #index .top_position p.f_en {
      font-size: 80px;
      letter-spacing: -0.05em; }
      @media screen and (max-width: 768px) {
        #index .top_position p.f_en {
          font-size: 40px; } }

/* Scss Document */
#location .main {
  width: 100%;
  position: relative; }
  #location .main_bg::before {
    display: none; }
  #location .main .main_txt {
    color: #333333;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1rem;
    text-align: center;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      #location .main .main_txt {
        font-size: 7vw; } }
  #location .main .note {
    color: #fff; }
#location .t1 {
  font-size: 15px;
  margin: 15px 0 10px;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    #location .t1 {
      font-size: 14px;
      letter-spacing: 0; } }
  #location .t1 .no {
    display: inline-block;
    color: #fff;
    background: #920638;
    padding: 3px 4px 2px;
    line-height: 1;
    font-size: 11px;
    margin-right: 5px; }
#location .t1s {
  font-size: 12px;
  margin: 15px 0;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    #location .t1s {
      font-size: 12px;
      letter-spacing: 0; } }
#location .t2 {
  font-size: 13px;
  letter-spacing: 0; }
  @media screen and (max-width: 767px) {
    #location .t2 {
      font-size: 12px;
      letter-spacing: 0.05em; } }
#location .fs14 {
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    #location .fs14 {
      font-size: 3.4vw;
      font-size: clamp(10px, 3.4vw, 14px); } }
#location span.small {
  font-size: 11px; }
#location * {
  box-sizing: border-box; }
#location .d-ib {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1%; }
#location .space_1 {
  letter-spacing: 0; }
#location .space_2 {
  letter-spacing: -0.03em; }
#location .space_3 {
  letter-spacing: -0.08em; }
#location .space_4 {
  letter-spacing: 0.1em; }
#location .l_heading_01 {
  height: 22px;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    #location .l_heading_01 {
      height: 4vw; } }
  #location .l_heading_01 img {
    height: 100%; }
#location .l_heading_01_2 {
  font-size: 5vw;
  font-size: clamp(14px, 5vw, 44px);
  line-height: 1;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    #location .l_heading_01_2 {
      font-size: 9vw;
      font-size: clamp(20px, 9vw, 58px); } }
  #location .l_heading_01_2 img {
    height: 100%; }
#location .l_heading_02 {
  font-size: 1.8vw;
  font-size: clamp(14px, 1.8vw, 24px);
  margin-bottom: 20px;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    #location .l_heading_02 {
      font-size: 4vw;
      font-size: clamp(10px, 4vw, 20px); } }
#location .l_heading_03 {
  font-size: 1.1vw;
  font-size: clamp(10px, 1.1vw, 14px);
  line-height: 2;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    #location .l_heading_03 {
      font-size: 3.4vw;
      font-size: clamp(10px, 3.4vw, 14px); } }
#location .l_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #location .l_list li {
    margin-bottom: 5%; }
    #location .l_list li.w50 {
      width: 50%; }
    #location .l_list li.w41 {
      width: 40.8%; }
    #location .l_list li.w43 {
      width: 43%; }
    #location .l_list li.w26 {
      width: 26%; }
    #location .l_list li.w31 {
      width: 31%; }
    #location .l_list li.w32 {
      width: 32%; }
    #location .l_list li.w23 {
      width: 23%; }
    #location .l_list li.w48 {
      width: 48%; }
    #location .l_list li.w63 {
      width: 63%; }
    #location .l_list li.w36 {
      width: 36%; }
    #location .l_list li.w70 {
      width: 70%; }
    @media screen and (max-width: 767px) {
      #location .l_list li.sp_w48 {
        width: 48%; } }
    @media screen and (max-width: 767px) {
      #location .l_list li.sp_w100 {
        width: 100% !important; } }
    #location .l_list li.m_auto {
      margin: 0 auto 5%; }
#location .secin.mw1400 {
  max-width: 1400px; }
#location .wide_area_map {
  position: relative;
  padding: 8% 0 0 0; }
  @media screen and (max-width: 767px) {
    #location .wide_area_map {
      padding: 26% 0 0 0; } }
  #location .wide_area_map .txt_wrap {
    position: absolute;
    top: 0;
    left: -5%;
    z-index: 100;
    width: 55%;
    padding: 2% 2% 2% 0; }
    @media screen and (max-width: 767px) {
      #location .wide_area_map .txt_wrap {
        width: 95%; } }
    #location .wide_area_map .txt_wrap::after {
      content: "";
      width: 100%;
      height: 100%;
      background: #fff;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
      transform: skewX(-20deg);
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    #location .wide_area_map .txt_wrap p {
      width: 70%;
      margin-left: auto; }
      @media screen and (max-width: 767px) {
        #location .wide_area_map .txt_wrap p {
          width: 92%; } }
    #location .wide_area_map .txt_wrap .txt_01 {
      margin-bottom: 3%;
      font-size: 24px; }
      @media screen and (max-width: 767px) {
        #location .wide_area_map .txt_wrap .txt_01 {
          font-size: 4vw;
          font-size: clamp(10px, 4vw, 24px); } }
    @media screen and (max-width: 767px) {
      #location .wide_area_map .txt_wrap .txt_02 {
        font-size: 3.4vw;
        font-size: clamp(10px, 3.4vw, 15px); } }
  #location .wide_area_map .map_wrap {
    background: #dfdfc6;
    padding: 4% 0 1%; }
    @media screen and (max-width: 767px) {
      #location .wide_area_map .map_wrap {
        padding: 9% 0 3%; } }
    #location .wide_area_map .map_wrap p {
      width: 40%;
      margin: 1% 1% 0 auto; }
      @media screen and (max-width: 767px) {
        #location .wide_area_map .map_wrap p {
          width: 70%; } }
#location .setagaya {
  padding: 5% 0;
  background-image: url(../images/location/setagaya_bg.png);
  background-color: #f5f6f7;
  background-position: left center;
  background-size: auto 110%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #location .setagaya {
      padding: 40% 0 10%;
      background-position: left top;
      background-size: 100% auto; } }
  #location .setagaya_heading {
    font-size: 28px;
    text-align: center;
    margin-bottom: 5%; }
    @media screen and (max-width: 768px) {
      #location .setagaya_heading {
        font-size: 4.6vw;
        font-size: clamp(14px, 4.6vw, 28px); } }
  #location .setagaya ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 850px;
    margin: 0 auto; }
    #location .setagaya ul li {
      width: 31%; }
      @media screen and (max-width: 767px) {
        #location .setagaya ul li {
          width: 80%;
          max-width: 340px;
          margin: 0 auto 10%;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } }
#location .future {
  padding: 5% 0;
  background-image: url(../images/location/future_bg.png);
  background-color: #f5f6f7;
  background-position: left center;
  background-size: auto 110%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #location .future {
      padding: 40% 0 10%;
      background-position: left top;
      background-size: 100% auto; } }
  #location .future_heading {
    font-size: 28px;
    text-align: center;
    margin-bottom: 5%; }
    @media screen and (max-width: 768px) {
      #location .future_heading {
        font-size: 4.6vw;
        font-size: clamp(14px, 4.6vw, 28px); } }
  #location .future .l_list {
    max-width: 850px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #location .future .l_list li:first-child {
        width: 100%;
        margin: 0 auto 8%; } }
    #location .future .l_list li:last-child {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        #location .future .l_list li:last-child {
          width: 100%;
          margin: 0 auto 10%; } }
      #location .future .l_list li:last-child .t2 {
        width: 58%; }
        @media screen and (max-width: 767px) {
          #location .future .l_list li:last-child .t2 {
            width: 100%;
            margin-bottom: 8%;
            order: 2; } }
      #location .future .l_list li:last-child figure {
        width: 38%; }
        @media screen and (max-width: 767px) {
          #location .future .l_list li:last-child figure {
            width: 100%;
            margin-bottom: 3%;
            order: 1; } }
      #location .future .l_list li:last-child .deve {
        width: 100%;
        color: #fff;
        text-align: center;
        padding: 0 3%;
        background-image: url(../images/location/deve_bg.png);
        background-position: left top;
        background-size: 100% 100%;
        background-repeat: no-repeat; }
        @media screen and (max-width: 767px) {
          #location .future .l_list li:last-child .deve {
            order: 3;
            padding-bottom: 5%; } }
        #location .future .l_list li:last-child .deve.mb {
          margin-bottom: 3%; }
        #location .future .l_list li:last-child .deve .t1 {
          border-bottom: solid 1px #fff; }
          #location .future .l_list li:last-child .deve .t1 .small {
            display: inline-block;
            margin-bottom: 3%; }
#location .premium_spot {
  background-image: url(../images/location/premium_spot_bg.png);
  background-position: right top;
  background-size: 80% auto;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #location .premium_spot {
      background-position: right 90% top;
      background-size: 140% auto; } }
  #location .premium_spot .l_heading {
    padding: 10% 0; }
#location .town_wrap .shibuya {
  background: #dfdfc6;
  position: relative;
  height: 86vw;
  max-height: 1240px; }
  @media screen and (max-width: 767px) {
    #location .town_wrap .shibuya {
      height: auto;
      max-height: initial; } }
  #location .town_wrap .shibuya .secin {
    width: 84%; }
  #location .town_wrap .shibuya .l_heading {
    width: 38%;
    margin: 0 auto 0 6%;
    padding: 4% 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      #location .town_wrap .shibuya .l_heading {
        width: 90%;
        margin-left: 10%;
        padding: 8% 0; } }
    #location .town_wrap .shibuya .l_heading::before {
      content: "渋谷";
      position: absolute;
      font-size: 5vw;
      font-size: clamp(20px, 5vw, 58px);
      writing-mode: vertical-rl;
      line-height: 1;
      color: #fff;
      height: 100%;
      letter-spacing: 0.2em;
      top: 12%;
      right: 106%; }
      @media screen and (max-width: 767px) {
        #location .town_wrap .shibuya .l_heading::before {
          right: 109%;
          font-size: 10vw;
          font-size: clamp(20px, 10vw, 58px); } }
  #location .town_wrap .shibuya .img {
    position: absolute; }
    @media screen and (max-width: 767px) {
      #location .town_wrap .shibuya .img {
        position: initial; } }
    #location .town_wrap .shibuya .img.shibuya_img {
      top: 0;
      right: 0; }
#location .town_wrap .town_flex {
  background: linear-gradient(to right, #fff 0%, #fff 50%, #3e3a39 50%, #3e3a39 100%);
  position: relative; }
  @media screen and (max-width: 768px) {
    #location .town_wrap .town_flex {
      background: none; } }
  #location .town_wrap .town_flex::before {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0;
    top: 100%; }
    @media screen and (max-width: 768px) {
      #location .town_wrap .town_flex::before {
        height: 20px; } }
  #location .town_wrap .town_flex .secin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 86%; }
    @media screen and (max-width: 768px) {
      #location .town_wrap .town_flex .secin {
        width: 100%; } }
    #location .town_wrap .town_flex .secin .shimokita {
      width: 50%;
      padding: 5% 8% 5% 0;
      position: relative; }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_flex .secin .shimokita {
          width: 100%;
          padding: 10% 3%; } }
      #location .town_wrap .town_flex .secin .shimokita::after {
        content: "下北沢";
        position: absolute;
        font-size: 5vw;
        font-size: clamp(20px, 5vw, 58px);
        writing-mode: vertical-rl;
        line-height: 1;
        color: #231815;
        letter-spacing: 0.2em;
        height: 100%;
        right: 104%;
        top: 6%; }
        @media screen and (max-width: 768px) {
          #location .town_wrap .town_flex .secin .shimokita::after {
            font-size: 10vw;
            font-size: clamp(20px, 10vw, 58px);
            right: 0;
            top: 1%; } }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_flex .secin .shimokita .l_heading {
          width: 85%; } }
    #location .town_wrap .town_flex .secin .sancha {
      width: 50%;
      position: relative;
      padding: 5% 0 5% 8%; }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_flex .secin .sancha {
          width: 100%;
          background: #3e3a39;
          padding: 10% 3%; } }
      #location .town_wrap .town_flex .secin .sancha::before {
        content: "";
        background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
        width: 5%;
        height: 100%;
        position: absolute;
        right: 100%;
        top: 0; }
        @media screen and (max-width: 768px) {
          #location .town_wrap .town_flex .secin .sancha::before {
            display: none; } }
      #location .town_wrap .town_flex .secin .sancha::after {
        content: "三軒茶屋";
        position: absolute;
        font-size: 5vw;
        font-size: clamp(20px, 5vw, 58px);
        writing-mode: vertical-rl;
        line-height: 1;
        color: #fff;
        letter-spacing: 0.2em;
        height: 100%;
        left: 104%;
        top: 6%; }
        @media screen and (max-width: 768px) {
          #location .town_wrap .town_flex .secin .sancha::after {
            font-size: 10vw;
            font-size: clamp(20px, 10vw, 58px);
            top: 1%;
            left: 0; } }
      #location .town_wrap .town_flex .secin .sancha .l_heading {
        color: #fff; }
        @media screen and (max-width: 768px) {
          #location .town_wrap .town_flex .secin .sancha .l_heading {
            width: 85%;
            margin-left: auto; } }
    #location .town_wrap .town_flex .secin .img {
      margin-top: 7%; }
#location .town_wrap .town_box {
  padding: 7% 0; }
  @media screen and (max-width: 767px) {
    #location .town_wrap .town_box {
      padding: 10% 0; } }
  #location .town_wrap .town_box .secin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    #location .town_wrap .town_box .secin figure {
      width: 65%; }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_box .secin figure {
          width: 100%;
          order: 2; } }
    #location .town_wrap .town_box .secin .l_heading {
      width: 30%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_box .secin .l_heading {
          width: 100%;
          order: 1;
          margin-bottom: 5%; } }
      #location .town_wrap .town_box .secin .l_heading_01 {
        margin: 0 auto 20px; }
      #location .town_wrap .town_box .secin .l_heading_03 {
        text-align: left; }
  #location .town_wrap .town_box.nakame {
    position: relative; }
    #location .town_wrap .town_box.nakame::before {
      content: "";
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
      width: 100%;
      height: 55px;
      position: absolute;
      left: 0;
      top: 100%; }
      @media screen and (max-width: 768px) {
        #location .town_wrap .town_box.nakame::before {
          height: 20px; } }
#location .town_wrap .ikejiri {
  background-image: url(../images/location/ikejiri_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6% 0 3%; }
  #location .town_wrap .ikejiri .secin {
    width: 84%; }
  @media screen and (max-width: 767px) {
    #location .town_wrap .ikejiri {
      padding: 10% 0 5%; } }
  @media screen and (max-width: 768px) {
    #location .town_wrap .ikejiri .l_heading {
      text-align: center; } }
  #location .town_wrap .ikejiri .l_heading .l_heading_01.h_big {
    height: 40px; }
    @media screen and (max-width: 768px) {
      #location .town_wrap .ikejiri .l_heading .l_heading_01.h_big {
        height: 4vw; } }
  #location .town_wrap .ikejiri .l_list.mw1200 {
    max-width: 1200px;
    margin: auto; }
  #location .town_wrap .ikejiri .l_list li.w36 figure {
    margin-bottom: 3%; }
  #location .town_wrap .ikejiri .l_list li.w36 .txt {
    background: rgba(109, 105, 37, 0.5);
    padding: 2.4vw 2.2vw; }
    #location .town_wrap .ikejiri .l_list li.w36 .txt p {
      width: 100%; }
      @media screen and (max-width: 767px) {
        #location .town_wrap .ikejiri .l_list li.w36 .txt p {
          max-width: initial; } }
    #location .town_wrap .ikejiri .l_list li.w36 .txt .t1 {
      margin-top: 0;
      text-align: center; }
  #location .town_wrap .ikejiri .l_list li.w36 .l_heading {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 26%; }
    @media screen and (max-width: 768px) {
      #location .town_wrap .ikejiri .l_list li.w36 .l_heading {
        top: 18%; } }
  @media screen and (max-width: 768px) {
    #location .town_wrap .ikejiri .l_list li.w36.sp_o1 {
      order: 1;
      height: 26vw;
      max-height: 130px; } }
  #location .town_wrap .ikejiri .l_list li.w31 {
    position: relative; }
    #location .town_wrap .ikejiri .l_list li.w31 .t1 {
      text-align: center; }
    @media screen and (max-width: 768px) {
      #location .town_wrap .ikejiri .l_list li.w31.sp_o2 {
        order: 2; } }
    @media screen and (max-width: 768px) {
      #location .town_wrap .ikejiri .l_list li.w31.sp_o3 {
        order: 3; } }
#location .town_wrap .mishuku {
  padding: 0 0 3%;
  background-image: url(../images/location/mishuku_bg.png);
  background-position: left top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative; }
  @media screen and (max-width: 767px) {
    #location .town_wrap .mishuku {
      padding: 10% 0; } }
  #location .town_wrap .mishuku .text_mishuku {
    width: 35%;
    max-width: 510px;
    position: absolute;
    bottom: 92%;
    transform: translateY(50%); }
    @media screen and (max-width: 767px) {
      #location .town_wrap .mishuku .text_mishuku {
        position: initial;
        transform: initial;
        margin: auto;
        height: 4vw; }
        #location .town_wrap .mishuku .text_mishuku img {
          height: 100%; } }
  #location .town_wrap .mishuku .secin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    #location .town_wrap .mishuku .secin.pt {
      padding-top: 6%; }
    #location .town_wrap .mishuku .secin .l_heading {
      width: 25%; }
      @media screen and (max-width: 767px) {
        #location .town_wrap .mishuku .secin .l_heading {
          width: 100%;
          text-align: center; } }
    #location .town_wrap .mishuku .secin .l_list {
      width: 73%; }
      @media screen and (max-width: 767px) {
        #location .town_wrap .mishuku .secin .l_list {
          width: 100%; } }
      #location .town_wrap .mishuku .secin .l_list .t1 {
        text-align: center; }
      @media screen and (max-width: 767px) {
        #location .town_wrap .mishuku .secin .l_list li:last-child {
          margin: auto; } }
#location .lifeinfo_map {
  position: relative; }
  #location .lifeinfo_map::before {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0;
    top: 100%; }
    @media screen and (max-width: 768px) {
      #location .lifeinfo_map::before {
        height: 20px; } }
#location .lifeinfo .t1 {
  text-align: center; }
#location .lifeinfo .daily_01 {
  padding: 6% 0 3%; }
  #location .lifeinfo .daily_01 .l_heading p {
    display: inline-block; }
  #location .lifeinfo .daily_01 .l_heading_01 {
    margin-right: 5%; }
#location .lifeinfo .daily_02 {
  padding: 6% 0 3%;
  background-image: url(../images/location/daily_bg.png);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #location .lifeinfo .daily_02 {
      background-position: left 10% center; } }
  #location .lifeinfo .daily_02 .l_list {
    width: 70%;
    margin-left: auto; }
    @media screen and (max-width: 767px) {
      #location .lifeinfo .daily_02 .l_list {
        width: 100%;
        text-shadow: 0 0 10px #fff; } }
#location .lifeinfo .lifeinfo_list_wrap {
  position: relative;
  padding: 5% 0; }
  #location .lifeinfo .lifeinfo_list_wrap::after {
    content: "";
    background: url(../images/location/info_img.jpg) left top/100% auto no-repeat;
    width: 26%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 80%; }
    @media screen and (max-width: 767px) {
      #location .lifeinfo .lifeinfo_list_wrap::after {
        display: none; } }
#location .lifeinfo_ttl {
  width: 90%;
  max-width: 380px;
  margin: 0 0 5%; }
  @media screen and (max-width: 767px) {
    #location .lifeinfo_ttl {
      margin: 10% auto 10%; } }
#location .lifeinfo_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75%; }
  @media screen and (max-width: 767px) {
    #location .lifeinfo_list {
      width: 100%; } }
  #location .lifeinfo_list li {
    width: 48%;
    margin-bottom: 5%; }
    @media screen and (max-width: 767px) {
      #location .lifeinfo_list li {
        width: 100%;
        margin-bottom: 8%; } }
    #location .lifeinfo_list li:last-child {
      width: 100%;
      text-align: right; }
      @media screen and (max-width: 767px) {
        #location .lifeinfo_list li:last-child {
          text-align: left; } }

/* Scss Document */
#access .main {
  width: 100%;
  position: relative; }
  #access .main .main_txt {
    color: #c0c08c;
    font-size: 36px;
    letter-spacing: 1rem;
    text-align: center;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      #access .main .main_txt {
        font-size: 7vw; } }
  #access .main .note {
    color: #fff; }
#access .shadow {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
#access .smart_wrap {
  background-color: #3e3a39;
  padding-bottom: 42px; }
  #access .smart_wrap .smart_txt_wrap {
    padding: 50px 0;
    background-image: url(../images/access/bg_dots.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top; }
    @media screen and (max-width: 768px) {
      #access .smart_wrap .smart_txt_wrap {
        padding: 9vw 0; } }
    #access .smart_wrap .smart_txt_wrap .ttl {
      width: 36%; }
      @media screen and (max-width: 768px) {
        #access .smart_wrap .smart_txt_wrap .ttl {
          width: 83%; } }
    #access .smart_wrap .smart_txt_wrap .lead {
      font-size: 24px;
      color: #fff;
      margin: 15px 0 40px;
      line-height: 1.4; }
      @media screen and (max-width: 768px) {
        #access .smart_wrap .smart_txt_wrap .lead {
          font-size: 5vw;
          margin-bottom: 5vw; } }
    #access .smart_wrap .smart_txt_wrap .txt {
      font-size: 16px;
      color: #fff;
      line-height: 2; }
      @media screen and (max-width: 768px) {
        #access .smart_wrap .smart_txt_wrap .txt {
          font-size: 3.8vw; } }
#access .route_wrap {
  position: relative;
  padding: 40px 0 50px;
  background-image: url(../images/access/route_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top; }
  @media screen and (max-width: 768px) {
    #access .route_wrap {
      padding: 6vw 0; } }
  #access .route_wrap .shadow {
    height: 40px; }
    @media screen and (max-width: 768px) {
      #access .route_wrap .shadow {
        height: 6vw; } }
  #access .route_wrap .ttl {
    width: 31%; }
    @media screen and (max-width: 768px) {
      #access .route_wrap .ttl {
        width: 62%;
        margin-bottom: 3vw; } }
#access .train_wrap {
  position: relative;
  padding: 60px 0 30px; }
  @media screen and (max-width: 768px) {
    #access .train_wrap {
      padding: 10vw 0 30px; } }
  #access .train_wrap .shadow {
    height: 40px; }
    @media screen and (max-width: 768px) {
      #access .train_wrap .shadow {
        height: 6vw; } }
  #access .train_wrap .ttl {
    width: 39%; }
    @media screen and (max-width: 768px) {
      #access .train_wrap .ttl {
        width: 78%; } }
  #access .train_wrap .lead {
    font-size: 14px;
    padding: 15px 0 10px;
    margin-bottom: 25px;
    position: relative; }
    @media screen and (max-width: 768px) {
      #access .train_wrap .lead {
        margin-bottom: 3vw; } }
    #access .train_wrap .lead::after {
      content: "";
      width: 106%;
      height: 1px;
      background-color: #231815;
      position: absolute;
      left: -3%;
      bottom: 0; }
      @media screen and (max-width: 768px) {
        #access .train_wrap .lead::after {
          width: 100%;
          left: 0; } }
    #access .train_wrap .lead span {
      font-size: 20px; }
      @media screen and (max-width: 768px) {
        #access .train_wrap .lead span {
          font-size: 5vw; } }
  #access .train_wrap .train_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    #access .train_wrap .train_box figure {
      width: 30%;
      margin-right: 5%;
      margin-bottom: 3%; }
      #access .train_wrap .train_box figure:nth-of-type(3n) {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        #access .train_wrap .train_box figure {
          width: 48%;
          margin-right: 4%; }
          #access .train_wrap .train_box figure:nth-of-type(3n) {
            margin-right: 4%; }
          #access .train_wrap .train_box figure:nth-of-type(2n) {
            margin-right: 0; } }
  #access .train_wrap .train_img {
    margin-bottom: 15px; }
#access .simulation_wrap {
  position: relative;
  background-color: #3e3a39;
  padding: 0 0 60px; }
  @media screen and (max-width: 768px) {
    #access .simulation_wrap {
      padding: 0 0 9vw; } }
  #access .simulation_wrap .ttl {
    width: 32%;
    margin: 40px 0 30px; }
    @media screen and (max-width: 768px) {
      #access .simulation_wrap .ttl {
        width: 64%;
        margin: 7vw 0 3vw; } }
  #access .simulation_wrap .simulation_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #access .simulation_wrap .simulation_box figure {
      width: 48%; }
      @media screen and (max-width: 768px) {
        #access .simulation_wrap .simulation_box figure {
          width: 100%;
          margin: 4vw 0; } }
  #access .simulation_wrap .shadow {
    height: 40px;
    top: auto;
    bottom: 0;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }
#access .taxi_wrap {
  position: relative;
  background-image: url(../images/access/taxi_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  padding: 45px 0 30px; }
  @media screen and (max-width: 768px) {
    #access .taxi_wrap {
      background-size: cover;
      background-position: left top; } }
  #access .taxi_wrap .caption {
    font-size: 10px;
    letter-spacing: 0;
    position: absolute;
    bottom: 5px;
    right: 5px; }
  #access .taxi_wrap .ttl {
    width: 51%; }
    @media screen and (max-width: 768px) {
      #access .taxi_wrap .ttl {
        width: 98%; } }
  #access .taxi_wrap .lead {
    font-size: 16px;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      #access .taxi_wrap .lead {
        font-size: 4vw; } }
  #access .taxi_wrap .taxi_box {
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    #access .taxi_wrap .taxi_box figure {
      width: 20%;
      margin-right: 2%; }
      @media screen and (max-width: 768px) {
        #access .taxi_wrap .taxi_box figure {
          width: 48%;
          margin-right: 4%;
          margin-bottom: 2%; }
          #access .taxi_wrap .taxi_box figure:nth-of-type(2n) {
            margin-right: 0; } }

/* Scss Document */
#design .main {
  width: 100%;
  position: relative;
  background-image: url(../images/design/main_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom; }
  #design .main .main_img {
    position: relative;
    left: 0;
    width: 70%; }
    #design .main .main_img .note {
      right: auto;
      left: 5px; }
  #design .main .main_txt {
    font-size: 58px;
    letter-spacing: 1rem;
    text-align: center;
    height: auto;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      #design .main .main_txt {
        font-size: 7vw; } }
#design .shadow {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px; }
#design .sentence_wrap {
  position: relative;
  padding: 70px 0; }
  @media screen and (max-width: 768px) {
    #design .sentence_wrap {
      padding: 12vw 0; } }
  #design .sentence_wrap .ttl {
    width: 40%; }
    @media screen and (max-width: 768px) {
      #design .sentence_wrap .ttl {
        width: 60%; } }
  #design .sentence_wrap .lead {
    font-size: 18px;
    margin: 24px 0; }
    @media screen and (max-width: 768px) {
      #design .sentence_wrap .lead {
        font-size: 5vw;
        margin: 4vw 0; } }
  #design .sentence_wrap .txt {
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      #design .sentence_wrap .txt {
        font-size: 3.8vw; } }
#design .material_wrap {
  position: relative;
  background-color: #3e3a39;
  padding: 60px 0 0; }
  #design .material_wrap .material_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end; }
    @media screen and (max-width: 768px) {
      #design .material_wrap .material_box {
        flex-direction: row-reverse; } }
    #design .material_wrap .material_box figure {
      width: 65%; }
      @media screen and (max-width: 768px) {
        #design .material_wrap .material_box figure {
          width: 100%; } }
      #design .material_wrap .material_box figure .note {
        right: auto;
        left: 5px; }
    #design .material_wrap .material_box .txt_box {
      width: 32%;
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        #design .material_wrap .material_box .txt_box {
          width: 94%;
          margin: 4vw auto 12vw; } }
      #design .material_wrap .material_box .txt_box .ttl {
        width: 30%; }
      #design .material_wrap .material_box .txt_box .lead {
        color: #fff;
        font-size: 20px;
        margin: 10px 0 24px; }
        @media screen and (max-width: 768px) {
          #design .material_wrap .material_box .txt_box .lead {
            font-size: 4.6vw; } }
      #design .material_wrap .material_box .txt_box .txt {
        color: #fff;
        font-size: 14px; }
        @media screen and (max-width: 768px) {
          #design .material_wrap .material_box .txt_box .txt {
            font-size: 4vw; } }
    #design .material_wrap .material_box .img_material {
      position: absolute;
      top: 3%;
      right: 10%;
      width: 35%;
      max-width: 530px; }
      @media screen and (max-width: 768px) {
        #design .material_wrap .material_box .img_material {
          top: -10vw;
          right: 1%;
          width: 32%; } }

/* Scss Document */
/*plan
*******************************************/
#plan #wrapper .main .main_txt {
  font-size: 36px;
  letter-spacing: 1rem;
  text-align: center;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    #plan #wrapper .main .main_txt {
      font-size: 7vw; } }
#plan #wrapper .intro_type_wrap .intro_type_box {
  width: 70%;
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 768px) {
    #plan #wrapper .intro_type_wrap .intro_type_box {
      width: 100%;
      padding: 14vw 0; } }
  #plan #wrapper .intro_type_wrap .intro_type_box .left {
    width: 20%; }
    #plan #wrapper .intro_type_wrap .intro_type_box .left p {
      font-size: 86px;
      color: #a8a795;
      font-family: 'Raleway', sans-serif;
      line-height: 0.6;
      font-style: italic;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #plan #wrapper .intro_type_wrap .intro_type_box .left p {
          font-size: 12vw; } }
      #plan #wrapper .intro_type_wrap .intro_type_box .left p span {
        font-size: 43px;
        color: #a8a795; }
        @media screen and (max-width: 768px) {
          #plan #wrapper .intro_type_wrap .intro_type_box .left p span {
            font-size: 6vw; } }
  #plan #wrapper .intro_type_wrap .intro_type_box .right {
    width: 75%;
    border-left: 1px solid #4d4d4d;
    padding-left: 8%; }
    #plan #wrapper .intro_type_wrap .intro_type_box .right .lead {
      font-size: 32px;
      margin-bottom: 34px; }
      @media screen and (max-width: 768px) {
        #plan #wrapper .intro_type_wrap .intro_type_box .right .lead {
          font-size: 5.1vw;
          margin-bottom: 5vw; } }
    #plan #wrapper .intro_type_wrap .intro_type_box .right .txt {
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        #plan #wrapper .intro_type_wrap .intro_type_box .right .txt {
          font-size: 4vw; } }
#plan #wrapper .btn_wrap {
  background-color: #e0dfc7;
  padding: 120px 0; }
  @media screen and (max-width: 768px) {
    #plan #wrapper .btn_wrap {
      padding: 16vw 0; } }
  #plan #wrapper .btn_wrap .btn_box {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #plan #wrapper .btn_wrap .btn_box {
        width: 100%; } }
    #plan #wrapper .btn_wrap .btn_box li {
      width: 24%;
      background-color: #fff;
      text-align: center;
      margin-bottom: 1%; }
      @media screen and (max-width: 768px) {
        #plan #wrapper .btn_wrap .btn_box li {
          width: 49%;
          margin-bottom: 4%; } }
      #plan #wrapper .btn_wrap .btn_box li a {
        color: #231815;
        padding: 20px 30px;
        display: block;
        transition: 0.3s; }
        @media screen and (max-width: 768px) {
          #plan #wrapper .btn_wrap .btn_box li a {
            padding: 8vw 3vw; } }
        #plan #wrapper .btn_wrap .btn_box li a:hover {
          opacity: 0.5; }
      #plan #wrapper .btn_wrap .btn_box li .type {
        font-size: 50px;
        font-style: italic;
        color: #a8a795;
        font-family: 'Raleway', sans-serif;
        line-height: 0.6;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          #plan #wrapper .btn_wrap .btn_box li .type {
            font-size: 12vw; } }
        #plan #wrapper .btn_wrap .btn_box li .type span {
          font-size: 25px;
          font-style: italic;
          color: #a8a795; }
          @media screen and (max-width: 768px) {
            #plan #wrapper .btn_wrap .btn_box li .type span {
              font-size: 6vw; } }
      #plan #wrapper .btn_wrap .btn_box li .spec {
        font-size: 36px;
        color: #a8a795;
        border-top: 1px solid #a8a795;
        border-bottom: 1px solid #a8a795;
        padding: 3px 0;
        margin: 25px 0 20px; }
        @media screen and (max-width: 768px) {
          #plan #wrapper .btn_wrap .btn_box li .spec {
            margin: 4vw 0 3vw; } }
      #plan #wrapper .btn_wrap .btn_box li .space_ttl {
        font-size: 11px;
        border: 1px solid #a8a795;
        padding: 4px 16px;
        display: inline-block; }
      #plan #wrapper .btn_wrap .btn_box li .floor_space {
        font-size: 30px;
        letter-spacing: 0; }
        @media screen and (max-width: 768px) {
          #plan #wrapper .btn_wrap .btn_box li .floor_space {
            line-height: 0.7;
            margin: 3vw 0; } }
        #plan #wrapper .btn_wrap .btn_box li .floor_space span {
          font-size: 16px; }
      #plan #wrapper .btn_wrap .btn_box li .bal_space {
        font-size: 10px;
        letter-spacing: 0; }
      #plan #wrapper .btn_wrap .btn_box li .more {
        font-size: 14px;
        color: #fff;
        background-color: #a8a795;
        padding: 10px 0;
        margin-top: 10px; }

/* type
*******************************************/
#type .main .main_txt {
  font-size: 36px;
  letter-spacing: 1rem;
  text-align: center;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    #type .main .main_txt {
      font-size: 7vw; } }
#type .type_wrap {
  background-color: #e0dfc7;
  padding: 100px 0; }
  #type .type_wrap .type_box {
    background-color: #fff;
    width: 98%;
    max-width: 1100px;
    margin: 0 auto 85px;
    padding: 50px 60px; }
    @media screen and (max-width: 768px) {
      #type .type_wrap .type_box {
        padding: 12vw 4vw;
        margin: 0 auto 8vw; } }
    #type .type_wrap .type_box .spec_wrap {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #type .type_wrap .type_box .spec_wrap .spec_info {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #type .type_wrap .type_box .spec_wrap .spec_info {
            width: 100%; } }
        #type .type_wrap .type_box .spec_wrap .spec_info .name {
          width: 35%;
          font-size: 48px;
          background-color: #c0c08c;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #type .type_wrap .type_box .spec_wrap .spec_info .name {
              font-size: 8vw; } }
          #type .type_wrap .type_box .spec_wrap .spec_info .name span {
            font-size: 24px; }
            @media screen and (max-width: 768px) {
              #type .type_wrap .type_box .spec_wrap .spec_info .name span {
                font-size: 3vw; } }
        #type .type_wrap .type_box .spec_wrap .spec_info .spec_box {
          width: 65%;
          background-color: #f5f7f7; }
          #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .spec {
            font-size: 48px;
            display: inline-block;
            margin-left: 3rem; }
            @media screen and (max-width: 768px) {
              #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .spec {
                font-size: 8vw;
                margin-left: 1rem; } }
            #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .spec span {
              font-size: 24px; }
              @media screen and (max-width: 768px) {
                #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .spec span {
                  font-size: 5vw; } }
          #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .room {
            font-size: 14px;
            display: inline-block;
            border-left: 1px solid #808080;
            margin-left: 1rem;
            padding-left: 2rem; }
            @media screen and (max-width: 768px) {
              #type .type_wrap .type_box .spec_wrap .spec_info .spec_box .room {
                font-size: 2vw;
                padding-left: 1rem; } }
      #type .type_wrap .type_box .spec_wrap .floor_info,
      #type .type_wrap .type_box .spec_wrap .balcony_floor {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #type .type_wrap .type_box .spec_wrap .floor_info,
          #type .type_wrap .type_box .spec_wrap .balcony_floor {
            width: 100%;
            margin-top: 4vw; } }
        #type .type_wrap .type_box .spec_wrap .floor_info p,
        #type .type_wrap .type_box .spec_wrap .balcony_floor p {
          font-size: 12px;
          letter-spacing: 0;
          line-height: 1.2;
          text-align: right; }
          @media screen and (max-width: 768px) {
            #type .type_wrap .type_box .spec_wrap .floor_info p,
            #type .type_wrap .type_box .spec_wrap .balcony_floor p {
              width: 100%; } }
          #type .type_wrap .type_box .spec_wrap .floor_info p b,
          #type .type_wrap .type_box .spec_wrap .balcony_floor p b {
            font-size: 26px;
            font-weight: normal; }
          #type .type_wrap .type_box .spec_wrap .floor_info p span,
          #type .type_wrap .type_box .spec_wrap .balcony_floor p span {
            font-size: 15px;
            letter-spacing: 0.2rem; }
            #type .type_wrap .type_box .spec_wrap .floor_info p span.note,
            #type .type_wrap .type_box .spec_wrap .balcony_floor p span.note {
              font-size: 10px; }
      #type .type_wrap .type_box .spec_wrap .balcony_floor {
        width: 27%; }
        @media screen and (max-width: 768px) {
          #type .type_wrap .type_box .spec_wrap .balcony_floor {
            width: 100%; } }
    #type .type_wrap .type_box .type_img_box {
      width: 100%;
      margin: 85px auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        #type .type_wrap .type_box .type_img_box {
          width: 100%;
          margin: 8vw auto 0; } }

.btn_print {
  background: #92806f;
  background: linear-gradient(90deg, #92806f 0%, #e0dfc7 50%, #92806f 100%);
  width: 80%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
  color: #000;
  text-align: center;
  padding: 30px 0;
  font-size: 16px;
  font-weight: 800;
  transition: 0.5s;
  position: relative; }
  @media screen and (max-width: 768px) {
    .btn_print {
      padding: 4vw 0; } }

@media print {
  #type .type_wrap {
    padding: 0 0; }

  #type .type_img_box {
    width: 60%; }

  #type .type_wrap .type_box .spec_wrap {
    justify-content: flex-start; }
    #type .type_wrap .type_box .spec_wrap .spec_info {
      width: 100%; }
      #type .type_wrap .type_box .spec_wrap .spec_info .name {
        width: 10%; }
      #type .type_wrap .type_box .spec_wrap .spec_info .spec_box {
        width: 90%; }
    #type .type_wrap .type_box .spec_wrap .floor_info,
    #type .type_wrap .type_box .spec_wrap .balcony_floor {
      width: 43%;
      text-align: left; }
      #type .type_wrap .type_box .spec_wrap .floor_info p,
      #type .type_wrap .type_box .spec_wrap .balcony_floor p {
        text-align: left;
        width: 100%; }
    #type .type_wrap .type_box .spec_wrap .balcony_floor {
      width: 40%; } }
/* Scss Document */
#equipment .font_ls0 {
  letter-spacing: 0.05em; }
#equipment .secin {
  max-width: 1000px; }
#equipment .c000 {
  color: #000; }
#equipment .main .main_txt {
  font-size: 36px;
  letter-spacing: 1rem;
  text-align: center;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    #equipment .main .main_txt {
      font-size: 7vw; } }
#equipment .type_ttl_wrap {
  padding-top: 100px; }
  #equipment .type_ttl_wrap .ttl {
    font-size: 40px;
    color: #c0c08c;
    text-align: center;
    font-family: 'Raleway', sans-serif; }
    #equipment .type_ttl_wrap .ttl span {
      font-size: 24px;
      color: #c0c08c; }
      #equipment .type_ttl_wrap .ttl span.num {
        font-size: 50px; }
  #equipment .type_ttl_wrap .lead {
    font-size: 23px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #equipment .type_ttl_wrap .lead {
        font-size: 5vw; } }
#equipment .equip_list_wrap .ttl_box {
  width: 100%;
  margin: 90px auto 30px;
  border-bottom: 1px solid #231815; }
  #equipment .equip_list_wrap .ttl_box p {
    font-size: 25px;
    font-style: italic;
    font-family: 'Raleway', sans-serif;
    color: #c0c08c;
    line-height: 0.8; }
#equipment .equip_list_wrap .equip_list_box {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #equipment .equip_list_wrap .equip_list_box .left {
    width: 31%; }
    @media screen and (max-width: 768px) {
      #equipment .equip_list_wrap .equip_list_box .left {
        width: 100%;
        margin-bottom: 6%; } }
  #equipment .equip_list_wrap .equip_list_box .right {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #equipment .equip_list_wrap .equip_list_box .right {
        width: 100%; } }
    #equipment .equip_list_wrap .equip_list_box .right li {
      margin-bottom: 6%; }
    #equipment .equip_list_wrap .equip_list_box .right .w47 {
      width: 47%; }
  #equipment .equip_list_wrap .equip_list_box .name {
    font-size: 20px;
    color: #92806f;
    text-align: center;
    margin: 23px 0 20px;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      #equipment .equip_list_wrap .equip_list_box .name {
        font-size: 4vw;
        margin: 2vw 0; } }
  #equipment .equip_list_wrap .equip_list_box .txt {
    font-size: 15px;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      #equipment .equip_list_wrap .equip_list_box .txt {
        font-size: 3.5vw; } }
  #equipment .equip_list_wrap .equip_list_box .note {
    position: absolute;
    right: 0;
    bottom: -20px; }
#equipment .onek_wrap {
  padding: 0 0 120px; }
#equipment .ldk_wrap {
  background-color: #f2f1eb;
  padding: 0 0 120px; }
#equipment .security_wrap .secu_main_wrap {
  width: 100%;
  position: relative; }
  #equipment .security_wrap .secu_main_wrap .txt_box {
    position: absolute;
    bottom: 50px;
    left: 10%; }
    @media screen and (max-width: 768px) {
      #equipment .security_wrap .secu_main_wrap .txt_box {
        bottom: 5%;
        left: 5%; } }
    #equipment .security_wrap .secu_main_wrap .txt_box .ttl {
      font-size: 37px;
      color: #fff;
      margin-bottom: 35px; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .secu_main_wrap .txt_box .ttl {
          font-size: 4.5vw;
          margin-bottom: 3vw; } }
    #equipment .security_wrap .secu_main_wrap .txt_box .lead {
      font-size: 19px;
      color: #fff; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .secu_main_wrap .txt_box .lead {
          font-size: 3.5vw; } }
#equipment .security_wrap .secu_ttl {
  width: 60%;
  margin: 80px 0; }
  @media screen and (max-width: 768px) {
    #equipment .security_wrap .secu_ttl {
      width: 90%;
      margin: 10vw 0; } }
#equipment .security_wrap .autolock_box {
  position: relative; }
  #equipment .security_wrap .autolock_box .txt_box {
    position: absolute;
    width: 30%; }
    @media screen and (max-width: 768px) {
      #equipment .security_wrap .autolock_box .txt_box {
        position: relative;
        width: 100%; } }
    #equipment .security_wrap .autolock_box .txt_box p:nth-of-type(1) {
      font-size: 20px;
      border-bottom: 1px solid #000;
      padding-bottom: 20px;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .autolock_box .txt_box p:nth-of-type(1) {
          font-size: 4vw;
          padding-bottom: 2vw;
          margin-bottom: 2vw; } }
    #equipment .security_wrap .autolock_box .txt_box p:nth-of-type(2) {
      font-size: 15px; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .autolock_box .txt_box p:nth-of-type(2) {
          font-size: 3.5vw; } }
  #equipment .security_wrap .autolock_box .autolock_img {
    width: 85%;
    margin-left: 15%; }
    @media screen and (max-width: 768px) {
      #equipment .security_wrap .autolock_box .autolock_img {
        width: 100%;
        margin-left: 0; } }
    #equipment .security_wrap .autolock_box .autolock_img figcaption {
      position: absolute;
      left: -15%;
      bottom: 30px;
      font-size: 10px;
      letter-spacing: 0; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .autolock_box .autolock_img figcaption {
          left: 5px;
          bottom: -20px; } }
#equipment .security_wrap .camera_box {
  width: 100%;
  margin: 80px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  #equipment .security_wrap .camera_box .left {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #equipment .security_wrap .camera_box .left {
        width: 100%; } }
    #equipment .security_wrap .camera_box .left p:nth-of-type(1) {
      font-size: 20px;
      border-bottom: 1px solid #000;
      padding-bottom: 20px;
      margin-bottom: 20px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .camera_box .left p:nth-of-type(1) {
          font-size: 4vw;
          padding-bottom: 2vw;
          margin-bottom: 2vw; } }
    #equipment .security_wrap .camera_box .left p:nth-of-type(2) {
      font-size: 15px;
      width: 42%; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .camera_box .left p:nth-of-type(2) {
          font-size: 3.5vw; } }
    #equipment .security_wrap .camera_box .left figure {
      width: 55%; }
  #equipment .security_wrap .camera_box .right {
    width: 58%; }
    @media screen and (max-width: 768px) {
      #equipment .security_wrap .camera_box .right {
        width: 100%;
        margin-top: 4vw; } }
    #equipment .security_wrap .camera_box .right .note {
      color: #000; }
#equipment .security_wrap .secu_list_wrap {
  background-image: url(../images/equipment/bg02.png);
  background-repeat: repeat;
  background-position: left top;
  padding: 110px 0; }
  #equipment .security_wrap .secu_list_wrap .alsok_box {
    width: 100%;
    margin: 0 auto 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #equipment .security_wrap .secu_list_wrap .alsok_box .left {
      width: 32%; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .secu_list_wrap .alsok_box .left {
          width: 100%; } }
      #equipment .security_wrap .secu_list_wrap .alsok_box .left .p1 {
        font-size: 14px;
        text-align: center;
        margin-bottom: 15px; }
      #equipment .security_wrap .secu_list_wrap .alsok_box .left .p2 {
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        margin-bottom: 10px;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .alsok_box .left .p2 {
            font-size: 4vw; } }
      #equipment .security_wrap .secu_list_wrap .alsok_box .left .p3 {
        font-size: 15px;
        line-height: 1.4; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .alsok_box .left .p3 {
            font-size: 3.5vw; } }
      #equipment .security_wrap .secu_list_wrap .alsok_box .left figure {
        width: 50%;
        margin: 20px auto 0; }
    #equipment .security_wrap .secu_list_wrap .alsok_box .right {
      width: 66%; }
      @media screen and (max-width: 768px) {
        #equipment .security_wrap .secu_list_wrap .alsok_box .right {
          width: 100%;
          margin-top: 6vw; } }
  #equipment .security_wrap .secu_list_wrap .secu_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    #equipment .security_wrap .secu_list_wrap .secu_list_box li {
      margin-bottom: 60px; }
      #equipment .security_wrap .secu_list_wrap .secu_list_box li.w24 {
        width: 24%; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .secu_list_box li.w24 {
            width: 48%; } }
      #equipment .security_wrap .secu_list_wrap .secu_list_box li.w32 {
        width: 32%; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .secu_list_box li.w32 {
            width: 48%; } }
      #equipment .security_wrap .secu_list_wrap .secu_list_box li.wrock_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .secu_list_box li.wrock_box {
            width: 100%; } }
        #equipment .security_wrap .secu_list_wrap .secu_list_box li.wrock_box figure {
          width: 48%; }
        #equipment .security_wrap .secu_list_wrap .secu_list_box li.wrock_box .txt_box {
          width: 48%; }
          #equipment .security_wrap .secu_list_wrap .secu_list_box li.wrock_box .txt_box .name {
            text-align: left; }
      #equipment .security_wrap .secu_list_wrap .secu_list_box li .name {
        font-size: 17px;
        color: #92806f;
        text-align: center;
        margin: 16px 0 16px;
        letter-spacing: 0;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .secu_list_box li .name {
            font-size: 4vw;
            margin: 2vw 0; } }
      #equipment .security_wrap .secu_list_wrap .secu_list_box li .txt {
        font-size: 15px;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          #equipment .security_wrap .secu_list_wrap .secu_list_box li .txt {
            font-size: 3.5vw; } }
#equipment .fasility_wrap {
  background-color: #dddcc4;
  padding: 60px 0; }
  #equipment .fasility_wrap .ttl_box {
    width: 100%;
    margin: 90px auto 30px;
    border-bottom: 1px solid #87966d; }
    #equipment .fasility_wrap .ttl_box p {
      font-size: 25px;
      font-style: italic;
      font-family: 'Raleway', sans-serif;
      color: #87966d;
      line-height: 0.8; }
  #equipment .fasility_wrap .facility_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #equipment .fasility_wrap .facility_list_box li {
      margin-bottom: 60px; }
      #equipment .fasility_wrap .facility_list_box li.w24 {
        width: 24%; }
        @media screen and (max-width: 768px) {
          #equipment .fasility_wrap .facility_list_box li.w24 {
            width: 48%; } }
      #equipment .fasility_wrap .facility_list_box li .name {
        font-size: 17px;
        color: #92806f;
        text-align: center;
        margin: 16px 0 16px;
        letter-spacing: 0; }
        @media screen and (max-width: 768px) {
          #equipment .fasility_wrap .facility_list_box li .name {
            font-size: 4vw;
            margin: 2vw 0; } }
      #equipment .fasility_wrap .facility_list_box li .txt {
        font-size: 15px;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          #equipment .fasility_wrap .facility_list_box li .txt {
            font-size: 3.5vw; } }
  #equipment .fasility_wrap .note {
    text-align: right; }
#equipment .struct_wrap {
  background-image: url(../images/equipment/bg01.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  padding: 0 0 160px; }
  #equipment .struct_wrap .struct_main_wrap {
    width: 100%;
    position: relative; }
    #equipment .struct_wrap .struct_main_wrap .txt_box {
      position: absolute;
      bottom: 50px;
      left: 10%; }
      @media screen and (max-width: 768px) {
        #equipment .struct_wrap .struct_main_wrap .txt_box {
          bottom: 5%;
          left: 5%; } }
      #equipment .struct_wrap .struct_main_wrap .txt_box .ttl {
        font-size: 66px;
        color: #fff;
        font-family: 'Raleway', sans-serif;
        font-style: italic;
        line-height: 1;
        letter-spacing: 1rem; }
        @media screen and (max-width: 768px) {
          #equipment .struct_wrap .struct_main_wrap .txt_box .ttl {
            font-size: 9vw; } }
      #equipment .struct_wrap .struct_main_wrap .txt_box .lead {
        font-size: 25px;
        color: #fff;
        letter-spacing: 1rem; }
        @media screen and (max-width: 768px) {
          #equipment .struct_wrap .struct_main_wrap .txt_box .lead {
            font-size: 4vw; } }
  #equipment .struct_wrap .struct_box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 90px 50px; }
    @media screen and (max-width: 768px) {
      #equipment .struct_wrap .struct_box {
        padding: 12vw 4vw; } }
    #equipment .struct_wrap .struct_box .lead {
      font-size: 27px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #equipment .struct_wrap .struct_box .lead {
          font-size: 4.5vw; } }
    #equipment .struct_wrap .struct_box .survey_list {
      width: 100%;
      margin: 60px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #equipment .struct_wrap .struct_box .survey_list ul {
        margin-bottom: 40px; }
        #equipment .struct_wrap .struct_box .survey_list ul.w48 {
          width: 48%; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .survey_list ul.w48 {
              width: 100%; } }
        #equipment .struct_wrap .struct_box .survey_list ul.w100 {
          width: 100%; }
        #equipment .struct_wrap .struct_box .survey_list ul .name {
          font-size: 22px;
          color: #37332b;
          text-align: center;
          background-color: #dddcc4;
          padding: 7px 0;
          margin-bottom: 10px; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .survey_list ul .name {
              font-size: 4vw; } }
        #equipment .struct_wrap .struct_box .survey_list ul .txt {
          font-size: 15px;
          line-height: 1.2; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .survey_list ul .txt {
              font-size: 3.5vw; } }
    #equipment .struct_wrap .struct_box .note {
      text-align: right; }
    #equipment .struct_wrap .struct_box .struct_list {
      width: 100%;
      margin: 90px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #equipment .struct_wrap .struct_box .struct_list ul {
        width: 25%;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          #equipment .struct_wrap .struct_box .struct_list ul {
            width: 100%; } }
        #equipment .struct_wrap .struct_box .struct_list ul:nth-of-type(3n) {
          width: 40%; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .struct_list ul:nth-of-type(3n) {
              width: 100%; } }
        #equipment .struct_wrap .struct_box .struct_list ul .name {
          font-size: 18px;
          text-align: center;
          border-bottom: 1px solid #231815;
          margin-bottom: 10px;
          padding-bottom: 10px; }
        #equipment .struct_wrap .struct_box .struct_list ul .txt {
          font-size: 13px; }
    #equipment .struct_wrap .struct_box .construct_list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 50px auto 0; }
      #equipment .struct_wrap .struct_box .construct_list ul {
        width: 50%;
        border-bottom: 1px solid #000003;
        padding: 30px 0; }
        @media screen and (max-width: 768px) {
          #equipment .struct_wrap .struct_box .construct_list ul {
            width: 100%; } }
        #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(odd) {
          padding-right: 35px; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(odd) {
              padding-right: 0; } }
        #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(2n) {
          border-left: 1px solid #000003;
          padding-left: 35px; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(2n) {
              padding-left: 0;
              border-left: none; } }
        #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(6) {
          border-left: 1px solid #000003;
          border-right: 1px solid #000003;
          padding-left: 35px;
          padding-right: 35px; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(6) {
              padding-right: 0;
              padding-left: 0;
              border-left: none;
              border-right: none; } }
        #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(7) {
          padding-left: 35px;
          padding-right: 0; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:nth-of-type(7) {
              padding-left: 0; } }
        #equipment .struct_wrap .struct_box .construct_list ul:nth-last-of-type(2) {
          border-left: none;
          padding-left: 0;
          padding-right: 35px;
          border-bottom: none; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:nth-last-of-type(2) {
              border-bottom: 1px solid #000003;
              padding-right: 0; } }
        #equipment .struct_wrap .struct_box .construct_list ul:last-of-type {
          border-right: 0px solid #000003;
          border-left: 1px solid #000003;
          padding-left: 35px;
          padding-right: 0;
          border-bottom: none; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul:last-of-type {
              border: none;
              padding-left: 0; } }
          #equipment .struct_wrap .struct_box .construct_list ul:last-of-type figure {
            width: 100%; }
        #equipment .struct_wrap .struct_box .construct_list ul.w3 {
          width: calc(100% / 3); }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul.w3 {
              width: 100%; } }
          #equipment .struct_wrap .struct_box .construct_list ul.w3 figure {
            width: 90%; }
        #equipment .struct_wrap .struct_box .construct_list ul figure {
          width: 50%;
          margin: 0 auto 30px; }
        #equipment .struct_wrap .struct_box .construct_list ul li.name {
          font-size: 18px;
          text-align: center;
          margin-bottom: 12px; }
          @media screen and (max-width: 768px) {
            #equipment .struct_wrap .struct_box .construct_list ul li.name {
              font-size: 4vw; } }
        #equipment .struct_wrap .struct_box .construct_list ul li.txt {
          font-size: 13px; }
      #equipment .struct_wrap .struct_box .construct_list .note {
        bottom: -20px;
        right: -10px; }
#equipment .smart_wrap {
  background-color: #c0c08c;
  padding: 90px 0 120px; }
  #equipment .smart_wrap .smart_box {
    background-color: #fff;
    padding: 64px;
    box-shadow: 18px 16px 24px -20px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 768px) {
      #equipment .smart_wrap .smart_box {
        padding: 12vw 4vw; } }
  #equipment .smart_wrap .main_ttl {
    font-size: 8.3vw;
    font-size: clamp(69px, 8.3vw, 98px);
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    color: #c0c08c; }
    @media screen and (max-width: 768px) {
      #equipment .smart_wrap .main_ttl {
        font-size: 9vw; } }
  #equipment .smart_wrap .smart_main_wrap {
    position: relative;
    background-image: url(../images/equipment/smart_main02.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding-top: 190px; }
    @media screen and (max-width: 768px) {
      #equipment .smart_wrap .smart_main_wrap {
        background-position: left top;
        background-size: cover; } }
    #equipment .smart_wrap .smart_main_wrap .main_img1 {
      position: relative;
      left: 0;
      bottom: 0;
      width: 30%; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_main_wrap .main_img1 {
          width: 47%; } }
    #equipment .smart_wrap .smart_main_wrap .txt_box {
      position: absolute;
      top: 10px;
      left: 10px; }
      #equipment .smart_wrap .smart_main_wrap .txt_box .ttl {
        font-size: 26px;
        margin-bottom: 35px; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_main_wrap .txt_box .ttl {
            font-size: 4.5vw;
            margin-bottom: 2vw; } }
      #equipment .smart_wrap .smart_main_wrap .txt_box .lead {
        font-size: 13px; }
  #equipment .smart_wrap .smart_cont1_box {
    width: 100%;
    margin: 40px auto 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #equipment .smart_wrap .smart_cont1_box .smart_cont1 {
      width: 48%;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_cont1_box .smart_cont1 {
          width: 100%;
          margin-bottom: 6vw; } }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 .ttl {
        font-size: 18px;
        text-align: center;
        width: 100%; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont1_box .smart_cont1 .ttl {
            font-size: 4vw; } }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 figure {
        width: 100%; }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 .voice_img01 {
        position: absolute;
        width: 62%;
        top: 35px;
        right: 0; }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 .remocon_img01 {
        position: absolute;
        width: 45%;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont1_box .smart_cont1 .remocon_img01 {
            position: relative;
            width: 100%;
            margin-top: 4vw; } }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 .txt {
        font-size: 11px;
        margin-top: 20px;
        line-height: 1.2;
        width: 100%; }
      #equipment .smart_wrap .smart_cont1_box .smart_cont1 .batch {
        width: 80px;
        position: absolute;
        top: -10px;
        left: -24px; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont1_box .smart_cont1 .batch {
            width: 14vw;
            left: -10px; } }
  #equipment .smart_wrap .smart_cont2_box .ttl {
    font-size: 18px;
    color: #fff;
    background-color: #c0c08c;
    padding: 5px 0;
    text-indent: 1rem; }
    @media screen and (max-width: 768px) {
      #equipment .smart_wrap .smart_cont2_box .ttl {
        font-size: 4vw; } }
  #equipment .smart_wrap .smart_cont2_box .lead {
    font-size: 16px;
    letter-spacing: 0.1rem;
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      #equipment .smart_wrap .smart_cont2_box .lead {
        font-size: 3.5vw; } }
  #equipment .smart_wrap .smart_cont2_box .smart_con2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #equipment .smart_wrap .smart_cont2_box .smart_con2 .img01 {
      width: 28%; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_cont2_box .smart_con2 .img01 {
          width: 100%; } }
    #equipment .smart_wrap .smart_cont2_box .smart_con2 p {
      width: 20%;
      font-size: 11px; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_cont2_box .smart_con2 p {
          width: 100%;
          margin-top: 4vw; } }
    #equipment .smart_wrap .smart_cont2_box .smart_con2 .img02 {
      width: 48%; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_cont2_box .smart_con2 .img02 {
          width: 100%;
          margin-top: 4vw; } }
  #equipment .smart_wrap .smart_cont3_box {
    width: 100%;
    margin-top: 30px; }
    #equipment .smart_wrap .smart_cont3_box .ttl {
      font-size: 19px;
      font-family: 'Raleway', sans-serif;
      color: #fff;
      font-style: italic;
      background-color: #56656a;
      text-indent: 1rem; }
      @media screen and (max-width: 768px) {
        #equipment .smart_wrap .smart_cont3_box .ttl {
          font-size: 6vw; } }
    #equipment .smart_wrap .smart_cont3_box .malti_box {
      width: 100%;
      margin: 0 auto 10px;
      background-color: #8ca1a7;
      padding: 20px 14px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #equipment .smart_wrap .smart_cont3_box .malti_box .img01 {
        width: 15%; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont3_box .malti_box .img01 {
            width: 40%; } }
      #equipment .smart_wrap .smart_cont3_box .malti_box .img02 {
        width: 19%; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont3_box .malti_box .img02 {
            width: 55%; } }
      #equipment .smart_wrap .smart_cont3_box .malti_box .img03 {
        width: 30%; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont3_box .malti_box .img03 {
            width: 100%;
            margin: 6vw 0; } }
      #equipment .smart_wrap .smart_cont3_box .malti_box .img04 {
        width: 32%; }
        @media screen and (max-width: 768px) {
          #equipment .smart_wrap .smart_cont3_box .malti_box .img04 {
            width: 100%; } }

/* Scss Document */
#outline .main,
#accessmap .main {
  width: 100%;
  position: relative; }
  #outline .main .main_txt,
  #accessmap .main .main_txt {
    color: #333333;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1rem;
    text-align: center;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      #outline .main .main_txt,
      #accessmap .main .main_txt {
        font-size: 7vw; } }
  #outline .main .note,
  #accessmap .main .note {
    color: #fff; }
#outline .main_bg,
#outline .main_bg,
#accessmap .main_bg,
#accessmap .main_bg {
  width: 100%;
  max-height: 500px; }
  @media screen and (max-width: 767px) {
    #outline .main_bg,
    #outline .main_bg,
    #accessmap .main_bg,
    #accessmap .main_bg {
      width: 100%;
      max-height: 400px; } }
  #outline .main_bg::before,
  #outline .main_bg::before,
  #accessmap .main_bg::before,
  #accessmap .main_bg::before {
    display: none; }
#outline .sec1,
#accessmap .sec1 {
  padding: 0 0 50px;
  background: #ffffff; }

/* outline
*******************************************/
#outline h2 {
  padding: 80px 40px 40px;
  font-size: 24px;
  color: #333333;
  text-align: center; }
#outline .outline_cont {
  box-sizing: border-box;
  text-align: center;
  padding: 40px 0;
  background: #fff;
  margin: 0 auto 0; }
  #outline .outline_cont h3 {
    color: #998675;
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 22px; }
#outline .outline_table {
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #c1a77f;
  padding: 20px 30px;
  margin-bottom: 40px; }
  #outline .outline_table_tr {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #c1a77f;
    font-size: 14px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      #outline .outline_table_tr {
        font-size: 12px;
        letter-spacing: 0; } }
    #outline .outline_table_tr-last {
      border-bottom: none; }
    #outline .outline_table_tr p:nth-of-type(1) {
      width: 240px;
      padding: 10px 20px 10px 10px; }
      @media screen and (max-width: 767px) {
        #outline .outline_table_tr p:nth-of-type(1) {
          width: 130px;
          padding: 10px 20px 10px 0; } }
    #outline .outline_table_tr p:nth-of-type(2) {
      width: calc(100% - 240px);
      padding: 10px 0; }
      @media screen and (max-width: 767px) {
        #outline .outline_table_tr p:nth-of-type(2) {
          width: calc(100% - 130px);
          padding: 10px 0; } }

/* accessmap
*******************************************/
#accessmap h2 {
  padding: 80px 40px 40px;
  font-size: 24px;
  color: #333333;
  text-align: center; }
#accessmap .accessmap_cont {
  max-width: 1000px;
  box-sizing: border-box;
  text-align: center;
  padding: 40px 0 50px;
  margin-bottom: 50px;
  background: #fff; }
  #accessmap .accessmap_cont .map {
    max-width: 900px;
    margin: 0 auto 40px;
    display: block; }
#accessmap .accessmap_btn {
  display: flex;
  max-width: 670px;
  margin: 0 auto; }
  #accessmap .accessmap_btn li {
    width: 48%; }
    #accessmap .accessmap_btn li:first-child {
      margin-right: 4%; }
    #accessmap .accessmap_btn li a {
      width: 100%;
      height: 100%;
      background: #e0dfc7;
      background-size: cover;
      display: block;
      text-align: center;
      color: #333;
      padding: 25px 0; }
      #accessmap .accessmap_btn li a img {
        width: 20px;
        height: auto;
        margin-right: 10px; }

@media print {
  #type .sec1 {
    padding: 20px 0 0; } }