@charset "UTF-8";
/*
Theme Name: advance architect original
Theme URI: http://www.advance-architect.co.jp/
Author: Naohiro Fukumoto
Author URI: https:/fm-kk.com/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: https:/fm-kk.com/
Tags:
Text Domain: advance architect origi2017nal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }
  a:active, a:hover {
    outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2, h3, h4, h5, h6 {
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600; }

mark {
  background: #ff0;
  color: #1a1a1a; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible;
  text-transform: none; }

select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border-radius: 0; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600; }

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

td, th {
  padding: 0; }

/*drawer*/
.drawer-nav {
  position: fixed;
  z-index: 2;
  top: 0;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #fff; }

.drawer-brand {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222; }

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none; }

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222; }
  .drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent; }

.drawer-overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2); }

.drawer-open .drawer-overlay {
  display: block; }

.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.drawer--top.drawer-open .drawer-nav {
  top: 39px; }
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
  right: 0; }

.drawer--left .drawer-nav {
  left: -16.25rem;
  -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.drawer--left .drawer-hamburger {
  left: 0; }
.drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0; }
.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem; }

.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.drawer--right .drawer-hamburger {
  right: 0; }
.drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0; }
.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem; }

.drawer-hamburger {
  position: fixed;
  z-index: 4;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding: 18px .75rem 30px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 0;
  outline: 0;
  background-color: transparent; }
  .drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent; }

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #222; }
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222; }
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: ' '; }
  .drawer-hamburger-icon:after {
    top: 10px; }

.drawer-open .drawer-hamburger-icon {
  background-color: transparent; }
  .drawer-open .drawer-hamburger-icon:after {
    top: 0; }
  .drawer-open .drawer-hamburger-icon:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0; }

.drawer--sidebar {
  background-color: #fff; }
  .drawer--sidebar .drawer-contents {
    background-color: #fff; }

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden; }
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%; }
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd; }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem; }
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd; }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem; }
  .drawer--sidebar .drawer-container {
    max-width: 48rem; } }
@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem; }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem; }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem; }
  .drawer--sidebar .drawer-container {
    max-width: 60rem; } }
.drawer--navbarTopGutter {
  padding-top: 3.75rem; }

.drawer-navbar {
  z-index: 3;
  top: 0;
  width: 100%; }
  .drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff; }

.drawer-navbar--fixed {
  position: fixed; }

.drawer-navbar-header {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center; }

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none; }
  .drawer-navbar .drawer-brand:hover {
    background-color: transparent; }
.drawer-navbar .drawer-nav {
  padding-top: 3.75rem; }
.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem; }

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
    .drawer-navbar .drawer-navbar-header {
      position: relative;
      display: block;
      float: left;
      width: auto;
      padding: 0;
      border: 0; }
    .drawer-navbar .drawer-menu--right {
      float: right; }
    .drawer-navbar .drawer-menu li {
      float: left; }
    .drawer-navbar .drawer-menu-item {
      line-height: 3.75rem;
      padding-top: 0;
      padding-bottom: 0; }
    .drawer-navbar .drawer-hamburger {
      display: none; }
    .drawer-navbar .drawer-nav {
      position: relative;
      left: 0;
      overflow: visible;
      width: auto;
      height: 3.75rem;
      padding-top: 0;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    .drawer-navbar .drawer-menu {
      padding: 0; }
    .drawer-navbar .drawer-dropdown-menu {
      position: absolute;
      width: 16.25rem;
      border: 1px solid #ddd; }
    .drawer-navbar .drawer-dropdown-menu-item {
      padding-left: .75rem; } }
.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff; }
  .drawer-dropdown-menu > li {
    width: 100%;
    list-style: none; }

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222; }
  .drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent; }

.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block; }
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
  transition: opacity .2s ease,-webkit-transform .2s ease;
  transition: transform .2s ease,opacity .2s ease;
  transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.drawer-container {
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem; } }
@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem; } }
figure, figcaption {
  padding: 0;
  margin: 0; }

.clear {
  clear: both; }

.clearfix {
  display: inline-table; }
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

/* Hides from IE-mac */
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.pc-b {
  display: none; }

body {
  font-size: 12px;
  font-family: "MFW-HiraKakuProN-W3" !important;
  letter-spacing: 0.8px;
  line-height: 1.8em;
  padding: 0 0 0 0;
  color: #1a1a1a; }

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto; }
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline; }
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

/*ボーダー関連*/
.b1 {
  border: 1px solid #d6d6d6;
  box-sizing: border-box; }

.bbb {
  border-bottom: 1px solid #1a1a1a; }

.bbt {
  border-top: 1px solid #1a1a1a; }

.bbl {
  border-left: 1px solid #1a1a1a; }

.bbr {
  border-right: 1px solid #1a1a1a; }

/*page scroll*/
#dynamic-to-top {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8; }

/*END*/
.st1 {
  color: #c0b1ac; }

.st2 {
  color: #a5bac8; }

.tr {
  text-align: right !important; }

.tl {
  text-align: left !important; }

.fs10 {
  font-size: 10px !important; }

.fs12 {
  font-size: 12px !important; }

.fs16 {
  font-size: 16px !important; }

.smt-5 {
  margin-top: -5px !important; }

.smt0 {
  margin-top: 0 !important; }

.smt35 {
  margin-top: 35px !important; }

.smt40 {
  margin-top: 40px; }

.smt60 {
  margin-top: 60px !important; }

.smb35 {
  margin-bottom: 35px !important; }

.smb50 {
  margin-bottom: 50px !important; }

.smb65 {
  margin-bottom: 65px !important; }

.smb75 {
  margin-bottom: 75px !important; }

.smb0 {
  margin-bottom: 0 !important; }

.smr0 {
  margin-right: 0 !important; }

.c757575 {
  color: #757575 !important; }

.ta-c {
  text-align: center; }

.noimage {
  border: 1px solid #d6d6d6;
  box-sizing: border-box; }

.ca-txt {
  font-size: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #757575;
  line-height: 1.4em; }
  .ca-txt li {
    padding: 0 0 0 10px;
    margin: 0;
    text-indent: -10px; }

h1 {
  font-size: 10px;
  color: #1a1a1a;
  font-weight: normal;
  margin: 0 0 25px;
  padding: 0;
  text-align: right; }

h2, h3 {
  white-space: pre-line;
  color: #1a1a1a;
  line-height: 1.4em; }

a {
  color: #757575;
  text-decoration: none; }
  a:hover {
    color: #1a1a1a;
    cursor: pointer !important; }

h3 {
  font-size: 14px;
  font-weight: bold; }

a:hover {
  color: #1a1a1a; }

.nowrap {
  white-space: nowrap; }

.breadcrumbs {
  text-align: left;
  margin-top: 20px;
  padding: 0 18px;
  font-size: 10px; }

/*ローディング*/
#loader {
  width: 64px;
  height: 64x;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  /* heightの半分のマイナス値 */
  margin-left: -32px;
  /* widthの半分のマイナス値 */
  z-index: 100; }

#fade {
  width: 100%;
  height: 100%;
  display: none;
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50; }

.pace-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 1999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  left: 0;
  top: 0; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #fff;
  border: 1px solid #cbcbcb;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }
  .pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 50px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #cbcbcb;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; }
  .pace.pace-inactive {
    display: none; }

/*pager*/
.wp-pagenavi {
  text-align: center;
  letter-spacing: 1.4em;
  line-height: 1;
  margin: 75px auto; }
  .wp-pagenavi a, .wp-pagenavi span {
    vertical-align: middle; }
  .wp-pagenavi .previouspostslink {
    display: inline-block;
    margin-right: 28px;
    width: 16px;
    height: 16px;
    background: url(images/pager-prev-bg.png) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center; }
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    margin-right: 28px;
    width: 16px;
    height: 16px;
    background: url(images/pager-prev-bg.png) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
    background: url(images/pager-next-bg.png) no-repeat;
    margin: 0; }
  .wp-pagenavi .first {
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 16px;
    background: url(images/first.png) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center; }
  .wp-pagenavi .last {
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 16px;
    background: url(images/first.png) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
    background: url(images/last.png) no-repeat;
    margin-left: 10px;
    margin-right: 0; }
  .wp-pagenavi .page:after, .wp-pagenavi .current:after {
    content: "|"; }
  .wp-pagenavi .page:last-child:after, .wp-pagenavi .current:last-child:after {
    content: none; }
  .wp-pagenavi .extend {
    letter-spacing: 1em; }

/*drawer*/
.drawer-hamburger {
  width: 39px !important;
  height: 39px !important;
  background: url(images/smp-menu-icon-new.png) no-repeat !important;
  background-size: 34px 34px !important;
  box-sizing: border-box !important;
  background-position: center !important; }

.dwawer-on {
  background: url(images/smp-menu-toggle-on2.png) no-repeat !important;
  background-size: 39px 39px !important;
  position: fixed !important; }

.drawer-hamburger-icon {
  height: 0; }
  .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    height: 0; }

#header {
  /*position: fixed;*/
  background: white;
  width: 100%;
  /*height: 39px;*/
  z-index: 10;
  top: 0; }
  #header h1 {
    display: none; }

.logo {
  display: none; }

.smp-logo {
  padding: 24px 0 24px 18px;
  border-bottom: 1px solid #d6d6d6; }
  .smp-logo a {
    width: 94px;
    height: 28px;
    background: url(images/smp-logo-new.png) no-repeat;
    background-size: auto 100%;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden; }

.home .smp-logo {
  border-bottom: none; }

.drawer-toggle {
  z-index: 21;
  position: absolute;
  right: 8px;
  top: 15px; }
  .drawer-toggle.dwawer-on {
    top: 7px; }

.smp-menu-n {
  display: none;
  border-bottom: 1px solid #d6d6d6; }
  .smp-menu-n li {
    margin-left: 18px !important; }
    .smp-menu-n li:last-child a {
      border-bottom: none !important; }

/*pc only menu hidden*/
#menu1, #hajimete-btn, .menu_triangle, .menu-close, #menu2, #menu3, #menu4, #menu5, #menu6, #hajimemashite-c > a, #guide-c-menu > a, #companymenu-c > a, #menu1_2-c > a, #modelhousemenu-c > a {
  display: none; }

.smp-menu-contact li:first-child, .smp-menu-contact li:nth-child(2), .smp-menu-contact li:nth-child(3) {
  width: 33.333%;
  float: left;
  text-align: center;
  font-size: 48px;
  list-style: none;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box; }
.smp-menu-contact li:first-child, .smp-menu-contact li:nth-child(2) {
  border-right: 1px solid #d6d6d6; }

.smp-only-head {
  background: #1a1a1a;
  line-height: 0;
  color: #FFF;
  text-align: center;
  padding: 20px 0 !important; }

.footer-icon, .footer-menu, .footer-corp-in h3, .footer-corp-first-child, .home-foot-menu {
  display: none; }

#footer_pc {
  display: none; }

#footer_sp {
  color: #F7F7F7 !important;
  background-color: #262626;
  box-sizing: border-box;
  padding-top: 25px; }
  #footer_sp > a {
    text-align: center;
    padding: 0;
    margin: 0 auto 25px;
    display: block; }
    #footer_sp > a img {
      margin: 0 auto;
      width: 80px;
      height: auto;
      vertical-align: bottom; }
  #footer_sp a {
    color: #F7F7F7;
    transition: .3s; }
    #footer_sp a:hover {
      color: #54565A; }
  #footer_sp .main-menu {
    padding: 0 16px;
    margin-bottom: 30px; }
    #footer_sp .main-menu ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
      border-top: 1px solid #F7F7F7; }
      #footer_sp .main-menu ul li {
        width: 50%;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #F7F7F7; }
        #footer_sp .main-menu ul li a {
          display: block;
          box-sizing: border-box;
          padding: 1em;
          font-size: 10px;
          background-image: url(images/foot_link_bg.svg);
          background-size: auto 12px;
          background-position: right 8px center;
          background-repeat: no-repeat; }
        #footer_sp .main-menu ul li:nth-child(2n -1) {
          border-right: 1px solid #F7F7F7; }
          #footer_sp .main-menu ul li:nth-child(2n -1) a {
            background-position: right 16px center; }
  #footer_sp .sub-menu {
    padding: 0 16px; }
    #footer_sp .sub-menu ul {
      list-style: none;
      padding: 0; }
      #footer_sp .sub-menu ul li {
        padding: 0;
        margin: 0 auto 16px; }
        #footer_sp .sub-menu ul li a {
          box-sizing: border-box;
          border: 1px solid #F7F7F7;
          font-size: 10px;
          line-height: 1;
          display: block;
          width: 100%;
          padding: 20px 20px 20px 53px;
          background-image: url(images/foot_link_bg.svg);
          background-size: auto 16px;
          background-repeat: no-repeat;
          background-position: right 33px center;
          position: relative; }
          #footer_sp .sub-menu ul li a:before {
            content: "";
            display: block;
            background-image: url(images/foot_icon_key.svg);
            background-repeat: no-repeat;
            background-position: left 24px center;
            position: absolute;
            left: 0;
            top: 0;
            width: 48px;
            height: 100%; }
        #footer_sp .sub-menu ul li:last-child {
          margin-bottom: 0; }
          #footer_sp .sub-menu ul li:last-child a {
            padding-left: 24px; }
            #footer_sp .sub-menu ul li:last-child a:before {
              display: none; }
  #footer_sp .sns-menu {
    text-align: center;
    padding: 32px 0; }
    #footer_sp .sns-menu ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      width: 288px;
      display: flex;
      justify-content: space-between; }
      #footer_sp .sns-menu ul li {
        width: 24px; }
        #footer_sp .sns-menu ul li a img {
          width: 100%;
          height: auto; }
  #footer_sp .etc-menu {
    padding: 16px 16px 30px;
    border-top: 1px solid #F7F7F7; }
    #footer_sp .etc-menu ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      #footer_sp .etc-menu ul li {
        display: inline-block;
        padding: 0;
        margin: 0 10px 0 0; }
        #footer_sp .etc-menu ul li a {
          font-size: 10px; }
        #footer_sp .etc-menu ul li:last-child {
          margin: 0; }
  #footer_sp > p {
    color: #54565A;
    font-size: 8px;
    padding: 0 0 20px 16px;
    margin: 0; }

.smp-foot-menu {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5000;
  border-top: 1px solid #FFF;
  background-color: #1A1A1A;
  padding-bottom: env(safe-area-inset-bottom); }
  .smp-foot-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%; }
    .smp-foot-menu ul li {
      float: left;
      width: 16.66666666%;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      border-left: 1px solid #D6D6D6; }
      .smp-foot-menu ul li:first-child {
        border-left: 1px solid #1A1A1A; }
        .smp-foot-menu ul li:first-child a {
          display: block;
          width: 100%;
          padding-top: 72%;
          background: url(images/1_catalog.png);
          background-repeat: no-repeat;
          background-size: 100% auto;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          line-height: 0; }
      .smp-foot-menu ul li:nth-child(2) a {
        display: block;
        width: 100%;
        padding-top: 72%;
        background: url(images/2_contact.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        line-height: 0; }
      .smp-foot-menu ul li:nth-child(3) a {
        display: block;
        width: 100%;
        padding-top: 72%;
        background: url(images/3_reserve.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        line-height: 0; }
      .smp-foot-menu ul li:nth-child(4) a {
        display: block;
        width: 100%;
        padding-top: 72%;
        background: url(images/4_access.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        line-height: 0; }
      .smp-foot-menu ul li:nth-child(5) a {
        display: block;
        width: 100%;
        padding-top: 72%;
        background: url(images/5_favorite.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        line-height: 0; }
      .smp-foot-menu ul li:nth-child(6) a {
        display: block;
        width: 100%;
        padding-top: 72%;
        background: url(images/6_top.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        line-height: 0; }

/*pc only menu hidden END*/
.bodyfix {
  overflow: hidden;
  margin-top: -9999px; }

.menu {
  display: none;
  position: fixed;
  overflow: scroll;
  left: 0;
  top: 0;
  padding-top: 50px;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

#head-menu {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 39px 0 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: none; }
  #head-menu ul {
    list-style: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }
  #head-menu li {
    font-size: 12px;
    border-left: 1px solid #d6d6d6;
    background: #FFF;
    line-height: 0;
    margin: 0;
    float: left;
    box-sizing: border-box;
    text-align: center;
    width: 33.33%;
    border-bottom: 1px solid #d6d6d6; }
    #head-menu li a {
      padding: 19px 0;
      color: #1a1a1a;
      display: block;
      box-sizing: border-box; }
    #head-menu li:first-child {
      border-left: none; }
  #head-menu ul li:nth-child(4), #head-menu ul li:nth-child(5), #head-menu ul li:nth-child(6) {
    display: none; }

.menu {
  box-sizing: border-box; }
  .menu h4 {
    font-size: 12px;
    font-weight: normal;
    line-height: 0 !important;
    font-family: "MFW-HiraKakuProN-W3" !important;
    padding: 20px 20px 20px 18px;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d6d6;
    background: url(images/smp-menu-plus.png) no-repeat right center;
    background-size: auto 100%; }
  .menu .menu-on {
    background: url(images/smp-menu-minus.png) no-repeat right center;
    background-size: auto 100%; }
  .menu li a {
    padding: 20px 20px 20px 18px;
    display: block;
    line-height: 0;
    border-bottom: 1px solid #d6d6d6;
    background: url(images/smp-menu-yajirushi.png) no-repeat right center;
    background-size: auto 100%; }

.smp-only-headmenu .menu-n li {
  box-sizing: border-box;
  list-style: none;
  width: 100%; }
  .smp-only-headmenu .menu-n li:nth-child(5) {
    width: 100%;
    padding: 30px 18px; }
    .smp-only-headmenu .menu-n li:nth-child(5) input[type="text"] {
      border: 1px solid #d6d6d6;
      padding: 12px 17px;
      margin: 0;
      width: 100%;
      box-sizing: border-box;
      width: 78%;
      border-radius: 0;
      -webkit-appearance: none; }
    .smp-only-headmenu .menu-n li:nth-child(5) input[type="submit"] {
      font-family: FontAwesome;
      color: #FFF;
      background: #1a1a1a none repeat scroll 0% 0%;
      padding: 6px 10px;
      margin: 0;
      border: none;
      box-sizing: border-box;
      vertical-align: bottom;
      width: 22%;
      border-radius: 0;
      -webkit-appearance: none; }
  .smp-only-headmenu .menu-n li:last-child {
    width: 100%;
    background: #1a1a1a;
    line-height: 0;
    color: #FFF;
    text-align: center;
    padding: 20px 0 !important;
    box-sizing: border-box;
    margin-bottom: 45px; }

.drawer-overlay {
  background: rgba(0, 0, 0, 0.5); }

#dynamic-to-top {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  right: 18px !important;
  bottom: 18px !important; }
  #dynamic-to-top span {
    background-image: url(images/pagetop-bg.png) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    background-size: 100% 100% !important; }

.menu {
  z-index: 20; }
  .menu a {
    color: #1a1a1a !important; }
  .menu ul {
    padding: 0;
    margin: 0;
    line-height: normal;
    list-style: none; }
    .menu ul li {
      padding: 0;
      margin: 0;
      font-size: 12px;
      line-height: 0; }

.menubox ul li a {
  display: block;
  padding-left: 18px !important; }

.footer_margin {
  margin-top: 45px; }

.footer-corp-txt ul {
  padding: 30px 18px;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #fff; }
  .footer-corp-txt ul li {
    padding: 0px 0px 0px 12px;
    margin: 0px;
    text-indent: -12px; }
    .footer-corp-txt ul li::before {
      content: "■"; }

.footer-corp {
  background: #1a1a1a none repeat scroll 0% 0%;
  color: #FFF !important;
  padding-bottom: 35px; }

.cp {
  text-align: center;
  font-size: 10px; }
  .cp ul {
    margin: 16px 0 30px;
    padding: 0;
    list-style: none; }
    .cp ul li {
      margin: 0px 20px 0px 0px;
      display: inline; }

.footer-corp a {
  color: #FFF !important; }

.cp span {
  display: block; }

#top-image-slider .swiper-button-prev, #top-image-slider .swiper-button-next {
  display: none !important; }

.home .swiper-button-next {
  background: url(images/top-swip-bg-next.png) no-repeat left center !important;
  width: 44px !important;
  height: 44px !important; }
.home .swiper-button-prev {
  background: url(images/top-swip-bg-prev.png) no-repeat right center !important;
  width: 44px !important;
  height: 44px !important; }

#top-image-slider .sp-mask {
  padding-bottom: 32px; }
#top-image-slider .sp-cation {
  padding: 15px 0;
  line-height: 0;
  background: #EAEAEA;
  text-align: center;
  margin-top: 2px;
  font-size: 8px; }
#top-image-slider .swiper-container {
  padding-bottom: 30px; }
#top-image-slider img {
  width: 100%;
  height: auto;
  padding-bottom: 22px; }
#top-image-slider .swiper-pagination {
  bottom: 11px !important; }
#top-image-slider .sp-buttons, #top-image-slider .sp-thum-wrap, #top-image-slider .sp-thumbnails-container {
  display: none; }
#top-image-slider .sp-thumbnail {
  line-height: 0;
  padding: 10px 0;
  background: #EAEAEA;
  text-align: center;
  font-size: 8px; }
#top-image-slider .sp-thum-wrap img {
  display: none !important; }

#slider1 .sp-thumbnail-arrows {
  width: 100%; }
#slider1 .sp-arrows {
  display: inherit !important;
  bottom: 0 !important;
  top: inherit !important; }
#slider1 .sp-previous-arrow, #slider1 .sp-previous-thumbnail-arrow {
  background: rgba(255, 255, 255, 0) !important;
  background-image: url(images/swip-left2.png) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 20px !important;
  height: 20px !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 13px !important;
  bottom: 5px !important;
  z-index: 10;
  cursor: pointer; }
#slider1 .sp-next-arrow, #slider1 .sp-next-thumbnail-arrow {
  background: rgba(255, 255, 255, 0) !important;
  background-image: url(images/swip-right2.png) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 20px !important;
  height: 20px !important;
  opacity: 1 !important;
  position: absolute;
  right: 13px !important;
  bottom: 5px !important;
  z-index: 10;
  cursor: pointer; }
#slider1 .sp-previous-arrow:before, #slider1 .sp-previous-arrow:after {
  display: none;
  left: inherit !important;
  top: inherit !important;
  -webkit-transform: inherit !important;
  -ms-transform: inherit !important;
  transform: inherit !important; }
#slider1 .sp-next-arrow:before, #slider1 .sp-next-arrow:after {
  display: none;
  right: inherit !important;
  top: inherit !important;
  -webkit-transform: inherit !important;
  -ms-transform: inherit !important;
  transform: inherit !important; }

.home-menu {
  margin: 0 0 30px;
  display: none; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #d6d6d6 !important; }

#top-image-slider .swiper-pagination-bullet {
  width: 15px !important;
  height: 3px !important;
  display: inline-block;
  border-radius: 0 !important;
  background: #d6d6d6 none repeat scroll 0% 0%;
  opacity: 1 !important; }
#top-image-slider .swiper-pagination-bullet-active {
  background: #9fa0a0 !important; }

.home-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%; }
  .home-menu ul li {
    padding: 0;
    margin: 0;
    width: 25%;
    float: left;
    border: 1px solid #d6d6d6;
    border-left: none;
    border-top: none;
    box-sizing: border-box;
    text-align: center; }
    .home-menu ul li:nth-child(1), .home-menu ul li:nth-child(2), .home-menu ul li:nth-child(3), .home-menu ul li:nth-child(4) {
      border-top: 1px solid #d6d6d6; }
    .home-menu ul li img {
      width: 100%;
      height: auto; }

.top-banner-2017 {
  margin: 20px 0 50px; }

.top-banner-2018 {
  margin: 20px 18px 50px; }

.post-type-archive .top-banner-2017 {
  margin: 0 0 40px; }

.top-banner-2017 img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

.top-banner-2018 img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.top-banner-2018 a:first-child {
  display: block;
  margin-bottom: 20px; }

#contents {
  margin: 0 18px 45px; }

#top-works-new header, #contents header {
  position: relative; }

#top-works-new header span, #contents header span {
  position: absolute;
  right: 18px;
  top: 4px;
  line-height: 1; }

#top-event header span {
  right: 0; }

#top-works-new {
  padding: 60px 18px 0 18px;
  margin: 0px auto 20px; }
  #top-works-new h3 {
    margin-bottom: 45px; }

#top-work-new h3 {
  margin: 0; }

#top-works-new img {
  width: 100%;
  height: auto; }
#top-works-new .gallery-cell {
  width: 48%;
  margin: 0 4% 12px 0;
  float: left; }
  #top-works-new .gallery-cell:nth-child(2n) {
    margin-right: 0; }
#top-works-new dl {
  margin: 0;
  padding: 0;
  position: relative; }
  #top-works-new dl dd {
    margin: 0;
    padding: 0; }
    #top-works-new dl dd .jiturei-inner-div {
      display: none; }

.top-works-new-inner > span {
  display: block;
  text-align: center;
  margin: 24px auto 24px; }
  .top-works-new-inner > span > a {
    padding: 25px 0;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 0;
    background: #262626;
    color: #FFF;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

#top-works-new .flickity-prev-next-button {
  display: none !important; }

#top-works-search2020 {
  border-top: 1px solid #53555A;
  border-bottom: 1px solid #53555A;
  padding: 30px 18px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 30px; }
  #top-works-search2020 h4 {
    padding: 0;
    margin: 0 auto 25px;
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  #top-works-search2020 ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    #top-works-search2020 ul li {
      width: calc(50% - 9px);
      margin-bottom: 16px; }
      #top-works-search2020 ul li a {
        display: block;
        box-sizing: border-box;
        font-size: 12px;
        width: 100%;
        border: 1px solid #53555A;
        padding: 12px 5px;
        color: #262626;
        transition: .3s; }
        #top-works-search2020 ul li a:hover {
          background-color: #53555A;
          color: #FFF; }

.works-more2020 {
  text-align: center;
  display: block;
  margin-bottom: 45px;
  padding: 0 48px; }
  .works-more2020 a {
    margin: 0 auto;
    display: inline-block;
    font-size: 10px;
    background: #262626;
    color: #FFF;
    transition: 0.3s;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }
    .works-more2020 a:hover {
      opacity: .5; }

.top-search {
  padding: 32px 24px;
  box-sizing: border-box;
  border: 1px solid #262626;
  text-align: center;
  margin: 0 18px 50px; }
  .top-search h4 {
    line-height: 1;
    padding: 0 0 24px;
    margin: 0 auto 32px;
    border-bottom: 1px solid #262626; }
  .top-search ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px; }
    .top-search ul li {
      padding: 0;
      margin: 0;
      float: left;
      border: 1px solid #D6D6D6;
      box-sizing: border-box; }
      .top-search ul li a {
        line-height: 0;
        font-size: 12px;
        padding: 24px 0;
        display: block;
        color: #757575;
        width: 100%;
        box-sizing: border-box; }
      .top-search ul li:nth-child(1) {
        width: 50%; }
      .top-search ul li:nth-child(2), .top-search ul li:nth-child(3) {
        width: 25%;
        border-left: none; }
      .top-search ul li:nth-child(4) {
        width: 50%;
        border-top: none; }
      .top-search ul li:nth-child(5) {
        width: 50%;
        border-top: none;
        border-left: none; }
      .top-search ul li:nth-child(6) {
        width: 50%;
        border-top: none; }
      .top-search ul li:nth-child(7), .top-search ul li:nth-child(8) {
        width: 25%;
        border-top: none;
        border-left: none; }
      .top-search ul li:nth-child(9) {
        width: 50%;
        border-top: none; }
      .top-search ul li:nth-child(10) {
        width: 50%;
        border-top: none;
        border-left: none; }
  .top-search dl {
    padding: 0;
    margin: 0; }
    .top-search dl dt {
      padding: 0;
      margin: 0 0 24px;
      text-align: left;
      font-size: 10px; }
    .top-search dl dd {
      padding: 0;
      margin: 0; }
      .top-search dl dd a {
        font-size: 12px;
        line-height: 0;
        padding: 24px 0;
        border: 1px solid #D6D6D6;
        display: block;
        color: #757575;
        width: 100%;
        box-sizing: border-box; }

.home-model-title {
  margin: 0 0 45px; }

/*flicksrider用*/
.flickity-prev-next-button {
  border-radius: 0px !important; }
  .flickity-prev-next-button svg {
    display: none; }
  .flickity-prev-next-button:disabled {
    filter: alpha(opacity=10) !important;
    -moz-opacity: 0.1 !important;
    opacity: 0.1 !important; }
  .flickity-prev-next-button.previous {
    background: url(images/left-2020.svg) no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 12px 24px !important;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    left: -30px !important; }
  .flickity-prev-next-button.next {
    background: url(images/right-2020.svg) no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 12px 24px !important;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    right: -30px !important;
    background-position: right center !important; }

.flickity-page-dots .dot {
  width: 6px !important;
  height: 6px !important;
  background: #D6D6D6 !important;
  margin: 0 4px  !important;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important; }
  .flickity-page-dots .dot.is-selected {
    background: #262626 !important; }

#top-event {
  margin: 0 0 60px; }
  #top-event .gallery {
    margin: 0 30px; }
  #top-event .flickity-page-dots {
    bottom: -25px !important; }
  #top-event .top-event-c {
    margin: 0 2% 0 0;
    width: 45%;
    padding: 0px 2% 10px;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
    line-height: 1.7em; }
  #top-event h3 {
    margin-bottom: 45px; }

/*2017*/
#event-menu-2017 {
  margin-bottom: 50px; }
  #event-menu-2017 > div:first-child {
    width: 100%;
    box-sizing: border-box; }
    #event-menu-2017 > div:first-child > div {
      background: #262626;
      color: #FFF;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #event-menu-2017 > div:first-child > div:first-child {
        border-bottom: 1px solid #FFF;
        line-height: 0;
        padding: 25px 0; }
        #event-menu-2017 > div:first-child > div:first-child span {
          font-size: 24px; }
      #event-menu-2017 > div:first-child > div:last-child:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
      #event-menu-2017 > div:first-child > div a {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        padding: 25px 0;
        line-height: 0;
        color: #FFF; }
  #event-menu-2017 > div:nth-child(2) {
    width: 100%;
    box-sizing: border-box; }
    #event-menu-2017 > div:nth-child(2) > a {
      display: block;
      float: left;
      text-align: center;
      line-height: 0;
      padding: 25px 0;
      border: 1px solid #D6D6D6;
      border-top: none;
      width: 50%;
      box-sizing: border-box;
      font-size: 10px;
      letter-spacing: 0; }
      #event-menu-2017 > div:nth-child(2) > a:nth-child(2n) {
        border-left: none; }
      #event-menu-2017 > div:nth-child(2) > a span {
        transform: rotate(90deg);
        display: inline-block; }

.event-list-2017 > div, .event-list-home {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 42px; }
  @media screen and (min-width: 700px) {
    .event-list-2017 > div, .event-list-home {
      width: 386px;
      margin-right: 20px; } }
  .event-list-2017 > div > a, .event-list-home > a {
    display: block;
    color: #262626; }
  .event-list-2017 > div h4, .event-list-home h4 {
    margin: 20px 0 16px; }

.event-list-2017 > div img {
  vertical-align: bottom;
  width: 100% !important;
  height: auto !important; }

.event-list-home img {
  vertical-align: bottom;
  width: 100% !important;
  height: auto !important; }
.event-list-home > a > span {
  text-align: center;
  display: block; }
.event-list-home h4 {
  font-size: 11px; }

#event-kind-title {
  padding-top: 75px; }

.event-list-2017-status {
  margin: 0;
  display: flex;
  justify-content: space-between; }
  .event-list-2017-status > div {
    width: calc(50% - 0.5px);
    padding: 13px 0;
    text-align: center;
    line-height: 0;
    color: #FFF;
    background: #262626;
    font-size: 10px; }
    .event-list-2017-status > div:last-child {
      background: #1B2C55; }

.event-uketuke {
  background: #1B2C55 !important; }

.event-wazuka {
  background: #c3001b !important; }

.event-end, .event-kaisaiend {
  background: #D6D6D6 !important; }

.event-list-2017 h4 {
  margin: 16px 0;
  text-align: left; }

.event-list-2017-shousai {
  padding: 0 0 19px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #D6D6D6;
  text-align: left; }
  .event-list-2017-shousai dl {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 10px; }
    .event-list-2017-shousai dl:last-child {
      margin: 0; }
    .event-list-2017-shousai dl dt {
      display: table-cell;
      width: 35px;
      padding: 0;
      margin: 0; }
    .event-list-2017-shousai dl dd {
      display: table-cell;
      padding: 0;
      margin: 0;
      line-height: 1.5; }

.event-list-2017 > div > a {
  text-align: center;
  display: inherit;
  color: #262626; }

.kako-event-menu-2017 {
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100%;
  box-sizing: border-box; }
  .kako-event-menu-2017 dl {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center; }
    .kako-event-menu-2017 dl dt {
      padding: 10px 0;
      margin: 0;
      text-align: center;
      box-sizing: border-box;
      font-size: 12px; }
    .kako-event-menu-2017 dl dd {
      text-align: center;
      position: relative; }
      .kako-event-menu-2017 dl dd form {
        position: absolute;
        width: 100%;
        bottom: -234px;
        left: -1px;
        display: none;
        background: #FFF;
        border-top: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
        padding: 10px 0;
        text-align: center; }
        .kako-event-menu-2017 dl dd form input {
          font-size: 12px;
          color: #d6d6d6;
          display: block;
          padding: 20px 0;
          background: none;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          border: none;
          border-radius: 0;
          line-height: 0;
          background: #FFF;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .kako-event-menu-2017 dl dd form input:hover {
            color: #262626; }

.eventbtn {
  border: none;
  background: no-repeat;
  width: 100%;
  text-align: left;
  background: url(images/year-select-bg.svg) no-repeat;
  background-position: right center;
  line-height: 1;
  background-size: 12px auto;
  line-height: 1;
  background-size: 12px auto;
  display: block;
  width: 100%;
  padding: 2px 30px 2px 0px;
  box-sizing: border-box;
  cursor: pointer; }
  .eventbtn > strong {
    font-size: 14px;
    font-weight: font_b(); }

.kako-event-menu-2017 > div:last-child > div:last-child {
  border-left: 1px solid #D6D6D6; }
  .kako-event-menu-2017 > div:last-child > div:last-child a {
    display: block;
    width: 100%;
    line-height: 0;
    padding: 25px 0;
    text-align: center;
    box-sizing: border-box; }

.event-tags {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  text-align: left; }
  .event-tags li {
    display: inline-flex;
    color: #808080;
    border: 1px solid #D6D6D6;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 16px;
    line-height: 1;
    margin: 0 5px 5px 0; }

/*
#top-event .flickity-slider {
	left: 1% !important;
}*/
.eventthum {
  position: relative; }
  .eventthum span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 4px;
    box-sizing: border-box;
    width: 60px;
    color: #FFF;
    font-size: 9px;
    text-align: center;
    line-height: 1em; }
  .eventthum .event-now {
    background: #012366 !important; }
  .eventthum .event-wazuka {
    background: #ab0119 !important; }
  .eventthum .event-end {
    background: #d6d6d6 !important; }

#top-event header span {
  right: 18px !important; }
#top-event .eventthum img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
#top-event h3 {
  font-size: 18px;
  padding: 0 0 15px;
  margin: 0 0 30px;
  border-bottom: 1px solid #D6D6D6;
  line-height: 1; }

/*
#top-event h4 {
	color: #FFF;
	background: #1a1a1a;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	margin: 0 0 10px;
	font-size: 10px;
}

#top-event h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 16px 0 10px;
	line-height: 1.6;
}

#top-event div {
	font-size: 10px;
}

#top-event .flickity-prev-next-button {
	display: none !important;
}
*/
#top-contents {
  margin: 0;
  padding: 45px 0; }
  #top-contents h3 {
    margin: 0 0 45px !important;
    padding: 0 !important; }
  #top-contents .gallery {
    margin: 0 30px; }

.top-news, .top-media {
  padding-bottom: 15px;
  border-bottom: 1px solid #D6D6D6; }

#top-post {
  padding: 45px 0; }

#top-post h4 {
  padding: 15px 0;
  border-bottom: 1px solid #D6D6D6;
  margin-top: 0;
  margin-bottom: 20px; }

#top-contents img {
  width: 100%;
  height: auto; }
#top-contents .top-osusume-contents {
  width: 45%;
  margin: 0 2% 0 0; }

#contents h3 {
  font-size: 14px;
  padding: 0 0 10px;
  margin-top: 0px; }

#top-link {
  margin: 0 0 30px;
  padding: 0 0 0 18px; }
  #top-link header span {
    right: 18px !important; }
  #top-link img {
    width: 100%;
    height: auto; }
  #top-link .gallery-cell {
    width: 45%;
    margin: 0 2% 0 0; }
  #top-link .flickity-prev-next-button {
    display: none !important; }

#top-post h3 {
  padding-bottom: 45px;
  margin: 0; }

#contents header span {
  right: 0; }

#top-post dl {
  margin: 0 0 5px;
  padding: 0; }
  #top-post dl dt {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-size: 10px;
    color: #757575; }
  #top-post dl dd {
    margin: 0;
    padding: 0; }

.top-news dt, .top-media dt {
  color: #757575 !important; }

#top-text {
  padding: 45px 18px;
  background: #F7F7F7;
  text-align: justify;
  font-size: 10px;
  line-height: 1.7; }
  #top-text h3 {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 0;
    text-align: center; }

/*下層ページ　共通*/
.page #wrap {
  padding: 30px 18px; }
.page h2 {
  border-bottom: 1px solid #1a1a1a;
  padding-bottom: 10px;
  margin-bottom: 20px; }
.page [class*="-header"] {
  margin-bottom: 30px; }
  .page [class*="-header"] img {
    width: 100%;
    height: auto; }

/*下層ページ　共通　END*/
/*はじめまして*/
.start-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #1a1a1a; }

.start-list {
  width: 100%; }
  .start-list ul {
    padding: 0;
    width: 100%;
    list-style: none; }
    .start-list ul li {
      padding: 20px 0 30px;
      margin: 0 4% 20px 0;
      width: 48%;
      position: relative;
      float: left;
      border-top: 1px solid #1A1A1A;
      border-bottom: 1px solid #1a1a1a; }
      .start-list ul li:nth-child(2n) {
        margin: 0 0 20px; }
      .start-list ul li dl {
        padding: 0;
        margin: 0; }
        .start-list ul li dl dt {
          font-size: 14px;
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          padding: 0;
          margin: 0 0 10px; }
        .start-list ul li dl dd {
          padding: 0;
          margin: 0 0 20px; }
          .start-list ul li dl dd span {
            position: absolute;
            bottom: 0px;
            display: block;
            background: #1a1a1a none repeat scroll 0% 0%;
            color: #FFF;
            line-height: 0;
            padding: 20px;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
            transition: all 0.3s ease 0s; }

.concept-contents img {
  width: 100%;
  height: auto;
  margin-bottom: 44px; }

/*家づくりのコンセプト*/
.concept-c {
  margin: 0 0 60px; }
  .concept-c h3 {
    line-height: 1.8em; }

/*６つの選ばれる理由*/
.select-contents dl {
  padding: 0;
  margin: 0 0 60px; }
  .select-contents dl dt {
    font-size: 18px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 1.8em;
    background: transparent url("images/10reazon-dt.png") no-repeat scroll left 10px;
    background-size: 20px;
    padding: 0 0 0 30px;
    margin: 0 0 1em;
    white-space: pre-line; }
  .select-contents dl dd {
    padding: 0;
    margin: 0; }
.select-contents img {
  width: 100%;
  height: auto; }
.select-contents .ca-txt {
  margin-top: 10px; }

.reason-link a {
  width: 100%;
  margin-top: 35px;
  padding: 20px;
  border: 1px solid #757575;
  display: inline-block;
  box-sizing: border-box;
  text-align: center; }

.reason-link2 {
  margin: 0;
  padding: 0;
  list-style: none; }
  .reason-link2 li {
    padding: 0;
    margin: 0 0 20px; }
    .reason-link2 li a {
      width: 100%;
      padding: 20px;
      border: 1px solid #757575;
      display: inline-block;
      box-sizing: border-box;
      text-align: center; }

.select-sense {
  width: 100%;
  padding: 0;
  margin: 0 0 30px;
  list-style: none;
  font-size: 8px;
  line-height: 1.4em; }
  .select-sense li {
    float: left;
    width: 31%;
    margin: 0 2% 0 0; }
    .select-sense li:last-child {
      margin: 0; }

.select-reazon-table {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  margin-top: 35px; }
  .select-reazon-table th, .select-reazon-table td {
    padding: 10px;
    border: 1px solid #c1c1c1; }
  .select-reazon-table th {
    text-align: center;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .select-reazon-table td {
    text-align: left; }

.select-table-price {
  text-align: center !important; }

/*メリット　デメリット*/
.merit h3, .demerit h3 {
  background: #f4f4f4;
  padding: 20px 18px;
  color: #FFF;
  text-align: center;
  margin: 0 0 30px;
  font-size: 12px;
  text-align: left;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  color: #262626;
  font-weight: normal;
  background-image: url(images/lineup/choose/plus.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 14px; }

.merit-on {
  background-image: url(images/lineup/choose/minus.svg) !important; }

.demerit h3 {
  background-color: #eaeaea;
  background-image: url(images/lineup/choose/plus.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 14px; }

.merit > div, .demerit > div {
  display: none; }

.merit dl, .demerit dl {
  border-bottom: 1px solid #D6D6D6;
  padding: 0 0 35px;
  margin: 0 0 35px; }

.merit dl dt {
  font-size: 12px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  margin: 0 0 25px;
  padding: 0; }

.demerit dl dt {
  font-size: 12px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  margin: 0 0 25px;
  padding: 0; }

.merit dl dd, .demerit dl dd {
  padding: 0;
  margin: 0; }

/*シミュレーション*/
.simulation-c {
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }
  .simulation-c div {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 50px; }

.simulation-contents nav ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .simulation-contents nav ul li {
    padding: 0;
    margin: 0 0 20px; }
    .simulation-contents nav ul li a {
      width: 100%;
      padding: 20px;
      border: 1px solid #757575;
      display: inline-block;
      box-sizing: border-box;
      text-align: left;
      background: url(images/smp-yajirushi-under.png) no-repeat right center;
      background-size: auto 100%; }

/*商品ラインナップ*/
#lineup-header-image {
  width: 100vw;
  margin-top: -50px;
  margin-left: calc((100vw - 100%) / -2);
  margin-bottom: 75px;
  height: calc(100vh - 108px);
  background-image: url(images/lineup/lineup_main_smp_2002.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }
  #lineup-header-image > p {
    display: block;
    width: 263px;
    height: 10px;
    background: url(images/lineup/lineup-header-text-sp.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    top: 27.0967741935484%;
    left: calc(50% - 131.5px); }
  #lineup-header-image .scroll-modelhouse {
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px); }

#lineup-list-2020 ul.lineup-lists {
  list-style: none;
  padding: 0;
  margin: 0; }
  #lineup-list-2020 ul.lineup-lists li {
    padding: 0;
    margin: 0 0 75px;
    width: 100%; }
    #lineup-list-2020 ul.lineup-lists li a {
      display: block;
      margin-bottom: 35px;
      width: 100vw;
      margin-left: -18px; }
      #lineup-list-2020 ul.lineup-lists li a:hover {
        opacity: .5; }
      #lineup-list-2020 ul.lineup-lists li a img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
    #lineup-list-2020 ul.lineup-lists li .plan {
      padding: 0 0 30px;
      margin: 0 0 20px;
      border-bottom: 1px solid #D6D6D6; }
      #lineup-list-2020 ul.lineup-lists li .plan dt {
        line-height: 1;
        font-size: 18px;
        padding: 0;
        margin: 0 0 30px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600; }
        #lineup-list-2020 ul.lineup-lists li .plan dt span {
          font-family: "MFW-HiraKakuProN-W3" !important;
          margin-left: 25px;
          color: #757575;
          font-size: 12px; }
      #lineup-list-2020 ul.lineup-lists li .plan dd {
        padding: 0;
        margin: 0; }
    #lineup-list-2020 ul.lineup-lists li .price {
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0; }
      #lineup-list-2020 ul.lineup-lists li .price dt {
        font-family: "MFW-HiraKakuProN-W3" !important;
        padding: 0;
        margin: 0; }
        #lineup-list-2020 ul.lineup-lists li .price dt:after {
          content: "　｜　"; }
      #lineup-list-2020 ul.lineup-lists li .price dd {
        font-family: "MFW-HiraKakuProN-W3" !important;
        padding: 0;
        margin: 0; }

.smp-table {
  overflow: auto;
  white-space: nowrap;
  margin: 0 0 50px;
  -webkit-overflow-scrolling: touch; }
  .smp-table::-webkit-scrollbar {
    height: 5px; }
  .smp-table::-webkit-scrollbar-track {
    background: #F1F1F1; }
  .smp-table::-webkit-scrollbar-thumb {
    background: #BCBCBC; }

.lineup-header {
  margin: 0 0 75px !important; }
  .lineup-header h2 {
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  .lineup-header h3 {
    padding: 0 0 15px;
    margin: 0 0 25px;
    line-height: 1;
    border-bottom: 1px solid #D6D6D6; }

.lineup-ca {
  margin-bottom: 50px;
  font-size: 10px; }

.lineup-list h3 {
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1a1a1a; }
.lineup-list ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .lineup-list ul li {
    padding: 0 0 20px;
    width: 48%;
    position: relative;
    margin: 0 4% 20px 0;
    float: left; }
    .lineup-list ul li img {
      margin: 20px 0;
      vertical-align: bottom;
      width: 100%;
      height: auto; }
    .lineup-list ul li:nth-child(2n) {
      margin-right: 0; }
    .lineup-list ul li dl {
      margin: 0 0 30px;
      padding: 0; }
      .lineup-list ul li dl dt {
        font-size: 18px;
        font-weight: 600;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        margin: 0.618em 0; }
      .lineup-list ul li dl dd {
        margin: 0;
        padding: 0; }
        .lineup-list ul li dl dd span {
          position: absolute;
          bottom: 0;
          display: block;
          background: #1a1a1a;
          color: #FFF;
          line-height: 0;
          padding: 20px 0;
          text-align: center;
          width: 100%;
          box-sizing: border-box; }
          .lineup-list ul li dl dd span:hover {
            opacity: 0.7; }
  .lineup-list ul a {
    color: #1a1a1a;
    text-decoration: none; }

.lineup-navigation {
  width: 100%; }
  .lineup-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-size: 10px; }
    .lineup-navigation ul li {
      width: 20%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      line-height: 1;
      text-align: center;
      float: left;
      background: url(images/lineup-yajirushi.png) no-repeat center 40px; }

.lineupmenu4 li {
  width: 25% !important; }

.lineup-navigation ul li:first-child {
  border: none; }
.lineup-navigation ul li a {
  width: 100%;
  display: block;
  padding: 20px 0 30px; }

#l1, #l2, #l3, #l4, #l5 {
  margin: 0 0 30px;
  padding: 50px 0 0; }

.lineup-contents-first {
  margin-bottom: 1.7em; }

.lineup-contents-last {
  margin-bottom: 30px; }

.lineup-forexsample {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  position: relative;
  height: 334px; }
  .lineup-forexsample li {
    font-size: 8px;
    background: #F4F4F4;
    border-radius: 400px;
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    width: 167px;
    height: 167px;
    margin: 0;
    padding: 40px 10px;
    box-sizing: border-box;
    font-size: 12px;
    white-space: pre;
    text-align: center;
    position: absolute; }
    .lineup-forexsample li:first-child {
      left: 0;
      top: 0; }
    .lineup-forexsample li:nth-child(2) {
      top: 0;
      right: 0; }
    .lineup-forexsample li:last-child {
      top: 180px;
      left: 50%;
      margin-left: -83.5px; }

.lineup-order-type dl {
  padding: 0;
  margin: 0 0 10px;
  text-align: center; }
  .lineup-order-type dl dt {
    border: 1px solid #EAEAEA;
    font-size: 18px;
    background: #F4F4F4;
    line-height: 1;
    padding: 16px 0; }
  .lineup-order-type dl dd {
    border: 1px solid #EAEAEA;
    border-top: none !important;
    padding: 20px;
    margin: 0;
    box-sizing: border-box; }
    .lineup-order-type dl dd span {
      font-size: 18px;
      display: block; }
  .lineup-order-type dl:nth-child(2), .lineup-order-type dl:nth-child(3) {
    width: 49%; }
  .lineup-order-type dl:nth-child(2) {
    float: left; }
  .lineup-order-type dl:nth-child(3) {
    float: right; }

.lineup-order-type2 dl {
  padding: 0;
  margin: 0 0 10px;
  text-align: center; }
  .lineup-order-type2 dl dt {
    border: 1px solid #EAEAEA;
    font-size: 18px;
    background: #F4F4F4;
    line-height: 1;
    padding: 16px 0; }
  .lineup-order-type2 dl dd {
    border: 1px solid #EAEAEA;
    border-top: none !important;
    padding: 20px;
    margin: 0;
    box-sizing: border-box; }
    .lineup-order-type2 dl dd span {
      font-size: 18px;
      display: block; }

.lineup-camp {
  background: #F4F4F4;
  padding: 20px;
  box-sizing: border-box; }

.lineup-camp-first {
  margin-bottom: 30px; }

.lineup-cation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #757575; }
.lineup-cation li {
  padding: 0 0 0 12px;
  margin: 0;
  text-indent: -12px;
  font-size: 10px; }

.lineup-camp-table {
  width: 100%;
  box-sizing: border-box; }
  .lineup-camp-table dl {
    margin: 0 0 30px; }
    .lineup-camp-table dl:last-child {
      margin-bottom: 0; }
  .lineup-camp-table dt {
    font-size: 14px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    padding: 0;
    margin: 0; }
  .lineup-camp-table dd {
    padding: 0;
    margin: 0; }
  .lineup-camp-table ul {
    padding: 0 0 0 20px;
    margin: 0; }

.lineup-hiyou-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 0; }
  .lineup-hiyou-table thead th {
    border: 1px solid #EAEAEA; }
    .lineup-hiyou-table thead th:last-child {
      border-right: 1px solid #EAEAEA; }
  .lineup-hiyou-table tr td {
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    width: auto; }
  .lineup-hiyou-table th, .lineup-hiyou-table td {
    padding: 16px;
    box-sizing: border-box;
    width: 16.666%;
    font-weight: normal; }
  .lineup-hiyou-table .brw {
    border-right: 1px solid #FFFFFF !important;
    position: relative; }
    .lineup-hiyou-table .brw:before {
      content: "";
      width: 1px;
      height: 1px;
      background: #EAEAEA;
      right: -1px;
      top: -1px;
      position: absolute; }
    .lineup-hiyou-table .brw:after {
      content: "";
      width: 1px;
      height: 1px;
      background: #EAEAEA;
      right: -1px;
      bottom: -1px;
      position: absolute; }
  .lineup-hiyou-table .brw2 {
    border-right: 1px solid #FFFFFF !important; }
  .lineup-hiyou-table .blw {
    border-left: 1px solid #FFFFFF !important; }

.lineup-foot-link {
  width: 100%;
  margin: 40px 0; }
  .lineup-foot-link a {
    display: block;
    border: 1px solid #757575;
    padding: 18px 28px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 0 0 20px 0; }
    .lineup-foot-link a:last-child {
      margin: 0; }
    .lineup-foot-link a dl {
      padding: 0;
      margin: 0; }
      .lineup-foot-link a dl dt {
        padding: 0 0 15px;
        margin: 0 0 20px;
        border-bottom: 1px solid #757575;
        line-height: 1;
        font-size: 18px; }
      .lineup-foot-link a dl dd {
        padding: 0;
        margin: 0;
        font-size: 12px; }

.lht-21 {
  font-size: 21px !important; }

.red {
  color: #b9382f; }

.lineup-hiyou-table th {
  background: #EAEAEA; }

.lineup-table-type {
  width: 10% !important; }

.lineup-table-naiyou {
  width: 40% !important; }

.lineup-hiyou-ca-l ul, .lineup-hiyou-ca-r ul, .lineup-siyou-ca {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 10px; }

.lineup-hiyou-ca-l ul li, .lineup-hiyou-ca-r ul li, .lineup-siyou-ca li {
  margin: 0;
  padding: 0 0 0 12px;
  text-indent: -12px;
  color: #757575; }

.lineup-siyou {
  margin: 0 0 50px; }
  .lineup-siyou h4 {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    padding: 16px;
    margin: 0;
    border-bottom: 1px solid #d6d6d6; }
    .lineup-siyou h4:first-child {
      border-top: 1px solid #d6d6d6; }
  .lineup-siyou dl {
    padding: 0;
    margin: 0;
    display: table;
    border-collapse: collapse;
    box-sizing: border-box;
    width: 100%; }
  .lineup-siyou span {
    font-size: 11px; }
  .lineup-siyou dl dt, .lineup-siyou dl dd {
    padding: 16px 20px;
    margin: 0;
    display: table-cell;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    border-top: none; }
  .lineup-siyou dl dt {
    width: 160px;
    border-left: none; }
  .lineup-siyou dl dd {
    border-left: none;
    border-right: none; }

/*choose*/
.choose-header-image {
  margin-left: calc((100vw - 100%) / -2);
  width: 100vw;
  background-image: url(images/lineup/choose/choose_main_smp@2x.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 464px;
  position: relative;
  margin-bottom: 37px !important; }
  .choose-header-image p {
    display: block;
    width: 120px;
    height: 60px;
    background: url(images/lineup/choose/choose-title-sp.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 60px);
    top: 30px; }

#choose-contents > .pc {
  display: none; }
#choose-contents > .sp {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  left: 0;
  top: 0;
  z-index: 100;
  background: #FFF; }
  #choose-contents > .sp > h3 {
    font-size: 13px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #D6D6D6;
    line-height: 1;
    padding: 13px 0 13px;
    margin: 0;
    cursor: pointer;
    background-image: url(images/lineup/choose/choose-menu-bg.svg);
    background-repeat: no-repeat;
    background-position: right center; }
  #choose-contents > .sp .choose-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    border-bottom: 1px solid #F4F4F4;
    display: none; }
    #choose-contents > .sp .choose-menu li {
      padding: 0;
      margin: 0; }
      #choose-contents > .sp .choose-menu li a {
        color: #262626;
        padding: 16px 0;
        display: block;
        border-bottom: #F4F4F4 1px solid; }
#choose-contents #concept {
  padding-top: 80px; }
#choose-contents h4 {
  font-size: 13px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  margin: 0 0 45px; }
#choose-contents .choose-img01 {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin: 45px 0 80px; }
#choose-contents .price {
  border: #D6D6D6 1px solid;
  padding: 0;
  margin: 45px 0 20px;
  box-sizing: border-box; }
  #choose-contents .price dt {
    background: #F4F4F4;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    padding: 20px;
    margin: 0;
    text-align: center; }
  #choose-contents .price dd {
    padding: 30px 0;
    margin: 0;
    font-size: 14px;
    text-align: center; }
    #choose-contents .price dd span {
      font-size: 10px;
      display: block;
      margin-top: 10px; }
#choose-contents #select {
  padding-top: 75px; }
  #choose-contents #select h3 {
    font-size: 13px;
    line-height: 1;
    margin: 0 0 45px; }
  #choose-contents #select > div ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #choose-contents #select > div ul li {
      width: 100%;
      padding: 0;
      margin: 0 0 30px; }
      #choose-contents #select > div ul li:last-child {
        margin: 0; }
      #choose-contents #select > div ul li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 30px; }
      #choose-contents #select > div ul li p {
        font-size: 12px;
        text-align: justify;
        margin: 0; }
#choose-contents #merit {
  padding-top: 75px;
  margin-bottom: 80px; }
  #choose-contents #merit h3 {
    margin: 0 0 60px;
    line-height: 1; }
  #choose-contents #merit .merit-menu {
    margin-top: 75px;
    position: relative; }
    #choose-contents #merit .merit-menu > div {
      width: 100vw;
      margin-left: calc((100vw - 100%) / -2); }
      #choose-contents #merit .merit-menu > div .merit1,
      #choose-contents #merit .merit-menu > div .merit2 {
        background-color: #F4F4F4;
        width: 100%;
        padding: 0 18px;
        box-sizing: border-box;
        margin: 0 0 1px; }
        #choose-contents #merit .merit-menu > div .merit1.pc,
        #choose-contents #merit .merit-menu > div .merit2.pc {
          display: none; }
        #choose-contents #merit .merit-menu > div .merit1 > dt,
        #choose-contents #merit .merit-menu > div .merit2 > dt {
          font-size: 12px;
          display: flex;
          align-items: center;
          height: 80px;
          padding: 0;
          margin: 0;
          background-image: url(images/lineup/choose/plus.svg);
          background-repeat: no-repeat;
          background-position: right center;
          cursor: pointer; }
          #choose-contents #merit .merit-menu > div .merit1 > dt.open,
          #choose-contents #merit .merit-menu > div .merit2 > dt.open {
            background-image: url(images/lineup/choose/minus.svg); }
        #choose-contents #merit .merit-menu > div .merit1 > dd,
        #choose-contents #merit .merit-menu > div .merit2 > dd {
          padding: 0 0 34px;
          margin: 0;
          display: none; }
          #choose-contents #merit .merit-menu > div .merit1 > dd dl,
          #choose-contents #merit .merit-menu > div .merit2 > dd dl {
            margin: 0 0 16px;
            background: #FFF;
            padding: 16px 25px 16px 25px; }
            #choose-contents #merit .merit-menu > div .merit1 > dd dl:last-child,
            #choose-contents #merit .merit-menu > div .merit2 > dd dl:last-child {
              margin: 0; }
            #choose-contents #merit .merit-menu > div .merit1 > dd dl dt,
            #choose-contents #merit .merit-menu > div .merit2 > dd dl dt {
              padding: 0;
              margin: 0 0 5px; }
            #choose-contents #merit .merit-menu > div .merit1 > dd dl dd,
            #choose-contents #merit .merit-menu > div .merit2 > dd dl dd {
              color: #757575;
              font-size: 10px;
              padding: 0;
              margin: 0; }
      #choose-contents #merit .merit-menu > div .demerit1,
      #choose-contents #merit .merit-menu > div .demerit2 {
        background-color: #EAEAEA;
        width: 100%;
        padding: 0 18px;
        box-sizing: border-box;
        margin: 0 0 1px; }
        #choose-contents #merit .merit-menu > div .demerit1.pc,
        #choose-contents #merit .merit-menu > div .demerit2.pc {
          display: none; }
        #choose-contents #merit .merit-menu > div .demerit1 > dt,
        #choose-contents #merit .merit-menu > div .demerit2 > dt {
          font-size: 12px;
          display: flex;
          align-items: center;
          height: 80px;
          padding: 0;
          margin: 0;
          background-image: url(images/lineup/choose/plus.svg);
          background-repeat: no-repeat;
          background-position: right center;
          cursor: pointer; }
          #choose-contents #merit .merit-menu > div .demerit1 > dt.open,
          #choose-contents #merit .merit-menu > div .demerit2 > dt.open {
            background-image: url(images/lineup/choose/minus.svg); }
        #choose-contents #merit .merit-menu > div .demerit1 > dd,
        #choose-contents #merit .merit-menu > div .demerit2 > dd {
          padding: 0 0 34px;
          margin: 0;
          display: none; }
          #choose-contents #merit .merit-menu > div .demerit1 > dd dl,
          #choose-contents #merit .merit-menu > div .demerit2 > dd dl {
            margin: 0 0 16px;
            background: #FFF;
            padding: 16px 25px 16px 25px; }
            #choose-contents #merit .merit-menu > div .demerit1 > dd dl:last-child,
            #choose-contents #merit .merit-menu > div .demerit2 > dd dl:last-child {
              margin: 0; }
            #choose-contents #merit .merit-menu > div .demerit1 > dd dl dt,
            #choose-contents #merit .merit-menu > div .demerit2 > dd dl dt {
              padding: 0;
              margin: 0 0 5px; }
            #choose-contents #merit .merit-menu > div .demerit1 > dd dl dd,
            #choose-contents #merit .merit-menu > div .demerit2 > dd dl dd {
              color: #757575;
              font-size: 10px;
              padding: 0;
              margin: 0; }
#choose-contents #osusume {
  border-top: 1px solid #D6D6D6;
  width: 100vw;
  margin-left: -18px;
  padding: 0 18px;
  box-sizing: border-box; }
  #choose-contents #osusume h3 {
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    margin: 30px auto;
    text-align: center;
    padding: 0; }
  #choose-contents #osusume .osusume-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 15px; }
    #choose-contents #osusume .osusume-list li {
      padding: 0;
      margin: 0 0 30px;
      width: 160px;
      height: 160px;
      background: #F4F4F4;
      font-size: 12px;
      white-space: pre-line;
      text-align: center;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center; }
#choose-contents #plan {
  padding-top: 75px; }
  #choose-contents #plan h3 {
    margin: 0 0 45px;
    padding: 0; }
  #choose-contents #plan > p:nth-child(2) {
    margin-bottom: 62px; }
  #choose-contents #plan .plan-box.pc {
    display: none; }
  #choose-contents #plan .plan-box .plan-step {
    margin: 0 0 35px;
    list-style: none;
    padding: 0; }
    #choose-contents #plan .plan-box .plan-step li {
      text-align: center;
      font-size: 14px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      padding: 18px 0;
      margin: 0 auto;
      width: 270px;
      border-bottom: 5px solid #262626; }
      #choose-contents #plan .plan-box .plan-step li.f2 {
        border-bottom: 5px solid #D6D6D6;
        color: #D6D6D6; }
        #choose-contents #plan .plan-box .plan-step li.f2.active {
          border-bottom: 5px solid #262626;
          color: #262626; }
  #choose-contents #plan .plan-box .plan-sys {
    margin-bottom: 30px; }
    #choose-contents #plan .plan-box .plan-sys:nth-child(4) .slider-pro {
      margin-bottom: 50px; }
    #choose-contents #plan .plan-box .plan-sys > div {
      width: 270px;
      margin: 0 auto; }
      #choose-contents #plan .plan-box .plan-sys > div > span {
        display: block;
        font-size: 18px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        text-align: center;
        margin: 0 auto 25px; }
      #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-slides .sp-slide img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
      #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-slides .sp-slide p {
        font-size: 24px;
        line-height: 1;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        bottom: 0; }
        #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-slides .sp-slide p span {
          font-size: 12px;
          margin-left: 14px;
          display: inline-block; }
      #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-buttons {
        display: none !important; }
      #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows {
        display: flex !important;
        height: 16px !important;
        width: 48px !important;
        left: inherit !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        top: inherit !important;
        background: url(images/lineup/choose/slide-center.svg) no-repeat center center !important; }
        #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows .sp-arrow {
          height: 16px !important;
          width: 24px !important;
          top: 0 !important; }
          #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows .sp-arrow:before {
            display: none; }
          #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows .sp-arrow:after {
            display: none; }
          #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows .sp-arrow.sp-next-arrow {
            right: 0 !important;
            display: block;
            width: 24px !important;
            height: 16px !important;
            background: url(images/lineup/choose/slide-right.svg) no-repeat right center !important;
            white-space: nowrap;
            text-indent: 100%;
            overflow: hidden; }
          #choose-contents #plan .plan-box .plan-sys > div .slider-pro .sp-arrows .sp-arrow.sp-previous-arrow {
            left: 0 !important;
            display: block;
            width: 24px !important;
            height: 16px !important;
            background: url(images/lineup/choose/slide-left.svg) no-repeat left center !important;
            white-space: nowrap;
            text-indent: 100%;
            overflow: hidden; }
#choose-contents #taste {
  padding: 75px 0 0 0; }
  #choose-contents #taste h3 {
    margin: 0 0 45px;
    padding: 0; }
  #choose-contents #taste .sp {
    margin-bottom: 50px; }
    #choose-contents #taste .sp .taste-slider-sp .sp-slides .sp-slide h4 {
      font-size: 12px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      padding: 18px 0;
      margin: 40px 0 0;
      line-height: 1;
      text-align: center;
      cursor: pointer;
      color: #262626;
      border-bottom: 5px solid #262626; }
    #choose-contents #taste .sp .taste-slider-sp .sp-slides .sp-slide > div span {
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      text-align: center;
      display: block;
      padding: 30px 0 35px; }
    #choose-contents #taste .sp .taste-slider-sp .sp-slides .sp-slide > div img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
      #choose-contents #taste .sp .taste-slider-sp .sp-slides .sp-slide > div img:nth-child(3) {
        margin-top: 8px; }
    #choose-contents #taste .sp .taste-slider-sp .sp-arrows {
      display: block;
      top: 265px !important;
      margin-top: 0 !important; }
      #choose-contents #taste .sp .taste-slider-sp .sp-arrows .sp-arrow:before {
        display: none; }
      #choose-contents #taste .sp .taste-slider-sp .sp-arrows .sp-arrow:after {
        display: none; }
      #choose-contents #taste .sp .taste-slider-sp .sp-arrows .sp-arrow.sp-next-arrow {
        right: -32px !important;
        display: block;
        width: 24px !important;
        height: 486px !important;
        background: url(images/lineup/choose/slider-right-v2.svg) no-repeat right center !important;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden; }
      #choose-contents #taste .sp .taste-slider-sp .sp-arrows .sp-arrow.sp-previous-arrow {
        left: -32px !important;
        display: block;
        width: 24px !important;
        height: 486px !important;
        background: url(images/lineup/choose/slider-left-v2.svg) no-repeat left center !important;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden; }
  #choose-contents #taste .pc {
    display: none; }
  #choose-contents #taste .choose-equip {
    font-size: 12px;
    font-family: "Sawarabi Mincho" !important;
    background: #262626;
    color: #FFF;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 0; }
    #choose-contents #taste .choose-equip:hover {
      opacity: .5; }
  #choose-contents #taste .ca-txt.pc {
    display: none; }
#choose-contents #cost {
  padding: 75px 0 0 0; }
  #choose-contents #cost h3 {
    margin: 0  0 45px;
    padding: 0; }
  #choose-contents #cost .choose-cost-table th span {
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W3" !important;
    display: block; }
  #choose-contents #cost .choose-cost-table .bold {
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center; }
  #choose-contents #cost .choose-cost-table .bn {
    border: none;
    background: none; }
  #choose-contents #cost .choose-cost-table .bgn {
    background: none;
    border: 1px solid #F4F4F4; }
  #choose-contents #cost .choose-cost-table .f18 {
    font-size: 16px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  #choose-contents #cost .choose-cost-table .whitespace {
    width: 36px;
    display: inline-block; }
  #choose-contents #cost .choose-cost-table .whitespace2 {
    width: 45px;
    display: inline-block; }
  #choose-contents #cost .choose-cost-table .whitespace3 {
    width: 23px;
    display: inline-block; }
  #choose-contents #cost .lineup-table-naiyou {
    border: 1px solid #F4F4F4; }
  #choose-contents #cost .total {
    background: #F4F4F4 !important;
    font-size: 10px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
    #choose-contents #cost .total span {
      font-size: 16px;
      display: block;
      margin-top: 1em; }
#choose-contents #choose-contact {
  background-color: #F4F4F4;
  padding: 55px 18px;
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  box-sizing: border-box; }
  #choose-contents #choose-contact h3 {
    font-size: 12px;
    font-family: "Sawarabi Mincho" !important;
    margin: 0 auto 35px;
    padding: 0; }
  #choose-contents #choose-contact p {
    font-family: "Sawarabi Mincho" !important;
    margin: 35px auto 0;
    padding: 0;
    font-size: 12px; }
    #choose-contents #choose-contact p span {
      display: none; }
  #choose-contents #choose-contact a:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    margin: 40px auto 0;
    color: #FFF;
    font-size: 12px;
    font-family: "Sawarabi Mincho" !important;
    background: #262626; }
    #choose-contents #choose-contact a:last-child:hover {
      opacity: .5; }
#choose-contents .end {
  margin-bottom: 80px; }

/*戸建賃貸住宅*/
.rent-method-content {
  width: 100%; }
  .rent-method-content h3 {
    padding-top: 75px;
    margin-top: 0;
    margin-bottom: 35px; }
  .rent-method-content dl {
    width: 48%;
    height: 180px;
    padding: 15px 10px 0 10px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    float: left;
    margin: 0 4% 15px 0; }
    .rent-method-content dl:nth-child(2n) {
      margin-right: 0; }
    .rent-method-content dl dt {
      padding: 0 0 10px;
      margin: 0 0 15px;
      border-bottom: 1px solid #d6d6d6;
      font-size: 14px;
      text-align: center; }
    .rent-method-content dl dd {
      padding: 0 5px;
      margin: 0; }

.willstyle-contents {
  width: 100%; }
  .willstyle-contents h3 {
    padding-top: 75px;
    margin-top: 0;
    margin-bottom: 35px; }
  .willstyle-contents article {
    width: 100%; }
    .willstyle-contents article dl {
      border: 1px solid #d6d6d6;
      margin: 0 0 15px;
      padding: 0;
      box-sizing: border-box; }
      .willstyle-contents article dl dd img {
        width: 100%;
        height: auto;
        margin-top: 10px; }
      .willstyle-contents article dl dt {
        background: #F4F4F4;
        padding: 10px;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #d6d6d6; }
      .willstyle-contents article dl dd {
        padding: 20px;
        margin: 0; }

.willstyle-lineup-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none; }
  .willstyle-lineup-menu li {
    width: 25%;
    text-align: center;
    float: left; }
    .willstyle-lineup-menu li a {
      line-height: 0;
      padding: 25px 0;
      width: 100%;
      border: 1px solid #eaeaea;
      border-bottom: 0;
      border-right: 0;
      display: block;
      box-sizing: border-box; }
    .willstyle-lineup-menu li:last-child a {
      border-right: 1px solid #eaeaea; }

.rentmenu-active {
  border: 1px solid #d6d6d6 !important;
  border-bottom: none !important;
  background: #FFF;
  z-index: 5; }

.rentmenu-active2 + li a {
  border-left: none !important; }

.rent-lineup {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 35px 0 50px 0;
  margin-top: -1px; }
  .rent-lineup h4 {
    font-size: 18px;
    padding: 0 0 10px;
    margin: 0 0 30px;
    border-bottom: 1px solid #d6d6d6; }

.rent-lineup-1 > p {
  margin-bottom: 50px; }

.rent-lineup-point {
  list-style: none;
  margin: 0 0 35px;
  padding: 0; }
  .rent-lineup-point li {
    width: 48.181818%;
    margin: 0 3.636363% 15px 0;
    background: #F4F4F4;
    line-height: 0;
    padding: 20px 0;
    text-align: center;
    float: left; }
    .rent-lineup-point li:nth-child(2n) {
      margin-right: 0; }

.rent-lineup-price {
  border: 1px solid #d6d6d6;
  padding: 0;
  margin: 0 0 50px; }
  .rent-lineup-price dt {
    background: #F4F4F4;
    padding: 25px 0;
    text-align: center;
    line-height: 0;
    border-bottom: 1px solid #d6d6d6; }
  .rent-lineup-price dd {
    padding: 35px 25px;
    margin: 0; }
    .rent-lineup-price dd > div {
      border-top: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      margin-bottom: 20px;
      padding: 12.5px 0;
      display: table;
      width: 100%; }
      .rent-lineup-price dd > div > div:first-child {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #d6d6d6;
        padding: 20px 10px;
        white-space: nowrap; }
      .rent-lineup-price dd > div > div:last-child {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 20px 0 20px 0;
        font-size: 20px; }
        .rent-lineup-price dd > div > div:last-child span {
          font-size: 12px;
          display: inline-block; }

.rent-lineup-map {
  border: 1px solid #d6d6d6;
  padding: 0;
  margin: 0 0 50px; }
  .rent-lineup-map dt {
    background: #F4F4F4;
    padding: 25px 0;
    text-align: center;
    line-height: 0;
    border-bottom: 1px solid #d6d6d6; }
  .rent-lineup-map dd {
    padding: 0;
    margin: 0;
    text-align: center; }
    .rent-lineup-map dd img {
      width: 100%;
      height: auto; }

.rent-lineup-img {
  margin: 0 0 30px; }
  .rent-lineup-img img {
    width: 100%;
    height: auto; }
  .rent-lineup-img span {
    font-size: 10px;
    color: #9fa0a0; }

.rent-lineup-plan {
  border: 1px solid #d6d6d6;
  padding: 0;
  margin: 0; }
  .rent-lineup-plan img {
    margin: 0 0 35px; }
  .rent-lineup-plan dt {
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    line-height: 0;
    background: #F4F4F4; }
  .rent-lineup-plan dd {
    padding: 35px 0;
    margin: 0;
    text-align: center; }
    .rent-lineup-plan dd img {
      width: 100%;
      height: auto; }
    .rent-lineup-plan dd > div {
      margin: 0 25px; }
      .rent-lineup-plan dd > div div:first-child {
        margin-bottom: 20px; }
        .rent-lineup-plan dd > div div:first-child ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .rent-lineup-plan dd > div div:first-child ul li {
            margin: 0;
            padding: 0;
            font-size: 12px;
            text-align: left; }
      .rent-lineup-plan dd > div div:last-child {
        background: #F4F4F4;
        padding: 23px;
        box-sizing: border-box;
        font-size: 12px;
        text-align: left; }
    .rent-lineup-plan dd h5 {
      padding: 17.5px 0;
      text-align: center;
      font-size: 12px;
      font-weight: normal;
      line-height: 0;
      margin: 0 25px 20px;
      border-top: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6; }
    .rent-lineup-plan dd > div div:last-child span {
      font-size: 18px;
      display: block; }

.rent-simulation h3 {
  padding-top: 75px;
  margin-top: 0;
  margin-bottom: 35px; }
.rent-simulation article {
  margin: 0 0 20px; }
  .rent-simulation article > div {
    box-sizing: border-box; }
    .rent-simulation article > div:first-child {
      margin-bottom: 20px; }
    .rent-simulation article > div h4 {
      padding: 15px;
      margin: 0;
      text-align: center;
      background: #F4F4F4;
      border: 1px solid #d6d6d6;
      border-bottom: none;
      box-sizing: border-box; }
    .rent-simulation article > div:first-child table {
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      width: 100%; }
      .rent-simulation article > div:first-child table th, .rent-simulation article > div:first-child table td {
        border: 1px solid #d6d6d6;
        padding: 15px 20px; }
      .rent-simulation article > div:first-child table th {
        text-align: left;
        width: 40%; }

.willstyle-link, .willstyle-link2 {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px; }

.rent-simulation article > div:last-child table td {
  width: 35%; }
.rent-simulation article > div:last-child table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%; }
  .rent-simulation article > div:last-child table th, .rent-simulation article > div:last-child table td {
    border: 1px solid #d6d6d6;
    padding: 15px 20px;
    box-sizing: border-box; }
  .rent-simulation article > div:last-child table th {
    text-align: left; }
  .rent-simulation article > div:last-child table tr th:first-child {
    width: 30%; }

.rent-simu2-top {
  padding: 43px 20px !important; }

.willstyle-link, .willstyle-link2 {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px;
  font-size: 10px; }

.willstyle-link {
  margin-top: 30px; }

.willstyle-link2 {
  margin-bottom: 60px; }

.willstyle-link a {
  padding: 15px 10px;
  line-height: 1;
  color: #FFF;
  text-align: center;
  width: 100%;
  display: block;
  background: #012366;
  box-sizing: border-box; }

.willstyle-link2 a {
  padding: 15px 10px;
  line-height: 1;
  color: #FFF;
  text-align: center;
  width: 100%;
  display: block;
  background: #012366;
  box-sizing: border-box;
  background: #ab0119; }

/*=================================
*
*お客様限定コンテンツ
*資料請求
=================================*/
.limited1-contents > article, .limited2-contents > article {
  margin-bottom: 50px; }
  .limited1-contents > article > h3, .limited2-contents > article > h3 {
    font-size: 14px;
    line-height: 1;
    padding: 0 0 10px;
    margin: 0 0 35px;
    border-bottom: 1px solid #D6D6D6; }
  .limited1-contents > article > h4, .limited2-contents > article > h4 {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 25px; }
  .limited1-contents > article > p, .limited2-contents > article > p {
    margin: 0 auto 40px; }
.limited1-contents div.limited1-menu, .limited2-contents div.limited1-menu {
  box-sizing: border-box;
  border: 1px solid #D6D6D6;
  padding: 25px;
  margin-bottom: 75px; }
  .limited1-contents div.limited1-menu > div, .limited2-contents div.limited1-menu > div {
    text-align: center; }
    .limited1-contents div.limited1-menu > div:first-child, .limited2-contents div.limited1-menu > div:first-child {
      border-bottom: 1px solid #D6D6D6;
      padding-bottom: 25px;
      margin-bottom: 25px; }
    .limited1-contents div.limited1-menu > div > h5, .limited2-contents div.limited1-menu > div > h5 {
      font-size: 18px;
      line-height: 1;
      padding: 0;
      margin: 0 0 25px; }
    .limited1-contents div.limited1-menu > div span, .limited2-contents div.limited1-menu > div span {
      display: block;
      margin: 0 auto 20px;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .limited1-contents div.limited1-menu > div p, .limited2-contents div.limited1-menu > div p {
      white-space: pre-line;
      margin-bottom: 25px; }
    .limited1-contents div.limited1-menu > div a, .limited2-contents div.limited1-menu > div a {
      padding: 25px 0;
      display: block;
      background: #262626;
      font-size: 12px;
      color: #FFF;
      line-height: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .limited1-contents div.limited1-menu > div a:hover, .limited2-contents div.limited1-menu > div a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
.limited1-contents .movie > div, .limited2-contents .movie > div {
  display: none;
  position: relative; }
  .limited1-contents .movie > div.onair, .limited2-contents .movie > div.onair {
    display: block; }
  .limited1-contents .movie > div:before, .limited2-contents .movie > div:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    display: block;
    background: url("images/limited_moview_start_bg.png") no-repeat;
    background-size: 100% auto;
    left: 0;
    top: 0; }
  .limited1-contents .movie > div.hidebg:before, .limited2-contents .movie > div.hidebg:before {
    display: none !important; }
  .limited1-contents .movie > div > div[class^="movieplay_"], .limited2-contents .movie > div > div[class^="movieplay_"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }
    .limited1-contents .movie > div > div[class^="movieplay_"] img, .limited2-contents .movie > div > div[class^="movieplay_"] img {
      vertical-align: bottom;
      width: 100%;
      height: auto; }
  .limited1-contents .movie > div > div[id^="movie"], .limited2-contents .movie > div > div[id^="movie"] {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden; }
    .limited1-contents .movie > div > div[id^="movie"] iframe, .limited2-contents .movie > div > div[id^="movie"] iframe {
      vertical-align: bottom;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.limited1-contents .limited1-movie-nav dl, .limited2-contents .limited1-movie-nav dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }
  .limited1-contents .limited1-movie-nav dl > dt, .limited2-contents .limited1-movie-nav dl > dt {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #FFF;
    width: 100%; }
    .limited1-contents .limited1-movie-nav dl > dt span, .limited2-contents .limited1-movie-nav dl > dt span {
      background: #D6D6D6;
      color: #FFF;
      text-align: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      cursor: pointer;
      font-size: 12px; }
      .limited1-contents .limited1-movie-nav dl > dt span:hover, .limited2-contents .limited1-movie-nav dl > dt span:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
      .limited1-contents .limited1-movie-nav dl > dt span.onmenu, .limited2-contents .limited1-movie-nav dl > dt span.onmenu {
        background: #073B66 !important; }
    .limited1-contents .limited1-movie-nav dl > dt span:first-child, .limited2-contents .limited1-movie-nav dl > dt span:first-child {
      text-align: left;
      font-size: 12px;
      color: #FFF;
      background-color: #262626;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 25px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      cursor: pointer;
      background-image: url("images/limited_bottom.png");
      background-repeat: no-repeat;
      background-size: 13px auto;
      background-position: right 14px center; }
      .limited1-contents .limited1-movie-nav dl > dt span:first-child.content-open, .limited2-contents .limited1-movie-nav dl > dt span:first-child.content-open {
        background-image: url("images/limited_up.png") !important; }
      .limited1-contents .limited1-movie-nav dl > dt span:first-child:hover, .limited2-contents .limited1-movie-nav dl > dt span:first-child:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
      .limited1-contents .limited1-movie-nav dl > dt span:first-child:after, .limited2-contents .limited1-movie-nav dl > dt span:first-child:after {
        content: "";
        width: 12px;
        height: 13px; }
    .limited1-contents .limited1-movie-nav dl > dt .column1, .limited2-contents .limited1-movie-nav dl > dt .column1 {
      width: 100%;
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 12px; }
    .limited1-contents .limited1-movie-nav dl > dt .column2, .limited2-contents .limited1-movie-nav dl > dt .column2 {
      width: 50%;
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 12px; }
    .limited1-contents .limited1-movie-nav dl > dt .column4, .limited2-contents .limited1-movie-nav dl > dt .column4 {
      width: 50%;
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 12px; }
      .limited1-contents .limited1-movie-nav dl > dt .column4:nth-child(3), .limited2-contents .limited1-movie-nav dl > dt .column4:nth-child(3), .limited1-contents .limited1-movie-nav dl > dt .column4:nth-child(5), .limited2-contents .limited1-movie-nav dl > dt .column4:nth-child(5) {
        border: none; }
      .limited1-contents .limited1-movie-nav dl > dt .column4:nth-child(2), .limited2-contents .limited1-movie-nav dl > dt .column4:nth-child(2), .limited1-contents .limited1-movie-nav dl > dt .column4:nth-child(3), .limited2-contents .limited1-movie-nav dl > dt .column4:nth-child(3) {
        border-bottom: 1px solid #FFF; }
    .limited1-contents .limited1-movie-nav dl > dt .wbr, .limited2-contents .limited1-movie-nav dl > dt .wbr {
      box-sizing: border-box;
      border-right: 1px solid #FFF; }
  .limited1-contents .limited1-movie-nav dl > dd, .limited2-contents .limited1-movie-nav dl > dd {
    display: none;
    margin: 0;
    padding: 25px 0;
    width: 100%;
    box-sizing: border-box; }
    .limited1-contents .limited1-movie-nav dl > dd > h5, .limited2-contents .limited1-movie-nav dl > dd > h5 {
      font-size: 14px;
      padding: 0;
      margin: 0 auto 15px; }
    .limited1-contents .limited1-movie-nav dl > dd p, .limited2-contents .limited1-movie-nav dl > dd p {
      margin: 0; }

#movie_2 {
  padding-top: 75px; }

.limited2-contents .limited2-movie-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%; }
  .limited2-contents .limited2-movie-nav ul li {
    width: 50%;
    line-height: 0;
    padding: 23px 0;
    text-align: center;
    background-color: #D6D6D6;
    color: #FFF;
    cursor: pointer; }
    .limited2-contents .limited2-movie-nav ul li.l2-active {
      background-color: #073B66 !important; }
.limited2-contents .limited2-c > div {
  padding: 25px 0 0 !important; }
  .limited2-contents .limited2-c > div > h5 {
    font-size: 14px;
    padding: 0;
    margin: 0 auto 15px; }
  .limited2-contents .limited2-c > div p {
    margin: 0; }

/*=================================
*
*家づくりガイド
*
=================================*/
.guide-header {
  margin: 0 0 50px; }
  .guide-header img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: bottom; }
  .guide-header article {
    padding: 0 0 30px 0;
    display: table;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
    .guide-header article div h3 {
      margin: 15px 0 24px; }
    .guide-header article div p {
      margin: 0; }

.guide-list ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .guide-list ul li {
    padding: 20px 0 50px;
    width: 48%;
    position: relative;
    margin: 0 4% 30px 0;
    float: left;
    border-top: 1px solid #1a1a1a; }
    .guide-list ul li:nth-child(2n) {
      margin-right: 0; }
    .guide-list ul li dl {
      margin: 0;
      padding: 0; }
      .guide-list ul li dl a:hover {
        background: #FFF; }
      .guide-list ul li dl dt {
        font-size: 14px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        margin: 0 0 10px;
        padding: 0; }
      .guide-list ul li dl dd {
        margin: 0;
        padding: 0; }
        .guide-list ul li dl dd span {
          position: absolute;
          bottom: 0;
          line-height: 0;
          display: block;
          background: #1a1a1a;
          color: #FFF;
          padding: 20px;
          text-align: center;
          width: 100%;
          box-sizing: border-box; }
          .guide-list ul li dl dd span:hover {
            opacity: 0.7; }
  .guide-list ul a {
    color: #1a1a1a;
    text-decoration: none; }

/*共通メニューレイアウト*/
.guide-navigation {
  width: 100%; }
  .guide-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6; }
    .guide-navigation ul li {
      width: 50%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      line-height: 1.4em;
      text-align: left;
      float: left;
      background: url(images/guide-navi-bg-smp.png) no-repeat 90% center;
      font-size: 12px; }

.page-id-96 .guide-navigation ul {
  border-bottom: none !important; }

.guidemenu4 li {
  width: 25% !important; }

.guide-navigation ul li:first-child, .guide-navigation ul li:nth-child(3), .guide-navigation ul li:nth-child(5), .guide-navigation ul li:nth-child(7) {
  border-left: none; }
.guide-navigation ul li:last-child {
  background: none !important; }

.hoshou-end {
  padding: 15px 10px !important;
  border-bottom: none !important; }

.guide-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  .guide-navigation ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    box-sizing: border-box; }

.w167 {
  width: 16.7% !important; }

.w21 {
  width: 21% !important; }

.w246 {
  width: 24.6% !important; }

.guide-link {
  text-align: center;
  margin: 0 auto 75px;
  display: block;
  line-height: 1; }
  .guide-link a {
    margin-top: 35px;
    padding: 20px;
    border: 1px solid #757575;
    display: inline-block; }
    .guide-link a:hover {
      border: 1px solid #1a1a1a; }

/*page-88.php テクノロジー重量木骨の家*/
.se-how {
  width: 100%;
  margin: 0 0 75px; }
  .se-how > div:first-child {
    margin: 0 0 1.7em; }
  .se-how > div img {
    width: 100%;
    height: auto; }

.se-reason {
  width: 100%; }
  .se-reason div {
    width: 100%;
    margin: 0 0 60px; }
    .se-reason div img {
      width: 100%;
      height: auto; }
    .se-reason div:first-child img {
      border: 1px solid #d6d6d6;
      box-sizing: border-box; }
  .se-reason h4 {
    font-size: 16px; }

.se-2col {
  width: 100%;
  margin: 0; }
  .se-2col > div {
    margin: 0 0 30px; }
    .se-2col > div:last-child {
      margin: 0; }
    .se-2col > div img {
      width: 100%;
      height: auto;
      margin-bottom: 1.7em; }

.se-link1 a {
  width: 100%;
  box-sizing: border-box;
  font-size: 10px; }

.se-link2 {
  display: inline;
  width: 100%; }
  .se-link2 a {
    display: block;
    font-size: 10px; }

.se-cell {
  margin-bottom: 1.7em; }

.se-link3 {
  width: 100%;
  margin: 0 0 30px; }
  .se-link3 span {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0; }
    .se-link3 span:last-child {
      float: right; }
    .se-link3 span a {
      display: block;
      border: 1px solid #757575;
      padding: 20px;
      line-height: 1; }
      .se-link3 span a:hover {
        border: 1px solid #1a1a1a; }

#t4 > img {
  width: 100%;
  height: auto;
  margin: 20px 0 75px; }

/*page-90.php 長期優良住宅制度*/
.choki2col {
  width: 100%;
  margin: 0; }
  .choki2col > div:last-child {
    float: right; }
  .choki2col > div img {
    width: 100%;
    height: auto;
    margin: 35px 0 20px; }

.guide-chouki-contents .ca-txt {
  margin: 0 0 60px; }
.guide-chouki-contents .smp-table {
  margin: 0 0 10px; }

.choki-table {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px; }
  .choki-table td, .choki-table th {
    padding: 16px;
    border: 1px solid #d6d6d6;
    text-align: center; }

.choki-ippan {
  background: #EEEDEB; }

.choki-yuryo {
  background: #597A93;
  color: #FFF; }

.choki-reset {
  padding: 0 !important; }

.choki-table td dl {
  padding: 0;
  margin: 0;
  width: 100%; }
  .choki-table td dl dt {
    width: 40%;
    border-right: 1px solid #d6d6d6;
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    float: left;
    display: block; }
  .choki-table td dl dd {
    width: 60%;
    float: right;
    display: block;
    padding: 20px;
    margin: 0;
    box-sizing: border-box; }

.choki-seido {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 35px; }
  .choki-seido dl {
    display: table-row;
    width: 100%;
    border: 1px solid #d6d6d6;
    border-top: none; }
    .choki-seido dl:first-child {
      border-top: 1px solid #d6d6d6; }
    .choki-seido dl dt {
      display: table-cell;
      width: 110px;
      padding: 16px;
      box-sizing: border-box;
      border-right: 1px solid #d6d6d6; }
    .choki-seido dl dd {
      display: table-cell;
      padding: 16px;
      box-sizing: border-box; }

.choki-end img {
  margin: 0  0 30px !important; }

/*page-92.php ゼロエネグリー住宅*/
.zero2col {
  width: 100%;
  margin: 0 0 50px; }
  .zero2col img {
    width: 100%;
    height: auto; }
  .zero2col h3 {
    margin-top: 0; }
  .zero2col .ca-txt {
    margin-top: 20px; }
  .zero2col > div {
    margin-bottom: 30px; }
  .zero2col span {
    display: inline;
    width: 100%;
    text-align: center;
    margin: 0 auto 75px;
    line-height: 1; }
    .zero2col span a {
      display: block;
      font-size: 10px;
      margin-top: 35px;
      padding: 20px;
      border: 1px solid #757575; }

.zero-image {
  margin: 0 0 50px; }
  .zero-image img {
    width: 100%;
    height: auto; }

/*page-94.php 土地探しの秘訣*/
.guide-tochi-contents article {
  margin: 0 0 30px; }

.tochi-nayami {
  width: 100%;
  background: url(images/tochi-nayami-bg.png) no-repeat 10px center;
  margin: 0 0 60px; }
  .tochi-nayami ul {
    padding: 0 0 0 70px;
    margin: 0;
    list-style: none;
    text-align: left;
    position: relative;
    width: 100%;
    box-sizing: border-box; }
    .tochi-nayami ul li {
      background: #EEEDEB;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      width: 100%;
      margin: 0 0 10px;
      padding: 10px;
      box-sizing: border-box;
      text-align: left; }

.tochi2col {
  width: 100%;
  margin: 0 0 60px; }
  .tochi2col > div {
    margin: 0 0 1.4em; }

.tochi1point {
  padding: 25px 30px;
  width: 100%;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 35px; }
  .tochi1point > div {
    width: 100%; }
    .tochi1point > div > div:first-child {
      margin: 0 0 20px; }
    .tochi1point > div > div:last-child {
      margin: 0 auto;
      text-align: center; }
  .tochi1point h3 {
    text-align: center;
    margin: 0 0 25px;
    line-height: 1; }
  .tochi1point img {
    width: 80%;
    height: auto; }
  .tochi1point:before {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    right: 50%;
    border-width: 20px 12px 0 12px;
    bottom: -19px;
    z-index: 10;
    margin-right: -10px; }
  .tochi1point:after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #d6d6d6;
    position: absolute;
    right: 50%;
    border-width: 20px 12px 0 12px;
    bottom: -21px;
    margin-right: -10px; }
  .tochi1point ~ span {
    display: block;
    text-align: center;
    margin: 0 auto 40px; }
    .tochi1point ~ span a {
      display: block;
      padding: 10px;
      width: 100%;
      margin: 0 auto;
      border: 1px solid #d6d6d6;
      box-sizing: border-box;
      white-space: pre-line;
      line-height: 1.4em; }

.tochi-voice-t {
  font-size: 14px;
  line-height: 1;
  padding: 20px 0;
  margin: 0;
  text-align: center;
  border-top: 1px solid #d6d6d6; }

.tochi-v-c {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px; }
  .tochi-v-c ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .tochi-v-c li {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    background: #EEEDEB;
    position: relative; }
    .tochi-v-c li span {
      display: block;
      position: absolute;
      right: 10px;
      bottom: 10px; }

.tochi-link {
  display: block;
  text-align: center;
  margin: 0 auto; }
  .tochi-link a {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    line-height: 1.4em; }

/*page-96.php 保証について*/
.guide-hosho-contents h3 {
  line-height: 1.4em;
  margin-top: 0;
  padding-top: 50px; }

.hoshou-c {
  width: 100%; }
  .hoshou-c:nth-child(4) {
    margin-bottom: 30px; }
    .hoshou-c:nth-child(4) ~ img {
      width: 100%;
      height: auto;
      margin: 30px 0; }
  .hoshou-c > div p {
    margin-top: 0;
    margin-bottom: 20px; }

.hoshou-c-img {
  width: 100%;
  height: auto; }

.hoshou-c:last-child div:first-child {
  margin: 0 0 1.4em; }

#hosho-menu dl {
  padding: 0;
  margin: 0 0 30px;
  border-bottom: 1px solid #d6d6d6; }
  #hosho-menu dl dt {
    margin: 0;
    padding: 18px 0;
    list-style: none;
    background: url(images/lineup-yajirushi.png) no-repeat 95% center;
    line-height: 1;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    cursor: pointer; }

.dt-on {
  border-bottom: none; }

#hosho-menu dl dd {
  width: 100%;
  margin: 0;
  display: none;
  box-sizing: border-box; }

.hoshou-img {
  float: right;
  margin: 0 0 20px 20px;
  width: auto !important; }

.hoshou-c > div:last-child {
  float: right; }
  .hoshou-c > div:last-child img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
.hoshou-c > div p {
  margin-top: 0;
  margin-bottom: 20px; }
.hoshou-c .ca-txt {
  margin-bottom: 20px; }

#h0 {
  padding-top: 20px !important; }

.hoshou-kensa {
  width: 100%;
  margin-bottom: -16px;
  margin-top: 35px; }
  .hoshou-kensa dl {
    border: #D6D6D6 1px solid;
    box-sizing: border-box;
    text-align: center;
    width: 48%;
    float: left;
    margin: 0 4% 16px 0; }
    .hoshou-kensa dl:nth-child(2n) {
      margin-right: 0; }
    .hoshou-kensa dl dt {
      background: #EAEAEA;
      border-bottom: 1px solid #D6D6D6;
      white-space: pre-line;
      height: 75px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      box-sizing: border-box; }
    .hoshou-kensa dl dd {
      padding: 25px 23px 0;
      margin: 0;
      height: 125px;
      box-sizing: border-box;
      text-align: left; }

.aftersupport-link a {
  padding: 20px 0;
  width: 100%;
  border: #757577 1px solid;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin-bottom: 50px;
  letter-spacing: 0; }
  .aftersupport-link a:hover {
    border: #262626 1px solid; }

/*アフターサポート*/
.as-contents article > header {
  background: url(images/24hour_bg.png) no-repeat;
  background-size: 64px 64px;
  background-position: center 20px;
  border-top: #D6D6D6 solid 2px;
  margin-bottom: 30px; }
  .as-contents article > header h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 100px; }
.as-contents img {
  width: 100%;
  height: auto; }
.as-contents article .ca-txt {
  margin-bottom: 20px;
  margin-top: 20px; }

.saigai-t {
  background-image: url(images/9_17hour_bg.png) !important; }

.kaketuke-s dl {
  width: 48%;
  box-sizing: border-box;
  border: 2px solid #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 4% 16px 0; }
  .kaketuke-s dl:nth-child(2n) {
    margin-right: 0; }
  .kaketuke-s dl dt {
    height: 50px;
    background: #EAEAEA;
    border-bottom: 2px solid #D6D6D6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .kaketuke-s dl dd {
    padding: 25px 23px 0;
    margin: 0;
    height: 200px;
    box-sizing: border-box;
    text-align: center;
    background: url(images/kaketuke_img01.png) no-repeat;
    background-size: 100px;
    background-position: center bottom; }
  .kaketuke-s dl:nth-child(2) dd {
    background-image: url(images/kaketuke_img02.png); }
  .kaketuke-s dl:nth-child(3) dd {
    background-image: url(images/kaketuke_img03.png); }
  .kaketuke-s dl:nth-child(4) dd {
    background-image: url(images/kaketuke_img04.png); }
  .kaketuke-s dl:nth-child(5) dd {
    background-image: url(images/kaketuke_img05.png); }

.otetudai-s dl {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 0 16px 0; }
  .otetudai-s dl dt {
    height: 50px;
    background: #EAEAEA;
    border-bottom: 2px solid #D6D6D6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .otetudai-s dl dd {
    padding: 25px 23px 0;
    margin: 0;
    height: 200px;
    box-sizing: border-box;
    text-align: center;
    background: url(images/tetudai_img01.png) no-repeat;
    background-size: 138px 100px;
    background-position: center bottom; }
  .otetudai-s dl:nth-child(2) dd {
    background-image: url(images/tetudai_img02.png); }
  .otetudai-s dl:nth-child(3) dd {
    background-image: url(images/tetudai_img03.png); }

.saigai-s dl {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 0 16px 0; }
  .saigai-s dl dt {
    height: 50px;
    background: #EAEAEA;
    border-bottom: 2px solid #D6D6D6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .saigai-s dl dd {
    padding: 25px 23px 0;
    margin: 0;
    height: 200px;
    box-sizing: border-box;
    text-align: center;
    background: url(images/saigai_img01.png) no-repeat;
    background-size: 100px;
    background-position: center bottom; }
  .saigai-s dl:nth-child(2) dd {
    background-image: url(images/saigai_img02.png); }

.iryou-s dl {
  width: 48%;
  box-sizing: border-box;
  border: 2px solid #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 4% 16px 0; }
  .iryou-s dl:nth-child(2n) {
    margin-right: 0; }
  .iryou-s dl dt {
    height: 50px;
    background: #EAEAEA;
    border-bottom: 2px solid #D6D6D6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .iryou-s dl dd {
    padding: 25px 23px 0;
    margin: 0;
    height: 250px;
    box-sizing: border-box;
    text-align: center;
    background: url(images/iryou_img01.png) no-repeat;
    background-size: 100px;
    background-position: center bottom; }
    .iryou-s dl dd br {
      display: none; }
  .iryou-s dl:nth-child(2) dd {
    background-image: url(images/iryou_img02.png); }
  .iryou-s dl:nth-child(3) dd {
    background-image: url(images/iryou_img03.png); }
  .iryou-s dl:nth-child(4) dd {
    background-image: url(images/iryou_img04.png); }
  .iryou-s dl:nth-child(5) dd {
    background-image: url(images/iryou_img05.png); }
  .iryou-s dl:nth-child(6) dd {
    background-image: url(images/iryou_img06.png); }
  .iryou-s dl:nth-child(7) dd {
    background-image: url(images/iryou_img07.png); }
  .iryou-s dl:nth-child(8) dd {
    background-image: url(images/iryou_img08.png); }

.after-end {
  border-top: 2px solid #D6D6D6;
  padding-top: 35px;
  display: block; }

/*page-98.php 費用について*/
.guide-cost-contents h3 {
  margin-top: 0;
  padding-top: 75px; }

.cost-navigation {
  width: 100%; }
  .cost-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .cost-navigation ul li {
      width: 33.3%;
      height: 70px;
      margin: 0;
      padding: 0 10px;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      line-height: 1.4em;
      text-align: center;
      float: left;
      background: url(images/lineup-yajirushi.png) no-repeat center 50px;
      font-size: 10px; }
      .cost-navigation ul li:first-child {
        border: none; }
      .cost-navigation ul li a {
        width: 100%;
        display: block;
        padding: 20px 0 30px; }

.guide-cost-contents .smp-table {
  margin: 0 0 10px; }

.cost-table {
  width: 100%;
  margin: 0 0 35px; }
  .cost-table td {
    padding: 16px;
    border: 1px solid #c1c1c1;
    text-align: left; }
  .cost-table th {
    padding: 16px;
    border: 1px solid #c1c1c1;
    text-align: left;
    background: #EEEDEB; }

.cost72 {
  width: 72px; }

.cost-link {
  display: block;
  text-align: center;
  margin: 0 0 30px; }
  .cost-link a {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    line-height: 1.4em;
    border: 1px solid #d6d6d6;
    box-sizing: border-box; }

/*page-101.php 施工エリア*/
.guide-area-contents article {
  overflow: hidden; }

.area-img {
  width: 290px;
  display: none; }

.area-txt {
  width: 100%;
  margin: 0;
  float: right; }

.area-txt-in {
  margin: 0; }

.area-list {
  border-collapse: collapse;
  margin: 0 0 10px; }
  .area-list table {
    padding: 0;
    margin: 0;
    width: 100%; }
    .area-list table th, .area-list table td {
      padding: 16px;
      margin: 0;
      display: table-cell;
      border: 1px solid #c1c1c1; }
    .area-list table th {
      background: #F4F4F4;
      text-align: left;
      font-weight: normal; }

.area_t_1 {
  width: 46px;
  box-sizing: border-box; }

.area_t_2 {
  width: 90px;
  box-sizing: border-box; }

.area-list dl {
  display: table-row;
  padding: 0;
  margin: 0; }
  .area-list dl dt, .area-list dl dd {
    padding: 16px;
    margin: 0;
    display: table-cell;
    border: 1px solid #c1c1c1; }
  .area-list dl dt {
    width: 65px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }

.area-chuigaki {
  list-style: none; }
  .area-chuigaki li {
    margin: 0 0 0 -1.5em;
    padding: 0;
    text-indent: -1.5em; }
    .area-chuigaki li:before {
      content: "■ "; }

.guide-area-contents .ca-txt {
  margin: 0 0 30px; }

/*page-103.php 家づくりのながれ*/
.flow-navigation {
  width: 100%; }
  .flow-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .flow-navigation ul li {
      width: 33.33%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      line-height: 1.4em;
      text-align: center;
      float: left;
      background: url(images/lineup-yajirushi.png) no-repeat center 40px;
      font-size: 10px; }
      .flow-navigation ul li:first-child {
        border: none; }
      .flow-navigation ul li a {
        width: 100%;
        display: block;
        padding: 20px 0 30px; }

.guide-flow-contents h3 {
  padding-top: 50px;
  margin-top: 0; }

.flow-c {
  width: 100%;
  position: relative;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  margin: 0 0 30px; }
  .flow-c h4 {
    white-space: pre-line;
    padding: 20px;
    margin: 0;
    line-height: 1.4em;
    background: #EEEDEB;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px; }
  .flow-c > div {
    padding: 20px;
    width: 100%;
    box-sizing: border-box; }
    .flow-c > div dl {
      padding: 0;
      margin: 0; }
      .flow-c > div dl dt {
        font-size: 14px;
        line-height: 1.4em;
        padding: 0;
        margin: 0 0 20px; }
      .flow-c > div dl dd {
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box; }
  .flow-c:before {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -39px;
    z-index: 10;
    margin-left: -20px; }
  .flow-c:after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #d6d6d6;
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -20px; }

.fnon {
  margin-bottom: 30px; }
  .fnon:before, .fnon:after {
    border: none; }

/*page-106.php よくある質問*/
.guide-faq-contents article {
  margin: 0 0 96px; }

.faq-menu-c {
  width: 100%; }
  .faq-menu-c > div:first-child dl:last-child {
    border-bottom: none !important; }

.faq-menu dl {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d6d6d6; }
  .faq-menu dl dt {
    margin: 0;
    background: url(images/lineup-yajirushi.png) no-repeat 96% center;
    line-height: 1.4em;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    cursor: pointer; }
    .faq-menu dl dt div {
      padding: 18px 35px 18px 35px;
      background: url(images/faq-q.png) no-repeat left center;
      background-size: 18px 21px; }
  .faq-menu dl dd {
    width: 100%;
    margin: 0;
    padding: 11px 0 0 0;
    display: none;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .faq-menu dl dd img {
      float: left; }
    .faq-menu dl dd > div {
      float: right;
      margin-left: -35px;
      width: 100%; }
      .faq-menu dl dd > div > div {
        margin-left: 35px; }
        .faq-menu dl dd > div > div p {
          margin-top: 0; }

.faq-link {
  text-align: center;
  line-height: 1;
  margin: 0 0 35px;
  display: block; }
  .faq-link a {
    padding: 20px;
    border: 1px solid #d6d6d6;
    display: block; }
    .faq-link a:hover {
      border: 1px solid #1a1a1a; }

/*page-942.php テクノロジー*/
.tech-navigation {
  margin-bottom: 50px;
  width: 100%; }
  .tech-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .tech-navigation ul li {
      width: 25%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      line-height: 1;
      text-align: center;
      float: left;
      background: url(images/lineup-yajirushi.png) no-repeat center 40px; }
      .tech-navigation ul li:first-child {
        border: none; }
      .tech-navigation ul li a {
        width: 100%;
        display: block;
        padding: 20px 0 30px; }

.tec-active {
  background: #EEEDEB;
  color: #1a1a1a; }

#tech-c > div > h3 {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d6d6d6; }
#tech-c > div h4 {
  font-size: 18px;
  margin-top: 0; }

.techcol2 {
  width: 100%;
  margin: 0 0 50px; }
  .techcol2 > div {
    margin: 0 0 1.7em; }
    .techcol2 > div:last-child {
      float: right; }
    .techcol2 > div img {
      width: 100%;
      height: auto; }

#t2 img {
  width: 100%;
  height: auto; }
#t2 table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box; }
  #t2 table th, #t2 table td {
    padding: 10px;
    font-weight: normal;
    text-align: left;
    border: 1px solid #d6d6d6; }

/*page- 3787.php こだわり装備*/
.equip-header h2 {
  margin-bottom: 50px; }

.equip-tab-menu {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: flex; }
  .equip-tab-menu li {
    width: 50%;
    background: #F4F4F4;
    color: #D6D6D6;
    cursor: pointer;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 10px; }
    .equip-tab-menu li.active {
      background: #262626;
      color: #FFFFFF; }

.aquip-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100vw;
  margin-left: -18px; }
  .aquip-navigation.pc {
    display: none; }
  .aquip-navigation h3 {
    font-size: 10px !important;
    line-height: 1 !important;
    padding: 19px 17px !important;
    margin: 0 !important;
    border: none !important;
    border-top: 1px solid #F4F4F4 !important;
    border-bottom: 1px solid #F4F4F4 !important;
    box-sizing: border-box;
    width: 100%;
    background-image: url(images/lineup/choose/choose-menu-bg.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer; }
  .aquip-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px; }
    .aquip-navigation ul.aa-menus li:nth-child(2n) {
      border-left: 1px solid #F4F4F4; }
    .aquip-navigation ul.choose-menus li:nth-child(2n) {
      border-right: 1px solid #F4F4F4; }
    .aquip-navigation ul li {
      margin: 0;
      width: 50%;
      box-sizing: border-box;
      line-height: 1;
      border-bottom: 1px solid #F4F4F4; }
      .aquip-navigation ul li.choose-first {
        width: 100%; }
      .aquip-navigation ul li a {
        color: #262626;
        display: block;
        padding: 19px 17px !important; }
        .aquip-navigation ul li a:hover {
          opacity: .5; }

.equip-wrap > section {
  display: none; }
  .equip-wrap > section.show {
    display: block; }

.guide-aquip-contents h3 {
  padding: 75px 0 16px;
  margin: 0 0 35px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1;
  font-size: 14px; }

.equip-choose > div h3 {
  padding: 75px 0 16px;
  margin: 0 0 35px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1;
  font-size: 14px; }
.equip-choose > div > div img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
  .equip-choose > div > div img:nth-child(2) {
    margin-top: 8px; }
.equip-choose > div h4 {
  padding: 0;
  font-size: 14px; }
.equip-choose > div.two > div {
  width: 100%;
  display: block; }
  .equip-choose > div.two > div img {
    width: 100%;
    height: auto; }

.choose-equip-ca {
  margin: 60px 0; }

.guide-aquip-contents h3 {
  padding: 75px 0 16px;
  margin: 0 0 20px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1; }

.aquip-c {
  width: 100%;
  display: table; }
  .aquip-c > div img {
    width: 100%;
    height: auto; }
  .aquip-c > div h4 {
    padding: 0;
    font-size: 14px; }
  .aquip-c .ca-txt {
    margin-top: 20px; }

.guide-aquip-contents > article > .ca-txt {
  margin: 50px 0 35px 0; }

/*
	会社概要配下
	company/配下
*/
.company-header article {
  padding: 0 0 20px 0;
  display: table;
  border-bottom: 1px solid #c1c1c1;
  box-sizing: border-box;
  width: 100%;
  margin: 0; }
  .company-header article div {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
    .company-header article div:last-child {
      float: right; }
    .company-header article div h3 {
      margin: 15px 0 24px; }
    .company-header article div p {
      margin: 0; }

.company-contents {
  margin: 0 0 30px; }
  .company-contents > article:first-child {
    margin-bottom: 2em; }

/*page-68.php 企業情報*/
.company-top-contents ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .company-top-contents ul li {
    width: 48%;
    border-bottom: 1px solid #D6D6D6; }
    .company-top-contents ul li a {
      font-size: 12px;
      display: block;
      padding: 24px 0;
      width: 100%;
      color: #262626;
      background: url(images/company-list_bg.svg) no-repeat right 8px center;
      background-size: 7px auto;
      transition: 0.3s; }
      .company-top-contents ul li a:hover {
        opacity: 0.5; }
    .company-top-contents ul li:first-child, .company-top-contents ul li:nth-child(2) {
      border-top: 1px solid #D6D6D6; }

/*page-70.php 企業概要*/
.company-gaiyou-contents article .overview-1 {
  width: 100%; }
  .company-gaiyou-contents article .overview-1 > dl {
    border-bottom: 1px solid #F0F0F0;
    padding: 30px 0;
    margin: 0; }
    .company-gaiyou-contents article .overview-1 > dl dt {
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      font-weight: 600;
      padding: 0;
      margin: 0; }
    .company-gaiyou-contents article .overview-1 > dl dd {
      padding: 0;
      margin: 0; }
      .company-gaiyou-contents article .overview-1 > dl dd a {
        color: #757575;
        text-decoration: underline;
        transition: 0.3s; }
        .company-gaiyou-contents article .overview-1 > dl dd a:hover {
          color: #262626; }
        .company-gaiyou-contents article .overview-1 > dl dd a[target="_blank"] {
          color: #262626;
          text-decoration: none; }
          .company-gaiyou-contents article .overview-1 > dl dd a[target="_blank"] img {
            height: 12px;
            width: auto;
            margin-left: 6px; }
          .company-gaiyou-contents article .overview-1 > dl dd a[target="_blank"]:hover {
            color: #808080; }
      .company-gaiyou-contents article .overview-1 > dl dd .sub {
        color: #757575; }

/*page-2348.php 社長メッセージ*/
.company-president {
  width: 100%; }
  .company-president h3 {
    line-height: 1.4;
    margin: 0 0 20px; }
    .company-president h3 br {
      display: none; }

.president-c {
  width: 100%;
  margin: 0 auto 35px; }
  .president-c figure {
    margin-bottom: 40px; }
    .president-c figure img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
      .president-c figure img.pc {
        display: none; }
  .president-c h3 {
    margin-bottom: 35px; }
  .president-c .name {
    margin-top: 4em;
    text-align: right; }

/*page-851.php 沿革*/
.company-enkaku-contents article {
  width: 100%; }
  .company-enkaku-contents article dl {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    padding: 14px 0;
    margin: 0; }
    .company-enkaku-contents article dl:last-child {
      border-bottom: 1px solid #eaeaea; }
    .company-enkaku-contents article dl dt {
      box-sizing: border-box;
      font-size: 10px;
      font-weight: 500;
      padding: 0;
      margin: 0 0 7px; }
      .company-enkaku-contents article dl dt span {
        display: inline-block;
        width: 0.7em; }
    .company-enkaku-contents article dl dd {
      box-sizing: border-box;
      padding: 0;
      margin: 0; }

/*page-72.php 企業理念*/
.company-rinen-contents article {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .company-rinen-contents article div {
    margin-bottom: 30px; }
    .company-rinen-contents article div ol {
      padding-left: 20px;
      margin: 0; }

.page-id-72 .fs16 {
  font-size: 10px !important; }
.page-id-72 ol {
  padding: 0 0 0 18px; }

.company-rinen-contents h3 {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  margin: 0 0 20px; }

/*page-648.php CSR*/
.csr-contents h3 {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  margin: 0 0 20px; }
.csr-contents h4 {
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 20px; }

.csr-text {
  margin-bottom: 30px; }

.csr-list {
  margin: 0 0 35px;
  padding: 0;
  list-style: none; }
  .csr-list li {
    padding: 0;
    margin: 0; }

.csr-w p {
  margin-bottom: 35px; }
.csr-w img {
  width: 100%;
  height: auto; }
.csr-w figure {
  margin-bottom: 35px; }
.csr-w .past-title {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  color: #808080;
  position: relative; }
  .csr-w .past-title:before {
    width: calc(100% - 11em);
    height: 1px;
    content: '';
    display: block;
    background-color: #D5D5D5;
    position: absolute;
    right: 0;
    top: 50%; }
.csr-w .past-title-h4 {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W3" !important;
  margin-bottom: 1em; }
.csr-w .past-text {
  font-size: 12px; }

.csr-2018 > div:first-child > div > p, .csr-2018 > div:last-child > div > p:nth-child(5) {
  margin-bottom: 20px; }

.page-id-648 #contents {
  margin: 0 0 45px !important; }

.csr-w > div figure figcaption {
  color: #757575; }

/*page-7４.php アクセス*/
.access-navigation {
  width: 100%; }
  .access-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center;
    align-items: center; }
    .access-navigation ul li {
      width: 50%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      line-height: 1;
      text-align: center;
      float: left; }
      .access-navigation ul li:nth-child(1) {
        width: 100%; }
      .access-navigation ul li:nth-child(2n) {
        border-left: 1px solid #ffffff; }
      .access-navigation ul li:nth-child(3), .access-navigation ul li:nth-child(4) {
        border-top: 1px solid #ffffff; }

.access-navigation ul li a {
  display: block;
  width: 100%;
  padding: 21px 0;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 1.4;
  background: #f4f4f4;
  color: #d6d6d6; }
  .access-navigation ul li a span {
    display: block;
    font-size: 9px;
    letter-spacing: 0; }
  .access-navigation ul li a:hover {
    background: #262626;
    color: #ffffff; }

.acc-active {
  background: #262626 !important;
  color: #ffffff !important; }

.company-access-contents article {
  margin: 0; }
  .company-access-contents article h3 {
    padding: 50px 0 0 0;
    margin: 0 0 20px; }

#access-tab-c {
  position: relative; }
  #access-tab-c > div {
    position: absolute;
    background: #FFF;
    left: 0;
    top: 0; }
    #access-tab-c > div > div {
      position: relative; }
      #access-tab-c > div > div > div:first-child img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 60px; }
      #access-tab-c > div > div > div:last-child dl {
        margin: 0 0 30px;
        padding: 0; }
        #access-tab-c > div > div > div:last-child dl:last-child {
          margin-bottom: 60px; }
        #access-tab-c > div > div > div:last-child dl dt {
          padding: 0;
          margin: 0;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600; }
        #access-tab-c > div > div > div:last-child dl dd {
          padding: 0;
          margin: 0; }
      #access-tab-c > div > div > div:last-child > span a {
        display: block;
        text-align: center;
        border: 1px solid #757575;
        padding: 20px;
        line-height: 0;
        width: 100%;
        font-size: 12px;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 20px; }
        #access-tab-c > div > div > div:last-child > span a:hover {
          border: 1px solid #262626; }
  #access-tab-c .link-block {
    margin-bottom: 60px; }
    #access-tab-c .link-block ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      #access-tab-c .link-block ul li {
        width: 100%;
        padding: 0;
        margin: 0 0 24px; }
        #access-tab-c .link-block ul li a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 64px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          font-size: 12px;
          background-color: #262626;
          color: #ffffff;
          transition: 0.3s; }
          #access-tab-c .link-block ul li a:hover {
            opacity: 0.5; }

.company-access-contents article {
  margin: 0; }
  .company-access-contents article h3 {
    padding: 35px 0 15px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #D6D6D6;
    line-height: 1; }

.access-train, .access-car, .access-parking, .access-bus {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 55px; }

.access-train dt, .access-car dt, .access-parking dt, .access-bus dt {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 30px;
  padding: 0; }

.access-train dd, .access-car dd, .access-parking dd, .access-bus dd {
  padding: 0;
  margin: 0; }

.map-c > div:first-child {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  overflow: hidden; }

#map-honsha, #map-osaka, #map-ashiya, #map-minamiosaka, #map-tokyo, #map-living {
  width: 100%;
  height: 280px; }

.map-txt {
  width: 100%; }
  .map-txt > div > p:first-child {
    margin: 0 0 1em !important; }
  .map-txt dl {
    margin: 0;
    padding: 0; }
    .map-txt dl dt, .map-txt dl dd {
      margin: 0;
      padding: 0; }

.map-ca {
  font-size: 10px;
  line-height: 1.3;
  color: #757575;
  margin: 1em 0 60px !important; }

.gmap-link {
  display: block;
  text-align: center;
  border: 1px solid #757575;
  padding: 20px;
  line-height: 0; }

.map-link-content a:first-child, .map-link-content a:last-child {
  display: block;
  text-align: center;
  border: 1px solid #757575;
  padding: 20px;
  line-height: 0;
  margin-bottom: 20px; }

.virtual-tour-iframe {
  vertical-align: bottom;
  height: 60vh; }

#virtual-tour {
  background-color: #F4F4F4;
  padding: 20px 25px;
  margin-bottom: 35px; }
  #virtual-tour h4 {
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 0 0 10px !important;
    margin: 0 0 10px !important;
    border-bottom: 1px solid #262626;
    font-weight: bold !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  #virtual-tour dl {
    margin: 0; }
    #virtual-tour dl dt {
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    #virtual-tour dl dd {
      padding: 0 0 0 1em;
      margin: 0 !important; }

/*page-76.php スタッフ紹介*/
.staff-contents > article {
  margin: 0 0 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .staff-contents > article > div {
    width: 48%;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative; }
    .staff-contents > article > div:nth-child(2n) {
      margin-right: 0; }
    .staff-contents > article > div.staff_hover:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -12px;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #262626;
      border-left: 12px solid transparent;
      z-index: 999;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .staff-contents > article > div.staff_hover:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -12px;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #FFF;
      border-left: 12px solid transparent;
      transform: translate(0, 1.5px);
      z-index: 1000;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .staff-contents > article > div > dl {
      width: 100%;
      box-sizing: border-box;
      margin: 0; }
      .staff-contents > article > div > dl dt {
        padding: 0;
        margin: 0 0 5px; }
        .staff-contents > article > div > dl dt img {
          vertical-align: bottom;
          width: 100%;
          height: auto; }
      .staff-contents > article > div > dl dd {
        padding: 0;
        margin: 0;
        box-sizing: border-box; }
  .staff-contents > article > section {
    width: 100%;
    margin: 0 auto; }
.staff-contents .staff-list-en {
  font-size: 10px;
  display: block;
  margin-top: -5px;
  margin-bottom: 10px; }
.staff-contents .staff-list-tantou {
  line-height: 1.3;
  display: inline-block;
  font-size: 10px;
  color: #757575; }

section[id^="sp"] {
  max-height: 0;
  overflow: hidden;
  clear: both;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  section[id^="sp"]:hover {
    max-height: 1000px; }
  section[id^="sp"] .staff_contents_wrap {
    background-color: #FFF;
    width: 100%;
    border: 1px solid #262626;
    padding: 25px 25px 19px;
    box-sizing: border-box;
    margin: 0 auto 20px; }
    section[id^="sp"] .staff_contents_wrap p {
      margin: 0; }
    section[id^="sp"] .staff_contents_wrap > div:first-child > div:first-child {
      width: 100%;
      margin-bottom: 20px; }
      section[id^="sp"] .staff_contents_wrap > div:first-child > div:first-child img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
    section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child {
      width: 100%; }
      section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child h4 {
        line-height: 1;
        padding: 0 0 12px;
        margin: 0 0 20px;
        border-bottom: 1px solid #D6D6D6; }
      section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child h3 {
        font-size: 21px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        margin: 0 0 20px; }
        section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child h3 > span {
          font-size: 11px;
          color: #757575;
          margin-left: 21px; }
      section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child > div dl {
        display: flex;
        font-size: 11px;
        padding: 0;
        margin: 0 auto 8px;
        line-height: 1.6;
        align-items: center; }
        section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child > div dl dt {
          width: 93px;
          min-width: 93px;
          text-align: center;
          background-color: #262626;
          color: #FFF;
          line-height: 1;
          padding: 6px 0; }
        section[id^="sp"] .staff_contents_wrap > div:first-child > div:last-child > div dl dd {
          margin-left: 21px;
          box-sizing: border-box; }
    section[id^="sp"] .staff_contents_wrap .staff_content {
      margin: 20px auto 0; }
    section[id^="sp"] .staff_contents_wrap .staff_works {
      display: block;
      border-top: 1px solid #262626;
      margin-top: 25px; }
      section[id^="sp"] .staff_contents_wrap .staff_works > h4 {
        margin-top: 30px; }
      section[id^="sp"] .staff_contents_wrap .staff_works > a {
        display: block;
        width: 48%;
        margin: 0 4% 0 0;
        float: left;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        section[id^="sp"] .staff_contents_wrap .staff_works > a:nth-child(2n-1) {
          margin: 0; }
        section[id^="sp"] .staff_contents_wrap .staff_works > a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }
        section[id^="sp"] .staff_contents_wrap .staff_works > a img {
          width: 100%;
          height: auto;
          vertical-align: bottom;
          margin-bottom: 4px; }
        section[id^="sp"] .staff_contents_wrap .staff_works > a > span {
          color: #757575;
          font-size: 11px;
          line-height: 1.6;
          display: inline-block;
          margin-bottom: 10px; }
  section[id^="sp"] span[class^="staff_close"] {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 8px;
    width: 8px;
    background-image: url("images/staff_close.svg");
    background-repeat: no-repeat;
    background-size: 100%; }

.sp-open {
  max-height: 3000px !important; }

/*single-staff.php スタッフ個別ページ*/
.staff-single-contents article, section.staff-single-contents {
  margin: 0 0 30px; }

.staff-single-contents h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0 30px;
  padding: 0;
  line-height: 1; }
.staff-single-contents h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  margin: 0;
  padding: 0; }
.staff-single-contents .staff-thum > div img {
  width: 100%;
  height: auto; }
.staff-single-contents .staff-txt dl {
  margin: 0;
  padding: 0; }
  .staff-single-contents .staff-txt dl dt {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    display: inline; }
  .staff-single-contents .staff-txt dl dd {
    margin: 0;
    padding: 0;
    display: inline; }

.staff-omoi {
  margin-top: 20px !important; }
  .staff-omoi dd p {
    margin-top: 0; }

/*page-82.php メールニュース*/
.mailnews-text {
  margin: 0 0 50px; }

.register-wrap {
  margin-bottom: 80px; }
  .register-wrap .line-box {
    background-color: #F6F6F6;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px; }
    .register-wrap .line-box figure {
      width: 168px;
      margin-bottom: 36px; }
      .register-wrap .line-box figure img {
        width: 100%;
        height: auto; }
    .register-wrap .line-box > a {
      width: 166px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      background: #00B900;
      border-radius: 4px;
      transition: 0.3s; }
      .register-wrap .line-box > a:hover {
        opacity: 0.5; }
      .register-wrap .line-box > a svg {
        margin-right: 8px; }
  .register-wrap .mailnews-box {
    background-color: #F6F6F6;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .register-wrap .mailnews-box ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
      padding: 0 30px;
      box-sizing: border-box; }
      .register-wrap .mailnews-box ul li a {
        display: flex;
        width: 100%;
        max-width: 420px;
        height: 64px;
        border: 1px solid #262626;
        align-items: center;
        background-image: url(images/register/link-arrow.svg);
        background-repeat: no-repeat;
        background-position: right 24px center;
        background-size: 8px 16px;
        padding-left: 24px;
        color: #262626;
        transition: 0.3s;
        box-sizing: border-box; }
        .register-wrap .mailnews-box ul li a:hover {
          opacity: 0.5; }
      .register-wrap .mailnews-box ul li:first-child {
        margin-bottom: 40px; }
  .register-wrap h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto 64px; }

/*大切なお知らせ archive-news.php*/
#news-archive {
  width: 100%;
  position: relative;
  margin: 0 0 30px; }

#news-single {
  position: relative; }

.news-content {
  width: 100%; }

.news-content-in article {
  margin: 0 0 30px !important;
  padding: 35px 0; }
  .news-content-in article img {
    max-width: 100%;
    height: auto; }
  .news-content-in article table th, .news-content-in article table td {
    padding: 20px;
    border: 1px solid #d6d6d6; }
  .news-content-in article .pc {
    display: none; }

/*投稿用*/
.staffcolum-single-in article table th, .staffcolum-single-in article table td {
  padding: 20px;
  border: 1px solid #d6d6d6; }

.scroll {
  overflow: auto;
  white-space: nowrap; }

.scroll:-webkit-scrollbar {
  height: 5px; }

.scroll:-webkit-scrollbar-track {
  background: #F1F1F1; }

.scroll:-webkit-scrollbar-thumb {
  background: #BCBCBC; }

.news-sidebar {
  display: none;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
  .news-sidebar h3 {
    font-size: 12px;
    color: #FFF;
    background: #1a1a1a;
    padding: 20px;
    margin: 0;
    line-height: 0;
    width: 100%;
    box-sizing: border-box; }
  .news-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box; }
    .news-sidebar ul li {
      padding: 10px;
      border: 1px solid #d6d6d6;
      border-top: none;
      font-size: 12px;
      width: 25%;
      box-sizing: border-box;
      float: left; }
      .news-sidebar ul li:nth-child(2), .news-sidebar ul li:nth-child(3), .news-sidebar ul li:nth-child(4), .news-sidebar ul li:nth-child(6), .news-sidebar ul li:nth-child(7), .news-sidebar ul li:nth-child(8) {
        border-left: none; }

.news-c {
  margin: 0; }

#news-archive .news-content-in h3 {
  padding-top: 50px; }

#n2019 {
  padding-top: 0 !important; }

#news-archive .news-content-in .news-list:first-child {
  padding-top: 50px !important; }
#news-archive .news-list dl {
  width: 100%;
  margin: 0 0 20px;
  padding: 0; }
  #news-archive .news-list dl dt, #news-archive .news-list dl dd {
    padding: 0;
    margin: 0; }

#news-single .news-content h3 {
  font-size: 14px;
  margin: 0 0 20px; }
#news-single .news-sidebar {
  margin: 0 !important;
  display: none; }
#news-single article {
  margin: 0 0 30px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  #news-single article .news-single-time {
    margin: 0 0 35px 0; }
  #news-single article .comments {
    font-size: 10px;
    color: #757575;
    line-height: 1.5;
    display: inline-block; }
#news-single .news-content-in {
  padding-top: 5px !important;
  margin-bottom: 30px; }

/*page-84.php リンク*/
.links article:first-child {
  float: left;
  width: 46%; }
.links article:last-child {
  float: right;
  width: 46%; }

.company-link-contents article div {
  padding: 32px 0;
  border-bottom: 1px solid #c1c1c1; }

.link-first {
  border-top: 1px solid #c1c1c1; }

.company-link-contents article div dl {
  margin: 0;
  padding: 0; }
  .company-link-contents article div dl dt {
    padding: 0;
    margin: 0; }
  .company-link-contents article div dl dd {
    padding: 0;
    margin: 0;
    font-size: 12px; }
  .company-link-contents article div dl a:hover {
    color: #1a1a1a; }

/*page-80.php　お問い合わせ*/
.contact-t {
  width: 100%;
  margin: 0 0 2em; }
  .contact-t > div {
    width: 100%;
    border: 1px solid #d6d6d6;
    border-bottom: none;
    box-sizing: border-box; }
    .contact-t > div:last-child {
      border-bottom: 1px solid #D6D6D6; }
    .contact-t > div:first-child {
      background: #EEEDEB;
      display: none; }
  .contact-t div h3 {
    font-size: 12px;
    font-weight: normal;
    background: #F4F4F4;
    padding: 18px 25px;
    margin: 0; }
  .contact-t > div > div {
    margin: 0; }
  .contact-t > div:nth-child(1) > div:nth-child(3) {
    background: no-repeat !important;
    padding: 25px !important; }
  .contact-t > div > div:nth-child(2) {
    padding: 25px;
    line-height: 0;
    border-top: 1px solid #d6d6d6;
    margin: 0;
    box-sizing: border-box; }
  .contact-t > div > div:nth-child(3) {
    background: url(images/mail-bg.png) no-repeat 30px center;
    background-size: 22px 16px;
    padding: 25px 20px 25px 60px;
    line-height: 0;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box; }
  .contact-t .freedial {
    background: url(images/freedial.svg) no-repeat 30px center;
    padding-left: 60px;
    background-size: 22px 14px;
    padding: 25px 20px 25px 60px !important;
    line-height: 0;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box; }

.smo-contact-no {
  display: none; }

.contact-ca {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #757575; }
  .contact-ca li {
    text-indent: -14px;
    padding: 0 0 0 14px;
    margin: 0; }

/*採用情報*/
.saiyou-comment {
  margin: 0 0 30px; }
  .saiyou-comment div:first-child {
    margin-bottom: 10px; }
  .saiyou-comment:last-child img {
    width: 100%;
    height: auto; }

.saiyou-c {
  width: 100%;
  margin-bottom: 50px; }
  .saiyou-c article {
    width: 100%;
    margin: 0 0 50px; }
    .saiyou-c article h3 {
      font-size: 1.5em;
      font-weight: 500;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      padding-bottom: 12px;
      border-bottom: 1px solid #D6D6D6;
      margin-bottom: 35px;
      text-align: left; }
    .saiyou-c article:first-child span {
      display: block;
      text-align: center;
      margin-bottom: 10px; }
    .saiyou-c article:first-child img {
      width: 100%;
      height: auto; }

.page-id-78 .company-saiyou-contents {
  border-bottom: none !important; }

.saiyou-c article > span a {
  display: block;
  background: #262626;
  color: #FFF;
  text-decoration: none;
  line-height: 0;
  padding: 20px 0;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center; }
  .saiyou-c article > span a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.company-saiyou-contents {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6; }
  .company-saiyou-contents h3 {
    font-size: 1.5em;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
    line-height: 1;
    padding-bottom: 10px; }

.saiyou-single-content {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6d6d6; }
  .saiyou-single-content:nth-child(4) {
    margin-bottom: 50px; }
  .saiyou-single-content h3 {
    font-size: 1.5em;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 30px; }
  .saiyou-single-content:nth-child(2) h3 {
    padding-top: 30px; }
  .saiyou-single-content > dl {
    width: 100%;
    margin: 0;
    padding: 0; }
    .saiyou-single-content > dl > dt {
      width: 100px;
      display: table-cell;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .saiyou-single-content > dl > dd {
      padding: 0 20px 20px;
      border-left: 1px solid #D6D6D6;
      margin: 0;
      display: table-cell; }
    .saiyou-single-content > dl:last-child > dd {
      padding-bottom: 0; }
    .saiyou-single-content > dl > dd > dl {
      margin-bottom: 10px; }
      .saiyou-single-content > dl > dd > dl > dt {
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600; }
      .saiyou-single-content > dl > dd > dl > dd {
        padding: 0;
        margin: 0; }

.saiyou-teishutu > dd dl {
  display: table;
  margin: 0 !important;
  padding: 0 !important; }
  .saiyou-teishutu > dd dl dt, .saiyou-teishutu > dd dl dd {
    display: table-cell; }

/*プライバシーポリシー*/
.company-privacy-contents article h4 {
  font-weight: normal;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #D6D6D6; }
.company-privacy-contents article h5 {
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  margin: 0; }

.mokuteki_ul {
  list-style: none; }

.kaiji_ul {
  list-style: none;
  padding-left: 0; }

.link-box-t1 {
  display: block;
  color: #757575;
  border: 1px solid #757575;
  line-height: 0;
  padding: 25px;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 20px;
  text-align: center; }
  .link-box-t1:hover {
    color: #262626;
    border: 1px solid #262626; }

.privacy_foot_box {
  border-top: 1px solid #D6D6D6;
  margin-top: 25px;
  padding-top: 45px; }
  .privacy_foot_box p {
    margin-top: 0;
    color: #757575; }

/*サイトのご利用について*/
.howtouse-1 dl {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 0;
  width: 100%;
  border-top: 1px solid #D6D6D6; }
  .howtouse-1 dl:last-child {
    border-bottom: 1px solid #D6D6D6; }
  .howtouse-1 dl dt {
    width: 140px;
    padding: 10px 0;
    margin: 0; }
  .howtouse-1 dl dd {
    border-left: 1px solid  #D6D6D6;
    padding: 10px 0 10px 20px;
    margin: 0;
    box-sizing: border-box;
    width: 100%; }

.howtouse-2 {
  margin-top: 0 !important;
  border: none !important; }

.howtouse-6_ul {
  list-style: none;
  padding-left: 2em; }

.menseki_h5 {
  margin-left: 2em !important;
  text-indent: -2em; }

/*受賞歴*/
.awards-c {
  width: 100%;
  margin: 0;
  padding: 30px 0;
  border-bottom: 1px solid #d6d6d6;
  float: left;
  overflow: hidden; }
  .awards-c:nth-child(1) {
    border-top: 1px solid #d6d6d6; }
  .awards-c:nth-child(2n) {
    margin: 0; }

.awards-thum {
  margin: 0 0 10px; }
  .awards-thum img {
    width: 100%;
    height: auto; }

.awards-txt {
  font-size: 12px; }

.awards-txt dl {
  margin: 0;
  padding: 0;
  display: table; }
  .awards-txt dl:first-child {
    margin-top: -4px; }
  .awards-txt dl dt {
    width: 68px;
    display: table-cell; }
  .awards-txt dl dd {
    display: table-cell; }
  .awards-txt dl:nth-child(5) {
    margin-bottom: 11px; }
.awards-txt a {
  padding: 20px 0;
  text-align: center;
  display: block;
  border: 1px solid #757575;
  width: 48%;
  line-height: 0;
  float: left; }
  .awards-txt a:nth-last-child(2) {
    margin-right: 2%; }

/*受賞歴*/
.media-c {
  width: 100%;
  margin: 0;
  overflow: hidden;
  margin-bottom: 54px; }

.media-thum {
  width: 100%;
  height: 241px;
  overflow: hidden;
  background: #F8F8F8;
  text-align: center; }
  .media-thum img {
    width: auto;
    height: 100%;
    vertical-align: bottom;
    margin: auto; }

.media-txt {
  width: 100%;
  font-size: 12px; }
  .media-txt h3 {
    margin: 35px 0 25px;
    padding-right: 30px;
    background-image: url(images/awords/plus.svg);
    background-repeat: no-repeat;
    background-position: right center; }
    .media-txt h3.open {
      background-image: url(images/awords/minus.svg); }
  .media-txt p {
    margin-top: 30px;
    padding-top: 30px;
    margin-bottom: 0;
    border-top: 1px solid #D6D6D6; }

.media-txt-in {
  overflow: hidden;
  max-height: 0;
  transition: 0.3s; }
  .media-txt-in.open {
    max-height: 1000px; }

.media-txt dl {
  margin: 0;
  padding: 0;
  color: #757575;
  font-size: 10px;
  display: flex; }
  .media-txt dl dt {
    padding: 0;
    margin: 0; }
  .media-txt dl dd {
    padding: 0;
    margin: 0; }

/*=================================
*
*お客様専用ページ v2018.06 renewal
*
=================================*/
.page-id-712 .company-contents article p {
  margin: 0 auto 40px; }

.user-login-wrap {
  box-sizing: border-box;
  padding: 35px 25px;
  border: 1px solid #D6D6D6;
  margin-bottom: 36px;
  text-align: center; }
  .user-login-wrap:last-child {
    margin-bottom: 0; }
  .user-login-wrap > h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0 auto 25px; }
  .user-login-wrap > p {
    margin-bottom: 20px; }
  .user-login-wrap > form .login_error {
    color: #CC0000;
    width: 100%;
    margin: 0 auto 20px;
    text-align: left; }
  .user-login-wrap > form > input[type="password"] {
    border: none;
    border-bottom: 1px solid #262626;
    padding: 20px 0;
    font-size: 12px;
    display: block;
    margin: 0 auto 30px;
    width: 100%;
    line-height: 1;
    border-radius: 0 !important;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box; }
    .user-login-wrap > form > input[type="password"]::-webkit-search-decoration {
      display: none; }
    .user-login-wrap > form > input[type="password"]::focus {
      outline-offset: -2px; }
  .user-login-wrap > form > input[type="submit"] {
    border: none;
    background: #262626;
    color: #FFF;
    font-size: 14px;
    padding: 25px 0;
    font-size: 12px;
    display: block;
    margin: 0 auto 25px;
    width: 100%;
    line-height: 0;
    border-radius: 0 !important;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .user-login-wrap > form > input[type="submit"]::-webkit-search-decoration {
      display: none; }
    .user-login-wrap > form > input[type="submit"]::focus {
      outline-offset: -2px; }
    .user-login-wrap > form > input[type="submit"]:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
    .user-login-wrap > form > input[type="submit"]:last-child {
      margin-bottom: 0; }
  .user-login-wrap > div {
    border-top: 1px solid #D6D6D6; }
    .user-login-wrap > div > a {
      border: none;
      background: #262626;
      color: #FFF;
      font-size: 14px;
      padding: 25px 0;
      font-size: 12px;
      display: block;
      margin: 25px auto;
      width: 100%;
      line-height: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .user-login-wrap > div > a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
    .user-login-wrap > div .ca-txt {
      text-align: left; }

.user-only-table {
  display: table;
  width: 100%;
  border-collapse: collapse; }

.user-only-row {
  display: table-row; }
  .user-only-row dl {
    width: 50%;
    padding: 0;
    margin: 0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    display: table-cell; }
    .user-only-row dl dt {
      border-bottom: 1px solid #d6d6d6;
      padding: 30px;
      margin: 0; }
    .user-only-row dl dd {
      padding: 30px;
      margin: 0; }
      .user-only-row dl dd a {
        width: 100%;
        display: block;
        padding: 24px 25px;
        margin-top: 40px;
        border: 1px solid #d6d6d6;
        box-sizing: border-box;
        text-align: center;
        font-size: 18px; }
        .user-only-row dl dd a:hover {
          border: 1px solid #262626; }
      .user-only-row dl dd ul {
        list-style: none;
        margin: 40px 0 0;
        padding: 0;
        display: table;
        width: 100%; }
        .user-only-row dl dd ul li {
          margin: 0;
          padding: 0;
          display: table-cell;
          text-align: center;
          width: 50%;
          box-sizing: border-box;
          vertical-align: middle; }
          .user-only-row dl dd ul li a {
            display: table-cell;
            vertical-align: middle; }
          .user-only-row dl dd ul li:first-child {
            padding: 0 10px 0 0; }
          .user-only-row dl dd ul li:last-child {
            padding: 0 0 0 10px; }
            .user-only-row dl dd ul li:last-child a {
              font-size: 14px !important; }

/*アーカイブ共通*/
.archive #wrap {
  padding: 30px 18px; }
.archive h2 {
  border-bottom: 1px solid #1a1a1a;
  padding-bottom: 10px;
  margin-bottom: 20px; }

/*=======建築実例========*/
/*建築実例アーカイブ*/
.works-list {
  width: 48%;
  margin: 0 4% 15px 0;
  float: left;
  box-sizing: border-box; }

.works-even {
  margin-right: 0 !important; }

.works-list img {
  width: 100%;
  height: auto; }
.works-list dl {
  padding: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1.6; }
  .works-list dl dt, .works-list dl dd {
    padding: 0;
    margin: 0; }

/*archive-works-search.php*/
#works-more {
  display: none; }

.dispmore {
  display: block !important; }

/*検索フォ−ム*/
#siborikomi-wrap {
  margin: 0 0 50px 0; }

#siborikomi {
  border: none;
  padding: 20px;
  width: 100%;
  background: #1a1a1a;
  color: #FFF;
  line-height: 0;
  box-sizing: border-box;
  background-image: url(images/smp-plus-white.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center; }

.minus {
  background-image: url(images/smp-minus-white.png) !important; }

#siborikomi-inner {
  box-sizing: border-box;
  padding: 0;
  z-index: 2001 !important;
  background: #eeedeb;
  display: none;
  text-align: center; }

.siborikomi-navigation {
  padding: 0;
  width: 100%; }

#siborikomitab {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  box-sizing: border-box;
  width: 100%; }
  #siborikomitab li {
    display: table-cell;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    width: 50%; }
    #siborikomitab li a {
      padding: 20px 0;
      background: #D6D6D6;
      color: #1a1a1a;
      width: 100%;
      display: block;
      box-sizing: border-box; }

.siborikomi-active {
  background: #eeedeb !important;
  color: #1a1a1a !important; }

#siborikomi-c {
  padding: 50px 35px; }

#siborikomi2 ul li {
  line-height: 3em; }

#siborikomi-c ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  #siborikomi-c ul li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    white-space: nowrap; }
#siborikomi-c dl {
  width: 100%;
  text-align: left;
  margin: 0;
  line-height: 3em; }
#siborikomi-c form dl:last-of-type {
  margin: 0 0 35px; }
#siborikomi-c dl dt {
  padding: 0;
  margin: 0;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  font-size: 14px; }
#siborikomi-c dl dd {
  padding: 0;
  margin: 0;
  vertical-align: top; }

.allclear {
  width: 46%;
  padding: 20px 0;
  text-align: center;
  background: #262626;
  color: #FFF;
  line-height: 0;
  font-size: 14px;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  float: right;
  display: block; }

#siborikomi-inner input[type="submit"] {
  width: 46%;
  padding: 20px 0;
  text-align: center;
  background: #ab0119;
  color: #FFF;
  line-height: 0;
  font-size: 14px;
  border: none;
  box-sizing: border-box;
  border-radius: 0;
  float: left;
  vertical-align: bottom; }
  #siborikomi-inner input[type="submit"]:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    color: #FFF !important; }

@-moz-document url-prefix() {
  #siborikomi-inner input[type="submit"] {
    line-height: 0 !important; } }
.siborikomi-close:hover, .allclear:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #FFF !important; }

#siborikomi-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 2000; }

#more_disp, #more_disp2014, #more_disp2013, #more_disp2 {
  clear: both;
  text-align: center;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

#more_disp button, #more_disp2014 button, #more_disp2013 button, #more_disp2 button {
  border: none;
  padding: 20px 60px;
  background: #1a1a1a;
  color: #FFF;
  line-height: 0;
  margin: 55px 0 0 0;
  font-size: 12px !important; }

.works-yarpp {
  background: #EEEDEB;
  padding: 11px;
  box-sizing: border-box; }

.works-single-contents header {
  padding: 0 18px;
  box-sizing: border-box; }
  .works-single-contents header h3 {
    padding: 0 0 15px;
    margin: 0 0 30px;
    line-height: 1;
    border-bottom: 1px solid #D6D6D6; }
.works-single-contents .aboutworks {
  margin-top: 35px !important;
  border-bottom: none !important;
  margin-bottom: 64px !important;
  margin-top: 0 !important;
  margin-left: 18px;
  margin-right: 18px; }
  .works-single-contents .aboutworks dt {
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    padding: 64px 0 10px;
    margin: 0 0 35px;
    border-bottom: 1px solid #D6D6D6;
    background-image: url(images/voice-plus.svg);
    background-repeat: no-repeat;
    background-position: right 10px bottom 12px;
    background-size: 14px;
    cursor: pointer; }
    .works-single-contents .aboutworks dt.open {
      background-image: url(images/voice-minus.svg);
      background-position: right 10px bottom 19px; }
  .works-single-contents .aboutworks dd {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    display: none; }
    .works-single-contents .aboutworks dd ul {
      padding: 0;
      margin: 0;
      list-style: none; }
.works-single-contents .sp-buttons {
  text-align: right !important;
  position: absolute !important;
  top: 0 !important;
  right: 18px !important;
  margin-top: 100vw !important; }
.works-single-contents .sp-button {
  width: 5px !important;
  height: 5px !important;
  background: #d6d6d6 !important;
  border: none !important;
  margin: 0 5px 0 0 !important; }
  .works-single-contents .sp-button:last-child {
    border: 0 !important; }
.works-single-contents .sp-selected-button {
  background: #9fa0a0 !important; }

.works-yarpp-thum img {
  width: 100%;
  height: auto; }

.works-yarpp-date {
  font-size: 6px; }

.yarpp-related h3 {
  margin: 0 0 20px !important;
  padding: 20px 0 !important;
  line-height: 0 !important; }

.side-box {
  margin: 0 0 35px; }

.single #wrap {
  padding: 30px 18px 0; }
.single h2 {
  border-bottom: 1px solid #1a1a1a;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.work-img-inner {
  text-align: center; }
  .work-img-inner figure {
    background: #f8f8f8;
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
  .work-img-inner img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    vertical-align: bottom; }

.sp-slides-container {
  margin: 0; }

.sp-thumbnails-container, .sp-arrows, .sp-thum-wrap {
  display: none; }

.works-data dl {
  display: table;
  padding: 0;
  margin: 0;
  width: 100%; }
  .works-data dl dt, .works-data dl dd {
    display: table-cell;
    padding: 0;
    margin: 0; }
  .works-data dl dt {
    width: 80px; }
  .works-data dl dd:before {
    content: ':'; }

.works-txt h4, .works-concept h4 {
  margin: 0; }

.works-data {
  margin: 0 0 30px; }

.work-in-category {
  padding: 0 0 56px;
  margin: 0 18px; }
  .work-in-category h3 {
    padding: 0 0 15px !important;
    margin: 0 0 15px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #D6D6D6; }
  .work-in-category span a {
    display: inline-block;
    background: #EAEAEA;
    padding: 12.5px 12.5px;
    font-size: 10px;
    line-height: 0;
    margin: 0 10px 10px 0;
    color: #262626;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.works-single-content {
  padding: 0 0 12px;
  margin: 0 0 30px;
  border-bottom: 1px solid #d6d6d6; }
  .works-single-content article span:last-child {
    display: none; }
  .works-single-content header {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 35px; }

/*2017*/
.yarpp-works-2017 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DFDFDF; }

.single-works #wrap {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.single-works .guide-header {
  margin-left: 18px;
  margin-right: 18px; }

.works-s-slider2017-c {
  width: 100%;
  position: relative;
  padding-bottom: 35px; }

#works-s-slider {
  margin: 0 !important; }
  #works-s-slider .sp-previous-arrow {
    background: rgba(245, 245, 245, 0) !important;
    background-image: url(images/lineup/choose/slider-left-v2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center top 37px !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 0 !important;
    z-index: 10;
    cursor: pointer;
    margin-top: -28px; }
  #works-s-slider .sp-next-arrow {
    background: rgba(245, 245, 245, 0) !important;
    background-image: url(images/lineup/choose/slider-right-v2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center top 37px !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 10;
    cursor: pointer;
    margin-top: -28px; }
  #works-s-slider .sp-arrows {
    display: block !important;
    top: 50vw !important; }
  #works-s-slider .sp-next-arrow:after, #works-s-slider .sp-next-arrow:before {
    display: none !important; }
  #works-s-slider .sp-previous-arrow:after, #works-s-slider .sp-previous-arrow:before {
    display: none !important; }

.works-s-slider2017 .sp-thum-wrap {
  display: none; }

#works-s-slider .sp-slides h3 {
  text-align: left;
  padding: 0 18px;
  box-sizing: border-box;
  margin: 44px 0 10px;
  font-size: 12px; }
#works-s-slider .sp-slides span {
  display: block;
  text-align: left;
  padding: 0 18px;
  box-sizing: border-box; }

.works-s-slider2017 .links {
  width: 100%;
  padding: 0 18px;
  margin-top: 15px;
  box-sizing: border-box; }
  .works-s-slider2017 .links ul {
    list-style: none;
    padding: 25px 0 0;
    margin: 0;
    border-top: 1px solid #D6D6D6; }
.works-s-slider2017 ul li {
  float: left;
  width: 13.428571428571429%;
  height: auto;
  margin: 0 1% 3px 0;
  padding: 0;
  position: relative;
  overflow: hidden; }
  .works-s-slider2017 ul li:after {
    padding-top: 100%;
    display: block;
    content: ""; }
  .works-s-slider2017 ul li:nth-child(7n) {
    margin-right: 0; }
  .works-s-slider2017 ul li img {
    height: 100%;
    width: auto;
    max-width: none;
    position: absolute; }

.single-work-links {
  width: 100%;
  padding: 0 18px;
  box-sizing: border-box; }
  .single-work-links > div {
    width: 100% !important;
    margin: 0 0 15px !important; }
    .single-work-links > div a {
      color: #757575;
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: 25px 0;
      border: 1px solid #D6D6D6;
      line-height: 0;
      text-align: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      font-size: 12px; }
      .single-work-links > div a:hover {
        color: #262626;
        border: 1p solid #262626; }

.works-txt-2017 {
  margin: 0 18px; }
  .works-txt-2017 h3 {
    margin: 64px 0 15px;
    padding: 0;
    border: none;
    line-height: 1; }
  .works-txt-2017 dl {
    vertical-align: top;
    padding: 15px 0 10px;
    margin: 0;
    border-top: 1px solid #D6D6D6;
    width: 100%; }
    .works-txt-2017 dl dt {
      padding: 0;
      margin: 0 0 10px;
      line-height: 1;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .works-txt-2017 dl dd {
      max-width: 100%;
      padding: 0;
      margin: 0; }
      .works-txt-2017 dl dd p {
        margin: 0; }
    .works-txt-2017 dl:last-child {
      border-bottom: 1px solid #D6D6D6; }

.single-works .yarpp-related {
  width: 100% !important;
  float: inherit !important;
  padding: 0 18px;
  box-sizing: border-box; }
  .single-works .yarpp-related h3 {
    padding: 0 0 15px !important;
    margin: 0 0 30px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #D6D6D6; }
.single-works #wrap > span {
  margin: 0 18px 30px;
  display: block; }

/*
	イベント情報
	event/配下
*/
.event-contents h3 {
  font-size: 14px;
  margin: 0 0 35px; }
.event-contents h4 {
  font-size: 14px;
  font-weight: bold; }
.event-contents article {
  margin: 0 0 96px; }

.event-top-navigation {
  width: 100%; }
  .event-top-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-size: 10px; }
    .event-top-navigation ul li {
      width: 50%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #d6d6d6;
      line-height: 1;
      text-align: center;
      float: left;
      background: url(images/lineup-yajirushi.png) no-repeat center 40px; }
      .event-top-navigation ul li:first-child {
        border: none; }
      .event-top-navigation ul li a {
        width: 100%;
        display: block;
        padding: 20px 0 30px; }

/*
.archive #top-event,.page #top-event {
	padding: 0 !important;
	margin-right: -18px;
}*/
.event-active {
  background: #EEEDEB;
  color: #1a1a1a; }

#calender, #yoyaku, #type {
  height: 50px;
  display: block; }

/*イベント情報 page-108.php*/
.event-ichiran-btn {
  margin: 50px auto 75px;
  text-align: center;
  padding-right: 18px; }
  .event-ichiran-btn a {
    font-size: 12px;
    padding: 20px;
    background: #1a1a1a;
    color: #FFF;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 0; }

.event-top-menu {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0; }
  .event-top-menu li {
    margin: 0 3% 35px 0;
    width: 31.3333%;
    box-sizing: border-box;
    float: left; }
    .event-top-menu li:nth-child(3n) {
      margin: 0 0 30px; }
    .event-top-menu li a {
      padding: 30px;
      background: #edecea;
      display: block; }
    .event-top-menu li span {
      float: right; }

.event-title-2017 {
  width: 100%;
  line-height: 1.7;
  color: #FFF;
  background: #262626;
  padding: 20.5px 20px;
  box-sizing: border-box;
  margin-bottom: 35px; }

.event-kind-c div {
  margin: 0 0 60px 0;
  width: 100%;
  box-sizing: border-box; }
  .event-kind-c div img {
    width: 100%;
    height: auto; }

.event-type-link {
  text-align: center; }
  .event-type-link a {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1;
    padding: 20px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .event-type-link a:hover {
      border: 1px solid #1a1a1a; }

.event-kind-foot-link a {
  width: 100%;
  line-height: 1;
  padding: 23.5px 20px;
  box-sizing: border-box;
  background: #262626;
  color: #FFF;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 20px; }
  .event-kind-foot-link a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

/* single-event.php */
.single-event-contents h3 {
  font-size: 24px;
  font-weight: 300; }
.single-event-contents h4 {
  font-size: 20px;
  font-weight: 300; }

/*イベント類似yarpp*/
.yarpp-related {
  margin: 0 !important; }

.smp-etc-event {
  font-size: 8px; }

.yarpp-event-title {
  margin: 0 0 35px !important;
  padding: 25px 0 !important;
  text-align: center !important;
  background: #1a1a1a !important;
  color: #FFF !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 0 !important; }

.event-yarpp {
  margin: 0 3% 20px 0;
  width: 48.5%;
  padding: 0px 2% 10px;
  box-sizing: border-box;
  border: 1px solid #c1c1c1;
  line-height: 1.7em;
  float: left; }
  .event-yarpp:nth-child(2n) {
    margin: 0 0 20px 0; }
  .event-yarpp h4 {
    color: #FFF;
    background: #1a1a1a;
    text-align: center;
    padding: 5px;
    font-weight: normal;
    font-size: 10px;
    margin: 0 0 10px; }
  .event-yarpp h5 {
    font-size: 12px;
    font-weight: normal;
    margin: 16px 0 10px;
    line-height: 1.6; }
  .event-yarpp span {
    font-size: 10px; }
  .event-yarpp .eventthum {
    position: relative; }
  .event-yarpp a {
    display: block; }
  .event-yarpp img {
    width: 100%;
    height: auto; }

.event-contact-links {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0 18px; }
  .event-contact-links > a {
    background: #262626;
    font-size: 12px;
    line-height: 1;
    display: block;
    width: 100%;
    padding: 19px 0;
    border: 1px solid #262626;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    font-family: "Sawarabi Mincho" !important;
    color: #FFF;
    letter-spacing: 2px; }
    .event-contact-links > a:hover {
      opacity: .5; }
    .event-contact-links > a:first-child {
      background-image: url(./images/event-link-bg.svg);
      background-repeat: no-repeat;
      background-position: right 20px center;
      background-size: 16px 8px; }

.event-single-content {
  margin: 0 0 30px 0;
  width: 100%; }
  .event-single-content article header div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px; }
  .event-single-content article header h3 {
    margin: 0 0 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #D6D6D6; }
  .event-single-content article header .eventcate-icon {
    color: #FFF;
    background: #262626;
    text-align: center;
    margin: 0 5px 5px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 16px;
    font-size: 11px;
    line-height: 1;
    margin: 0 5px 5px 0; }
  .event-single-content article header .event-now, .event-single-content article header .event-wazuka, .event-single-content article header .event-end, .event-single-content article header .event-kaisaiend {
    text-align: center !important;
    color: #FFF !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 16px;
    font-size: 11px;
    line-height: 1;
    font-size: 11px !important;
    margin: 0 5px 5px 0; }
  .event-single-content article header .event-now {
    background: #012366 !important; }
  .event-single-content article header .event-wazuka {
    background: #ab0119 !important; }
  .event-single-content article header .event-end, .event-single-content article header .event-kaisaiend {
    background: #d6d6d6 !important; }
  .event-single-content article header .tags-list {
    box-sizing: border-box;
    border: 1px solid #D6D6D6;
    color: #808080;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 16px;
    line-height: 1;
    margin: 0 5px 5px 0; }

.event-single-img {
  padding-top: 35px;
  margin: 0 0 20px;
  border-top: 1px solid #d6d6d6; }
  .event-single-img img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.event-single-cover {
  width: 100%; }

.event-single-txt {
  margin: 0 0 35px; }
  .event-single-txt > p:first-child {
    display: box;
    margin: 0;
    padding: 0; }
  .event-single-txt img {
    width: 48%;
    height: auto;
    margin: 0 4% 10px 0;
    float: left; }
    .event-single-txt img:nth-child(2n) {
      margin: 0 0 10px; }

.event-single-concept {
  margin: 0 0 35px; }
  .event-single-concept h4 {
    font-size: 14px; }

.event-single-data {
  margin: 0 0 60px; }
  .event-single-data h4 {
    font-size: 14px; }

.event-table {
  display: table;
  box-sizing: border-box;
  border-collapse: collapse; }
  .event-table dl {
    width: 100%;
    display: table-row;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6; }
    .event-table dl:first-child {
      border-top: 1px solid #d6d6d6; }
    .event-table dl dt, .event-table dl dd {
      display: table-cell;
      padding: 15px 10px;
      margin: 0;
      vertical-align: middle; }
    .event-table dl dt {
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      width: 70px; }
    .event-table dl dd > p:first-child {
      margin: 0; }

.single-contact {
  margin: 60px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse; }
  .single-contact li {
    margin: 0;
    padding: 35px 50px;
    width: 100%;
    border: 1px solid #c1c1c1;
    vertical-align: middle;
    box-sizing: border-box; }
    .single-contact li:first-child {
      border-bottom: none; }
    .single-contact li img {
      width: 100%;
      height: auto; }

/*2017*/
.single-event #wrap {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.single-event .guide-header, .single-event .event-single-content header {
  padding: 0 18px; }

.e-s-slider {
  position: relative; }

#eventcon {
  margin: 0;
  position: relative; }
  #eventcon .sp-buttons {
    padding-top: 8px;
    padding-bottom: 10px; }
  #eventcon .sp-previous-arrow {
    background: rgba(245, 245, 245, 0) !important;
    background-image: url(images/lineup/choose/slider-left-v2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center top 37px !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 0 !important;
    z-index: 10;
    cursor: pointer;
    margin-top: -45px; }
  #eventcon .sp-next-arrow {
    background: rgba(245, 245, 245, 0) !important;
    background-image: url(images/lineup/choose/slider-right-v2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center top 37px !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 10;
    cursor: pointer;
    margin-top: -45px; }
  #eventcon .sp-arrows {
    display: block !important;
    top: calc((100vw * 0.706666666666667) /2) !important; }
  #eventcon .sp-next-arrow:before, #eventcon .sp-next-arrow:after {
    display: none; }
  #eventcon .sp-previous-arrow:before, #eventcon .sp-previous-arrow:after {
    display: none; }

.e-s-thum {
  width: 100%;
  margin-bottom: 25px;
  padding: 0 18px;
  box-sizing: border-box; }
  .e-s-thum a {
    margin: 0 2% 0 0;
    width: 23.5%;
    float: left;
    display: block; }
    .e-s-thum a:nth-child(4) {
      margin-right: 0 !important; }
    .e-s-thum a img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }

#eventcon .sp-next-arrow:after, #eventcon .sp-next-arrow:before {
  background: none !important; }
#eventcon .sp-previous-arrow:after, #eventcon .sp-previous-arrow:before {
  background: none !important; }
#eventcon .sp-button {
  background: #D6D6D6 !important;
  border: none !important;
  width: 6px !important;
  height: 6px !important; }
#eventcon .sp-selected-button {
  background: #262626 !important; }
#eventcon .sp-slides img {
  width: 100%;
  height: auto; }

.e-s-slider .event-contact-2017 {
  box-sizing: border-box;
  padding: 0 18px; }
  .e-s-slider .event-contact-2017 h4 {
    line-height: 1;
    margin: 0 auto 25px;
    text-align: center;
    padding-top: 25px;
    border-top: 1px solid #D6D6D6; }
  .e-s-slider .event-contact-2017 img {
    width: 70%;
    height: auto;
    vertical-align: bottom;
    text-align: center;
    margin: 0 auto 20px;
    display: block; }
  .e-s-slider .event-contact-2017 p {
    color: #757575;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 12px; }
    .e-s-slider .event-contact-2017 p:last-child {
      text-align: left;
      margin: 0;
      padding-bottom: 20px;
      border-bottom: 1px solid #D6D6D6;
      line-height: 1.7; }
  .e-s-slider .event-contact-2017 > a:nth-child(4) {
    line-height: 0;
    background: #262626;
    color: #ffffff;
    display: block;
    padding: 24px 0;
    margin: 0 auto 25px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    letter-spacing: 0.15em; }
    .e-s-slider .event-contact-2017 > a:nth-child(4)::hover {
      border: 1px solid #212121; }
  .e-s-slider .event-contact-2017 > span:nth-child(4) {
    line-height: 0;
    border: 1px solid #D6D6D6;
    background: #D6D6D6;
    color: #FFF;
    display: block;
    padding: 24px 0;
    margin: 0 auto 25px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box; }

.event-content-naiyo-2017 {
  padding: 0 18px;
  box-sizing: border-box; }
  .event-content-naiyo-2017 h3 {
    margin: 64px 0 15px;
    padding: 0;
    border: none;
    line-height: 1; }
  .event-content-naiyo-2017 dl {
    vertical-align: top;
    padding: 15px 0 10px;
    margin: 0;
    border-top: 1px solid #D6D6D6;
    width: 100%; }
    .event-content-naiyo-2017 dl dt {
      padding: 0;
      margin: 0 0 10px;
      line-height: 1;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .event-content-naiyo-2017 dl dd {
      max-width: 100%;
      padding: 0;
      margin: 0; }
      .event-content-naiyo-2017 dl dd p {
        margin: 0; }
      .event-content-naiyo-2017 dl dd table th, .event-content-naiyo-2017 dl dd table td {
        padding: 20px;
        border: 1px solid #d6d6d6; }
      .event-content-naiyo-2017 dl dd .pc {
        display: none; }
    .event-content-naiyo-2017 dl#eventyoyaku {
      position: relative; }
      .event-content-naiyo-2017 dl#eventyoyaku dt {
        position: relative;
        z-index: 3; }
      .event-content-naiyo-2017 dl#eventyoyaku #eventyoyaku-button {
        position: absolute;
        z-index: 3;
        right: 0;
        top: 12px;
        display: block;
        width: calc(100% - 100px);
        background-image: url(./images/voice-plus.svg);
        background-repeat: no-repeat;
        background-position: right center;
        transition: 0.3s; }
        .event-content-naiyo-2017 dl#eventyoyaku #eventyoyaku-button.close {
          background-image: url(./images/voice-minus.svg);
          color: #ffffff; }
      .event-content-naiyo-2017 dl#eventyoyaku #availability-t {
        margin-top: -28px !important; }
    .event-content-naiyo-2017 dl:last-child {
      border-bottom: 1px solid #D6D6D6; }

.event-single-nav-2017 {
  margin: 30px auto;
  padding: 0 18px;
  box-sizing: border-box; }
  .event-single-nav-2017 ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .event-single-nav-2017 ul li {
      width: 100%;
      padding: 0;
      margin: 0 0 15px; }
      .event-single-nav-2017 ul li span {
        transform: rotate(-90deg);
        display: inline-block; }
      .event-single-nav-2017 ul li a {
        display: block;
        background: #212121;
        color: #FFF;
        line-height: 0;
        padding: 30px 0;
        text-align: center; }

#event-single-etc-2017 {
  padding: 0 18px;
  box-sizing: border-box; }
  #event-single-etc-2017 h3 {
    line-height: 1;
    padding: 0 0 25px;
    margin: 0 auto 25px;
    border-bottom: 1px solid #D6D6D6;
    text-align: left; }
  #event-single-etc-2017 > div {
    padding: 0 30px; }
    @media screen and (min-width: 700px) {
      #event-single-etc-2017 > div {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
  #event-single-etc-2017 > div > div {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 42px; }
    @media screen and (min-width: 700px) {
      #event-single-etc-2017 > div > div {
        width: calc(50% - 15px); } }
    #event-single-etc-2017 > div > div:nth-child(4), #event-single-etc-2017 > div > div:nth-child(5) {
      display: none; }
    #event-single-etc-2017 > div > div img {
      vertical-align: bottom;
      width: 100%;
      height: auto; }
    #event-single-etc-2017 > div > div h4 {
      margin-bottom: 16px;
      text-align: left; }
    #event-single-etc-2017 > div > div > a {
      text-align: center;
      display: inherit;
      color: #262626; }

.seeie-link {
  margin: 64px 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center; }
  .seeie-link a {
    padding: 16px;
    display: block;
    background: #1a1a1a;
    color: #FFF; }

.seeis-link a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

/*archive-event.php*/
.event-archive-list {
  width: 285px;
  margin: 0 20px 20px 0;
  float: left; }

.event-archive-thum img {
  width: 100%;
  width: 100%; }

.event-archive-tab-menu {
  margin-bottom: 48px;
  padding-top: 28px; }
  .event-archive-tab-menu ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0 18px;
    margin: 0; }
    .event-archive-tab-menu ul li {
      width: 50%;
      padding: 0;
      margin: 0; }
      .event-archive-tab-menu ul li a {
        background-color: #f4f4f4;
        color: #d6d6d6;
        display: flex;
        width: 100%;
        height: 56px;
        font-size: 10px;
        align-items: center;
        justify-content: center; }
        .event-archive-tab-menu ul li a.active, .event-archive-tab-menu ul li a:hover {
          background: #262626;
          color: #FFF; }
        .event-archive-tab-menu ul li a span {
          display: none; }
  .event-archive-tab-menu.past ul {
    padding: 0; }

.event-archive-past-text {
  font-size: 10px;
  padding: 2em;
  text-align: center;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  line-height: 1.7; }

.event-archive-sub-menu {
  text-align: center;
  margin-bottom: 30px;
  font-size: 0; }
  .event-archive-sub-menu > div {
    font-size: 10px;
    display: inline-block; }
    .event-archive-sub-menu > div:first-child {
      border-right: 1px solid #262626;
      padding-right: 15px; }
      .event-archive-sub-menu > div:first-child span {
        display: none; }
      .event-archive-sub-menu > div:first-child span.event_num {
        display: inline;
        font-size: 14px; }
    .event-archive-sub-menu > div:last-child {
      padding-left: 15px; }
      .event-archive-sub-menu > div:last-child a {
        color: #262626;
        transition: .3s; }
        .event-archive-sub-menu > div:last-child a:hover {
          opacity: .5; }

/*page-108.php イベント一覧*/
#eventlistarticle .event-cell {
  /*margin: 0 3% 20px 0;*/
  margin: 0px 1%;
  width: 48.5%;
  padding: 0px 2% 10px;
  box-sizing: border-box;
  border: 1px solid #c1c1c1;
  line-height: 1.7em;
  float: left; }
  #eventlistarticle .event-cell:nth-child(2n) {
    margin: 0 0 20px; }

.event-cell h4 {
  color: #FFF;
  background: #1a1a1a;
  text-align: center;
  padding: 5px;
  font-weight: normal;
  font-size: 10px;
  margin: 0 0 10px; }
.event-cell h5 {
  font-size: 12px;
  font-weight: normal;
  margin: 16px 0 10px;
  line-height: 1.6; }
.event-cell span {
  font-size: 9px; }
.event-cell .eventthum {
  position: relative; }
.event-cell a {
  display: block; }
.event-cell img {
  width: 100%;
  height: auto; }

#cal-t {
  width: 100%;
  position: relative;
  margin-top: -36px;
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

#availability-t {
  width: 100%;
  position: relative;
  margin-top: -40px;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  margin-top: -34px; }

.cal-hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #FFF;
  z-index: 2; }

.availability-hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #FFF;
  z-index: 2;
  height: 34px; }

#cal-t iframe, #availability-t iframe {
  width: 100%;
  border: none;
  height: 772px;
  -webkit-overflow-scrolling: touch; }

/*SEEIE関連*/
.seeie-single-article {
  padding: 0 0 50px;
  margin: 0 0 75px;
  border-bottom: 1px solid #d6d6d6; }

.seeie-single-content article img {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  vertical-align: bottom; }

.seeie-c {
  width: 100%; }

.seeie-l, .seeie-r {
  margin: 0 0 1.7em; }

.seeie-l a, .seeie-r a {
  line-height: 0;
  padding: 20px;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center; }

.seeie-l a:hover, .seeie-r a:hover {
  border: 1px solid #1a1a1a; }

.seeie-kiyaku {
  padding-top: 50px;
  border-top: 1px solid #d6d6d6; }
  .seeie-kiyaku h3 {
    margin: 0 0 35px; }
  .seeie-kiyaku h4 {
    margin: 0;
    font-size: 14px; }
  .seeie-kiyaku ol {
    margin: 0 0 40px;
    padding: 0; }
    .seeie-kiyaku ol li {
      margin-left: 24px; }

.seeie-header {
  margin: 0 0 35px; }

#top-seeie article {
  width: 100%; }

.seeie-archive {
  padding: 0 0 50px;
  margin: 0 4% 50px 0;
  float: left;
  width: 48%;
  position: relative; }
  .seeie-archive:nth-child(2n) {
    margin: 0 0 50px; }

.seeie-archive-img {
  width: 100% !important;
  overflow: hidden; }
  .seeie-archive-img img {
    height: auto !important;
    width: 100% !important; }

.seeie-img-reset {
  margin-left: 0 !important; }

.seeie-archive dl {
  margin: 0;
  padding: 0; }
  .seeie-archive dl dt {
    font-weight: normal;
    padding: 0;
    margin: 0 0 10px;
    line-height: 1.4; }
  .seeie-archive dl dd {
    padding: 0;
    margin: 0;
    line-height: 1.4; }

.seeie-more {
  width: 285px;
  display: block; }
  .seeie-more a {
    padding: 20px 0;
    display: block;
    line-height: 0;
    color: #FFF;
    background: #1a1a1a;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }

.voice-more a {
  padding: 20px 0;
  display: block;
  line-height: 0;
  color: #FFF;
  background: #1a1a1a;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }

/*お客様の声一覧*/
.voice-header-sp h2 {
  margin-bottom: 10px !important; }

.voice-sort {
  font-size: 12px;
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between; }
  .voice-sort .only-pc {
    display: none !important; }
  .voice-sort > div {
    width: 48%; }
    .voice-sort > div a {
      color: #262626; }
    .voice-sort > div:first-child {
      margin-bottom: 1em; }
      .voice-sort > div:first-child a {
        display: block;
        padding: 0 0 10px;
        border-bottom: 1px solid #262626; }
    .voice-sort > div:last-child > span {
      display: block;
      padding: 0 0 10px;
      border-bottom: 1px solid #262626;
      background-image: url(images/voice-plus.svg);
      background-repeat: no-repeat;
      background-position: right top 4px;
      cursor: pointer; }
      .voice-sort > div:last-child > span.open {
        background-image: url(images/voice-minus.svg);
        background-position: right 0 top 10px; }
    .voice-sort > div:last-child ul {
      display: none;
      margin: 0;
      padding: 1em 0;
      background-color: #FFF;
      list-style: none;
      line-height: 3;
      width: calc(100vw - 36px);
      margin-left: -108.333333%; }
      .voice-sort > div:last-child ul li a {
        font-size: 11px;
        display: inline-block;
        line-height: 1.4;
        /*            &:before {
                      content: "\f105";
                      font-family: "FontAwesome";
                      margin-right: .5em;
                    }*/ }
        .voice-sort > div:last-child ul li a:hover {
          font-weight: 700;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600; }

.voice-archive {
  padding: 0 0 50px;
  margin: 0 4% 30px 0;
  float: left;
  width: 48%;
  position: relative; }
  .voice-archive:nth-child(2n) {
    margin: 0 0 30px; }
  .voice-archive img {
    width: 100% !important;
    height: auto !important; }
  .voice-archive dl {
    margin: 0;
    padding: 0; }
    .voice-archive dl dt {
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      letter-spacing: 0.5px;
      padding: 0;
      margin: 10px 0;
      margin-bottom: .5em;
      padding-bottom: .5em;
      border-bottom: 1px solid #d6d6d6; }
    .voice-archive dl dd {
      padding: 0;
      margin: 0;
      height: 107px;
      overflow: hidden; }
      .voice-archive dl dd .eval {
        font-size: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600; }
        .voice-archive dl dd .eval > div {
          width: 100%;
          align-items: center;
          display: flex;
          height: 16px;
          line-height: 1; }
          .voice-archive dl dd .eval > div > span {
            margin-left: .5em; }
        .voice-archive dl dd .eval .star0 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star0_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }
        .voice-archive dl dd .eval .star1 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star1_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }
        .voice-archive dl dd .eval .star2 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star2_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }
        .voice-archive dl dd .eval .star3 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star3_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }
        .voice-archive dl dd .eval .star4 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star4_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }
        .voice-archive dl dd .eval .star5 {
          display: inline-block;
          width: 63px;
          height: 14px;
          background: url(images/star5_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden; }

.voice-more {
  width: 285px;
  display: block; }
  .voice-more a {
    padding: 20px 0;
    display: block;
    line-height: 0;
    color: #FFF;
    background: #1a1a1a;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .voice-more a:hover {
      opacity: 0.7; }

/*archive-voice-search.php*/
.voice-sort-title {
  font-size: 12px;
  padding: 0 0 12px;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #D6D6D6; }

.voice-sort-archive {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 96px; }
  .voice-sort-archive dl {
    padding: 30px 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    box-sizing: border-box; }
    .voice-sort-archive dl dt {
      font-size: 12px;
      font-weight: 700;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      background: url(images/voice-single-dt.png) no-repeat left top;
      background-size: 16px 15px;
      padding: 2px 0 1px 24px;
      margin: 0 0 10px; }
    .voice-sort-archive dl dd {
      padding: 0;
      margin: 0; }
      .voice-sort-archive dl dd .eval {
        display: flex;
        font-size: 12px;
        margin-bottom: 15px;
        background-repeat: no-repeat;
        background-position: center center; }
        .voice-sort-archive dl dd .eval > div {
          width: 50%;
          align-items: center;
          font-size: 10px; }
          .voice-sort-archive dl dd .eval > div:last-child {
            text-align: right; }
          .voice-sort-archive dl dd .eval > div > span.not {
            padding-right: 30px; }
          .voice-sort-archive dl dd .eval > div > span:first-child {
            font-weight: bold;
            font-family: "MFW-HiraKakuProN-W5" !important;
            letter-spacing: .1em;
            font-weight: 600; }
        .voice-sort-archive dl dd .eval .star0 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star0_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0; }
        .voice-sort-archive dl dd .eval .star1 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star1_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 .7em; }
        .voice-sort-archive dl dd .eval .star2 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star2_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0; }
        .voice-sort-archive dl dd .eval .star3 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star3_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0; }
        .voice-sort-archive dl dd .eval .star4 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star4_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0; }
        .voice-sort-archive dl dd .eval .star5 {
          display: inline-block;
          width: 67px;
          height: 10px;
          background: url(images/star5_v2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0; }
      .voice-sort-archive dl dd .voice-sort-more {
        display: block;
        text-align: center;
        margin-top: 20px; }
        .voice-sort-archive dl dd .voice-sort-more a {
          display: block;
          background-color: #262626;
          background-image: url(images/voice-more-bg.svg);
          background-repeat: no-repeat;
          background-position: right 24px center;
          color: #FFF;
          line-height: 1;
          font-size: 10px;
          padding: 11px; }
          .voice-sort-archive dl dd .voice-sort-more a:hover {
            opacity: .5; }

/*single-voice.php*/
.voice-single-header h2 span {
  margin-left: 30px !important;
  font-size: 8px !important;
  font-weight: normal !important; }

.voice-single-content {
  margin: 0;
  width: 100%; }
  .voice-single-content header {
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 20px; }
    .voice-single-content header > h3 {
      display: none; }
    .voice-single-content header .voice-single-img {
      box-sizing: border-box; }
      .voice-single-content header .voice-single-img > div:first-child {
        float: left; }
        .voice-single-content header .voice-single-img > div:first-child h3 {
          display: block;
          background-color: #262626;
          color: #FFF;
          font-size: 10px;
          font-weight: normal;
          text-align: center;
          padding: 9px 10px;
          margin: 0;
          margin-bottom: 23px;
          line-height: 1; }
      .voice-single-content header .voice-single-img > div:last-child {
        float: right; }
        .voice-single-content header .voice-single-img > div:last-child span {
          display: block;
          font-size: 12px;
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          line-height: 1;
          margin-bottom: 23px;
          padding: 8px 0;
          text-align: left; }
        .voice-single-content header .voice-single-img > div:last-child img {
          border: 1px solid #D6D6D6;
          box-sizing: border-box; }
      .voice-single-content header .voice-single-img img {
        height: 91px !important;
        width: auto !important;
        vertical-align: bottom; }
        @media screen and (max-width: 361px) {
          .voice-single-content header .voice-single-img img {
            height: 88px !important; } }
        @media screen and (max-width: 321px) {
          .voice-single-content header .voice-single-img img {
            height: 76px !important; } }
        @media screen and (min-width: 400px) {
          .voice-single-content header .voice-single-img img {
            height: 102px !important; } }
        @media screen and (min-width: 767px) {
          .voice-single-content header .voice-single-img img {
            height: 200px !important; } }
        .voice-single-content header .voice-single-img img:first-child {
          float: left; }
        .voice-single-content header .voice-single-img img:last-child {
          float: right; }
  .voice-single-content .hyouka {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    border-bottom: 1px solid #D6D6D6; }
    .voice-single-content .hyouka > div {
      width: 50%;
      align-items: center;
      font-size: 10px;
      padding-top: 11px;
      padding-bottom: 11px;
      box-sizing: border-box; }
      .voice-single-content .hyouka > div:first-child {
        border-right: 1px solid #d6d6d6;
        text-align: center;
        padding-right: 0px; }
      .voice-single-content .hyouka > div:last-child {
        padding-left: 0px;
        text-align: center; }
      .voice-single-content .hyouka > div > span {
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        .voice-single-content .hyouka > div > span:first-child {
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          width: 100%; }
        .voice-single-content .hyouka > div > span:last-child {
          font-size: 12px;
          letter-spacing: 0;
          margin-left: 4px; }
          .voice-single-content .hyouka > div > span:last-child.not {
            font-size: 10px; }
    .voice-single-content .hyouka .star0 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star0_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .voice-single-content .hyouka .star1 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star1_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .voice-single-content .hyouka .star2 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star2_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .voice-single-content .hyouka .star3 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star3_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .voice-single-content .hyouka .star4 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star4_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .voice-single-content .hyouka .star5 {
      display: inline-block;
      width: 63px;
      height: 19px;
      background: url(images/star5_v2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
  .voice-single-content .aboutvoice {
    border-bottom: none !important;
    margin-top: 0 !important; }
    .voice-single-content .aboutvoice dt {
      line-height: 1;
      font-size: 14px;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      padding: 35px 0 10px;
      margin: 0 0 35px;
      border-bottom: 1px solid #D6D6D6;
      background-image: url(images/voice-plus.svg);
      background-repeat: no-repeat;
      background-position: right 10px bottom 12px;
      background-size: 14px;
      cursor: pointer; }
      .voice-single-content .aboutvoice dt.open {
        background-image: url(images/voice-minus.svg);
        background-position: right 10px bottom 19px; }
    .voice-single-content .aboutvoice dd {
      padding: 0 0 25px;
      margin: 0;
      font-size: 12px;
      line-height: 1.7;
      display: none; }
      .voice-single-content .aboutvoice dd ul {
        padding: 0;
        margin: 0;
        list-style: none; }
  .voice-single-content .voice-etc-title {
    line-height: 1;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0 0 25px;
    border-bottom: 1px solid #D6D6D6; }
  .voice-single-content .voice-etc {
    margin: 0;
    overflow: hidden; }
  .voice-single-content .voice-nextprev {
    display: flex;
    justify-content: space-between;
    font-size: 10px; }
    .voice-single-content .voice-nextprev a[rel="next"] {
      background-image: url(images/voice-next.svg);
      background-position: left 1px center;
      background-repeat: no-repeat;
      padding: 1em 0 1em 32px;
      text-align: left;
      color: #262626;
      line-height: 1.4;
      width: 40%; }
      .voice-single-content .voice-nextprev a[rel="next"]:hover {
        opacity: .5; }
    .voice-single-content .voice-nextprev a[rel="prev"] {
      background-image: url(images/voice-prev.svg);
      background-position: right 1px center;
      background-repeat: no-repeat;
      padding: 1em 32px 1em 0;
      color: #262626;
      line-height: 1.4;
      width: 40%; }
      .voice-single-content .voice-nextprev a[rel="prev"]:hover {
        opacity: .5; }

.voice-single-contents {
  padding-bottom: 35px; }

.voice-single-content article .voice-wrap dl {
  padding: 35px 0;
  border-bottom: 1px solid #d6d6d6; }
  .voice-single-content article .voice-wrap dl:last-child {
    margin-bottom: 0; }
  .voice-single-content article .voice-wrap dl dt {
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 1.4em;
    background: url(images/voice-single-dt.png) no-repeat left center;
    background-size: 20px;
    padding: 3px 0 1px 30px;
    margin: 0 0 10px; }
  .voice-single-content article .voice-wrap dl dd {
    padding: 0;
    margin: 0; }

.voice-single-side-contents ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.voice-single-side-contents h3 {
  padding: 20px 0;
  line-height: 0;
  text-align: center;
  margin: 30px 0 0;
  background: #1a1a1a;
  color: #FFF;
  font-size: 12px; }
.voice-single-side-contents ul li {
  padding: 0; }
  .voice-single-side-contents ul li:last-child {
    margin-bottom: 30px; }
  .voice-single-side-contents ul li a {
    padding: 12px 0;
    background: url(images/voice-sidebar-yajirusi.png) no-repeat 94% center;
    border-bottom: 1px solid #d6d6d6;
    display: block; }
  .voice-single-side-contents ul li dl {
    padding: 0;
    margin: 0; }
    .voice-single-side-contents ul li dl dt {
      padding: 0;
      margin: 0;
      font-size: 12px !important; }
    .voice-single-side-contents ul li dl dd {
      padding: 0;
      margin: 0; }

.voice-nextprev {
  text-align: right;
  margin: 50px 0; }

/*
	暮らしのコラム情報
	column/配下
*/
.smp-column-header {
  margin-bottom: 25px !important; }

#top-column, .column-contents article {
  margin: 0 0 50px; }

.column-nav {
  width: 100%;
  margin: 32px auto;
  border-bottom: #D6D6D6 1px solid; }
  .column-nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: scroll;
    white-space: nowrap; }
    .column-nav ul li {
      line-height: 1;
      padding-bottom: 10px;
      margin-right: 16px;
      display: inline-block;
      color: #d6d6d6;
      font-size: 10px;
      cursor: pointer; }
      .column-nav ul li .column-ac, .column-nav ul li:hover {
        color: #262626; }

#top-column2 {
  width: 100%; }
  #top-column2 > article {
    display: flex;
    flex-wrap: wrap; }
    #top-column2 > article > div {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 20px;
      position: relative; }
      #top-column2 > article > div:nth-child(2n) {
        margin-right: 0; }
      #top-column2 > article > div > img {
        width: 100%;
        height: auto; }
      #top-column2 > article > div > div:nth-child(2) {
        margin: 10px 0 20px; }
        #top-column2 > article > div > div:nth-child(2) > span:first-child {
          line-height: 0;
          padding: 12px 0;
          width: 100%;
          box-sizing: border-box;
          background: #F4F4F4;
          border: 1px solid #D6D6D6;
          font-size: 11px;
          display: block;
          text-align: center; }
        #top-column2 > article > div > div:nth-child(2) > span:last-child {
          line-height: 0;
          padding: 12px 0;
          width: 100%;
          box-sizing: border-box;
          border: 1px solid #D6D6D6;
          border-top: none;
          font-size: 11px;
          display: block;
          text-align: center; }
      #top-column2 > article > div > h3 {
        font-size: 12px;
        height: 40px;
        margin: 0; }
      #top-column2 > article > div > div:nth-child(4) {
        height: 75px;
        overflow: hidden;
        margin: 0 0 15px 0; }
      #top-column2 > article > div > a {
        display: block;
        line-height: 0;
        padding: 20px 0;
        text-align: center;
        color: #FFF;
        background: #262626;
        width: 100%;
        box-sizing: border-box;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        #top-column2 > article > div > a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }

.column-top-new {
  float: left;
  margin: 0 4% 15px 0;
  width: 48%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .column-top-new:first-child {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 15px; }
  .column-top-new:nth-child(3) {
    margin-right: 0 !important; }

.column-top-inner {
  width: 100%;
  position: relative; }
  .column-top-inner:after {
    content: "";
    display: block;
    padding-bottom: 70.8%;
    padding-bottom: 70.3% !important; }

.column-top-picup {
  float: left;
  margin: 0 4% 15px 0;
  width: 48%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.column-top-thum {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .column-top-thum img {
    height: 100%;
    width: 100%; }

.column-top-new-text {
  padding: 5px 10px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: .3s;
  transition: .3s;
  box-sizing: border-box;
  color: #FFF;
  position: absolute;
  left: 0;
  bottom: 0; }
  .column-top-new-text h3 {
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0 !important; }

.column-top-new-icon {
  text-align: center;
  width: 34px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 9px; }
  .column-top-new-icon img {
    width: 100%;
    height: auto; }

.column-top-picup:last-child {
  margin-right: 0 !important; }

.column-top-contents h3 {
  margin-top: 0; }
.column-top-contents header {
  position: relative; }
  .column-top-contents header span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px; }

.column-top-contents-wrap {
  width: 100%;
  overflow: hidden;
  margin: 0 0 75px; }

.column-top-contents .gallery-cell {
  width: 48%;
  margin: 0 4% 15px 0;
  float: left; }
  .column-top-contents .gallery-cell:nth-child(2n) {
    margin-right: 0; }
  .column-top-contents .gallery-cell dl {
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: relative; }
    .column-top-contents .gallery-cell dl dt {
      padding: 0;
      margin: 0 0 5px;
      text-align: center;
      width: 100%;
      height: auto; }
      .column-top-contents .gallery-cell dl dt img {
        width: 100%;
        height: auto; }
    .column-top-contents .gallery-cell dl dd {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
    .column-top-contents .gallery-cell dl dt img {
      margin: 0;
      padding: 0;
      vertical-align: bottom; }

/*わが家の暮らしのカタチ taxonomy-obinterview.php*/
.column-archive-contents {
  width: 100%; }
  .column-archive-contents article {
    margin: 0 0 30px; }

.wagaya-single-contents {
  margin-bottom: 50px; }

.wagaya-list-c {
  width: 100%; }

.wagaya-cate-txt {
  width: 50%; }

.wagaya-list {
  width: 48%;
  height: auto;
  margin: 0 4% 15px 0;
  float: left; }
  .wagaya-list:nth-child(2n) {
    margin-right: 0; }
  .wagaya-list dl {
    font-size: 12px;
    padding: 0;
    margin: 0; }
    .wagaya-list dl dt {
      padding: 0;
      margin: 0 0 5px; }
    .wagaya-list dl dd {
      padding: 0;
      margin: 0;
      width: 100%; }
      .wagaya-list dl dd span {
        display: block; }
    .wagaya-list dl dt img {
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto; }

/*わが家の暮らしのカタチ single.php*/
.wagaya-single-content {
  margin: 0;
  width: 100%; }
  .wagaya-single-content h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal; }
  .wagaya-single-content article {
    margin: 0 0 35px 0;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding: 15px 0px; }

.column-slug {
  margin-bottom: 15px;
  display: block; }

.column-single-header {
  position: relative; }
  .column-single-header span {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 30px; }

.wagaya-main-img {
  margin: 0 0 35px; }
  .wagaya-main-img img {
    width: 100%;
    height: auto; }

.wagaya-c {
  width: 100%;
  margin: 38px 0 80px;
  position: relative; }

.wagaya-thum {
  width: 100%;
  text-align: center; }
  .wagaya-thum img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.wagaya-data {
  width: 100%; }
  .wagaya-data div {
    padding: 32px;
    background: #f8f8f8; }
  .wagaya-data > span {
    padding: 20px 20px;
    border: 1px solid #757577;
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 0;
    position: absolute;
    left: 0; }
  .wagaya-data h4 {
    margin: 0 0 20px;
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 1;
    padding: 0; }
  .wagaya-data dl {
    margin: 0 0 20px;
    padding: 0;
    font-size: 10px; }
    .wagaya-data dl dt, .wagaya-data dl dd {
      margin: 0;
      padding: 0;
      display: inline-block; }
  .wagaya-data p {
    margin: 0 0 20px;
    font-size: 10px; }
  .wagaya-data a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #262626;
    color: #FFF;
    font-size: 10px; }

.interview-ca {
  text-align: right;
  display: block;
  font-size: 12px;
  color: #757575;
  margin-top: 20px; }

.wagaya-imgs {
  margin: 25px 0 20px !important; }
  .wagaya-imgs dl {
    margin: 0 0 15px;
    padding: 0;
    display: inherit !important;
    line-height: 1.8em !important; }

.wagaya-kaiwa > :last-child {
  margin-bottom: 50px !important; }

.wagaya-imgs dl dt {
  margin: 0 0 15px !important;
  display: inherit !important;
  width: inherit !important; }
  .wagaya-imgs dl dt img {
    vertical-align: bottom !important;
    width: 100% !important;
    height: auto !important; }
.wagaya-imgs dl dd {
  color: gray !important;
  font-size: 10px !important;
  line-height: 1.7;
  padding: 0;
  margin: 0;
  display: inherit !important; }

.wagaya-sidebar {
  width: 100%;
  margin-top: 35px; }
  .wagaya-sidebar h3 {
    margin: 0 !important;
    padding: 30px 0 30px !important;
    text-align: center !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 1 !important;
    border-top: 1px solid #262626; }

.wagaya-backnumber {
  margin: 0px 5.32% 15px 0px;
  width: 47.3%;
  float: left;
  box-sizing: border-box; }
  .wagaya-backnumber:nth-child(2n) {
    margin-right: 0; }
  .wagaya-backnumber img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin: 0 0 10px;
    padding: 0; }
  .wagaya-backnumber .wagaya-bn-time {
    font-size: 10px;
    color: #757575;
    margin-bottom: 10px; }
  .wagaya-backnumber .wagaya-bn-title a {
    color: #262626; }

.wagaya-bn-time {
  font-size: 6px; }

.wagaya-kaiwa {
  width: 100%;
  line-height: 1.8em;
  margin: 0 0 50px; }
  .wagaya-kaiwa dl {
    padding: 0;
    margin: 0 0 45px; }
    .wagaya-kaiwa dl dt {
      padding: 0;
      margin: 0 0 1em;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .wagaya-kaiwa dl dd {
      padding: 0;
      margin: 0; }

.wagaya-imgs dl dt {
  margin: 0 0 15px; }
  .wagaya-imgs dl dt img {
    vertical-align: bottom;
    width: 100%;
    height: auto; }
.wagaya-imgs dl dd {
  color: gray;
  font-size: 10px;
  padding: 0;
  margin: 0; }

#wagaya-side-mail {
  padding-bottom: 45px; }
  #wagaya-side-mail > div {
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 12px;
    margin-top: -5px; }
    #wagaya-side-mail > div > a {
      line-height: 0;
      padding: 25px 0;
      text-align: center;
      border: 1px solid #262626;
      display: block;
      margin-top: 30px;
      color: #262626; }

/*スタッフコラム*/
.staffcolumn-single-content {
  margin: 0 0 50px;
  width: 100%; }

.staffcolum-single-in {
  margin: 0; }
  .staffcolum-single-in h3 {
    margin: 0 0 20px; }
  .staffcolum-single-in > article > h3 {
    border-top: 1px dotted #D6D6D6;
    padding: 30px 0 0 !important;
    margin: 30px 0 !important; }

.staffcolum-single-time {
  margin: 0 0 20px;
  font-size: 12px; }

.staffcolumn-single-article {
  margin: 0 0 50px; }

.staffcolum-single-in article {
  margin: 0 0 50px !important;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 20px 0; }
  .staffcolum-single-in article img {
    max-width: 100%;
    height: auto; }

.staffcolumn-single-content header {
  position: relative; }
  .staffcolumn-single-content header h3 {
    padding-bottom: 45px;
    border-bottom: 1px solid #262626;
    line-height: 1;
    margin: 0 0 50px; }
  .staffcolumn-single-content header span {
    position: absolute;
    right: 0;
    top: 3px; }

.staffcolumn-sidebar {
  width: 100%; }
  .staffcolumn-sidebar h3 {
    margin: 0 !important;
    padding: 20px 0 !important;
    text-align: center !important;
    background: #262626 !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 0 !important; }
  .staffcolumn-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .staffcolumn-sidebar ul li {
      padding: 20px 0;
      margin: 0;
      border-bottom: 1px solid #d6d6d6; }
      .staffcolumn-sidebar ul li span {
        font-size: 12px;
        display: block; }

.item {
  margin: 1%;
  width: 48%;
  height: auto; }
  .item img {
    width: 100%;
    height: auto; }

.fancybox-skin {
  border-radius: 0 !important; }

.fancybox-overlay {
  background: rgba(51, 51, 51, 0.95) !important; }

.fancybox-nav {
  width: 35px !important;
  height: 90px !important;
  top: 50% !important;
  margin-top: -150px !important; }

.fancybox-close {
  background: url(images/fancy-close.png) no-repeat !important;
  background-size: 54px 16px !important;
  width: 54px !important;
  height: 16px !important;
  top: -21px !important;
  right: 0 !important; }

.fancybox-prev span {
  background-color: rgba(245, 245, 245, 0.5) !important;
  background-image: url(images/work-single-yajirushi-left.png) !important;
  background-size: 9px 16px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  left: 0px !important; }

.fancybox-next span {
  background-color: rgba(245, 245, 245, 0.5) !important;
  background-image: url(images/work-single-yajirushi-right.png) !important;
  background-size: 9px 16px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  right: 0px !important; }

.fancybox-hidden {
  display: none; }

.scene-caption {
  background: #FFF;
  padding: 25px;
  width: 100%;
  box-sizing: border-box !important; }
  .scene-caption div {
    box-sizing: border-box !important; }
    .scene-caption div:first-child {
      padding-bottom: 20px; }
    .scene-caption div:last-child {
      width: 100%; }
      .scene-caption div:last-child a {
        display: block;
        width: 100%;
        padding: 25px 0;
        text-align: center;
        line-height: 0;
        background: #262626;
        color: #FFF; }

div[id*="scenes_"] img {
  vertical-align: bottom;
  text-align: center !important; }

@media screen and (max-width: 780px) {
  .scenes-img {
    width: 480px !important;
    position: relative;
    text-align: center !important; } }
@media screen and (max-width: 640px) {
  .scenes-img {
    width: 320px !important;
    position: relative;
    text-align: center !important; } }
@media screen and (max-width: 330px) {
  .scenes-img {
    width: 280px !important;
    position: relative;
    text-align: center !important; } }
.scenes-img:after {
  content: "";
  display: block;
  padding-bottom: 70.6%; }
.scenes-img > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
  cursor: default !important; }
.scenes-img img {
  height: 100%;
  width: auto; }

.scene-caption div:last-child span {
  display: block;
  width: 100%;
  padding: 25px 0 25px 13px;
  text-align: center;
  line-height: 0;
  background-color: #262626;
  color: #FFF;
  background-image: url(images/clip-white2.png);
  background-size: 14px auto;
  background-position: 27px center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  margin-top: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .scene-caption div:last-child span.is_favorite {
    background-color: #D6D6D6; }
  .scene-caption div:last-child span.favorite:before {
    content: "この実例をお気に入りに追加する"; }
  .scene-caption div:last-child span.is_favorite:before {
    content: "この実例はお気に入りに追加済み" !important; }

@media screen and (max-width: 780px) {
  .scene-caption div:last-child span {
    background-position: 104px center !important; }

  .works-single-content article span:last-child {
    background-position: 200px center !important; } }
@media screen and (max-width: 640px) {
  .scene-caption div:last-child span {
    background-position: 27px center !important; }

  .works-single-content article span:last-child {
    background-position: 60px center !important; } }
@media screen and (max-width: 440px) {
  .works-single-content article span:last-child {
    background-position: 30px center !important; } }
@media screen and (max-width: 330px) {
  .scene-caption div:last-child span {
    background-position: 14px center !important; } }
/*検索*/
.search #wrap {
  padding: 30px 18px; }

.search-header h2 {
  border-bottom: 1px solid #1A1A1A;
  padding-bottom: 10px;
  margin-bottom: 35px; }

.search-top-form {
  text-align: center;
  padding-bottom: 35px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D6D6D6; }
  .search-top-form input[type="text"] {
    margin-right: -5px;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    letter-spacing: 2px;
    vertical-align: baseline;
    border: 1px solid #C1C1C1;
    padding-left: 9px;
    border-radius: 0px;
    -webkit-appearance: none; }
  .search-top-form input[type="submit"] {
    font-family: FontAwesome;
    color: #FFF;
    background: #262626 none repeat scroll 0% 0%;
    padding: 6px 10px;
    border: medium none;
    width: 75px;
    height: 40px;
    box-sizing: border-box;
    vertical-align: bottom;
    border-radius: 0px;
    -webkit-appearance: none; }

.search-contents {
  padding-bottom: 35px;
  border-bottom: 1px solid #d6d6d6; }

.search-number {
  margin: 0 0 50px; }

.search-div-c {
  width: 100%;
  margin: 0 0 35px; }

.search-div-thum {
  width: 20%;
  float: left;
  display: none; }
  .search-div-thum img {
    vertical-align: bottom;
    width: 100%;
    height: auto; }

.search-div-txt {
  width: 100%; }
  .search-div-txt p {
    margin-bottom: 0; }
  .search-div-txt h3 {
    padding: 5px 0 10px;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 15px;
    font-weight: normal;
    font-size: 18px; }

.smb0 {
  margin-bottom: 0 !important; }

.favorite-cover {
  margin: 75px auto 35px auto !important; }
  .favorite-cover .works-list:nth-child(2n) {
    margin-right: 0 !important; }

.favorite_btn, #dynamic-to-top, .siryou_btn, .contact_btn {
  display: none !important; }

/*modelhouse*/
#modelhouse-header-image {
  width: 100vw;
  height: calc(100vh - 108px);
  margin-top: -50px;
  margin-left: -18px;
  margin-bottom: 60px;
  background: url(images/modelhouse/mh_main_smp_2607.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative; }
  #modelhouse-header-image img.text {
    position: absolute;
    left: calc(50% - 112.7px);
    top: calc(50% - 80px); }
  #modelhouse-header-image img.scroll-modelhouse {
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px); }
  #modelhouse-header-image img.pc {
    display: none; }

.modelhouse-appeal {
  width: 100%;
  margin: 0 auto 35px; }
  .modelhouse-appeal > div {
    margin-bottom: 35px; }

#modelhouse-content > article > div:nth-child(2) {
  margin: 35px 0; }

.modelhouse-list-h3 {
  margin-top: 60px;
  margin-bottom: 51px; }

.modelhouse-list {
  margin-bottom: 30px; }
  .modelhouse-list > div {
    margin-bottom: 60px; }
    .modelhouse-list > div > a {
      display: block;
      width: 100vw;
      margin-left: -18px; }
      .modelhouse-list > div > a img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 30px; }
    .modelhouse-list > div h4 {
      font-size: 14px !important;
      font-weight: normal !important;
      margin: 0 0 25px !important; }
    .modelhouse-list > div dl {
      padding: 0;
      margin: 0;
      font-size: 12px;
      display: flex; }
      .modelhouse-list > div dl dt {
        padding: 0;
        margin: 0;
        width: 100px; }
      .modelhouse-list > div dl dd {
        padding: 0;
        margin: 0;
        width: calc(100% - 100px); }
    .modelhouse-list > div .links {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 30px 0 0; }
      .modelhouse-list > div .links a {
        color: #262626;
        display: block;
        border: 1px solid #262626;
        box-sizing: border-box;
        width: 46.551724137931%;
        text-align: center;
        font-size: 10px;
        line-height: 1;
        padding: 16px 0; }
        .modelhouse-list > div .links a:hover {
          opacity: .5; }
        .modelhouse-list > div .links a:first-child {
          background: #262626;
          color: #FFFFFF; }

.sinshun2018-banner {
  margin-bottom: 35px; }
  .sinshun2018-banner img {
    width: 100%;
    height: auto; }

.modelhouse-appeal > h3 {
  margin-bottom: 51px; }

.modelhouse-appeal > div img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.modelhouse-appeal > div dl {
  margin: 30px 0 0 0;
  padding: 0; }
  .modelhouse-appeal > div dl dt {
    margin: 0 0 25px;
    font-size: 14px;
    padding: 0;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .modelhouse-appeal > div dl dd {
    padding: 0;
    margin: 0; }

.modelhouse-allways {
  margin-bottom: 50px; }
  .modelhouse-allways .links {
    display: none; }

.m-a-top-img {
  width: 100%;
  height: auto; }

#m-a-slider {
  margin: 0 !important; }
  #m-a-slider .sp-slides-container {
    border-bottom: 1px solid #d6d6d6; }
  #m-a-slider .sp-next-arrow {
    right: -35px !important;
    top: -80px !important;
    background-color: #FFF !important; }
  #m-a-slider .sp-previous-arrow {
    left: -35px !important;
    top: -80px !important;
    background-color: #FFF !important; }
  #m-a-slider .sp-buttons {
    text-align: right !important;
    position: absolute !important;
    top: 0 !important;
    margin-top: 68.5% !important; }
  #m-a-slider .sp-button {
    width: 5px !important;
    height: 5px !important;
    background: #D6D6D6 !important;
    border: none !important; }
  #m-a-slider .sp-selected-button {
    background: #9FA0A0 !important; }

.m-a-img-inner img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.m-a-img-inner dl {
  text-align: left;
  margin: 25px 0;
  padding: 0; }
  .m-a-img-inner dl dt {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px; }
  .m-a-img-inner dl dd {
    margin: 0;
    padding: 0; }

.m-a-gaiyou-t {
  margin-bottom: 20px !important; }

.m-a-gaiyou {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0 0; }
  .m-a-gaiyou > div:first-child {
    width: 100%;
    text-align: justify;
    padding-bottom: 20px; }
  .m-a-gaiyou > div:last-child {
    width: 100%; }
    .m-a-gaiyou > div:last-child dl {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      margin: 0;
      border-top: 1px solid #d6d6d6; }
      .m-a-gaiyou > div:last-child dl dt {
        width: 31.58%;
        padding: 0;
        margin: 0; }
      .m-a-gaiyou > div:last-child dl dd {
        width: 68.42%;
        padding: 0;
        margin: 0; }

.m-a-plan {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 35px; }

.m-a-shousai {
  margin-bottom: 35px; }
  .m-a-shousai dl {
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6; }
    .m-a-shousai dl:first-child {
      border-top: 1px solid #d6d6d6; }
    .m-a-shousai dl dt {
      margin: 0;
      padding: 0;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    .m-a-shousai dl dd {
      padding: 0;
      margin: 0; }

.m-a-links {
  margin-top: 20px;
  margin-bottom: 35px; }
  .m-a-links a {
    font-size: 12px;
    line-height: 1;
    display: block;
    width: 100%;
    padding: 19px 0;
    border: 1px solid #262626;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px; }
    .m-a-links a:hover {
      opacity: .5; }
    .m-a-links a:nth-child(3) {
      background: #262626;
      color: #FFF;
      font-family: "Sawarabi Mincho" !important; }
    .m-a-links a:nth-child(4) {
      color: #262626;
      font-family: "Sawarabi Mincho" !important;
      font-size: 10px;
      padding: 20px 0 17px; }
      .m-a-links a:nth-child(4) span {
        display: block;
        margin: 0 0 10px 0; }

.modelhouse-box > div:first-child img {
  width: 100%;
  height: auto;
  margin-bottom: 20px; }

.modelhouse-info-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none; }
  .modelhouse-info-menu li {
    width: 33.33333333%;
    text-align: center;
    float: left; }
    .modelhouse-info-menu li a {
      line-height: 0;
      padding: 25px 0;
      width: 100%;
      border: 1px solid #eaeaea;
      border-bottom: 0;
      border-right: 0;
      display: block;
      box-sizing: border-box; }
    .modelhouse-info-menu li:last-child a {
      border-right: 1px solid #eaeaea; }

.model-active {
  border-bottom: 1px solid #FFF !important; }

.modelhouse-info {
  margin-top: -1px;
  border-top: 1px solid #eaeaea;
  padding-top: 35px; }
  .modelhouse-info #info1 > div:first-child {
    margin-bottom: 35px; }
  .modelhouse-info #info1 dl {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%; }
    .modelhouse-info #info1 dl dt, .modelhouse-info #info1 dl dd {
      padding: 0;
      margin: 0;
      display: table-cell; }
    .modelhouse-info #info1 dl dt {
      width: 78px; }
  .modelhouse-info img {
    width: 100%;
    height: auto; }

.modelhouse-more {
  text-align: center;
  width: 100%;
  margin: 50px auto 75px; }
  .modelhouse-more > span {
    display: block; }
    .modelhouse-more > span:last-child {
      margin-top: 20px; }
    .modelhouse-more > span a {
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: 25px 0;
      line-height: 0;
      border: 1px solid #757575;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .modelhouse-more > span a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }

.mh-campain {
  margin-bottom: 35px; }

#modelhouse-content .mh-campain {
  margin-bottom: 0; }

#mhc {
  padding-top: 35px;
  margin-bottom: 40px; }

.mh-campain img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

/*2020 livingshowroom*/
.modelhouse-header h3 {
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #D6D6D6; }

#modelhouse-content-sub > article > div:nth-child(2) {
  margin: 40px 0 40px; }
#modelhouse-content-sub .top-banner-2017 {
  margin-bottom: 100px !important; }
#modelhouse-content-sub .modelhouseslider {
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  padding-bottom: 40px;
  margin-bottom: 60px;
  border-bottom: 1px solid #D6D6D6; }
  #modelhouse-content-sub .modelhouseslider .bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #fff;
    padding: 0;
    margin: 0;
    overflow: visible;
    margin-bottom: 40px; }
    #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport {
      overflow: visible; }
      #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider {
        left: calc((100vw - 312px) / 2); }
        #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider > div {
          width: auto !important;
          max-width: 580px !important;
          height: 220px !important;
          margin-right: 4px; }
          #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider > div img {
            height: 220px;
            width: auto; }
    #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-controls-direction {
      display: none; }
    #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-pager {
      bottom: -20px; }
  #modelhouse-content-sub .modelhouseslider div[class^="viewtext"] {
    text-align: left;
    display: none;
    padding: 0 18px; }
  #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 24px;
    height: 1px;
    margin: 0 4px;
    background: #D6D6D6; }
  #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-pager.bx-default-pager a:hover, #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-pager.bx-default-pager a.active, #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background-color: #262626; }
#modelhouse-content-sub .modelhouse-plan-title {
  line-height: 1;
  padding: 0 0 10px;
  border-bottom: 1px solid #D6D6D6; }

.modelhouse-plan-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; }
  .modelhouse-plan-menu li {
    line-height: 1;
    text-align: center;
    padding: 18px;
    border-bottom: 4px solid #D6D6D6;
    cursor: pointer;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    color: #D6D6D6;
    transition: .3s; }
    .modelhouse-plan-menu li:hover {
      color: #262626;
      border-bottom: 5px solid #262626; }
    .modelhouse-plan-menu li.active {
      color: #262626;
      border-bottom: 5px solid #262626;
      cursor: auto; }
  .modelhouse-plan-menu.one li {
    width: 100%; }
  .modelhouse-plan-menu.two li {
    width: 50%; }

.modelhouse-plan-detail {
  margin-bottom: 25px; }
  .modelhouse-plan-detail > div {
    border-bottom: 1px solid #D6D6D6;
    border-top: none;
    padding: 45px 20px 50px;
    box-sizing: border-box;
    display: none; }
    .modelhouse-plan-detail > div.show {
      display: block; }
    .modelhouse-plan-detail > div > figure {
      width: 100%;
      text-align: center;
      border-bottom: 1px solid #D6D6D6;
      padding-bottom: 50px;
      margin-bottom: 30px; }
      .modelhouse-plan-detail > div > figure img.pc {
        display: none; }
      .modelhouse-plan-detail > div > figure img.hiraya {
        width: 100%;
        height: auto; }
    .modelhouse-plan-detail > div > div {
      width: 100%;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center; }
      .modelhouse-plan-detail > div > div .hiraya-detail-text1 {
        padding: 0;
        margin: 0 0 30px;
        width: 220px; }
        .modelhouse-plan-detail > div > div .hiraya-detail-text1 dt {
          font-size: 18px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600; }
          .modelhouse-plan-detail > div > div .hiraya-detail-text1 dt span {
            display: block;
            font-size: 14px;
            margin-top: 8px; }
        .modelhouse-plan-detail > div > div .hiraya-detail-text1 dd {
          padding: 0;
          margin: 0;
          font-size: 12px; }
      .modelhouse-plan-detail > div > div .hiraya-detail-text2 {
        width: 220px;
        font-size: 12px; }
        .modelhouse-plan-detail > div > div .hiraya-detail-text2 > div {
          font-size: 10px;
          display: flex;
          align-items: center; }
          .modelhouse-plan-detail > div > div .hiraya-detail-text2 > div img {
            vertical-align: bottom;
            margin-right: 16px; }
      .modelhouse-plan-detail > div > div .choose-detail-text1 {
        padding: 0;
        margin: 10px 0 30px;
        width: 220px; }
        .modelhouse-plan-detail > div > div .choose-detail-text1 dt {
          font-size: 18px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600; }
          .modelhouse-plan-detail > div > div .choose-detail-text1 dt span {
            display: inline-block;
            font-size: 14px;
            margin-top: 8px; }
        .modelhouse-plan-detail > div > div .choose-detail-text1 dd {
          padding: 0;
          margin: 0;
          font-size: 12px; }
      .modelhouse-plan-detail > div > div .choose-detail-spec {
        padding: 30px 0;
        border-top: 1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6; }
        .modelhouse-plan-detail > div > div .choose-detail-spec dl {
          display: flex;
          font-size: 12px;
          padding: 0;
          margin: 0; }
          .modelhouse-plan-detail > div > div .choose-detail-spec dl dt {
            width: 4.4em;
            padding: 0;
            margin: 0;
            text-align: right; }
          .modelhouse-plan-detail > div > div .choose-detail-spec dl dd {
            padding: 0 0 0 11px;
            margin: 0; }
            .modelhouse-plan-detail > div > div .choose-detail-spec dl dd .sp01 {
              display: inline-block;
              width: 9px; }
            .modelhouse-plan-detail > div > div .choose-detail-spec dl dd .sp02 {
              display: inline-block;
              width: 9px; }
      .modelhouse-plan-detail > div > div .choose-detail-text2 {
        padding: 0;
        margin: 30px 0 0;
        width: 220px;
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        .modelhouse-plan-detail > div > div .choose-detail-text2 dt {
          font-size: 18px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600; }
          .modelhouse-plan-detail > div > div .choose-detail-text2 dt span {
            display: inline-block;
            font-size: 14px; }
        .modelhouse-plan-detail > div > div .choose-detail-text2 dd {
          padding: 0;
          margin: 0;
          font-size: 12px; }
      .modelhouse-plan-detail > div > div .choose-detail-text3 {
        padding: 0;
        margin: 30px 0 0;
        width: 220px; }
        .modelhouse-plan-detail > div > div .choose-detail-text3 dt {
          font-size: 14px;
          font-family: "MFW-HiraKakuProN-W3" !important;
          font-weight: normal; }
        .modelhouse-plan-detail > div > div .choose-detail-text3 dd {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          padding: 0;
          margin: 0;
          font-size: 12px; }
          .modelhouse-plan-detail > div > div .choose-detail-text3 dd span:first-child {
            font-family: "MFW-HiraKakuProN-W5" !important;
            letter-spacing: .1em;
            font-weight: 600;
            font-size: 18px; }
          .modelhouse-plan-detail > div > div .choose-detail-text3 dd span:nth-child(2) {
            font-family: "MFW-HiraKakuProN-W5" !important;
            letter-spacing: .1em;
            font-weight: 600;
            font-size: 14px; }
          .modelhouse-plan-detail > div > div .choose-detail-text3 dd span:nth-child(3) {
            font-size: 12px; }
      .modelhouse-plan-detail > div > div .choose-detail-text4 {
        margin-top: 30px;
        width: 220px;
        font-size: 12px;
        display: flex;
        justify-content: space-between; }
        .modelhouse-plan-detail > div > div .choose-detail-text4 > div {
          font-size: 10px;
          display: flex;
          align-items: center; }
          .modelhouse-plan-detail > div > div .choose-detail-text4 > div img {
            vertical-align: bottom;
            margin-right: 16px; }
  .modelhouse-plan-detail.choose > div {
    align-items: flex-start; }
    .modelhouse-plan-detail.choose > div > figure {
      border-right: none; }
      .modelhouse-plan-detail.choose > div > figure img {
        max-width: 588px;
        height: auto; }

.modelhouse-virtual-tour-title {
  margin: 60px 0  35px;
  padding: 0 0 20px;
  border-bottom: 1px solid #D6D6D6; }

#lsr-movie {
  padding-top: 80px; }
  #lsr-movie h3 {
    line-height: 1;
    font-size: 14px;
    padding: 0 0 10px;
    margin: 0 0 32px;
    border-bottom: 1px solid #d6d6d6; }
  #lsr-movie .movie-wrap .gallery-cell img {
    cursor: pointer;
    vertical-align: bottom; }
  #lsr-movie .movie-wrap .gallery-cell:first-child {
    margin-bottom: 32px; }

.tm2020 {
  height: 60px; }

.modelhouse-contact-links {
  margin-top: 80px;
  margin-bottom: 60px; }
  .modelhouse-contact-links > a {
    background: #262626;
    font-size: 12px;
    line-height: 1;
    display: block;
    width: 100%;
    padding: 19px 0;
    border: 1px solid #262626;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    font-family: "Sawarabi Mincho" !important;
    color: #FFF;
    letter-spacing: 2px; }
    .modelhouse-contact-links > a:hover {
      opacity: .5; }
    .modelhouse-contact-links > a:nth-child(2) {
      background: #FFF;
      color: #262626;
      font-size: 10px;
      padding: 20px 0 17px; }
      .modelhouse-contact-links > a:nth-child(2) img {
        margin-left: -11px;
        vertical-align: bottom; }
      .modelhouse-contact-links > a:nth-child(2) span {
        display: block;
        margin: 0 0 10px 0; }

html, body {
  height: 100vh; }

html #wpadminbar {
  margin-top: -46px; }

#header2 {
  display: none; }

#top-image-slider2 {
  width: 100%;
  height: 141.3125vw;
  position: relative;
  background: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto; }
  #top-image-slider2 .slide {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%; }
    #top-image-slider2 .slide .slide01,
    #top-image-slider2 .slide .slide02,
    #top-image-slider2 .slide .slide03,
    #top-image-slider2 .slide .slide04,
    #top-image-slider2 .slide .slide05,
    #top-image-slider2 .slide .slide06,
    #top-image-slider2 .slide .slide07,
    #top-image-slider2 .slide .slide08,
    #top-image-slider2 .slide .slide09,
    #top-image-slider2 .slide .slide10 {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
    #top-image-slider2 .slide .slide01 {
      background-image: url(images/topslider/topmain_smp_01.jpg); }
    #top-image-slider2 .slide .slide02 {
      background-image: url(images/topslider/topmain_smp_02.jpg); }
    #top-image-slider2 .slide .slide03 {
      background-image: url(images/topslider/topmain_smp_03.jpg); }
    #top-image-slider2 .slide .slide04 {
      background-image: url(images/topslider/topmain_sp_r_2211_01_gap_ldk.jpg); }
    #top-image-slider2 .slide .slide05 {
      background-image: url(images/topslider/topmain_sp_r_2211_02_rjoin_facade.jpg); }
    #top-image-slider2 .slide .slide06 {
      background-image: url(images/topslider/topmain_sp_r_2211_03_rjoin_living.jpg); }
    #top-image-slider2 .slide .slide07 {
      background-image: url(images/topslider/topmain_sp_r_2211_04_float_facade.jpg); }
    #top-image-slider2 .slide .slide08 {
      background-image: url(images/topslider/topmain_sp_r_2211_06_villair.jpg); }
    #top-image-slider2 .slide .slide09 {
      background-image: url(images/topslider/topmain_sp_r_2211_07_tts.jpg); }
    #top-image-slider2 .slide .slide10 {
      background-image: url(images/topslider/topmain_sp_r_2211_08_lsr.jpg); }
  #top-image-slider2 .bx-wrapper {
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    background: none !important;
    border: none !important; }
    #top-image-slider2 .bx-wrapper .bx-viewport {
      height: 100%; }
  #top-image-slider2 .slide-text {
    background-image: url(images/topmain_pc_00.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }
  #top-image-slider2 #sctxt {
    width: 40px;
    height: 11px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -20px;
    z-index: 10; }
  #top-image-slider2 #sc {
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -20px;
    z-index: 10; }

#top-image-slider2 span img {
  width: 100%;
  height: auto; }

#pickup-title {
  padding: 45px 0 0; }
  #pickup-title h3 {
    margin-bottom: 45px; }

#pickup {
  padding: 0 18px; }
  #pickup .gallery {
    margin: 0 30px; }

.top-pickup {
  width: 100%; }
  @media screen and (min-width: 700px) {
    .top-pickup {
      width: 386px;
      margin-right: 20px; } }
  .top-pickup img {
    width: 100%;
    height: auto; }

#top-event header {
  padding: 0;
  margin: 0 0 45px;
  line-height: 1; }
  #top-event header h3 {
    display: inline !important;
    border: none !important;
    font-size: 14px; }
  #top-event header div {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: baseline; }
    #top-event header div > p {
      margin: 0; }
    #top-event header div > span {
      position: static;
      line-height: 1;
      font-size: 21px !important;
      margin: 0 4px; }

.top-event-links {
  display: block;
  text-align: center;
  margin: 0 auto 50px;
  padding: 0 30px; }
  .top-event-links a {
    margin: 0 auto;
    display: inline-block;
    font-size: 10px;
    background: #262626;
    color: #FFF;
    transition: 0.3s;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }

#top-know {
  margin-bottom: 50px; }
  #top-know h3 {
    line-height: 1 !important;
    font-size: 14px;
    padding: 0;
    margin: 0 0 15px;
    border: none; }
  #top-know a dl {
    width: 50%;
    float: left;
    padding: 15px 15px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #D6D6D6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #top-know a dl:hover {
      background: rgba(38, 38, 38, 0.05); }
  #top-know a:nth-child(2n) dl {
    border-left: none; }
  #top-know a:nth-child(3) dl, #top-know a:nth-child(4) dl, #top-know a:nth-child(5) dl, #top-know a:nth-child(6) dl, #top-know a:nth-child(7) dl, #top-know a:nth-child(8) dl, #top-know a:nth-child(9) dl, #top-know a:nth-child(10) dl {
    border-top: none; }
  #top-know dl dt {
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #D6D6D6; }
  #top-know dl dd {
    padding: 15px 0 0;
    margin: 0;
    text-align: left;
    font-size: 12px;
    text-align: justify; }

#top-know2020 {
  background-color: #F7F7F7;
  padding: 45px 18px;
  box-sizing: border-box;
  width: 100vw;
  margin-left: -18px; }
  #top-know2020 h3 {
    margin-bottom: 35px; }
  #top-know2020 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #top-know2020 > div .home-voice {
      margin-bottom: 24px; }
    #top-know2020 > div .home-voice,
    #top-know2020 > div .home-column {
      background: #FFF;
      padding: 32px 36px;
      box-sizing: border-box;
      text-align: center;
      width: 100%; }
      #top-know2020 > div .home-voice h4,
      #top-know2020 > div .home-column h4 {
        padding: 0 0 15px;
        margin: 0 auto 24px;
        border-bottom: 1px solid #D6D6D6; }
      #top-know2020 > div .home-voice > div a,
      #top-know2020 > div .home-column > div a {
        display: flex;
        justify-content: space-between;
        margin-bottom: 23px; }
        #top-know2020 > div .home-voice > div a figure,
        #top-know2020 > div .home-column > div a figure {
          width: 122px; }
          #top-know2020 > div .home-voice > div a figure img,
          #top-know2020 > div .home-column > div a figure img {
            width: 100%;
            height: auto; }
        #top-know2020 > div .home-voice > div a dl,
        #top-know2020 > div .home-column > div a dl {
          padding: 0;
          margin: 0;
          width: calc(100% - 136px);
          text-align: left; }
          #top-know2020 > div .home-voice > div a dl dt,
          #top-know2020 > div .home-column > div a dl dt {
            font-size: 10px;
            color: #757575;
            padding: 0;
            margin: -5px 0 7px; }
          #top-know2020 > div .home-voice > div a dl dd,
          #top-know2020 > div .home-column > div a dl dd {
            padding: 0;
            margin: 0;
            font-size: 12px;
            line-height: 1.6;
            color: #262626; }
      #top-know2020 > div .home-voice > a,
      #top-know2020 > div .home-column > a {
        display: block;
        background: #262626;
        color: #FFF;
        font-size: 10px;
        line-height: 1;
        padding: 15px 0;
        transition: .3s; }
        #top-know2020 > div .home-voice > a:hover,
        #top-know2020 > div .home-column > a:hover {
          opacity: 0.5; }
    #top-know2020 > div > a {
      display: block;
      width: calc(50% - 12px);
      box-sizing: border-box;
      background-color: #FFF;
      padding: 20px 16px;
      margin-top: 24px;
      color: #262626;
      transition: .3s; }
      #top-know2020 > div > a:hover {
        opacity: .5; }
      #top-know2020 > div > a dl {
        padding: 0;
        margin: 0; }
        #top-know2020 > div > a dl dt {
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          font-size: 11px;
          padding: 0 0 13px;
          border-bottom: 1px solid #D6D6D6;
          margin-bottom: 18px;
          text-align: center; }
        #top-know2020 > div > a dl dd {
          font-size: 11px;
          padding: 0;
          margin: 0; }

#top-post > span {
  display: block;
  margin: 25px auto 50px;
  padding: 0 30px;
  text-align: center; }
  #top-post > span > a {
    display: block;
    width: 100%;
    padding: 20px;
    line-height: 0;
    font-size: 10px;
    color: #FFF;
    background: #262626;
    margin: 0 auto;
    box-sizing: border-box; }

.top-link2 {
  width: 48%;
  margin-right: 4%;
  position: relative; }
  .top-link2 img {
    width: 100%;
    height: auto; }
  .top-link2 h2 {
    font-size: 12px; }
  .top-link2 .widget_sp_image-description {
    font-size: 10px;
    line-height: 1.7em; }

.top-sns {
  background: #F7F7F7;
  padding: 45px 18px;
  width: 100vw;
  box-sizing: border-box;
  margin-left: -18px; }
  .top-sns h3 {
    padding: 0 0 15px !important;
    border-bottom: 1px solid #D6D6D6 !important;
    line-height: 1 !important;
    margin: 0 0 15px !important; }
  .top-sns > div:nth-child(1) > div:first-child {
    width: 100%; }
    .top-sns > div:nth-child(1) > div:first-child h4 {
      display: block;
      width: 32px;
      height: 32px;
      background: url(images/insta_icon2020.svg);
      background-size: 100%;
      background-repeat: no-repeat;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      padding: 0;
      margin: 0 auto 48px; }
    .top-sns > div:nth-child(1) > div:first-child ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .top-sns > div:nth-child(1) > div:first-child ul li {
        float: left;
        padding: 0;
        margin: 0 2px 2px 0;
        position: relative;
        overflow: hidden;
        width: calc((100vw - 36px) / 3 - 2px ); }
        .top-sns > div:nth-child(1) > div:first-child ul li:after {
          display: block;
          content: "";
          padding-top: 100%; }
        .top-sns > div:nth-child(1) > div:first-child ul li:nth-child(3n) {
          margin-right: 0; }
        .top-sns > div:nth-child(1) > div:first-child ul li img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: cover; }
    .top-sns > div:nth-child(1) > div:first-child > a {
      background: #f5d175;
      /* Old browsers */
      background: -moz-linear-gradient(left, #f5d175 0%, #ea8c3e 21%, #e45534 39%, #c71369 55%, #912689 71%, #543a92 85%, #3a499c 99%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #f5d175 0%, #ea8c3e 21%, #e45534 39%, #c71369 55%, #912689 71%, #543a92 85%, #3a499c 99%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #f5d175 0%, #ea8c3e 21%, #e45534 39%, #c71369 55%, #912689 71%, #543a92 85%, #3a499c 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d175', endColorstr='#3a499c',GradientType=1 );
      /* IE6-9 */
      width: 100%;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      color: #FFF;
      font-size: 10px;
      font-family: "Sawarabi Mincho" !important;
      height: 44px;
      margin-top: 55px; }
      .top-sns > div:nth-child(1) > div:first-child > a img {
        margin-right: 16px;
        width: 22px;
        height: 22px; }
  .top-sns > div:nth-child(1) > div:nth-child(2) h4 {
    display: block;
    width: 32px;
    height: 32px;
    background: url(images/facebook_icon2020.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    padding: 0;
    margin: 48px auto 48px; }

.top-sns > ul {
  padding: 0;
  list-style: none;
  border: 1px solid #D6D6D6;
  margin-bottom: 50px;
  box-sizing: border-box;
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap; }
  .top-sns > ul > li {
    width: 50%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .top-sns > ul > li:hover {
      background: rgba(38, 38, 38, 0.05); }
    .top-sns > ul > li a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 24px 0 24px 40px;
      line-height: 0;
      letter-spacing: 0;
      font-size: 10px; }
    .top-sns > ul > li:nth-child(1), .top-sns > ul > li:nth-child(2) {
      border-bottom: 1px solid #D6D6D6; }
    .top-sns > ul > li:nth-child(1), .top-sns > ul > li:nth-child(3) {
      border-right: 1px solid #D6D6D6; }
    .top-sns > ul > li:nth-child(1) a {
      background-image: url(images/top-sns-instagram.png);
      background-repeat: no-repeat;
      background-position: 16px center;
      background-size: 16px 16px; }
    .top-sns > ul > li:nth-child(2) a {
      background-image: url(images/top-sns-youtube.png);
      background-repeat: no-repeat;
      background-position: 16px center;
      background-size: 18px 16px; }
    .top-sns > ul > li:nth-child(3) a {
      background-image: url(images/top-sns-blog.png);
      background-repeat: no-repeat;
      background-position: 16px center;
      background-size: 16px 16px; }
    .top-sns > ul > li:nth-child(4) a {
      background-image: url(images/top-sns-mail.png);
      background-repeat: no-repeat;
      background-position: 16px center;
      background-size: 16px 16px; }
    .top-sns > ul > li:last-child a span {
      border: none; }

.news-info-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none; }
  .news-info-menu li {
    width: 25%;
    text-align: center;
    float: left; }
    .news-info-menu li a {
      line-height: 0;
      padding: 24px 0;
      width: 100%;
      border: 1px solid #eaeaea;
      border-bottom: none;
      border-right: 1px solid #FFF;
      display: block;
      box-sizing: border-box;
      font-size: 11px;
      color: #262626; }
    .news-info-menu li:last-child a {
      border-right: 1px solid #eaeaea; }

.news-active {
  border: 1px solid #D6D6D6 !important;
  border-bottom: 1px solid #FFF !important; }

.news2-active + .news2 > a {
  border-left: 1px solid #FFF !important; }

.news-info {
  margin-top: -1px;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding-top: 25px;
  padding-bottom: 20px;
  margin-bottom: 25px; }
  .news-info a {
    color: #262626; }

#top-contact {
  margin-top: 50px;
  padding: 0 18px;
  margin-bottom: 30px; }
  #top-contact > div {
    width: 100%;
    border-top: 1px solid #D6D6D6;
    box-sizing: border-box;
    padding: 30px 0; }
    #top-contact > div:last-child {
      border-bottom: 1px solid #D6D6D6; }
    #top-contact > div h3 {
      font-size: 14px !important;
      margin: 0 auto 25px;
      text-align: center;
      line-height: 1; }
    #top-contact > div > div:last-child > a {
      padding: 25px 0;
      background: #262626;
      font-size: 12px;
      color: #FFF;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      line-height: 0;
      display: block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #top-contact > div > div:last-child > a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
    #top-contact > div:first-child > div:nth-child(2), #top-contact > div:last-child > div:nth-child(2) {
      font-size: 12px;
      margin-bottom: 25px;
      line-height: 1.7; }
    #top-contact > div:nth-child(2) > div > a {
      display: block;
      width: 100%;
      height: 25px;
      background: url(images/top-contact-tel.png) no-repeat center center;
      background-size: 283px 27px;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    #top-contact > div:nth-child(2) > div:nth-child(2) {
      margin-bottom: 25px; }
    #top-contact > div:nth-child(2) > div:nth-child(3) {
      text-align: center; }

#top-contact2020 {
  padding: 48px;
  background-color: #53555A;
  text-align: center; }
  #top-contact2020 > div {
    margin: 0 auto;
    padding: 48px 0;
    border: 1px solid #DFDFDF;
    font-family: "Sawarabi Mincho" !important;
    color: #FFF; }
    #top-contact2020 > div h3 {
      font-family: "Sawarabi Mincho" !important;
      font-size: 14px;
      margin: 0 0 25px;
      color: #FFFFFF; }
    #top-contact2020 > div > dl {
      padding: 0;
      margin: 0; }
      #top-contact2020 > div > dl dt {
        padding: 0;
        margin: 0 0 25px;
        font-size: 24px; }
        #top-contact2020 > div > dl dt a {
          color: #FFF;
          letter-spacing: 5px; }
      #top-contact2020 > div > dl dd {
        padding: 0;
        margin: 0 0 20px;
        font-size: 10px;
        line-height: 1.8; }
        #top-contact2020 > div > dl dd span {
          display: none; }
    #top-contact2020 > div > a {
      font-size: 10px;
      background-image: url(images/foot_contact_mail_bg_sp.svg);
      background-repeat: no-repeat;
      background-position: center bottom;
      display: block;
      color: #FFF;
      padding-bottom: 25px; }

.yarpp-related a {
  font-weight: normal !important; }

.page-id-108 #contents {
  margin: 0 !important;
  padding: 0 30px; }

.single-event #wrap > span {
  margin: 0 18px 35px;
  display: block; }

.post-type-archive-event #wrap {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.post-type-archive-event .event-header {
  margin: 0 18px !important; }
.post-type-archive-event #event-menu-2017 {
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box; }
.post-type-archive-event #top-event {
  padding: 0 48px !important; }
  @media screen and (min-width: 700px) {
    .post-type-archive-event #top-event {
      padding: 0 18px !important; }
      .post-type-archive-event #top-event .event-list-2017 > div {
        width: calc(50% - 10px) !important;
        float: left; }
        .post-type-archive-event #top-event .event-list-2017 > div:nth-child(2n) {
          margin-right: 0; } }
.post-type-archive-event .event-contents {
  padding: 0 18px !important;
  box-sizing: border-box !important; }

.page-id-645 .lineup-forexsample li {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center; }

.hacolabo-8_5 {
  margin-top: 35px; }
  .hacolabo-8_5 h4 {
    font-weight: normal;
    line-height: 1;
    text-align: center;
    border: 1px solid #D6D6D6;
    background: #F4F4F4;
    padding: 30px 0;
    margin: 0;
    box-sizing: border-box; }
  .hacolabo-8_5 ul {
    padding: 0 0 100px;
    margin: 0;
    list-style: none;
    background: url(images/hacolabo-x.png) no-repeat center bottom;
    background-size: 32px auto; }
    .hacolabo-8_5 ul li {
      margin: 0;
      padding: 20px 10px;
      box-sizing: border-box;
      width: 50%;
      float: left;
      border-left: 1px solid #D6D6D6;
      border-bottom: 1px solid #D6D6D6;
      text-align: center; }
      .hacolabo-8_5 ul li:nth-child(2n) {
        border-right: 1px solid #D6D6D6; }
  .hacolabo-8_5 > div {
    text-align: center; }
    .hacolabo-8_5 > div > div {
      border: 1px solid #D6D6D6;
      border-top: none; }
      .hacolabo-8_5 > div > div h5 {
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        padding: 30px 10px;
        box-sizing: border-box;
        margin: 0;
        border-bottom: 1px solid #D6D6D6; }
      .hacolabo-8_5 > div > div dl {
        padding: 35px 20px;
        margin: 0;
        text-align: left; }
        .hacolabo-8_5 > div > div dl dt {
          padding: 0 0 25px;
          border-bottom: 1px solid #D6D6D6;
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          letter-spacing: .1em;
          font-weight: 600;
          margin: 0; }
        .hacolabo-8_5 > div > div dl dd {
          padding: 30px 0 0;
          margin: 0;
          text-align: left; }
      .hacolabo-8_5 > div > div:first-child dl, .hacolabo-8_5 > div > div:last-child dl {
        box-sizing: border-box; }
      .hacolabo-8_5 > div > div:first-child dl:last-child, .hacolabo-8_5 > div > div:last-child dl:last-child {
        border-top: 1px solid #D6D6D6; }

.hacolabo-main {
  margin-top: 35px; }
  .hacolabo-main h3 {
    line-height: 1;
    padding: 0;
    margin: 0 0 35px; }

.hacolabotab-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none; }
  .hacolabotab-menu li {
    width: 33.3333333333333%;
    text-align: center;
    float: left; }
    .hacolabotab-menu li a {
      font-size: 10px;
      line-height: 0;
      padding: 25px 0;
      width: 100%;
      border: 1px solid #eaeaea;
      border-right: 1px solid #FFF;
      display: block;
      box-sizing: border-box; }
    .hacolabotab-menu li:last-child a {
      border-right: 1px solid #eaeaea; }

.hacolabo2-active {
  border: 1px solid #D6D6D6 !important;
  border-bottom: 1px solid #FFF !important; }

.hacolabo-active + .hclb-m > a {
  border-left: 1px solid #FFF !important; }

.hacolabo-tabcon {
  margin-top: -1px;
  border-top: 1px solid #D6D6D6;
  padding-top: 25px;
  margin-bottom: 80px; }

.hacolabo-main-c {
  margin-bottom: 65px; }
  .hacolabo-main-c > div:first-child {
    margin-bottom: 25px; }
  .hacolabo-main-c > div img {
    width: 100%;
    height: auto; }
  .hacolabo-main-c > div h4 {
    font-size: 14px;
    line-height: 1;
    padding: 0 0 15px;
    margin: 0 0 30px;
    border-bottom: 1px solid #D6D6D6;
    text-align: left; }
  .hacolabo-main-c > div > div:nth-child(2) {
    padding: 0 0 33px;
    border-bottom: 1px solid #D6D6D6;
    text-align: left; }

#hacolabo2 .hacolabo-main-c > div > div:nth-child(2), #hacolabo3 .hacolabo-main-c > div > div:nth-child(2) {
  padding: 0 0 10px; }

.hacolabo-main-c > div > div:nth-child(3) {
  padding: 35px 0;
  margin-bottom: 20px;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #D6D6D6; }
  .hacolabo-main-c > div > div:nth-child(3) span {
    font-size: 24px; }

.hacolabo-plan, .hacolabo-howtolive {
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid #D6D6D6;
  margin-bottom: 35px; }

.hacolabo-plan h4, .hacolabo-howtolive h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  padding: 0 0 25px;
  margin: 0 0 50px;
  border-bottom: 1px solid #D6D6D6; }

.hacolabo-plan > div > div:first-child {
  margin-bottom: 25px; }
  .hacolabo-plan > div > div:first-child img {
    width: 100%;
    height: auto; }
.hacolabo-plan > div > div:last-child div {
  border-bottom: 1px solid #D6D6D6;
  padding: 19px 30px; }
  .hacolabo-plan > div > div:last-child div:first-child {
    border-top: 1px solid #D6D6D6; }
    .hacolabo-plan > div > div:last-child div:first-child dl {
      display: flex;
      margin: 0; }
      .hacolabo-plan > div > div:last-child div:first-child dl dt {
        text-align: right;
        padding: 0;
        margin: 0; }
      .hacolabo-plan > div > div:last-child div:first-child dl dd {
        padding: 0 0 0 30px;
        margin: 0; }
  .hacolabo-plan > div > div:last-child div:nth-child(2) dl, .hacolabo-plan > div > div:last-child div:nth-child(3) dl, .hacolabo-plan > div > div:last-child div:nth-child(2) dl dt, .hacolabo-plan > div > div:last-child div:nth-child(3) dl dt, .hacolabo-plan > div > div:last-child div:nth-child(2) dl dd, .hacolabo-plan > div > div:last-child div:nth-child(3) dl dd {
    margin: 0;
    padding: 0; }

.hacolabo-howtolive dl {
  padding: 90px 0 0;
  margin: 0 0 65px;
  background: url(images/hacolabo-man2.png) no-repeat;
  background-size: 86px 67px;
  background-position: center top;
  text-align: left; }

.k1 {
  background-image: url(images/hacolabo-man2-1.png) !important;
  background-repeat: no-repeat; }

.k2 {
  background-image: url(images/hacolabo-man2-2.png) !important;
  background-repeat: no-repeat; }

.hacolabo-howtolive dl dt {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1.3;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600; }
.hacolabo-howtolive dl dd {
  padding: 0;
  margin: 0;
  font-size: 12px; }
.hacolabo-howtolive .sp-slide > div > div:first-child {
  margin-bottom: 25px; }
.hacolabo-howtolive .sp-slide > div > div:first-child img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.hacolabo-howtolive .sp-slide > div > div:last-child img:first-child {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: 5px; }
.hacolabo-howtolive .sp-slide > div > div:last-child img:nth-child(2) {
  width: 50%;
  height: auto;
  vertical-align: bottom;
  /* margin-right: 2%; */
  box-sizing: border-box;
  border-right: 2.5px solid #FFF;
  /* display: inherit; */
  float: left; }
.hacolabo-howtolive .sp-slide > div > div:last-child img:nth-child(3) {
  width: 50%;
  height: auto;
  vertical-align: bottom;
  border-left: 2.5px solid #FFF;
  box-sizing: border-box;
  float: right; }

.hacolab-howtolive .gallery-main .next, .sp-next-arrow, .hacolab-howtolive .gallery-main .previous, .sp-previous-arrow {
  background-color: rgba(245, 245, 245, 0) !important; }

.hacolabo-howtolive .sp-slides-container {
  margin-bottom: 30px !important; }
.hacolabo-howtolive .sp-button {
  width: 6px !important;
  height: 6px !important;
  background: #D6D6D6 !important;
  border: none !important; }
.hacolabo-howtolive .sp-buttons {
  margin-bottom: -50px !important;
  padding: 0 !important; }
.hacolabo-howtolive .sp-selected-button {
  background: #262626 !important; }

/*top-movie youtube 2018 */
#top-movie {
  padding: 45px 18px 0; }
  #top-movie h3 {
    margin-bottom: 45px; }
  #top-movie .gallery {
    margin: 0 30px; }

.top-movie-container .gallery-cell {
  width: 100%;
  height: auto;
  min-height: 266px;
  margin: 0 20px 0 0; }
  .top-movie-container .gallery-cell img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
.top-movie-container label {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block; }
  .top-movie-container label:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }
  .top-movie-container label > div {
    position: relative; }
    .top-movie-container label > div:after {
      display: block;
      content: "";
      background: url(images/movie-play-icon.png) no-repeat;
      background-size: 74px;
      background-position: center center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
.top-movie-container > div dl {
  margin-bottom: 0; }
  .top-movie-container > div dl dt {
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    margin-bottom: 7px; }
  .top-movie-container > div dl dd {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 1.7; }

.top-model a {
  color: #262626; }

.modal-wrap {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 94% !important;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 0 !important;
  margin-left: 3%;
  margin-right: 3%; }

.movie-box {
  padding-top: 56.25%;
  position: relative;
  width: 100%; }

.modal .modal-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important; }
.modal .close {
  position: fixed !important;
  right: 30px !important;
  top: 30px !important;
  display: block;
  width: 26px !important;
  height: 26px !important;
  background: url(images/movie-close.png) no-repeat;
  background-size: 100%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }
.modal .close-t {
  line-height: 0;
  border: 1px solid #FFF;
  background: #262626;
  color: #FFF;
  width: 250px;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -102px;
  margin-left: -125px;
  padding: 25px;
  display: block;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px; }
  .modal .close-t:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }
.modal .modal-wrap {
  transform: translateY(-50%) !important;
  position: absolute;
  top: 50%;
  left: 3%; }

#ytplayer,
#ytplayer1,
#ytplayer2,
#ytplayer3,
#ytplayer4,
#ytplayer5,
#ytplayer6 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.event-single-2017 {
  margin-bottom: 64px; }

.single-work-youtube {
  margin-top: 35px;
  margin-bottom: 35px; }
  .single-work-youtube h3 {
    padding: 0 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #D6D6D6;
    margin: 15px 16px; }

.single-youtube-cover {
  padding-top: 56.25%;
  position: relative; }

.movie-thumb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100; }
  .movie-thumb img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  .movie-thumb:after {
    display: block;
    content: "";
    background: url(images/movie-play-icon.png) no-repeat;
    background-size: 74px 74px;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101; }

#ytplayer-work-single {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.event-movie-thumb:after {
  display: none !important; }

#top-modelhouse {
  padding: 45px 18px 0;
  margin-bottom: 80px; }
  #top-modelhouse h3 {
    margin-bottom: 45px; }
  #top-modelhouse .gallery {
    margin: 0 30px; }
  #top-modelhouse a figure img {
    width: 100%;
    height: auto; }

#siborikomi1 input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: normal;
  display: none; }
#siborikomi1 ul li > span > label {
  background-image: url(images/work-checkbox.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  padding-left: 36px;
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
  line-height: 1.3;
  height: 36px;
  display: flex;
  align-items: center; }
#siborikomi1 input[type="checkbox"]:checked ~ label {
  background-image: url(images/work-checkbox_on.png); }

#siborikomi2 input[type="radio"] {
  -webkit-appearance: none;
  appearance: normal;
  display: none; }
#siborikomi2 ul li > span > label {
  display: table-cell;
  background-image: url(images/work-radio.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  padding-left: 24px;
  height: 16px; }
#siborikomi2 input[type="radio"]:checked ~ label {
  background-image: url(images/work-radio_on.png); }

#siborikomi1 dl, #siborikomi2 dl {
  padding: 10px 0;
  border-bottom: 1px solid #D6D6D6; }

#siborikomi1 dl:first-child, #siborikomi2 dl:first-child {
  border-top: 1px solid #D6D6D6; }

#siborikomi-c dl dt {
  width: 185px;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600; }

#siborikomi1 ul li, #siborikomi2 ul li {
  width: 50%;
  margin-right: 0; }

#siborikomi1 ul li:nth-child(14) {
  width: 30%; }

.smp_siborikomi_100 {
  width: 100% !important; }

#siborikomi1 ul li > span {
  display: flex;
  height: 36px; }

.contact-wrap h3 {
  padding: 0 0 15px;
  margin: 0 auto 25px;
  border-bottom: 1px solid #d6d6d6; }
.contact-wrap .form-step {
  display: none; }
.contact-wrap form {
  margin: 45px 0;
  overflow: hidden; }
  .contact-wrap form h3 {
    border: none;
    padding: 20px;
    margin: 0;
    color: #FFF;
    font-size: 12px;
    background-color: #262626; }
  .contact-wrap form > div {
    padding: 45px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .contact-wrap form > div dl {
      padding: 0;
      margin: 0;
      width: 100%; }
      .contact-wrap form > div dl.form-situation {
        margin-bottom: 45px; }
      .contact-wrap form > div dl dt {
        padding: 0;
        margin: 0 auto 16px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600; }
        .contact-wrap form > div dl dt .hissu:before {
          font-weight: normal;
          content: "必須";
          display: block;
          font-size: 10px;
          line-height: 1;
          color: #FFF;
          background-color: #C4001C;
          padding: .5em .7em;
          border-radius: 3px;
          margin-bottom: 12px;
          width: 30px;
          text-align: center; }
        .contact-wrap form > div dl dt .ninni:before {
          content: "任意";
          display: block;
          font-size: 10px;
          line-height: 1;
          color: #FFF;
          background-color: #757575;
          padding: .5em .7em;
          border-radius: 3px;
          margin-bottom: 12px;
          width: 30px;
          text-align: center; }
      .contact-wrap form > div dl dd {
        padding: 0;
        margin: 0;
        position: relative; }
        .contact-wrap form > div dl dd ul {
          list-style: none;
          margin: 0;
          padding: 0; }
        .contact-wrap form > div dl dd span[class*="validation-"] {
          color: #C4001C;
          font-size: 10px;
          display: none; }
      .contact-wrap form > div dl.form-situation ul {
        border-bottom: 1px solid #262626; }
        .contact-wrap form > div dl.form-situation ul li {
          width: 100%;
          margin-bottom: 16px; }
      .contact-wrap form > div dl.form-situation label:before {
        display: block;
        width: 20px;
        height: 20px;
        background: url(./images/radio.png);
        background-size: 100%;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        content: "";
        display: inline-block;
        transform: translate(0, 4px);
        margin-right: 16px; }
      .contact-wrap form > div dl.form-situation input {
        display: none; }
        .contact-wrap form > div dl.form-situation input:checked + label:before {
          content: "";
          background: url(./images/radio-on.png);
          background-size: 100%; }
      .contact-wrap form > div dl.form-reservation-name, .contact-wrap form > div dl.form-reservation-date, .contact-wrap form > div dl.form-how-to-join, .contact-wrap form > div dl.form-reservation-np, .contact-wrap form > div dl.form-name-sei, .contact-wrap form > div dl.form-name-mei, .contact-wrap form > div dl.form-kana-sei, .contact-wrap form > div dl.form-kana-mei, .contact-wrap form > div dl.form-age, .contact-wrap form > div dl.form-zip, .contact-wrap form > div dl.form-add1, .contact-wrap form > div dl.form-add2, .contact-wrap form > div dl.form-add3, .contact-wrap form > div dl.form-add4, .contact-wrap form > div dl.form-tel, .contact-wrap form > div dl.form-email, .contact-wrap form > div dl.form-email2, .contact-wrap form > div dl.form-file {
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #262626;
        position: relative;
        margin: 0 0 45px; }
        .contact-wrap form > div dl.form-reservation-name dt, .contact-wrap form > div dl.form-reservation-date dt, .contact-wrap form > div dl.form-how-to-join dt, .contact-wrap form > div dl.form-reservation-np dt, .contact-wrap form > div dl.form-name-sei dt, .contact-wrap form > div dl.form-name-mei dt, .contact-wrap form > div dl.form-kana-sei dt, .contact-wrap form > div dl.form-kana-mei dt, .contact-wrap form > div dl.form-age dt, .contact-wrap form > div dl.form-zip dt, .contact-wrap form > div dl.form-add1 dt, .contact-wrap form > div dl.form-add2 dt, .contact-wrap form > div dl.form-add3 dt, .contact-wrap form > div dl.form-add4 dt, .contact-wrap form > div dl.form-tel dt, .contact-wrap form > div dl.form-email dt, .contact-wrap form > div dl.form-email2 dt, .contact-wrap form > div dl.form-file dt {
          margin: 0 0 12px;
          width: 75px; }
        .contact-wrap form > div dl.form-reservation-name dd, .contact-wrap form > div dl.form-reservation-date dd, .contact-wrap form > div dl.form-how-to-join dd, .contact-wrap form > div dl.form-reservation-np dd, .contact-wrap form > div dl.form-name-sei dd, .contact-wrap form > div dl.form-name-mei dd, .contact-wrap form > div dl.form-kana-sei dd, .contact-wrap form > div dl.form-kana-mei dd, .contact-wrap form > div dl.form-age dd, .contact-wrap form > div dl.form-zip dd, .contact-wrap form > div dl.form-add1 dd, .contact-wrap form > div dl.form-add2 dd, .contact-wrap form > div dl.form-add3 dd, .contact-wrap form > div dl.form-add4 dd, .contact-wrap form > div dl.form-tel dd, .contact-wrap form > div dl.form-email dd, .contact-wrap form > div dl.form-email2 dd, .contact-wrap form > div dl.form-file dd {
          width: 100%; }
          .contact-wrap form > div dl.form-reservation-name dd input, .contact-wrap form > div dl.form-reservation-date dd input, .contact-wrap form > div dl.form-how-to-join dd input, .contact-wrap form > div dl.form-reservation-np dd input, .contact-wrap form > div dl.form-name-sei dd input, .contact-wrap form > div dl.form-name-mei dd input, .contact-wrap form > div dl.form-kana-sei dd input, .contact-wrap form > div dl.form-kana-mei dd input, .contact-wrap form > div dl.form-age dd input, .contact-wrap form > div dl.form-zip dd input, .contact-wrap form > div dl.form-add1 dd input, .contact-wrap form > div dl.form-add2 dd input, .contact-wrap form > div dl.form-add3 dd input, .contact-wrap form > div dl.form-add4 dd input, .contact-wrap form > div dl.form-tel dd input, .contact-wrap form > div dl.form-email dd input, .contact-wrap form > div dl.form-email2 dd input, .contact-wrap form > div dl.form-file dd input {
            width: 100%;
            border: none; }
            .contact-wrap form > div dl.form-reservation-name dd input::placeholder, .contact-wrap form > div dl.form-reservation-date dd input::placeholder, .contact-wrap form > div dl.form-how-to-join dd input::placeholder, .contact-wrap form > div dl.form-reservation-np dd input::placeholder, .contact-wrap form > div dl.form-name-sei dd input::placeholder, .contact-wrap form > div dl.form-name-mei dd input::placeholder, .contact-wrap form > div dl.form-kana-sei dd input::placeholder, .contact-wrap form > div dl.form-kana-mei dd input::placeholder, .contact-wrap form > div dl.form-age dd input::placeholder, .contact-wrap form > div dl.form-zip dd input::placeholder, .contact-wrap form > div dl.form-add1 dd input::placeholder, .contact-wrap form > div dl.form-add2 dd input::placeholder, .contact-wrap form > div dl.form-add3 dd input::placeholder, .contact-wrap form > div dl.form-add4 dd input::placeholder, .contact-wrap form > div dl.form-tel dd input::placeholder, .contact-wrap form > div dl.form-email dd input::placeholder, .contact-wrap form > div dl.form-email2 dd input::placeholder, .contact-wrap form > div dl.form-file dd input::placeholder {
              opacity: 0;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
            .contact-wrap form > div dl.form-reservation-name dd input::placeholder, .contact-wrap form > div dl.form-reservation-date dd input::placeholder, .contact-wrap form > div dl.form-how-to-join dd input::placeholder, .contact-wrap form > div dl.form-reservation-np dd input::placeholder, .contact-wrap form > div dl.form-name-sei dd input::placeholder, .contact-wrap form > div dl.form-name-mei dd input::placeholder, .contact-wrap form > div dl.form-kana-sei dd input::placeholder, .contact-wrap form > div dl.form-kana-mei dd input::placeholder, .contact-wrap form > div dl.form-age dd input::placeholder, .contact-wrap form > div dl.form-zip dd input::placeholder, .contact-wrap form > div dl.form-add1 dd input::placeholder, .contact-wrap form > div dl.form-add2 dd input::placeholder, .contact-wrap form > div dl.form-add3 dd input::placeholder, .contact-wrap form > div dl.form-add4 dd input::placeholder, .contact-wrap form > div dl.form-tel dd input::placeholder, .contact-wrap form > div dl.form-email dd input::placeholder, .contact-wrap form > div dl.form-email2 dd input::placeholder, .contact-wrap form > div dl.form-file dd input::placeholder {
              color: #D6D6D6; }
            .contact-wrap form > div dl.form-reservation-name dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-reservation-date dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-how-to-join dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-reservation-np dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-name-sei dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-name-mei dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-kana-sei dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-kana-mei dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-age dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-zip dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-add1 dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-add2 dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-add3 dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-add4 dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-tel dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-email dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-email2 dd input:-ms-input-placeholder, .contact-wrap form > div dl.form-file dd input:-ms-input-placeholder {
              color: #D6D6D6; }
            .contact-wrap form > div dl.form-reservation-name dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-reservation-date dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-how-to-join dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-reservation-np dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-name-sei dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-name-mei dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-kana-sei dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-kana-mei dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-age dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-zip dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-add1 dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-add2 dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-add3 dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-add4 dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-tel dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-email dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-email2 dd input::-ms-input-placeholder, .contact-wrap form > div dl.form-file dd input::-ms-input-placeholder {
              color: #D6D6D6; }
            .contact-wrap form > div dl.form-reservation-name dd input:focus::placeholder, .contact-wrap form > div dl.form-reservation-date dd input:focus::placeholder, .contact-wrap form > div dl.form-how-to-join dd input:focus::placeholder, .contact-wrap form > div dl.form-reservation-np dd input:focus::placeholder, .contact-wrap form > div dl.form-name-sei dd input:focus::placeholder, .contact-wrap form > div dl.form-name-mei dd input:focus::placeholder, .contact-wrap form > div dl.form-kana-sei dd input:focus::placeholder, .contact-wrap form > div dl.form-kana-mei dd input:focus::placeholder, .contact-wrap form > div dl.form-age dd input:focus::placeholder, .contact-wrap form > div dl.form-zip dd input:focus::placeholder, .contact-wrap form > div dl.form-add1 dd input:focus::placeholder, .contact-wrap form > div dl.form-add2 dd input:focus::placeholder, .contact-wrap form > div dl.form-add3 dd input:focus::placeholder, .contact-wrap form > div dl.form-add4 dd input:focus::placeholder, .contact-wrap form > div dl.form-tel dd input:focus::placeholder, .contact-wrap form > div dl.form-email dd input:focus::placeholder, .contact-wrap form > div dl.form-email2 dd input:focus::placeholder, .contact-wrap form > div dl.form-file dd input:focus::placeholder {
              opacity: 1; }
        .contact-wrap form > div dl.form-reservation-name span[class*="validation-"], .contact-wrap form > div dl.form-reservation-date span[class*="validation-"], .contact-wrap form > div dl.form-how-to-join span[class*="validation-"], .contact-wrap form > div dl.form-reservation-np span[class*="validation-"], .contact-wrap form > div dl.form-name-sei span[class*="validation-"], .contact-wrap form > div dl.form-name-mei span[class*="validation-"], .contact-wrap form > div dl.form-kana-sei span[class*="validation-"], .contact-wrap form > div dl.form-kana-mei span[class*="validation-"], .contact-wrap form > div dl.form-age span[class*="validation-"], .contact-wrap form > div dl.form-zip span[class*="validation-"], .contact-wrap form > div dl.form-add1 span[class*="validation-"], .contact-wrap form > div dl.form-add2 span[class*="validation-"], .contact-wrap form > div dl.form-add3 span[class*="validation-"], .contact-wrap form > div dl.form-add4 span[class*="validation-"], .contact-wrap form > div dl.form-tel span[class*="validation-"], .contact-wrap form > div dl.form-email span[class*="validation-"], .contact-wrap form > div dl.form-email2 span[class*="validation-"], .contact-wrap form > div dl.form-file span[class*="validation-"] {
          position: absolute;
          bottom: -27px;
          left: 0; }
      .contact-wrap form > div dl.form-name-sei, .contact-wrap form > div dl.form-name-mei, .contact-wrap form > div dl.form-kana-sei, .contact-wrap form > div dl.form-kana-mei {
        width: 49%; }
        .contact-wrap form > div dl.form-name-sei dd span, .contact-wrap form > div dl.form-name-mei dd span, .contact-wrap form > div dl.form-kana-sei dd span, .contact-wrap form > div dl.form-kana-mei dd span {
          letter-spacing: 0; }
      .contact-wrap form > div dl.form-age, .contact-wrap form > div dl.form-zip, .contact-wrap form > div dl.form-add1, .contact-wrap form > div dl.form-add2, .contact-wrap form > div dl.form-add3, .contact-wrap form > div dl.form-add4, .contact-wrap form > div dl.form-tel, .contact-wrap form > div dl.form-file, .contact-wrap form > div dl.form-tenken {
        width: 100%; }
      .contact-wrap form > div dl.form-naiyou {
        padding: 0 0 32px;
        border-bottom: 1px solid #262626;
        margin-bottom: 45px; }
        .contact-wrap form > div dl.form-naiyou .validation-22 {
          position: absolute;
          bottom: -59px;
          left: 0; }
        .contact-wrap form > div dl.form-naiyou.error-red4 dt {
          color: #C4001C; }
        .contact-wrap form > div dl.form-naiyou ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 100%; }
          .contact-wrap form > div dl.form-naiyou ul li {
            width: 100%;
            padding: 3.5px 0; }
            .contact-wrap form > div dl.form-naiyou ul li label:before {
              display: block;
              width: 20px;
              height: 20px;
              background: url(./images/checkbox.png);
              background-size: 100%;
              white-space: nowrap;
              text-indent: 100%;
              overflow: hidden;
              content: "";
              display: inline-block;
              transform: translate(0, 4px);
              margin-right: 16px; }
            .contact-wrap form > div dl.form-naiyou ul li input {
              display: none; }
              .contact-wrap form > div dl.form-naiyou ul li input:checked + label:before {
                content: "";
                background: url(./images/checkbox-on.png);
                background-size: 100%; }
        .contact-wrap form > div dl.form-naiyou #kubun_s-button {
          background: #f6f6f6 !important;
          border-radius: 0 !important;
          border: none !important;
          width: 100% !important;
          height: 48px !important;
          box-sizing: border-box !important;
          font-size: 12px !important;
          display: flex !important;
          align-items: center !important;
          position: relative;
          padding: 0 20px !important; }
        .contact-wrap form > div dl.form-naiyou .ui-selectmenu-icon {
          background-image: url(./images/select-under-bg.svg) !important;
          background-repeat: no-repeat;
          display: block;
          width: 16px;
          height: 8px;
          position: absolute;
          right: 16px;
          top: calc(50% - 4px); }
      .contact-wrap form > div dl.form-naiyou2, .contact-wrap form > div dl.form-anke-t1, .contact-wrap form > div dl.form-anke-t2, .contact-wrap form > div dl.form-anke-t3, .contact-wrap form > div dl.form-anke-t4, .contact-wrap form > div dl.form-anke-t5, .contact-wrap form > div dl.form-anke-t6, .contact-wrap form > div dl.form-anke-t7, .contact-wrap form > div dl.form-anke-t8, .contact-wrap form > div dl.form-anke-t9, .contact-wrap form > div dl.form-anke-t10, .contact-wrap form > div dl.form-anke-t11, .contact-wrap form > div dl.form-anke-t12, .contact-wrap form > div dl.form-anke-t13, .contact-wrap form > div dl.form-anke-t14, .contact-wrap form > div dl.form-file, .contact-wrap form > div dl.form-tenken {
        overflow: hidden;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid #262626; }
        .contact-wrap form > div dl.form-naiyou2 textarea, .contact-wrap form > div dl.form-anke-t1 textarea, .contact-wrap form > div dl.form-anke-t2 textarea, .contact-wrap form > div dl.form-anke-t3 textarea, .contact-wrap form > div dl.form-anke-t4 textarea, .contact-wrap form > div dl.form-anke-t5 textarea, .contact-wrap form > div dl.form-anke-t6 textarea, .contact-wrap form > div dl.form-anke-t7 textarea, .contact-wrap form > div dl.form-anke-t8 textarea, .contact-wrap form > div dl.form-anke-t9 textarea, .contact-wrap form > div dl.form-anke-t10 textarea, .contact-wrap form > div dl.form-anke-t11 textarea, .contact-wrap form > div dl.form-anke-t12 textarea, .contact-wrap form > div dl.form-anke-t13 textarea, .contact-wrap form > div dl.form-anke-t14 textarea, .contact-wrap form > div dl.form-file textarea, .contact-wrap form > div dl.form-tenken textarea {
          border: none;
          background: #F4F4F4;
          padding: 12px;
          width: 100%;
          height: 200px;
          box-sizing: border-box; }
      .contact-wrap form > div dl.form-naiyou2 textarea ~ p {
        font-size: 12px;
        margin: 0;
        margin-top: -1em;
        color: #757575; }
      .contact-wrap form > div dl.form-res, .contact-wrap form > div dl.form-newsletter, .contact-wrap form > div dl.form-newsletter2, .contact-wrap form > div dl.form-mail-stop-kind {
        margin: 0 0 45px; }
        .contact-wrap form > div dl.form-res ul, .contact-wrap form > div dl.form-newsletter ul, .contact-wrap form > div dl.form-newsletter2 ul, .contact-wrap form > div dl.form-mail-stop-kind ul {
          border-bottom: 1px solid #262626; }
          .contact-wrap form > div dl.form-res ul li, .contact-wrap form > div dl.form-newsletter ul li, .contact-wrap form > div dl.form-newsletter2 ul li, .contact-wrap form > div dl.form-mail-stop-kind ul li {
            display: inline-block;
            width: 49%;
            margin-bottom: 16px; }
            .contact-wrap form > div dl.form-res ul li label:before, .contact-wrap form > div dl.form-newsletter ul li label:before, .contact-wrap form > div dl.form-newsletter2 ul li label:before, .contact-wrap form > div dl.form-mail-stop-kind ul li label:before {
              display: block;
              width: 20px;
              height: 20px;
              background: url(./images/radio.png);
              background-size: 100%;
              white-space: nowrap;
              text-indent: 100%;
              overflow: hidden;
              content: "";
              display: inline-block;
              transform: translate(0, 4px);
              margin-right: 16px; }
            .contact-wrap form > div dl.form-res ul li input, .contact-wrap form > div dl.form-newsletter ul li input, .contact-wrap form > div dl.form-newsletter2 ul li input, .contact-wrap form > div dl.form-mail-stop-kind ul li input {
              display: none; }
              .contact-wrap form > div dl.form-res ul li input:checked + label:before, .contact-wrap form > div dl.form-newsletter ul li input:checked + label:before, .contact-wrap form > div dl.form-newsletter2 ul li input:checked + label:before, .contact-wrap form > div dl.form-mail-stop-kind ul li input:checked + label:before {
                content: "";
                background: url(./images/radio-on.png);
                background-size: 100%; }
      .contact-wrap form > div dl.form-mail-stop-kind ul li {
        width: 100%; }
      .contact-wrap form > div dl.form-manzoku, .contact-wrap form > div dl.form-osusume, .contact-wrap form > div dl.form-google {
        margin: 0 0 25px; }
        .contact-wrap form > div dl.form-manzoku dd, .contact-wrap form > div dl.form-osusume dd, .contact-wrap form > div dl.form-google dd {
          display: flex;
          justify-content: space-between; }
        .contact-wrap form > div dl.form-manzoku div, .contact-wrap form > div dl.form-osusume div, .contact-wrap form > div dl.form-google div {
          background: #262626;
          color: #FFF;
          font-size: 12px;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          margin-bottom: 30px;
          width: 130px; }
          .contact-wrap form > div dl.form-manzoku div span, .contact-wrap form > div dl.form-osusume div span, .contact-wrap form > div dl.form-google div span {
            display: block;
            padding: .5em;
            line-height: 1; }
            .contact-wrap form > div dl.form-manzoku div span:first-child, .contact-wrap form > div dl.form-osusume div span:first-child, .contact-wrap form > div dl.form-google div span:first-child {
              background-image: url(images/manzoku-up.png);
              background-repeat: no-repeat;
              background-position: center top 12px;
              background-size: 10px auto;
              padding-top: 30px;
              text-align: center; }
            .contact-wrap form > div dl.form-manzoku div span:last-child, .contact-wrap form > div dl.form-osusume div span:last-child, .contact-wrap form > div dl.form-google div span:last-child {
              background-image: url(images/manzoku-bottom.png);
              background-repeat: no-repeat;
              background-position: center bottom 12px;
              background-size: 10px auto;
              padding-bottom: 30px;
              text-align: center; }
        .contact-wrap form > div dl.form-manzoku ul, .contact-wrap form > div dl.form-osusume ul, .contact-wrap form > div dl.form-google ul {
          padding-bottom: 32px;
          width: calc(100% - 150px); }
          .contact-wrap form > div dl.form-manzoku ul li label:before, .contact-wrap form > div dl.form-osusume ul li label:before, .contact-wrap form > div dl.form-google ul li label:before {
            display: block;
            width: 20px;
            height: 20px;
            background: url(./images/radio.png);
            background-size: 100%;
            white-space: nowrap;
            text-indent: 100%;
            overflow: hidden;
            content: "";
            display: inline-block;
            transform: translate(0, 4px);
            margin-right: 16px; }
          .contact-wrap form > div dl.form-manzoku ul li input, .contact-wrap form > div dl.form-osusume ul li input, .contact-wrap form > div dl.form-google ul li input {
            display: none; }
            .contact-wrap form > div dl.form-manzoku ul li input:checked + label:before, .contact-wrap form > div dl.form-osusume ul li input:checked + label:before, .contact-wrap form > div dl.form-google ul li input:checked + label:before {
              content: "";
              background: url(./images/radio-on.png);
              background-size: 100%; }
      .contact-wrap form > div dl.form-restime {
        padding: 0 0 32px;
        border-bottom: 1px solid #262626;
        margin-bottom: 25px; }
        .contact-wrap form > div dl.form-restime ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 100%; }
          .contact-wrap form > div dl.form-restime ul li {
            width: 100%;
            padding: 3.5px 0; }
            .contact-wrap form > div dl.form-restime ul li label:before {
              display: block;
              width: 20px;
              height: 20px;
              background: url(./images/checkbox.png);
              background-size: 100%;
              white-space: nowrap;
              text-indent: 100%;
              overflow: hidden;
              content: "";
              display: inline-block;
              transform: translate(0, 4px);
              margin-right: 16px; }
            .contact-wrap form > div dl.form-restime ul li input {
              display: none; }
              .contact-wrap form > div dl.form-restime ul li input:checked + label:before {
                content: "";
                background: url(./images/checkbox-on.png);
                background-size: 100%; }
      .contact-wrap form > div dl.form-anke, .contact-wrap form > div dl.form-anke2 {
        padding-bottom: 32px;
        border-bottom: 1px solid #262626;
        margin-bottom: 45px;
        position: relative; }
        .contact-wrap form > div dl.form-anke span[class*="validation-"], .contact-wrap form > div dl.form-anke2 span[class*="validation-"] {
          position: absolute;
          bottom: -69px;
          left: 0;
          line-height: 1.3; }
        .contact-wrap form > div dl.form-anke .anke-box, .contact-wrap form > div dl.form-anke2 .anke-box {
          width: 100%;
          margin-bottom: 6px; }
          .contact-wrap form > div dl.form-anke .anke-box h4, .contact-wrap form > div dl.form-anke2 .anke-box h4 {
            font-size: 12px;
            background: #262626;
            color: #FFF;
            text-align: center;
            padding: 5px; }
          .contact-wrap form > div dl.form-anke .anke-box ul, .contact-wrap form > div dl.form-anke2 .anke-box ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%; }
            .contact-wrap form > div dl.form-anke .anke-box ul li, .contact-wrap form > div dl.form-anke2 .anke-box ul li {
              width: 100%;
              padding: 3.5px 0; }
              .contact-wrap form > div dl.form-anke .anke-box ul li label:before, .contact-wrap form > div dl.form-anke2 .anke-box ul li label:before {
                display: block;
                width: 20px;
                height: 20px;
                background: url(./images/checkbox.png);
                background-size: 100%;
                white-space: nowrap;
                text-indent: 100%;
                overflow: hidden;
                content: "";
                display: inline-block;
                transform: translate(0, 4px);
                margin-right: 16px; }
              .contact-wrap form > div dl.form-anke .anke-box ul li input, .contact-wrap form > div dl.form-anke2 .anke-box ul li input {
                display: none; }
                .contact-wrap form > div dl.form-anke .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-anke2 .anke-box ul li input:checked + label:before {
                  content: "";
                  background: url(./images/checkbox-on.png);
                  background-size: 100%; }
      .contact-wrap form > div dl.form-anke2 ul {
        justify-content: left !important; }
        .contact-wrap form > div dl.form-anke2 ul li {
          width: 49% !important; }
      .contact-wrap form > div dl.form-anke-sns-account {
        display: none; }
        .contact-wrap form > div dl.form-anke-sns-account[data-visible="true"] {
          display: block; }
      .contact-wrap form > div dl.form-anke-sns-account-name {
        display: none; }
        .contact-wrap form > div dl.form-anke-sns-account-name input {
          height: 60px;
          width: 100%;
          background: #f4f4f4;
          border: none;
          color: #757575;
          padding: 8px 16px;
          box-sizing: border-box; }
        .contact-wrap form > div dl.form-anke-sns-account-name[data-visible="true"] {
          display: block; }
      .contact-wrap form > div dl.form-anke-sns-account, .contact-wrap form > div dl.form-anke-sns-account-name, .contact-wrap form > div dl.form-plan, .contact-wrap form > div dl.form-type, .contact-wrap form > div dl.form-land, .contact-wrap form > div dl.form-budget, .contact-wrap form > div dl.form-budget-land {
        margin: 0 0 45px;
        border-bottom: 1px solid #262626;
        padding-bottom: 20px; }
        .contact-wrap form > div dl.form-anke-sns-account ul, .contact-wrap form > div dl.form-anke-sns-account-name ul, .contact-wrap form > div dl.form-plan ul, .contact-wrap form > div dl.form-type ul, .contact-wrap form > div dl.form-land ul, .contact-wrap form > div dl.form-budget ul, .contact-wrap form > div dl.form-budget-land ul {
          padding-bottom: 32px;
          border-bottom: 1px solid #262626;
          font-size: 0; }
          .contact-wrap form > div dl.form-anke-sns-account ul li, .contact-wrap form > div dl.form-anke-sns-account-name ul li, .contact-wrap form > div dl.form-plan ul li, .contact-wrap form > div dl.form-type ul li, .contact-wrap form > div dl.form-land ul li, .contact-wrap form > div dl.form-budget ul li, .contact-wrap form > div dl.form-budget-land ul li {
            display: inline-block;
            width: 49%;
            padding: 3.5px 0;
            font-size: 12px; }
            .contact-wrap form > div dl.form-anke-sns-account ul li label:before, .contact-wrap form > div dl.form-anke-sns-account-name ul li label:before, .contact-wrap form > div dl.form-plan ul li label:before, .contact-wrap form > div dl.form-type ul li label:before, .contact-wrap form > div dl.form-land ul li label:before, .contact-wrap form > div dl.form-budget ul li label:before, .contact-wrap form > div dl.form-budget-land ul li label:before {
              display: block;
              width: 20px;
              height: 20px;
              background: url(./images/radio.png);
              background-size: 100%;
              white-space: nowrap;
              text-indent: 100%;
              overflow: hidden;
              content: "";
              display: inline-block;
              transform: translate(0, 4px);
              margin-right: 16px; }
            .contact-wrap form > div dl.form-anke-sns-account ul li input, .contact-wrap form > div dl.form-anke-sns-account-name ul li input, .contact-wrap form > div dl.form-plan ul li input, .contact-wrap form > div dl.form-type ul li input, .contact-wrap form > div dl.form-land ul li input, .contact-wrap form > div dl.form-budget ul li input, .contact-wrap form > div dl.form-budget-land ul li input {
              display: none; }
              .contact-wrap form > div dl.form-anke-sns-account ul li input:checked + label:before, .contact-wrap form > div dl.form-anke-sns-account-name ul li input:checked + label:before, .contact-wrap form > div dl.form-plan ul li input:checked + label:before, .contact-wrap form > div dl.form-type ul li input:checked + label:before, .contact-wrap form > div dl.form-land ul li input:checked + label:before, .contact-wrap form > div dl.form-budget ul li input:checked + label:before, .contact-wrap form > div dl.form-budget-land ul li input:checked + label:before {
                content: "";
                background: url(./images/radio-on.png);
                background-size: 100%; }
      .contact-wrap form > div dl.form-yotei-area span[class*="validation-"],
      .contact-wrap form > div dl .anke-box-2023 span[class*="validation-"] {
        position: absolute;
        bottom: -58px;
        left: 0; }
      .contact-wrap form > div dl.form-yotei-area ul,
      .contact-wrap form > div dl .anke-box-2023 ul {
        width: 100%; }
        .contact-wrap form > div dl.form-yotei-area ul li,
        .contact-wrap form > div dl .anke-box-2023 ul li {
          display: inline-block;
          width: 49%;
          padding: 3.5px 0; }
          .contact-wrap form > div dl.form-yotei-area ul li:last-child,
          .contact-wrap form > div dl .anke-box-2023 ul li:last-child {
            width: 80%; }
          .contact-wrap form > div dl.form-yotei-area ul li label:before,
          .contact-wrap form > div dl .anke-box-2023 ul li label:before {
            display: block;
            width: 20px;
            height: 20px;
            background: url(./images/checkbox.png);
            background-size: 100%;
            white-space: nowrap;
            text-indent: 100%;
            overflow: hidden;
            content: "";
            display: inline-block;
            transform: translate(0, 4px);
            margin-right: 16px; }
          .contact-wrap form > div dl.form-yotei-area ul li input[type="checkbox"],
          .contact-wrap form > div dl .anke-box-2023 ul li input[type="checkbox"] {
            display: none; }
            .contact-wrap form > div dl.form-yotei-area ul li input[type="checkbox"]:checked + label:before,
            .contact-wrap form > div dl .anke-box-2023 ul li input[type="checkbox"]:checked + label:before {
              content: "";
              background: url(./images/checkbox-on.png);
              background-size: 100%; }
      .contact-wrap form > div dl.form-yotei-area h4,
      .contact-wrap form > div dl .anke-box-2023 h4 {
        background-image: url(./images/anke-form-yotei-etc-t.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: left center;
        padding-left: 36px;
        font-size: 12px;
        font-weight: normal;
        margin: 3.5px 0 15px; }
      .contact-wrap form > div dl.form-yotei-area input[type="text"],
      .contact-wrap form > div dl .anke-box-2023 input[type="text"] {
        width: calc(100%);
        background: #F4F4F4;
        border: none;
        padding: 8px 16px;
        box-sizing: border-box;
        height: 60px; }
        .contact-wrap form > div dl.form-yotei-area input[type="text"]::placeholder,
        .contact-wrap form > div dl .anke-box-2023 input[type="text"]::placeholder {
          color: #BFBFBF; }
        .contact-wrap form > div dl.form-yotei-area input[type="text"]:-ms-input-placeholder,
        .contact-wrap form > div dl .anke-box-2023 input[type="text"]:-ms-input-placeholder {
          color: #BFBFBF; }
        .contact-wrap form > div dl.form-yotei-area input[type="text"]::-ms-input-placeholder,
        .contact-wrap form > div dl .anke-box-2023 input[type="text"]::-ms-input-placeholder {
          color: #BFBFBF; }
      .contact-wrap form > div dl.form-yotei-area {
        padding: 0 0 32px;
        border-bottom: 1px solid #262626;
        margin-bottom: 45px;
        position: relative; }
      .contact-wrap form > div dl .anke-box-2023 ul li:nth-child(9), .contact-wrap form > div dl .anke-box-2023 ul li:nth-child(12) {
        width: 100%; }
      .contact-wrap form > div dl.form-file span[class*="validation-"] {
        position: absolute;
        bottom: -58px;
        left: 0; }
      .contact-wrap form > div dl.form-file dt {
        width: 100%; }
      .contact-wrap form > div dl.form-file dd div {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        position: relative; }
        .contact-wrap form > div dl.form-file dd div:last-child {
          margin-bottom: 0; }
        .contact-wrap form > div dl.form-file dd div input[type="text"] {
          border: none;
          background: #F4F4F4;
          width: calc(100% - 88px) !important;
          padding: 0 10px;
          box-sizing: border-box;
          transform: scale(1);
          margin: 0 !important; }
        .contact-wrap form > div dl.form-file dd div input[type="file"] {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
        .contact-wrap form > div dl.form-file dd div label {
          background-color: #262626;
          color: #FFF;
          font-size: 12px;
          width: 80px;
          box-sizing: border-box;
          line-height: 1;
          padding: 10px;
          text-align: center; }
      .contact-wrap form > div dl.form-tenken {
        display: none; }
        .contact-wrap form > div dl.form-tenken span[class*="validation-"] {
          position: absolute;
          bottom: -58px;
          left: 0; }
        .contact-wrap form > div dl.form-tenken dd p {
          margin: 0 !important;
          font-size: 12px; }
        .contact-wrap form > div dl.form-tenken dd .anke-box {
          width: 100%;
          border-bottom: 1px dashed #262626;
          margin-bottom: 32px;
          padding-bottom: 32px; }
          .contact-wrap form > div dl.form-tenken dd .anke-box h4 {
            font-size: 12px;
            width: 100%;
            background: #262626;
            color: #FFF;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4.5px 0; }
          .contact-wrap form > div dl.form-tenken dd .anke-box ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%; }
            .contact-wrap form > div dl.form-tenken dd .anke-box ul.tenken2 {
              justify-content: flex-start; }
              .contact-wrap form > div dl.form-tenken dd .anke-box ul.tenken2 li {
                width: 100% !important; }
            .contact-wrap form > div dl.form-tenken dd .anke-box ul li {
              width: 50%;
              padding: 3.5px 0; }
              .contact-wrap form > div dl.form-tenken dd .anke-box ul li label:before {
                display: block;
                width: 20px;
                height: 20px;
                background: url(./images/radio.png);
                background-size: 100%;
                white-space: nowrap;
                text-indent: 100%;
                overflow: hidden;
                content: "";
                display: inline-block;
                transform: translate(0, 4px);
                margin-right: 16px; }
              .contact-wrap form > div dl.form-tenken dd .anke-box ul li input {
                display: none; }
                .contact-wrap form > div dl.form-tenken dd .anke-box ul li input:checked + label:before {
                  content: "";
                  background: url(./images/radio-on.png);
                  background-size: 100%; }
        .contact-wrap form > div dl.form-tenken dd div.tenken {
          margin-bottom: 14px; }
          .contact-wrap form > div dl.form-tenken dd div.tenken label {
            background-color: #262626;
            color: #FFF;
            font-size: 12px;
            font-weight: bold;
            font-family: "MFW-HiraKakuProN-W5" !important;
            letter-spacing: .1em;
            font-weight: 600;
            text-align: center;
            line-height: 1;
            padding: 10px;
            width: 100%;
            box-sizing: border-box;
            display: block; }
          .contact-wrap form > div dl.form-tenken dd div.tenken > div {
            width: 100%; }
            .contact-wrap form > div dl.form-tenken dd div.tenken > div input {
              width: 100%;
              background: #F4F4F4;
              border: none;
              padding: 18px 20px;
              box-sizing: border-box;
              font-size: 16px;
              font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
              font-family: "MFW-HiraKakuProN-W3" !important; }
              .contact-wrap form > div dl.form-tenken dd div.tenken > div input::placeholder {
                color: #757575;
                font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
                font-family: "MFW-HiraKakuProN-W3" !important; }
            .contact-wrap form > div dl.form-tenken dd div.tenken > div select {
              width: 100%;
              background: #F4F4F4;
              border: none;
              padding: 8px 16px;
              box-sizing: border-box;
              -webkit-appearance: none;
              appearance: none;
              border-radius: 0; }
              .contact-wrap form > div dl.form-tenken dd div.tenken > div select option {
                background: #FFF;
                border: 1px solid #F4F4F4;
                -webkit-appearance: none;
                appearance: none;
                border-radius: 0; }
            .contact-wrap form > div dl.form-tenken dd div.tenken > div .ui-selectmenu-button {
              width: 100%;
              background: #F4F4F4;
              border: none;
              color: #757575;
              padding: 15px 16px;
              box-sizing: border-box;
              -webkit-appearance: none;
              appearance: none;
              border-radius: 0;
              font-size: 12px !important;
              font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
              font-family: "MFW-HiraKakuProN-W3" !important; }
    .contact-wrap form > div.form-privacy {
      border-top: 1px solid #262626;
      border-bottom: 1px solid #262626;
      border-right: 1px solid #262626;
      border-left: 1px solid #262626;
      padding: 40px 20px;
      margin: 36px 0; }
      .contact-wrap form > div.form-privacy h3 {
        background: none;
        padding: 0;
        margin: 0 0 5px;
        font-size: 14px;
        color: #262626; }
      .contact-wrap form > div.form-privacy a {
        font-size: 12px; }
      .contact-wrap form > div.form-privacy > div {
        background: #fae9ec;
        width: 100%;
        text-align: center;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 27px; }
        .contact-wrap form > div.form-privacy > div input {
          display: none; }
        .contact-wrap form > div.form-privacy > div span {
          color: #262626;
          background-image: url(images/used-unchecked.svg);
          background-repeat: no-repeat;
          background-position: left center;
          padding: 1em 0 1em 36px; }
          .contact-wrap form > div.form-privacy > div span:before {
            content: "お客様の声としての利用に同意しない";
            display: inline-block; }
        .contact-wrap form > div.form-privacy > div input:checked ~ span {
          color: #a32035;
          background-image: url(images/used-checked.svg); }
          .contact-wrap form > div.form-privacy > div input:checked ~ span:before {
            content: "お客様の声としての利用に同意する";
            display: inline-block; }
  .contact-wrap form .form-anke-thanks {
    text-align: center;
    margin-bottom: 36px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .contact-wrap form button {
    margin: 0 auto;
    display: block;
    border: none;
    padding: 20px 20px;
    background: #262626;
    color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .contact-wrap form button:hover {
      opacity: .5; }
    .contact-wrap form button > span {
      font-size: 12px; }
.contact-wrap .error-red2 dt {
  color: #C4001C; }
.contact-wrap .error-red {
  border-bottom: 1px solid #C4001C !important; }
  .contact-wrap .error-red dt {
    color: #C4001C; }
.contact-wrap .error-red3 dt {
  color: #C4001C; }
.contact-wrap .error-red3 ul {
  border-bottom: 1px solid #C4001C !important; }
.contact-wrap .error-red4 {
  border-bottom: 1px solid #C4001C !important;
  margin-bottom: 60px !important; }
  .contact-wrap .error-red4 label {
    color: #C4001C; }
.contact-wrap .floating {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0; }
.contact-wrap input:focus + .floating,
.contact-wrap .floating-on + .floating {
  transform: translate(50px, -33px);
  font-size: 12px; }
.contact-wrap input {
  -webkit-appearance: none; }

#form-error {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none; }
  #form-error > div {
    max-width: 90%;
    padding: 50px;
    background-color: #FFF;
    text-align: center;
    position: fixed;
    left: calc(50% - 165px);
    top: calc(50% - 117.5px); }
    #form-error > div > span {
      margin-top: 35px;
      display: block;
      max-width: 330px;
      box-sizing: border-box;
      width: 100%;
      padding: 25px 0;
      background-color: #262626;
      color: #FFF;
      line-height: 0;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #form-error > div > span:hover {
        opacity: .5; }

#contactform-validate form > div {
  border-left: 1px solid #262626;
  border-right: 1px solid #262626;
  border-bottom: 1px solid #262626;
  padding: 20px;
  margin-bottom: 35px;
  box-sizing: border-box; }
  #contactform-validate form > div dl {
    border-bottom: 1px solid #262626;
    text-align: left;
    padding: 0 0 1em;
    margin-bottom: 15px; }
    #contactform-validate form > div dl:last-child {
      margin-bottom: 0; }
    #contactform-validate form > div dl dt {
      padding: 0;
      margin: 0;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600; }
    #contactform-validate form > div dl dd {
      padding: 0;
      margin: 0; }
#contactform-validate form .fixback {
  border: 1px solid #262626;
  background-color: #FFF;
  padding: 24px 0;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 30px;
  line-height: 0;
  display: block;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #contactform-validate form .fixback:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }
#contactform-validate form button {
  line-height: 0;
  width: 100%;
  max-width: 400px;
  padding: 25px; }

.directmail > div:nth-child(4) ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }
  .directmail > div:nth-child(4) ul:before {
    content: "";
    display: block;
    width: 25%;
    order: 1; }
  .directmail > div:nth-child(4) ul:after {
    content: "";
    display: block;
    width: 25%; }

.starg {
  color: #D6D6D6 !important; }

.owner-anke > div:nth-child(4) {
  border-bottom: 1px solid #262626 !important; }

.anke-vali {
  display: block !important;
  padding-bottom: 1.5em !important; }
  .anke-vali dt {
    width: 100% !important;
    margin-bottom: 1.5em !important; }
  .anke-vali dd {
    width: 100% !important; }

.form-homelink {
  display: block;
  text-align: center;
  line-height: 0;
  background-color: #262626;
  color: #FFF;
  width: 100%;
  max-width: 400px;
  padding: 25px 0;
  margin: 35px auto; }
  .form-homelink:hover {
    color: #FFF;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.contact-step {
  width: 100%;
  height: auto; }

.form-kana-sei.error-red4 .validation-4 {
  line-height: 1.3; }

.form-kana-mei.error-red4 .validation-5 {
  line-height: 1.3; }

.ios .contact-wrap form > div dl.form-name-sei,
.ios .contact-wrap form > div dl.form-name-mei,
.ios .contact-wrap form > div dl.form-kana-sei,
.ios .contact-wrap form > div dl.form-kana-mei,
.ios .contact-wrap form > div dl.form-age,
.ios .contact-wrap form > div dl.form-zip,
.ios .contact-wrap form > div dl.form-add1,
.ios .contact-wrap form > div dl.form-add2,
.ios .contact-wrap form > div dl.form-add3,
.ios .contact-wrap form > div dl.form-add4,
.ios .contact-wrap form > div dl.form-tel,
.ios .contact-wrap form > div dl.form-email,
.ios .contact-wrap form > div dl.form-email2 {
  padding-bottom: 1px; }

.validation-12 {
  letter-spacing: 0; }

.form-kana-sei.error-red4 span[class*="validation-"],
.form-kana-mei.error-red4 span[class*="validation-"] {
  bottom: -36px !important; }

.form-yotei-area.error-red {
  margin-bottom: 85px !important; }
  .form-yotei-area.error-red .validation-21 {
    line-height: 1.4;
    bottom: -96px !important; }

input[type=text],
input[type=tel],
input[type=email],
textarea {
  font-size: 16px !important;
  transform: scale(0.8);
  width: 124% !important;
  margin-left: -12% !important;
  box-sizing: border-box !important; }

input[name="tenken_date1"],
input[name="tenken_date2"],
input[name="tenken_date3"] {
  width: 125% !important;
  margin-left: -12.5% !important; }

input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0; }

.form-osusume span[class*="validation-"],
.form-manzoku span[class*="validation-"] {
  display: none !important; }

.form-osusume.error-red3 ul,
.form-manzoku.error-red3 ul {
  border: none !important; }
.form-osusume.error-red3 dd > span,
.form-manzoku.error-red3 dd > span {
  display: block !important;
  position: absolute;
  bottom: -5px;
  right: 0;
  border-top: 1px solid #C4001C;
  width: 100%; }

input[name=s] {
  width: 78% !important;
  font-size: 14px;
  transform: scale(1);
  margin-left: 0 !important; }

.page-id-8034 #ui-datepicker-div,
.page-id-8545 #ui-datepicker-div {
  width: 400px !important;
  max-width: calc(100% - 78px);
  box-sizing: border-box !important;
  border-radius: 0 !important;
  padding: 24px !important; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-header,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-header {
    background: no-repeat !important;
    border: none !important; }
    .page-id-8034 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title,
    .page-id-8545 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
      font-size: 14px !important;
      font-weight: normal !important;
      margin-top: -4px !important; }
    .page-id-8034 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
    .page-id-8545 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
      display: block;
      width: 20px;
      height: 20px;
      background: url(images/cal-prev.png);
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
      .page-id-8034 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span,
      .page-id-8545 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
        display: none; }
    .page-id-8034 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
    .page-id-8545 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      display: block;
      width: 20px;
      height: 20px;
      background: url(images/cal-next.png);
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
      .page-id-8034 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span,
      .page-id-8545 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
        display: none; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-calendar th,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-calendar th {
    font-size: 10px !important; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-calendar td,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-calendar td {
    box-sizing: border-box !important;
    padding: 2.5px !important; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled {
    opacity: 1 !important;
    color: #D6D6D6 !important; }
    .page-id-8034 #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled .ui-state-default,
    .page-id-8545 #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
      color: #D6D6D6 !important; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-calendar .ui-state-default,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
    border: 1px solid #F4F4F4;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    padding: 1em .8em;
    background: none; }
  .page-id-8034 #ui-datepicker-div .ui-datepicker-buttonpane,
  .page-id-8545 #ui-datepicker-div .ui-datepicker-buttonpane {
    border: 1px solid #D6D6D6 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin: 18px 2.5px 0 !important; }
    .page-id-8034 #ui-datepicker-div .ui-datepicker-buttonpane button,
    .page-id-8545 #ui-datepicker-div .ui-datepicker-buttonpane button {
      border: none;
      background: #262626;
      color: #FFF;
      border-radius: 0;
      line-height: 1;
      padding: 12px;
      width: 100px;
      margin: 24px -3px 0 0; }

.page-id-8034 #contactform > div:nth-child(4) {
  border-bottom: 1px solid #262626 !important; }
.page-id-8034 .ui-selectmenu-menu ul {
  border: 1px solid #d6d6d6 !important;
  font-size: 12px;
  padding: 24px 16px;
  box-sizing: border-box;
  max-height: 300px; }
  .page-id-8034 .ui-selectmenu-menu ul li:first-child {
    display: none !important; }
  .page-id-8034 .ui-selectmenu-menu ul li:hover div {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .page-id-8034 .ui-selectmenu-menu ul .ui-state-active {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
.page-id-8034 .ui-selectmenu-icon {
  display: block;
  width: 12px;
  height: 18px;
  background-image: url(./images/select-under-bg.svg) !important;
  background-size: 100% auto !important;
  background-position: 0 !important; }
.page-id-8034 .ui-selectmenu-text {
  color: #262626; }
.page-id-8034 .form-zip,
.page-id-8034 .form-add1,
.page-id-8034 .form-add2,
.page-id-8034 .form-add3 {
  width: 49% !important; }

.page-id-8034 .ui-selectmenu-menu ul,
.page-id-8545 .ui-selectmenu-menu ul,
.page-id-7420 .ui-selectmenu-menu ul,
.page-id-7446 .ui-selectmenu-menu ul,
.page-id-12373 .ui-selectmenu-menu ul,
.page-id-12379 .ui-selectmenu-menu ul {
  border: 1px solid #d6d6d6 !important;
  font-size: 12px;
  padding: 24px 16px;
  box-sizing: border-box;
  max-height: 300px; }
  .page-id-8034 .ui-selectmenu-menu ul li:first-child,
  .page-id-8545 .ui-selectmenu-menu ul li:first-child,
  .page-id-7420 .ui-selectmenu-menu ul li:first-child,
  .page-id-7446 .ui-selectmenu-menu ul li:first-child,
  .page-id-12373 .ui-selectmenu-menu ul li:first-child,
  .page-id-12379 .ui-selectmenu-menu ul li:first-child {
    display: none !important; }
  .page-id-8034 .ui-selectmenu-menu ul li:hover div,
  .page-id-8545 .ui-selectmenu-menu ul li:hover div,
  .page-id-7420 .ui-selectmenu-menu ul li:hover div,
  .page-id-7446 .ui-selectmenu-menu ul li:hover div,
  .page-id-12373 .ui-selectmenu-menu ul li:hover div,
  .page-id-12379 .ui-selectmenu-menu ul li:hover div {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .page-id-8034 .ui-selectmenu-menu ul .ui-state-active,
  .page-id-8545 .ui-selectmenu-menu ul .ui-state-active,
  .page-id-7420 .ui-selectmenu-menu ul .ui-state-active,
  .page-id-7446 .ui-selectmenu-menu ul .ui-state-active,
  .page-id-12373 .ui-selectmenu-menu ul .ui-state-active,
  .page-id-12379 .ui-selectmenu-menu ul .ui-state-active {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
.page-id-8034 .ui-selectmenu-icon,
.page-id-8545 .ui-selectmenu-icon,
.page-id-7420 .ui-selectmenu-icon,
.page-id-7446 .ui-selectmenu-icon,
.page-id-12373 .ui-selectmenu-icon,
.page-id-12379 .ui-selectmenu-icon {
  display: block;
  width: 12px;
  height: 18px;
  background-image: url(./images/select-under-bg.svg) !important;
  background-size: 100% auto !important;
  background-position: 0 !important; }
.page-id-8034 .ui-selectmenu-text,
.page-id-8545 .ui-selectmenu-text,
.page-id-7420 .ui-selectmenu-text,
.page-id-7446 .ui-selectmenu-text,
.page-id-12373 .ui-selectmenu-text,
.page-id-12379 .ui-selectmenu-text {
  color: #262626; }

.sp-only-8034 {
  overflow: hidden; }

.form-reservation-date dt,
.form-reservation-np dt,
.form-how-to-join dt {
  width: 100% !important; }
.form-reservation-date select,
.form-reservation-np select,
.form-how-to-join select {
  width: 100%;
  background: #F4F4F4;
  border: none;
  padding: 8px 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }
  .form-reservation-date select option,
  .form-reservation-np select option,
  .form-how-to-join select option {
    background: #FFF;
    border: 1px solid #F4F4F4;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0; }
.form-reservation-date .ui-selectmenu-button,
.form-reservation-np .ui-selectmenu-button,
.form-how-to-join .ui-selectmenu-button {
  border-radius: 0 !important;
  border: none !important;
  width: 100% !important;
  height: 48px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  position: relative;
  padding: 0 20px !important;
  background: #F4F4F4 !important;
  border: none !important;
  color: #757575 !important;
  -webkit-appearance: none;
  appearance: none;
  font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }
.form-reservation-date .ui-selectmenu-menu ul,
.form-reservation-np .ui-selectmenu-menu ul,
.form-how-to-join .ui-selectmenu-menu ul {
  border: 1px solid #d6d6d6 !important;
  font-size: 12px;
  padding: 24px 16px;
  box-sizing: border-box;
  max-height: 300px; }
  .form-reservation-date .ui-selectmenu-menu ul li:first-child,
  .form-reservation-np .ui-selectmenu-menu ul li:first-child,
  .form-how-to-join .ui-selectmenu-menu ul li:first-child {
    display: none !important; }
  .form-reservation-date .ui-selectmenu-menu ul li:hover div,
  .form-reservation-np .ui-selectmenu-menu ul li:hover div,
  .form-how-to-join .ui-selectmenu-menu ul li:hover div {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .form-reservation-date .ui-selectmenu-menu ul .ui-state-active,
  .form-reservation-np .ui-selectmenu-menu ul .ui-state-active,
  .form-how-to-join .ui-selectmenu-menu ul .ui-state-active {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
.form-reservation-date .ui-selectmenu-icon,
.form-reservation-np .ui-selectmenu-icon,
.form-how-to-join .ui-selectmenu-icon {
  background: url(./images/select-under-bg.svg) !important;
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: calc(50% - 4px); }
.form-reservation-date .ui-selectmenu-text,
.form-reservation-np .ui-selectmenu-text,
.form-how-to-join .ui-selectmenu-text {
  color: #262626; }
.form-reservation-date.error-red3,
.form-reservation-np.error-red3,
.form-how-to-join.error-red3 {
  border-bottom: 1px solid #C4001C !important;
  margin-bottom: 15px !important; }
  .form-reservation-date.error-red3 span[class*="validation-"],
  .form-reservation-np.error-red3 span[class*="validation-"],
  .form-how-to-join.error-red3 span[class*="validation-"] {
    position: absolute;
    bottom: -27px;
    left: 0; }
.form-reservation-date #t-date1,
.form-reservation-date #t-date2,
.form-reservation-date #t-date3,
.form-reservation-np #t-date1,
.form-reservation-np #t-date2,
.form-reservation-np #t-date3,
.form-how-to-join #t-date1,
.form-how-to-join #t-date2,
.form-how-to-join #t-date3 {
  width: 124.4% !important;
  background: #F4F4F4;
  border: none;
  padding: 18px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }
  .form-reservation-date #t-date1::placeholder,
  .form-reservation-date #t-date2::placeholder,
  .form-reservation-date #t-date3::placeholder,
  .form-reservation-np #t-date1::placeholder,
  .form-reservation-np #t-date2::placeholder,
  .form-reservation-np #t-date3::placeholder,
  .form-how-to-join #t-date1::placeholder,
  .form-how-to-join #t-date2::placeholder,
  .form-how-to-join #t-date3::placeholder {
    opacity: 1 !important;
    color: #757575 !important;
    font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }

.form-reservation-date dd {
  margin-bottom: 1em !important; }
  .form-reservation-date dd:nth-child(2), .form-reservation-date dd:nth-child(4) {
    margin-bottom: 3em !important; }
.form-reservation-date.error-red3 {
  border-bottom: 1px solid #262626 !important; }
  .form-reservation-date.error-red3 dt:nth-child(5) {
    color: #262626 !important; }

.form-reservation-np.error-red3 {
  padding-bottom: 1em !important; }
  .form-reservation-np.error-red3 span[class*="validation-"] {
    bottom: -47px !important; }

.form-anke-sns-account.error-red3,
.form-anke-sns-account-name.error-red3,
.form-land.error-red3,
.form-plan.error-red3,
.form-budget-land.error-red3,
.form-budget.error-red3,
.form-type.error-red3 {
  margin-bottom: 35px !important;
  border-bottom: 1px solid #C4001C !important; }
.form-anke-sns-account dt,
.form-anke-sns-account-name dt,
.form-land dt,
.form-plan dt,
.form-budget-land dt,
.form-budget dt,
.form-type dt {
  width: 100% !important; }
.form-anke-sns-account select,
.form-anke-sns-account-name select,
.form-land select,
.form-plan select,
.form-budget-land select,
.form-budget select,
.form-type select {
  width: 100%;
  background: #F4F4F4;
  border: none;
  padding: 8px 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }
  .form-anke-sns-account select option,
  .form-anke-sns-account-name select option,
  .form-land select option,
  .form-plan select option,
  .form-budget-land select option,
  .form-budget select option,
  .form-type select option {
    background: #FFF;
    border: 1px solid #F4F4F4;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0; }
.form-anke-sns-account .ui-selectmenu-button,
.form-anke-sns-account-name .ui-selectmenu-button,
.form-land .ui-selectmenu-button,
.form-plan .ui-selectmenu-button,
.form-budget-land .ui-selectmenu-button,
.form-budget .ui-selectmenu-button,
.form-type .ui-selectmenu-button {
  border-radius: 0 !important;
  border: none !important;
  width: 100% !important;
  height: 48px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  position: relative;
  padding: 0 20px !important;
  background: #F4F4F4 !important;
  border: none !important;
  color: #757575 !important;
  -webkit-appearance: none;
  appearance: none;
  font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }
.form-anke-sns-account .ui-selectmenu-menu ul,
.form-anke-sns-account-name .ui-selectmenu-menu ul,
.form-land .ui-selectmenu-menu ul,
.form-plan .ui-selectmenu-menu ul,
.form-budget-land .ui-selectmenu-menu ul,
.form-budget .ui-selectmenu-menu ul,
.form-type .ui-selectmenu-menu ul {
  border: 1px solid #d6d6d6 !important;
  font-size: 12px;
  padding: 24px 16px;
  box-sizing: border-box;
  max-height: 300px; }
  .form-anke-sns-account .ui-selectmenu-menu ul li:first-child,
  .form-anke-sns-account-name .ui-selectmenu-menu ul li:first-child,
  .form-land .ui-selectmenu-menu ul li:first-child,
  .form-plan .ui-selectmenu-menu ul li:first-child,
  .form-budget-land .ui-selectmenu-menu ul li:first-child,
  .form-budget .ui-selectmenu-menu ul li:first-child,
  .form-type .ui-selectmenu-menu ul li:first-child {
    display: none !important; }
  .form-anke-sns-account .ui-selectmenu-menu ul li:hover div,
  .form-anke-sns-account-name .ui-selectmenu-menu ul li:hover div,
  .form-land .ui-selectmenu-menu ul li:hover div,
  .form-plan .ui-selectmenu-menu ul li:hover div,
  .form-budget-land .ui-selectmenu-menu ul li:hover div,
  .form-budget .ui-selectmenu-menu ul li:hover div,
  .form-type .ui-selectmenu-menu ul li:hover div {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
  .form-anke-sns-account .ui-selectmenu-menu ul .ui-state-active,
  .form-anke-sns-account-name .ui-selectmenu-menu ul .ui-state-active,
  .form-land .ui-selectmenu-menu ul .ui-state-active,
  .form-plan .ui-selectmenu-menu ul .ui-state-active,
  .form-budget-land .ui-selectmenu-menu ul .ui-state-active,
  .form-budget .ui-selectmenu-menu ul .ui-state-active,
  .form-type .ui-selectmenu-menu ul .ui-state-active {
    border: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600; }
.form-anke-sns-account .ui-selectmenu-icon,
.form-anke-sns-account-name .ui-selectmenu-icon,
.form-land .ui-selectmenu-icon,
.form-plan .ui-selectmenu-icon,
.form-budget-land .ui-selectmenu-icon,
.form-budget .ui-selectmenu-icon,
.form-type .ui-selectmenu-icon {
  background: url(./images/select-under-bg.svg) !important;
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: calc(50% - 4px); }
.form-anke-sns-account .ui-selectmenu-text,
.form-anke-sns-account-name .ui-selectmenu-text,
.form-land .ui-selectmenu-text,
.form-plan .ui-selectmenu-text,
.form-budget-land .ui-selectmenu-text,
.form-budget .ui-selectmenu-text,
.form-type .ui-selectmenu-text {
  color: #262626; }
.form-anke-sns-account.error-red3,
.form-anke-sns-account-name.error-red3,
.form-land.error-red3,
.form-plan.error-red3,
.form-budget-land.error-red3,
.form-budget.error-red3,
.form-type.error-red3 {
  border-bottom: 1px solid #C4001C !important;
  margin-bottom: 35px !important; }
  .form-anke-sns-account.error-red3 span[class*="validation-"],
  .form-anke-sns-account-name.error-red3 span[class*="validation-"],
  .form-land.error-red3 span[class*="validation-"],
  .form-plan.error-red3 span[class*="validation-"],
  .form-budget-land.error-red3 span[class*="validation-"],
  .form-budget.error-red3 span[class*="validation-"],
  .form-type.error-red3 span[class*="validation-"] {
    position: absolute;
    bottom: -43px;
    left: 0; }
.form-anke-sns-account #t-date1,
.form-anke-sns-account #t-date2,
.form-anke-sns-account #t-date3,
.form-anke-sns-account-name #t-date1,
.form-anke-sns-account-name #t-date2,
.form-anke-sns-account-name #t-date3,
.form-land #t-date1,
.form-land #t-date2,
.form-land #t-date3,
.form-plan #t-date1,
.form-plan #t-date2,
.form-plan #t-date3,
.form-budget-land #t-date1,
.form-budget-land #t-date2,
.form-budget-land #t-date3,
.form-budget #t-date1,
.form-budget #t-date2,
.form-budget #t-date3,
.form-type #t-date1,
.form-type #t-date2,
.form-type #t-date3 {
  width: 124.4% !important;
  background: #F4F4F4;
  border: none;
  padding: 18px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }
  .form-anke-sns-account #t-date1::placeholder,
  .form-anke-sns-account #t-date2::placeholder,
  .form-anke-sns-account #t-date3::placeholder,
  .form-anke-sns-account-name #t-date1::placeholder,
  .form-anke-sns-account-name #t-date2::placeholder,
  .form-anke-sns-account-name #t-date3::placeholder,
  .form-land #t-date1::placeholder,
  .form-land #t-date2::placeholder,
  .form-land #t-date3::placeholder,
  .form-plan #t-date1::placeholder,
  .form-plan #t-date2::placeholder,
  .form-plan #t-date3::placeholder,
  .form-budget-land #t-date1::placeholder,
  .form-budget-land #t-date2::placeholder,
  .form-budget-land #t-date3::placeholder,
  .form-budget #t-date1::placeholder,
  .form-budget #t-date2::placeholder,
  .form-budget #t-date3::placeholder,
  .form-type #t-date1::placeholder,
  .form-type #t-date2::placeholder,
  .form-type #t-date3::placeholder {
    opacity: 1 !important;
    color: #757575 !important;
    font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; }

.form-plan.error-red3,
.form-type.error-red3,
.form-land.error-red3 {
  margin-bottom: 35px !important; }

.event_yoyaku_link {
  display: block;
  margin: 1em 0; }

.submit-center {
  margin-bottom: 36px !important; }

.form-reservation-situation li label {
  display: flex;
  align-items: center; }
  .form-reservation-situation li label:before {
    transform: translate(0, 0) !important; }
  .form-reservation-situation li label span {
    width: calc(100% - 36px);
    line-height: 1.3; }

#reservation-np-button,
#t-time1-button,
#howtojoin-button {
  margin-bottom: 1em; }

.form-reservation-name dt {
  width: 100% !important; }
.form-reservation-name dd {
  margin: 0 auto 1em !important; }

.form-reservation-situation {
  margin-bottom: 45px !important; }

.web_catalog_contents {
  padding: 0 16px; }
  .web_catalog_contents > p {
    font-size: 12px;
    margin-bottom: 35px; }
  .web_catalog_contents .catalogs {
    display: flex;
    flex-direction: column;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    margin-bottom: 56px; }
    .web_catalog_contents .catalogs > div {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      text-align: center;
      box-sizing: border-box;
      padding: 40px; }
      .web_catalog_contents .catalogs > div:first-child, .web_catalog_contents .catalogs > div:nth-child(2) {
        border-bottom: 1px solid #D6D6D6; }
      .web_catalog_contents .catalogs > div h3 {
        font-size: 10px;
        font-weight: 300;
        line-height: 1;
        margin: 0 auto 10px; }
      .web_catalog_contents .catalogs > div h4 {
        line-height: 1;
        font-size: 12px;
        font-weight: 300;
        margin: 0 auto 30px; }
      .web_catalog_contents .catalogs > div figure img {
        width: 182px;
        height: auto;
        vertical-align: bottom; }
      .web_catalog_contents .catalogs > div figure figcaption {
        font-size: 10px;
        padding: 20px 0; }
      .web_catalog_contents .catalogs > div a {
        display: block;
        width: 182px;
        background: #262626;
        color: #FFF;
        font-size: 10px;
        margin: 0 auto;
        padding: 11px;
        box-sizing: border-box;
        line-height: 1;
        transition: .3s; }
        .web_catalog_contents .catalogs > div a:hover {
          opacity: .5; }
      .web_catalog_contents .catalogs > div p {
        text-align: left;
        font-size: 10px; }
  .web_catalog_contents .app_banner {
    background-color: #F7F7F7;
    padding: 35px;
    text-align: center;
    margin-bottom: 56px; }
    .web_catalog_contents .app_banner h3 {
      font-size: 10px;
      font-weight: 300;
      line-height: 1.7;
      margin: 0 auto 35px; }
    .web_catalog_contents .app_banner > div {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .web_catalog_contents .app_banner > div figure {
        margin-bottom: 20px; }
        .web_catalog_contents .app_banner > div figure:last-child {
          margin-bottom: 0; }
        .web_catalog_contents .app_banner > div figure img {
          width: 144px;
          height: auto;
          vertical-align: bottom;
          margin-bottom: 20px; }
        .web_catalog_contents .app_banner > div figure figcaption {
          font-size: 10px; }

.catalog-form-top {
  background: #F7F7F7;
  width: 100vw;
  margin-top: 10px;
  margin-left: -16px;
  margin-bottom: 45px;
  padding: 40px 16px 48px;
  box-sizing: border-box; }
  .catalog-form-top > div {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: "Sawarabi Mincho" !important; }
    .catalog-form-top > div h4 {
      color: #8C734B;
      padding: 0;
      margin: 0 auto 30px;
      text-align: center;
      font-size: 10px;
      letter-spacing: 2px;
      font-weight: 300;
      width: 100%; }
    .catalog-form-top > div > div {
      width: 100%;
      font-size: 10px;
      line-height: 2.28;
      letter-spacing: 2px;
      order: 4;
      text-align: center; }
      .catalog-form-top > div > div.only-pc {
        display: none; }
      .catalog-form-top > div > div strong {
        color: #8C734B;
        position: relative;
        font-family: "Sawarabi Mincho" !important; }
        .catalog-form-top > div > div strong:before {
          content: "";
          display: block;
          border: .5px solid #8C734B;
          position: absolute;
          left: 0;
          bottom: -.5px;
          width: 100%; }
        .catalog-form-top > div > div strong:after {
          content: "";
          display: block;
          border: .5px solid #8C734B;
          position: absolute;
          left: 0;
          bottom: -3px;
          width: 100%; }
    .catalog-form-top > div > figure {
      order: 2;
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
      .catalog-form-top > div > figure img {
        height: 185px;
        width: auto;
        margin: 0 auto;
        vertical-align: bottom; }
    .catalog-form-top > div > a {
      background-color: #262626;
      display: block;
      width: 100%;
      height: 40px;
      background-image: url(images/contact_ctlg_skip_text.svg);
      background-repeat: no-repeat;
      background-position: center center;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      position: relative; }
      .catalog-form-top > div > a:before {
        content: "";
        display: block;
        background-image: url(images/contact_ctlg_skip_yajirushi.svg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 16px;
        height: 10px;
        position: absolute;
        right: 32px;
        top: calc(50% - 5px); }
      .catalog-form-top > div > a:nth-child(3) {
        order: 3;
        margin-bottom: 45px; }
      .catalog-form-top > div > a:nth-child(5) {
        order: 5;
        margin-top: 45px;
        margin-bottom: 48px; }
    .catalog-form-top > div > dl {
      margin: 0 0 24px;
      padding: 0;
      width: 100%;
      box-sizing: border-box;
      padding: 20px 32px;
      background: #FFF;
      text-align: center; }
      .catalog-form-top > div > dl:nth-child(7) {
        order: 6; }
      .catalog-form-top > div > dl:nth-child(8) {
        order: 7; }
      .catalog-form-top > div > dl:nth-child(9) {
        order: 8;
        margin-bottom: 0; }
      .catalog-form-top > div > dl dt {
        padding: 0 0 20px;
        margin: 0 auto 20px;
        border-bottom: 1px solid #262626;
        letter-spacing: .1em;
        font-size: 12px; }
      .catalog-form-top > div > dl dd {
        margin: 0;
        padding: 0; }
        .catalog-form-top > div > dl dd > span:first-child {
          font-size: 10px;
          letter-spacing: .1em;
          position: relative;
          display: inline-block;
          z-index: 1; }
          .catalog-form-top > div > dl dd > span:first-child:before {
            content: "";
            display: block;
            width: calc(100% + 50px);
            position: absolute;
            left: -25px;
            bottom: 7px;
            background: #FFFF00;
            height: 5px;
            z-index: -1; }
        .catalog-form-top > div > dl dd p {
          font-size: 14px;
          margin: 10px auto 15px;
          letter-spacing: .2em; }
        .catalog-form-top > div > dl dd > span:last-child {
          font-size: 10px;
          color: #757575;
          transform: scale(0.9);
          display: inline-block;
          letter-spacing: 0; }
      .catalog-form-top > div > dl.catalog1 figure img {
        width: 108px;
        height: auto; }
      .catalog-form-top > div > dl.catalog2 figure img {
        width: 208px;
        height: auto; }
      .catalog-form-top > div > dl.catalog3 figure img {
        width: 180px;
        height: auto; }

.ctlg-wrap .company-header {
  margin: 0 16px 30px; }
.ctlg-wrap .company-contents {
  margin: 0 16px; }

.conceptmovie-contents > div {
  border: 1px solid #D6D6D6;
  box-sizing: border-box;
  max-width: 1200px;
  height: 350px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-bottom: 35px; }

.select-contents-2020 article img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: 45px; }
.select-contents-2020 article > div {
  margin-bottom: 45px; }
  .select-contents-2020 article > div h3 {
    padding: 0;
    margin: 0 0 25px;
    font-size: 10px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    color: #757575;
    position: relative; }
    .select-contents-2020 article > div h3:before {
      content: "";
      display: block;
      width: 56px;
      background: #757575;
      height: 1px;
      position: absolute;
      left: 6.5em;
      bottom: 6px;
      line-height: 1; }
    .select-contents-2020 article > div h3 span {
      margin-left: 80px;
      display: inline-block; }
  .select-contents-2020 article > div h4 {
    padding: 0;
    margin: 0 0 15px; }
  .select-contents-2020 article > div p {
    text-align: justify;
    margin: 0; }
  .select-contents-2020 article > div > a {
    background-image: url(./images/reason-link-bg.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #262626;
    display: flex;
    width: 240px;
    height: 32px;
    align-items: center;
    margin-left: calc(100% - 240px);
    margin-top: 25px;
    transition: .3s; }
    .select-contents-2020 article > div > a:hover {
      opacity: 0.5; }

.aword2020-contents {
  margin-bottom: 48px; }
  .aword2020-contents > nav ul {
    list-style: none;
    border-bottom: #D6D6D6 1px solid;
    margin: 0;
    padding: 0; }
    .aword2020-contents > nav ul li {
      cursor: pointer;
      line-height: 1;
      margin: 0 32px 0 0;
      padding: 0;
      display: inline-block; }
      .aword2020-contents > nav ul li a {
        color: #262626;
        transition: 0.3s;
        font-size: 10px;
        padding: 16px 0;
        display: block; }
        .aword2020-contents > nav ul li a:hover {
          opacity: 0.5; }
  .aword2020-contents > section h3 {
    width: 100%;
    margin: 0;
    padding: 48px 0 0; }
  .aword2020-contents > section > div {
    width: 100%;
    padding-top: 50px; }
    .aword2020-contents > section > div figure {
      width: 100%;
      border: 1px solid #D6D6D6;
      margin-bottom: 32px; }
      .aword2020-contents > section > div figure.no-image {
        border: 1px solid #F8F8F8; }
      .aword2020-contents > section > div figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
    .aword2020-contents > section > div h4 {
      padding: 0 0 24px;
      margin: 0 0 24px;
      position: relative; }
      .aword2020-contents > section > div h4:after {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background: #262626;
        position: absolute;
        bottom: 0;
        left: 0; }
    .aword2020-contents > section > div .sub {
      margin-bottom: 32px; }
      .aword2020-contents > section > div .sub span {
        color: #757575;
        font-size: 10px;
        display: inline-block;
        margin-right: 24px; }
    .aword2020-contents > section > div .role {
      border-top: 1px solid #D6D6D6;
      margin-top: 32px;
      padding-top: 32px; }
      .aword2020-contents > section > div .role h5 {
        margin-top: 0;
        font-size: 12px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        background-image: url(images/awords/plus.svg);
        background-repeat: no-repeat;
        background-position: right center; }
        .aword2020-contents > section > div .role h5.open {
          background-image: url(images/awords/minus.svg); }
      .aword2020-contents > section > div .role > div {
        max-height: 0;
        transition: 0.3s;
        overflow: hidden; }
        .aword2020-contents > section > div .role > div.open {
          max-height: 1000px; }
      .aword2020-contents > section > div .role dl {
        padding: 0;
        margin: 0;
        font-size: 12px; }
        .aword2020-contents > section > div .role dl:first-child {
          display: none; }
        .aword2020-contents > section > div .role dl dt {
          padding: 0;
          margin: 0; }
        .aword2020-contents > section > div .role dl dd {
          padding: 0;
          margin: 0; }
          .aword2020-contents > section > div .role dl dd a {
            text-decoration: underline;
            color: #262626;
            transition: 0.3s; }
            .aword2020-contents > section > div .role dl dd a:hover {
              opacity: 0.5; }

.catalog-demande {
  margin-bottom: 60px; }
  .catalog-demande > h4 {
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 14px;
    margin-top: 60px; }
    .catalog-demande > h4 ruby {
      color: #a32035; }
  .catalog-demande > p {
    font-size: 12px; }
  .catalog-demande .catalog-demande-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    position: relative;
    overflow: scroll; }
    .catalog-demande .catalog-demande-inner > div {
      width: 180px;
      min-width: 180px;
      margin-right: 10px;
      background: #f6f6f6;
      padding: 25px 12px 10px;
      box-sizing: border-box; }
      .catalog-demande .catalog-demande-inner > div input[type="checkbox"] {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(images/demande-checkbox.svg) no-repeat;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden; }
        .catalog-demande .catalog-demande-inner > div input[type="checkbox"]:checked {
          background-image: url(images/demande-checkbox-on.svg); }
      .catalog-demande .catalog-demande-inner > div > label {
        font-family: "MFW-HiraKakuProN-W5" !important;
        letter-spacing: .1em;
        font-weight: 600;
        font-size: 10px;
        margin-left: 10px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        vertical-align: top;
        line-height: 1;
        width: calc(100% - 40px); }
      .catalog-demande .catalog-demande-inner > div > figure {
        text-align: center;
        margin-top: 10px; }
        .catalog-demande .catalog-demande-inner > div > figure img {
          width: 80%;
          height: auto;
          margin: 0 auto; }
        .catalog-demande .catalog-demande-inner > div > figure figcaption {
          text-align: left;
          font-size: 10px;
          margin-top: 10px;
          line-height: 1.7; }
    .catalog-demande .catalog-demande-inner .validation-1 {
      display: none;
      position: absolute;
      left: 0;
      bottom: -36px;
      font-size: 10px;
      color: #c4001c; }
  .catalog-demande .catalog-demande-view {
    border: 1px solid #d6d6d6;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .catalog-demande .catalog-demande-view h4 {
      padding: 14px 20px 14px 20px;
      line-height: 1;
      border-right: 1px solid #d6d6d6;
      font-size: 12px; }
    .catalog-demande .catalog-demande-view .catalog-demande-view-text {
      padding-left: 20px;
      font-size: 12px;
      width: calc(100% - 150px); }
      .catalog-demande .catalog-demande-view .catalog-demande-view-text span {
        display: block; }
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .ctv01, .catalog-demande .catalog-demande-view .catalog-demande-view-text .ctv02 {
        display: none; }
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .dot:before {
        content: ", "; }

.catalog-demande-email {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden; }
  .catalog-demande-email h4 {
    font-family: "MFW-HiraKakuProN-W5" !important;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 14px;
    margin: 0; }
    .catalog-demande-email h4 ruby {
      color: #a32035; }
  .catalog-demande-email p {
    font-size: 12px;
    margin: 25px 0; }
  .catalog-demande-email #fmail {
    background: #f6f6f6;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 80px;
    font-size: 21px !important;
    padding: 0 20px; }
  .catalog-demande-email .validation-2 {
    display: none;
    position: absolute;
    left: 0;
    bottom: -36px;
    font-size: 10px;
    color: #c4001c; }

.catalog-demande-submit {
  width: 100%;
  height: 60px; }
  .catalog-demande-submit span {
    font-size: 12px !important; }

#top-banner-2020 {
  text-align: center;
  padding: 60px 18px 0; }
  #top-banner-2020 a {
    transition: 0.3s; }
    #top-banner-2020 a:hover {
      opacity: 0.5; }
  #top-banner-2020 img {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  #top-banner-2020 .pc {
    display: none; }

.page-id-8034 .tenken2 {
  display: flex;
  justify-content: space-between !important; }
.page-id-8034 .contact-wrap form > div dl.form-tenken dd .anke-box ul.tenken2 li {
  width: 50% !important; }
.page-id-8034 .contact-wrap form > div dl.form-restime ul li {
  width: 50% !important; }

#executives h3 {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  letter-spacing: .1em;
  font-weight: 600;
  margin: 60px 0; }
#executives > section > div {
  margin-bottom: 80px; }
  #executives > section > div figure {
    margin-bottom: 40px; }
    #executives > section > div figure img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  #executives > section > div > div h4 {
    padding: 0;
    margin: 0 0 40px;
    line-height: 1; }
    #executives > section > div > div h4 .roll {
      display: block;
      font-size: 10px;
      color: #757575;
      font-weight: normal;
      margin-bottom: 18px; }
    #executives > section > div > div h4 .name {
      display: block;
      font-size: 14px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      margin-bottom: 14px; }
    #executives > section > div > div h4 .cap {
      display: inline-block;
      font-size: 10px;
      font-weight: normal; }
  #executives > section > div > div .biography {
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5; }
    #executives > section > div > div .biography h5 {
      display: flex;
      align-items: center;
      height: 64px;
      width: 100%;
      font-size: 12px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      letter-spacing: .1em;
      font-weight: 600;
      padding: 0;
      margin: 0;
      cursor: pointer;
      background-image: url("images/company/executives/plus.svg");
      background-repeat: no-repeat;
      background-position: right center; }
      #executives > section > div > div .biography h5.open {
        background-image: url("images/company/executives/minus.svg"); }
    #executives > section > div > div .biography > div {
      display: none; }
    #executives > section > div > div .biography p {
      margin-bottom: 40px;
      font-size: 12px;
      text-align: justify; }
    #executives > section > div > div .biography dl {
      margin: 0 0 30px;
      padding: 0;
      font-size: 12px; }
      #executives > section > div > div .biography dl dt {
        margin: 0;
        padding: 0;
        font-weight: normal; }
      #executives > section > div > div .biography dl dd {
        margin: 0;
        padding: 0;
        font-weight: normal; }

/*
#sb_instagram {
  padding: 0 !important;
  .sb_instagram_header  {
    display: none;
  }
  #sbi_images {
    padding: 0 !important;
    .sbi_item {
      width: calc((100% - 2px) / 3) !important;
      margin: 0 1px 1px 0 !important;
      &:nth-child(3n) {
        margin-right: 0 !important;
      }
    }
  }
  #sbi_load {
    display: none !important;
  }
}
*/
#sb_instagram #sbi_images {
  padding: 0 !important; }

#sb_instagram.sbi_mob_col_3 #sbi_images {
  gap: 1px !important; }

#header-lp-advancehome {
  height: 76px;
  width: 100vw;
  text-align: center; }
  @media screen and (min-width: 781px) {
    #header-lp-advancehome {
      height: 170px; } }
  #header-lp-advancehome h1 {
    margin: 0 auto;
    height: 100%; }
    #header-lp-advancehome h1 a {
      display: block;
      background: url(./advancehome/images/logo.svg) no-repeat;
      background-position: center center;
      background-size: auto 28px;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      width: 80px;
      height: 100%;
      margin: 0 auto; }
      @media screen and (min-width: 781px) {
        #header-lp-advancehome h1 a {
          background-size: 120px 43px;
          width: 120px; } }

#footer-lp-advancehome {
  background: #262626;
  text-align: center;
  padding-bottom: 30px;
  margin-top: 100px; }
  @media screen and (min-width: 781px) {
    #footer-lp-advancehome {
      padding-bottom: 56px;
      margin-top: 200px; } }
  #footer-lp-advancehome img {
    margin: 75px auto; }
    @media screen and (min-width: 781px) {
      #footer-lp-advancehome img {
        margin: 80px auto 65px;
        height: auto;
        width: 120px; } }
  #footer-lp-advancehome p {
    color: #FFF;
    font-size: 0.1rem;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 781px) {
      #footer-lp-advancehome p {
        font-size: 12px; } }

.form-load-text {
  color: #808080; }

/*# sourceMappingURL=style-smart.css.map */