@charset "UTF-8";
/*
Theme Name: advance architect original test ver1
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 original

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 */
@keyframes fade-in {
  0% {
    display: none;
    height: 0; }
  1% {
    display: block;
    height: 0; }
  100% {
    display: block;
    height: auto; } }
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  margin: 0; }
  @media screen and (max-width: 1280px) {
    body {
      overflow-x: hidden; } }

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;
  font-weight: 600;
  letter-spacing: 0.1em; }

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

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #262626; }

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; }

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;
  font-weight: 600;
  letter-spacing: 0.1em; }

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

td,
th {
  padding: 0; }

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; }

.smp-only-headmenu,
.smp-foot-menu {
  display: none; }

img {
  -ms-interpolation-mode: bicubic; }
  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 #262626; }

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

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

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

/*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; }

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

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

.mt40 {
  margin-top: 40px; }

.mt25 {
  margin-top: 25px !important; }

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

.mt50 {
  margin-top: 50px !important; }

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

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

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

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

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

.mt75 {
  margin-top: 75px !important; }

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

.block {
  display: block !important; }

.c757575 {
  color: #757575 !important; }

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

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

.ca-txt {
  font-size: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #757575; }
  .ca-txt li {
    padding: 0 0 0 12px;
    margin: 0;
    text-indent: -12px; }

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

h2,
h3 {
  white-space: pre-line;
  color: #262626; }

a {
  color: #757575;
  text-decoration: none; }
  a:hover {
    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;
    cursor: pointer !important; }

h3 {
  font-size: 21px; }

a:hover {
  color: #262626; }

.nowrap {
  white-space: nowrap; }

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

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

/*pager*/
.wp-pagenavi {
  text-align: center;
  letter-spacing: 2em;
  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; }

/*flicksrider用*/
.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: 28px !important;
  height: 28px !important;
  background-size: 100% 100% !important;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  left: -34px !important; }
.flickity-prev-next-button.next {
  background: url(images/right-2020.svg) no-repeat !important;
  width: 28px !important;
  height: 28px !important;
  background-size: 100% 100% !important;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  right: -34px !important; }

html {
  height: 100%; }

body {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W3" !important;
  letter-spacing: 0.8px;
  line-height: 1.8em;
  padding: 0;
  color: #262626;
  height: 100%; }

p {
  margin-bottom: 2em; }

.headmenu-smp,
#headmenu,
.drawer-toggle {
  display: none; }

#top-image-slider2 {
  width: 100%;
  height: 100%;
  position: relative;
  background: #000;
  background-image: url(images/topmain_pc_00.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  #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_pc_01.jpg); }
    #top-image-slider2 .slide .slide02 {
      background-image: url(images/topslider/topmain_pc_02.jpg); }
    #top-image-slider2 .slide .slide03 {
      background-image: url(images/topslider/topmain_pc_03.jpg); }
    #top-image-slider2 .slide .slide04 {
      background-image: url(images/topslider/topmain_pc_r_2211_01_gap_ldk.jpg); }
    #top-image-slider2 .slide .slide05 {
      background-image: url(images/topslider/topmain_pc_r_2211_02_gap_facade.jpg); }
    #top-image-slider2 .slide .slide06 {
      background-image: url(images/topslider/topmain_pc_r_2211_03_rjoin_living.jpg); }
    #top-image-slider2 .slide .slide07 {
      background-image: url(images/topslider/topmain_pc_r_2211_04_rjoin_facade.jpg); }
    #top-image-slider2 .slide .slide08 {
      background-image: url(images/topslider/topmain_pc_r_2211_06_float_facade.jpg); }
    #top-image-slider2 .slide .slide09 {
      background-image: url(images/topslider/topmain_pc_r_2211_07_villair.jpg); }
    #top-image-slider2 .slide .slide10 {
      background-image: url(images/topslider/topmain_pc_r_2211_08_tts_ldk.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%; }

.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 span img {
  width: 100%;
  height: auto; }

#sctxt {
  width: 40px;
  height: 11px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -20px;
  z-index: 10; }

#sc {
  width: 40px;
  height: 20px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
  z-index: 10; }

@media screen and (max-width: 1200px) {
  #header {
    width: 94%;
    padding: 0 3%;
    position: relative; }

  #top-image-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 32px; }
    #top-image-slider img {
      width: 100% !important;
      height: auto !important; }

  .top-search,
  #top-know {
    width: 94%;
    margin: 0 3%; }

  .top-banner-2017 {
    width: 94%;
    margin: 50px auto; }

  .top-banner-2018 {
    width: 94%;
    margin: 50px auto; }

  #contents,
  #top-text div,
  #top-contact,
  .footer-icon,
  .footer-menu,
  .footer-corp-in,
  .cp,
  .breadcrumbs,
  #wrap {
    width: 94%;
    padding: 0 3%; }

  .start-list img {
    width: 87.5%;
    height: auto; }

  .menu > ul {
    width: 100%;
    padding: 0;
    margin: 0; }

  .home-menu ul,
  .top-works-new-inner {
    width: 100%; }

  #pickup,
  #top-movie,
  #top-modelhouse {
    width: 94%;
    padding: 0 3%; }

  #top-banner-2020 {
    width: 94%;
    padding: 120px 3% 0; } }
@media screen and (min-width: 1199px) {
  #header {
    width: 1200px;
    margin: 0 auto;
    position: relative; }

  #top-image-slider {
    width: 1200px;
    margin: 0 auto 32px; }
    #top-image-slider img {
      width: 100% !important;
      height: auto !important; }

  .top-banner-2017 {
    width: 1200px;
    margin: 50px auto; }

  .top-banner-2018 {
    width: 1200px;
    margin: 50px auto; }

  .top-search,
  #contents,
  #top-text div,
  #top-know,
  #top-contact,
  .footer-icon,
  .footer-menu,
  .footer-corp-in,
  .cp,
  .breadcrumbs,
  #wrap {
    width: 1200px;
    margin: 0 auto; }

  .menu > ul {
    width: 1200px;
    margin: 0 auto;
    padding: 0; }

  .home-menu ul,
  .top-works-new-inner,
  #pickup,
  #top-movie,
  #top-modelhouse {
    width: 1200px;
    margin: 0 auto; } }
#pickup,
#top-movie {
  margin-bottom: 100px; }

#pickup img {
  height: auto; }

@media screen and (max-width: 1100px) {
  #head-menu {
    width: 442px !important;
    bottom: -10px !important; }
    #head-menu ul {
      height: 60px !important; }
      #head-menu ul li {
        margin-bottom: 10px !important; }
        #head-menu ul li:first-child {
          margin-left: 26px !important; } }
.breadcrumbs {
  text-align: left;
  padding: 20px 0;
  font-size: 12px;
  color: #262626;
  margin-bottom: 26px; }
  @media screen and (max-width: 1200px) {
    .breadcrumbs {
      padding: 20px 3%; } }
  .breadcrumbs a {
    color: #262626; }

#header {
  margin-bottom: 25px; }

.logo {
  width: 250px;
  height: 25px;
  background: url(images/logo.svg) no-repeat;
  background-size: 100% 100%;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

.smp-logo,
.smp-only-head,
.smp-only-home {
  display: none; }

#head-menu {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 11px; }
  #head-menu a {
    color: #262626;
    text-decoration: none; }
  #head-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 25px;
    overflow: hidden; }
    #head-menu ul li {
      padding: 0 25px;
      margin: 0;
      border-right: 1px solid #c1c1c1;
      float: left;
      height: 25px; }
      #head-menu ul li:first-child {
        border-left: 1px solid #c1c1c1; }
      #head-menu ul li:nth-child(4) {
        border: none; }
      #head-menu ul li:nth-child(5) {
        padding: 0 20px 0 0 !important;
        border: none; }
      #head-menu ul li:nth-child(6) {
        padding: 0;
        border: none; }

.h-tel a {
  width: 177px;
  height: 25px;
  display: block;
  background: url(images/header-tel.png) no-repeat center center;
  background-size: 100% 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.h-siryou a {
  width: 49px;
  height: 24px;
  display: block;
  background: url(images/header-siryou.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.h-contact a {
  width: 72px;
  height: 24px;
  display: block;
  background: url(images/header-contact.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.h-facebook a {
  width: 25px;
  height: 25px;
  display: block;
  background: url(images/facebook-icon.png) no-repeat;
  background-size: 100% 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #262626; }

.h-search input[type="submit"] {
  font-family: FontAwesome;
  color: #fff;
  background: #262626;
  padding: 6px 10px;
  border: none;
  height: 25px;
  box-sizing: border-box;
  vertical-align: bottom; }
.h-search input[type="text"] {
  margin-right: -5px;
  width: 140px;
  height: 25px;
  box-sizing: border-box;
  letter-spacing: 2px;
  vertical-align: baseline;
  border: 1px solid #c1c1c1; }

.menu {
  background: #262626;
  width: 100%;
  margin: 0 auto 25px; }

.menubox a:hover {
  color: #808080; }

.menu li input {
  display: none; }
.menu li label {
  display: block;
  margin: 0;
  padding: 20px 0 20px;
  background: #262626;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  cursor: pointer; }

#hajimete-btn {
  color: #fff; }

.menu_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #3c3c3c transparent;
  position: absolute;
  top: -6px;
  left: 69px; }

.triangle2 {
  border-color: transparent transparent #c1c1c1 transparent !important; }

#menu1_2box .menu_triangle {
  left: 219px !important; }

#menu2box .menu_triangle {
  left: 369px !important; }

#menu3box .menu_triangle {
  left: 519px !important; }

#menu4box .menu_triangle {
  left: 669px !important; }

#menu4_5box .menu_triangle {
  left: 819px !important; }

#menu5box .menu_triangle {
  left: 969px !important; }

#menu6box .menu_triangle {
  left: 1119px !important; }

.menubox {
  position: absolute;
  visibility: hidden;
  /*background: rgba(51,51,51,0.95);*/
  background: #262626;
  padding: 50px 40px;
  box-sizing: border-box;
  width: 1200px;
  opacity: 0;
  z-index: 300;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-align: left; }

@media screen and (max-width: 1200px) {
  .menubox {
    width: 100% !important; } }
.menu-close label {
  padding: 0 !important;
  background: none !important; }
.menu-close span {
  border: none !important;
  background: url(images/menuboxclose.png) no-repeat !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: right !important;
  display: block !important;
  position: absolute !important;
  right: 40px !important;
  top: 25px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  text-indent: 100% !important;
  overflow: hidden !important; }

@media screen and (max-width: 3000px) {
  .menubox {
    width: 100% !important;
    left: 0 !important; } }
.menubox h4 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  margin: 0;
  padding: 0; }
.menubox ul {
  margin: 0 -30px 0 0;
  padding: 0;
  line-height: 1;
  list-style: none; }
  .menubox ul li {
    font-size: 12px;
    width: 200px;
    box-sizing: border-box;
    margin: 0 30px 0 0;
    border-bottom: 1px solid #d6d6d6;
    background: none !important;
    float: left; }
    .menubox ul li a {
      background: none;
      display: block;
      padding: 27px 0 10px;
      box-sizing: border-box;
      margin: 0;
      color: #fff; }

@media screen and (max-width: 1200px) {
  #menu_s_box {
    left: 0 !important; } }
#menu1_2box {
  left: -150px; }

#menu2box {
  left: -300px; }

#menu3box {
  left: -450px; }

#menu4box {
  left: -600px; }

#menu4_5box {
  left: -750px;
  background: none; }

#menu5box {
  left: -900px;
  background: none; }

#menu6box {
  left: -1050px; }

#menu1bg {
  display: none;
  visibility: hidden;
  opacity: 0; }

#menu1:checked #menu1bg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
  z-index: 299; }
#menu1:checked ~ #menu1box {
  display: block;
  visibility: visible;
  opacity: 1; }

#hajimemashite-c:hover #menu1box {
  display: block;
  visibility: visible;
  opacity: 1; }

#menu1box:hover {
  display: block;
  visibility: visible;
  opacity: 1; }
#menu1box .menu-close {
  display: none; }

#menu1:checked ~ #menu1box .menu-close {
  display: block; }

#menu1_2-c:hover #menu1_2box,
#menu2:checked ~ #menu2box,
#eventmenu-c:hover #menu2box,
#menu2box:hover,
#menu3:checked ~ #menu3box,
#lineupmenu-c:hover #menu3box,
#menu3box:hover,
#menu4:checked ~ #menu4box,
#guide-c-menu:hover #menu4box,
#menu4box:hover,
#menu4_5-c:hover #menu4_5box,
#menu4_5box:hover,
#menu5:checked ~ #menu5box,
#columnmenu-c:hover #menu5box,
#menu5box:hover,
#menu6:checked ~ #menu6box,
#companymenu-c:hover #menu6box,
#menu6box:hover,
#guide-c-menu:hover #menu_s_box,
#menu_s_box:hover,
#modelhousemenu-c:hover #menu2box {
  display: block;
  visibility: visible;
  opacity: 1; }

.menuli {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 11px;
  list-style-type: none;
  box-sizing: border-box; }
  .menuli a {
    display: block;
    margin: 0;
    padding: 20px 0 20px;
    line-height: 1;
    text-decoration: none;
    position: relative; }
    .menuli a:before, .menuli a:after {
      position: absolute;
      top: 50px;
      content: "";
      display: inline-block;
      width: 0;
      height: 1px;
      background: #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; }
    .menuli a:before {
      left: 50%; }
    .menuli a:after {
      right: 50%; }
    .menuli a:hover:before {
      width: 50%; }
    .menuli a:hover:after {
      width: 50%; }

/*2017new menu*/
#header2 {
  width: 100%;
  height: 162px;
  position: relative;
  border-bottom: 1px solid #d6d6d6;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 25px; }

.home #header2 {
  margin: 0; }

.logo_new {
  width: 150px;
  height: 52px;
  vertical-align: bottom;
  position: absolute;
  left: 4%;
  top: calc(50% - 26px);
  z-index: 100; }
  @media screen and (max-width: 1200px) {
    .logo_new {
      left: 2%; } }
  @media screen and (max-width: 1000px) {
    .logo_new {
      top: 22px; } }

#header2 > div {
  width: 100%;
  padding: 0 4%;
  height: 162px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1200px) {
    #header2 > div {
      padding: 0 2%; } }
  #header2 > div > h1 {
    position: absolute;
    right: 4%;
    top: 53px;
    color: #757575;
    line-height: 1; }
    @media screen and (max-width: 1200px) {
      #header2 > div > h1 {
        right: 2%; } }
  #header2 > div > nav {
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0 calc(4% - 15px) 0 4%;
    margin: 0;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
    text-align: right; }
    @media screen and (max-width: 1200px) {
      #header2 > div > nav {
        padding: 0 calc(2% - 15px) 0 2%; } }
    #header2 > div > nav > ul {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      #header2 > div > nav > ul > li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block; }
        #header2 > div > nav > ul > li > a {
          padding: 20px 15px 55px;
          position: relative;
          color: #262626;
          font-size: 12px; }
          @media screen and (max-width: 1320px) {
            #header2 > div > nav > ul > li > a {
              font-size: 11px; } }
          @media screen and (max-width: 1260px) {
            #header2 > div > nav > ul > li > a {
              font-size: 10px; } }
          @media screen and (max-width: 1200px) {
            #header2 > div > nav > ul > li > a {
              padding: 25px 10px 50px; } }
          @media screen and (max-width: 1040px) {
            #header2 > div > nav > ul > li > a {
              padding: 25px 8px 50px; } }
          #header2 > div > nav > ul > li > a:hover {
            opacity: 0.5; }
        #header2 > div > nav > ul > li:nth-child(15) {
          position: relative !important;
          margin-left: 30px; }
          @media screen and (max-width: 1200px) {
            #header2 > div > nav > ul > li:nth-child(15) {
              margin-left: 20px; } }
          @media screen and (max-width: 1040px) {
            #header2 > div > nav > ul > li:nth-child(15) {
              margin-left: 16px; } }
          #header2 > div > nav > ul > li:nth-child(15):before {
            position: absolute;
            left: -15px;
            top: 19px;
            content: "";
            width: 1px;
            height: 24px;
            background: #262626; }
            @media screen and (max-width: 1200px) {
              #header2 > div > nav > ul > li:nth-child(15):before {
                left: -10px; } }
            @media screen and (max-width: 1040px) {
              #header2 > div > nav > ul > li:nth-child(15):before {
                left: -8px; } }
        #header2 > div > nav > ul > li:nth-child(10), #header2 > div > nav > ul > li:nth-child(11), #header2 > div > nav > ul > li:nth-child(12), #header2 > div > nav > ul > li:nth-child(13), #header2 > div > nav > ul > li:nth-child(14) {
          display: none; }
#header2 .menuli {
  position: inherit !important; }
#header2 #menu1box {
  width: 100%; }
#header2 .menuli h4,
#header2 .menuli ul {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    #header2 .menuli h4,
    #header2 .menuli ul {
      width: 100%; } }

.top-menu-s {
  display: none;
  width: 162px;
  height: 162px;
  position: absolute;
  right: 0;
  top: 0; }
  .top-menu-s img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.top-pickup {
  width: 386px;
  height: 193px;
  overflow: hidden;
  margin: 0 20px 0 0; }
  .top-pickup a {
    -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-pickup a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

.flickity-page-dots .dot {
  width: 8px !important;
  height: 8px !important;
  margin: 0 6px !important; }

#pickup-title h3 {
  font-size: 18px;
  margin: 100px 0 50px;
  line-height: 1;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }

/*2017new menu end*/
#contents h3 {
  font-size: 21px;
  padding: 0 0 15px;
  line-height: 1;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }
#contents header {
  position: relative; }
  #contents header span {
    position: absolute;
    right: 0;
    top: 4px;
    line-height: 1;
    font-size: 13px; }

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swiper-button-prev {
  background: url(images/swip-left.png) no-repeat !important;
  width: 56px !important;
  height: 56px !important;
  background-size: 100% 100% !important;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.swiper-button-next {
  background: url(images/swip-right.png) no-repeat !important;
  width: 56px !important;
  height: 56px !important;
  background-size: 100% 100% !important;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.home .swiper-button-next {
  background: url(images/top-swip-bg-next.png) !important; }
.home .swiper-button-prev {
  background: url(images/top-swip-bg-prev.png) !important; }
.home .top-banner-2017 {
  margin-bottom: 100px !important; }
.home .top-banner-2018 {
  margin-bottom: 100px !important; }

.top-banner-2017 img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.top-banner-2017 a {
  -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-banner-2017 a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.top-banner-2018 {
  display: flex;
  justify-content: space-between; }
  .top-banner-2018 a {
    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;
    width: 49.1666666666667%; }
    .top-banner-2018 a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
    .top-banner-2018 a img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }

#top-works-new {
  padding: 0;
  margin: 0 auto;
  padding-bottom: 28px;
  /*background: #EAEAEA;*/ }
  @media screen and (max-width: 1200px) {
    #top-works-new {
      padding: 0 3% 28px; } }
  #top-works-new h3 {
    font-size: 18px;
    margin: 0 0 50px;
    padding: 0;
    line-height: 1;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #top-works-new header {
    position: relative; }
    #top-works-new header span {
      position: absolute;
      right: 0;
      top: 4px;
      font-size: 13px;
      line-height: 1; }
  #top-works-new .gallery-cell {
    width: 285px;
    height: 201px;
    margin: 0 20px 20px 0;
    float: left; }
    @media screen and (max-width: 1200px) {
      #top-works-new .gallery-cell {
        width: calc((100% - 40px) / 3);
        min-height: 201px;
        height: auto; }
        #top-works-new .gallery-cell:nth-child(3n) {
          margin-right: 0; } }
    #top-works-new .gallery-cell:nth-child(4n) {
      margin-right: 0; }
      @media screen and (max-width: 1200px) {
        #top-works-new .gallery-cell:nth-child(4n) {
          margin-right: 20px; } }
    #top-works-new .gallery-cell img {
      width: auto;
      height: 100%; }
      @media screen and (max-width: 1200px) {
        #top-works-new .gallery-cell img {
          width: 100%;
          height: auto; } }
  #top-works-new dl {
    margin: 0;
    padding: 0;
    font-size: 14px;
    position: relative; }
    #top-works-new dl dt,
    #top-works-new dl dd {
      margin: 0;
      padding: 0; }
    #top-works-new dl dt {
      position: relative;
      padding: 0;
      margin: 0;
      text-align: center;
      overflow: hidden;
      width: 285px;
      height: 201px; }
      @media screen and (max-width: 1200px) {
        #top-works-new dl dt {
          width: 100%;
          min-height: 201px;
          height: auto; } }
    #top-works-new dl dd {
      position: absolute;
      left: 0;
      top: 0;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 201px;
      box-sizing: border-box; }
      @media screen and (max-width: 1200px) {
        #top-works-new dl dd {
          min-height: 201px;
          height: 100%; } }
    #top-works-new dl dt img {
      margin: 0;
      padding: 0;
      vertical-align: bottom; }
  #top-works-new .jiturei-inner-div {
    font-size: 12px;
    line-height: 1.8; }

.jiturei-inner-div {
  padding: 20px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  box-sizing: border-box;
  color: #fff;
  position: relative; }
  .jiturei-inner-div:hover {
    opacity: 1; }

.jiturei-inner-title {
  position: absolute;
  left: 20px;
  top: 14px;
  width: calc(100% - 40px); }

.jiturei-inner-area {
  position: absolute;
  left: 20px;
  bottom: 12px; }

/*トップスライダー*/
#slider1 img {
  vertical-align: middle; }
#slider1 .sp-arrows,
#slider1 .sp-slide .sp-cation {
  display: none; }
#slider1 .sp-thumbnail {
  background: #eaeaea;
  padding: 13.5px !important;
  box-sizing: border-box;
  font-size: 12px !important; }
  #slider1 .sp-thumbnail span {
    display: block; }
  #slider1 .sp-thumbnail img {
    width: 48px !important;
    height: 48px !important;
    padding-right: 13.5px;
    float: left; }
#slider1 .sp-bottom-thumbnails {
  margin-top: 5px !important;
  left: 0 !important; }
#slider1 .sp-thumbnail-container {
  margin-right: 2px !important;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }
  #slider1 .sp-thumbnail-container:hover {
    border-bottom: #262626 2px solid;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1; }
#slider1 .sp-selected-thumbnail {
  border-bottom: #262626 2px solid; }
#slider1 .sp-thumbnails > div:last-child {
  margin-right: 0 !important; }
#slider1 .sp-previous-arrow,
#slider1 .sp-previous-thumbnail-arrow {
  background: rgba(255, 255, 255, 0) !important;
  background-image: url(images/left-2020.svg) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 56px !important;
  height: 56px !important;
  opacity: 1 !important;
  position: absolute !important;
  left: -55px !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer;
  margin-top: 8px !important; }
#slider1 .sp-next-arrow,
#slider1 .sp-next-thumbnail-arrow {
  background: rgba(255, 255, 255, 0) !important;
  background-image: url(images/right-2020.svg) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 56px !important;
  height: 56px !important;
  opacity: 1 !important;
  position: absolute;
  right: -55px !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer;
  margin-top: 8px !important; }
#slider1 .sp-previous-thumbnail-arrow {
  opacity: 0.1 !important;
  cursor: default !important; }

#top-banner img {
  width: 100%;
  height: auto; }

#top-link {
  padding: 0 0 68px; }
  #top-link h3 {
    border: none;
    margin: 0 0 10px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #top-link .gallery-cell {
    padding: 0;
    margin: 0 20px 0 0;
    width: 285px;
    float: left; }
    #top-link .gallery-cell img {
      width: 100%;
      height: auto;
      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; }
      #top-link .gallery-cell img:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7; }
  #top-link .flickity-prev-next-button {
    top: 48% !important; }

#top-contents {
  padding: 100px 0; }
  @media screen and (max-width: 1200px) {
    #top-contents {
      padding: 100px 3%;
      box-sizing: border-box; } }
  #top-contents h3 {
    font-size: 18px;
    margin: 0 0 35px;
    padding: 0;
    border: none;
    line-height: 1; }
  #top-contents ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: table; }
    #top-contents ul li {
      white-space: pre-line;
      display: table-cell;
      width: 12.5%;
      padding: 10px;
      text-align: center;
      vertical-align: middle; }
      #top-contents ul li:first-child {
        padding-left: 0; }
      #top-contents ul li:last-child {
        padding-right: 0; }
      #top-contents ul li a {
        display: block;
        padding: 30px 0 10px;
        border: 1px solid #c1c1c1;
        line-height: 3em;
        color: #262626;
        text-decoration: none;
        vertical-align: middle;
        overflow: hidden;
        font-size: 13px; }
        #top-contents ul li a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }
        #top-contents ul li a i {
          font-size: 2em; }
  #top-contents .flickity-prev-next-button {
    top: 72px !important; }

#top-event h3 {
  padding: 0 0 25px;
  line-height: 1;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 50px; }

/*
#top-event h4 {
  color: #FFF;
  background: #262626;
  text-align: center;
  padding: 7px;
  font-weight: 500;
  margin: 0 0 25px;
}

#top-event h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 25px 0　20px;
}

#top-event div {
  font-size: 14px;
}
*/
#gallery {
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: flexbox;
  flex-direction: row;
  -webkit-flex-direction: row; }

#top-event .flickity-slider {
  display: table; }

.top-event-c a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -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-event .gallery-cell {
  width: 23%;
  margin: 0 1%;
  border: 1px solid #C1C1C1;
  display: table-cell;
}*/
#event-more {
  margin-top: 40px !important; }

#top-event .gallery-cell {
  width: 285px;
  margin: 0 20px 0 0;
  border: 1px solid #c1c1c1;
  float: left;
  box-sizing: border-box; }

.eventthum {
  position: relative; }
  .eventthum span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 7px;
    box-sizing: border-box;
    width: 85px;
    color: #fff;
    font-size: 12px;
    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 .gallery-cell a {
  padding: 0 16px 18px;
  display: block;
  color: #262626; }
#top-event img {
  width: 251px;
  height: 155px;
  vertical-align: bottom; }
#top-event .flickity-page-dots {
  bottom: -43px; }

#top-contents,
#top-event {
  margin: 0 auto 75px; }

#top-event {
  margin: 0 auto 94px; }

#top-contents {
  margin-bottom: 125px; }

.top-osusume-contents {
  width: 285px;
  height: 285px;
  overflow: hidden;
  margin: 0 20px 0 0; }
  .top-osusume-contents img {
    width: 100%;
    height: auto; }
  .top-osusume-contents a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.home-foot-menu {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #262626;
  width: 100%; }
  .home-foot-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    width: 100%;
    font-size: 13px;
    text-align: center; }
    .home-foot-menu ul li {
      width: 12.5%;
      box-sizing: border-box;
      border-left: 1px solid #c1c1c1;
      display: table-cell;
      vertical-align: middle; }
      .home-foot-menu ul li:first-child {
        border-left: none; }
      .home-foot-menu ul li a {
        box-sizing: border-box; }

#top-text {
  text-align: center;
  background: #f7f7f7;
  padding: 80px 0 60px;
  font-size: 14px; }
  #top-text h3 {
    border: none !important;
    font-size: 18px !important;
    margin-bottom: 50px !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
    #top-text h3 br {
      display: none; }
  #top-text p {
    color: #262626;
    text-align: left; }

.home-menu {
  margin: 0 auto 50px; }
  .home-menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    .home-menu ul li {
      margin: 0;
      padding: 0;
      width: 12.5%;
      float: left;
      box-sizing: border-box;
      position: relative; }
      .home-menu ul li:after {
        content: "";
        border-left: 1px solid #c1c1c1;
        position: absolute;
        height: 100%;
        left: 0; }
      .home-menu ul li:last-child::before {
        border-right: 1px solid #c1c1c1;
        content: "";
        position: absolute;
        height: 100%;
        right: 0; }
      .home-menu ul li img {
        width: 100%;
        height: auto; }
        .home-menu ul li img:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }

#top-contact2020 {
  padding: 100px 0;
  background-color: #53555a; }
  @media screen and (max-width: 1200px) {
    #top-contact2020 {
      padding: 100px 3%; } }
  #top-contact2020 > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 140px 0 135px;
    border: 1px solid #dfdfdf;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Sawarabi Mincho" !important;
    color: #fff; }
    #top-contact2020 > div h3 {
      font-family: "Sawarabi Mincho" !important;
      font-size: 18px;
      margin: 0 80px 0 0;
      padding-bottom: 30px;
      color: #ffffff; }
    #top-contact2020 > div > dl {
      padding: 0;
      margin: 0; }
      #top-contact2020 > div > dl dt {
        padding: 0;
        margin: 0 0 15px;
        font-size: 32px; }
        #top-contact2020 > div > dl dt a {
          color: #fff;
          letter-spacing: 10px; }
      #top-contact2020 > div > dl dd {
        padding: 0;
        margin: 0;
        font-size: 12px; }
        #top-contact2020 > div > dl dd br {
          display: none; }
    #top-contact2020 > div > a {
      font-size: 12px;
      background-image: url(images/foot_contact_mail_bg.svg);
      background-repeat: no-repeat;
      background-position: left bottom;
      display: block;
      color: #fff;
      margin-left: 80px;
      padding-bottom: 25px;
      padding-right: 78px;
      transition: 0.3s; }
      #top-contact2020 > div > a:hover {
        opacity: 0.5; }

#top-contact2020 ~ #footer {
  margin: 0 !important; }

.home-menu-column a {
  display: block;
  width: 149px;
  height: 60px;
  background: url(images/home-menu-column_np.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

#top-post {
  margin: 0 auto;
  padding: 100px 0; }
  #top-post h3 {
    font-size: 18px;
    padding: 0;
    margin: 0 0 45px;
    border-bottom: none;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #top-post h4 {
    padding: 0 0 25px;
    margin: 0 0 50px;
    border-bottom: 1px solid #d6d6d6; }
  #top-post a {
    color: #262626; }
    #top-post a:hover {
      opacity: 0.5; }
  #top-post dl {
    margin: 0 0 12px;
    padding: 0;
    display: table;
    font-size: 14px; }
    #top-post dl dt {
      margin: 0;
      padding: 0;
      display: table-cell;
      white-space: nowrap; }
    #top-post dl dd {
      margin: 0;
      padding: 0 0 0 16px;
      display: table-cell; }

.top-news {
  padding: 0 0 45px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 30px; }

.top-media {
  padding: 0 0 45px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 50px; }

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

#top-post > span {
  display: block;
  margin: 0px auto;
  text-align: center; }
  #top-post > span > a {
    display: block;
    width: 386px;
    padding: 25px;
    line-height: 0;
    font-size: 12px;
    color: #fff;
    background: #262626;
    margin: 0 auto;
    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-post > span > a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

/**/
.flickity-prev-next-button {
  border-radius: 0 !important; }

/*================================
footer
================================*/
#footer {
  margin: 100px 0 0;
  font-size: 12px; }

/*footer icon*/
/*footer pc2019 /renewal*/
#footer_pc {
  color: #f7f7f7 !important;
  background-color: #262626;
  box-sizing: border-box; }
  #footer_pc h3 {
    color: #f7f7f7;
    font-size: 12px;
    font-weight: 600;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #footer_pc a {
    color: #f7f7f7;
    transition: 0.3s; }
    #footer_pc a:hover {
      color: #54565a; }
  #footer_pc #footer_wrap1 {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto; }
    #footer_pc #footer_wrap1 > div:first-child {
      width: calc(100% - (100% / 3));
      display: flex;
      flex-wrap: wrap;
      padding-top: 70px; }
      #footer_pc #footer_wrap1 > div:first-child h3 {
        margin: 0 0 30px;
        line-height: 1; }
      #footer_pc #footer_wrap1 > div:first-child ul {
        list-style: none;
        padding: 0;
        margin: 0 0 40px; }
        #footer_pc #footer_wrap1 > div:first-child ul li {
          margin: 0 0 1em;
          padding: 0;
          line-height: 1.5; }
      #footer_pc #footer_wrap1 > div:first-child > div {
        width: 25%;
        box-sizing: border-box; }
        @media screen and (max-width: 1200px) {
          #footer_pc #footer_wrap1 > div:first-child > div:first-child {
            padding-left: 3%; } }
        #footer_pc #footer_wrap1 > div:first-child > div:last-child {
          box-sizing: border-box;
          width: 100%;
          border-top: 1px solid #54565a;
          padding: 35px 0;
          margin-top: 30px; }
          @media screen and (max-width: 1200px) {
            #footer_pc #footer_wrap1 > div:first-child > div:last-child {
              padding-left: 3%; } }
          #footer_pc #footer_wrap1 > div:first-child > div:last-child ul {
            margin: 0; }
            #footer_pc #footer_wrap1 > div:first-child > div:last-child ul li {
              display: inline-block;
              margin-right: 35px;
              margin-bottom: 0; }
    #footer_pc #footer_wrap1 > div:nth-child(2) {
      box-sizing: border-box;
      padding-top: 70px;
      padding-left: 50px;
      width: calc(100% / 3);
      border-left: 1px solid #54565a; }
      @media screen and (max-width: 1200px) {
        #footer_pc #footer_wrap1 > div:nth-child(2) {
          padding-right: 3%; } }
      #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child {
        list-style: none;
        padding: 0;
        margin: 0 0 70px; }
        #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li {
          padding: 0;
          margin: 0 0 30px; }
          #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li a {
            box-sizing: border-box;
            border: 1px solid #f7f7f7;
            font-size: 14px;
            line-height: 1;
            display: block;
            width: 100%;
            padding: 30px 30px 30px 48px;
            background-image: url(images/foot_link_bg.svg);
            background-repeat: no-repeat;
            background-position: right 32px center;
            position: relative; }
            #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li a:before {
              content: "";
              display: block;
              background-image: url(images/foot_icon_key.svg);
              background-repeat: no-repeat;
              background-position: left 17px center;
              position: absolute;
              left: 0;
              top: 0;
              width: 48px;
              height: 100%; }
            #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li a:hover {
              border: 1px solid #54565a;
              background-image: url(images/foot_link_bg_hover.svg); }
              #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li a:hover:before {
                background-image: url(images/foot_icon_key_hover.svg); }
          #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li:last-child a {
            padding-left: 18px; }
            #footer_pc #footer_wrap1 > div:nth-child(2) > ul:first-child li:last-child a:before {
              display: none; }
      #footer_pc #footer_wrap1 > div:nth-child(2) > ul:last-child {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between; }
        #footer_pc #footer_wrap1 > div:nth-child(2) > ul:last-child li {
          width: 24px; }
          #footer_pc #footer_wrap1 > div:nth-child(2) > ul:last-child li a {
            height: 24px;
            background-repeat: no-repeat;
            background-size: 24px auto;
            background-position: left center;
            transition: 0.3s; }
            #footer_pc #footer_wrap1 > div:nth-child(2) > ul:last-child li a:hover {
              opacity: 0.5; }
            #footer_pc #footer_wrap1 > div:nth-child(2) > ul:last-child li a img {
              width: 100%; }
  #footer_pc #footer_wrap2 {
    border-top: 1px solid #54565a;
    padding: 50px 0; }
    @media screen and (max-width: 1200px) {
      #footer_pc #footer_wrap2 {
        padding: 50px 3%; } }
    #footer_pc #footer_wrap2 > div {
      max-width: 1200px;
      margin: 0 auto;
      display: flex; }
      #footer_pc #footer_wrap2 > div > div:first-child {
        width: 45.3%; }
        @media screen and (max-width: 1200px) {
          #footer_pc #footer_wrap2 > div > div:first-child {
            width: 500px; } }
        #footer_pc #footer_wrap2 > div > div:first-child h3 {
          margin: 0 0 20px;
          padding: 0; }
        #footer_pc #footer_wrap2 > div > div:first-child dl {
          margin: 0;
          padding: 0; }
          #footer_pc #footer_wrap2 > div > div:first-child dl dt {
            display: inline-block; }
          #footer_pc #footer_wrap2 > div > div:first-child dl dd {
            display: inline-block;
            padding: 0;
            margin: 0 0 0 1em; }
      #footer_pc #footer_wrap2 > div > div:last-child {
        width: calc(100% - 45.3%);
        padding-top: 52px; }
        @media screen and (max-width: 1200px) {
          #footer_pc #footer_wrap2 > div > div:last-child {
            width: calc(100% - 500px); } }
        #footer_pc #footer_wrap2 > div > div:last-child a {
          box-sizing: border-box;
          border: 1px solid #f7f7f7;
          font-size: 12px;
          line-height: 1;
          display: block;
          width: 100%;
          padding: 22px;
          background-image: url(images/foot_link_bg.svg);
          background-repeat: no-repeat;
          background-position: right 32px center; }
          #footer_pc #footer_wrap2 > div > div:last-child a:hover {
            border: 1px solid #54565a;
            background-image: url(images/foot_link_bg_hover.svg);
            color: #54565a; }
          #footer_pc #footer_wrap2 > div > div:last-child a > span {
            font-weight: 600;
            font-family: "MFW-HiraKakuProN-W5" !important;
            font-weight: 600;
            letter-spacing: 0.1em; }
        #footer_pc #footer_wrap2 > div > div:last-child p {
          font-size: 10px;
          text-align: left;
          margin-left: 22px; }
  #footer_pc #footer_wrap3 {
    border-top: 1px solid #54565a;
    padding: 50px 0; }
    @media screen and (max-width: 1200px) {
      #footer_pc #footer_wrap3 {
        padding: 50px 3%; } }
    #footer_pc #footer_wrap3 > div {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #footer_pc #footer_wrap3 > div > p {
        color: #54565a !important;
        margin-right: 36px; }

#footer_sp {
  display: none; }

.footer-icon {
  padding: 10px 0 48px 0;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 37px; }
  .footer-icon > div {
    margin-bottom: 28px;
    color: #757575; }
  .footer-icon ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0; }
    .footer-icon ul li {
      width: 148px;
      float: left; }
      .footer-icon ul li:nth-child(5) {
        float: right;
        width: 204px;
        text-align: right; }
      .footer-icon ul li:first-child a {
        width: 100%;
        height: 28px;
        background-image: url(images/foot-sns-facebook.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        display: block;
        box-sizing: border-box;
        padding: 14px 0 14px 48px;
        line-height: 0; }
      .footer-icon ul li:nth-child(2) a {
        width: 100%;
        height: 28px;
        background-image: url(images/foot-sns-insta.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        display: block;
        padding: 14px 0 14px 48px;
        line-height: 0;
        box-sizing: border-box; }
      .footer-icon ul li:nth-child(3) a {
        width: 100%;
        height: 28px;
        background-image: url(images/foot-sns-youtube.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        display: block;
        padding: 14px 0 14px 48px;
        line-height: 0;
        box-sizing: border-box; }
      .footer-icon ul li:nth-child(4) a {
        width: 100%;
        height: 28px;
        background-image: url(images/foot-sns-blog.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        display: block;
        padding: 14px 0 14px 48px;
        line-height: 0;
        box-sizing: border-box; }
      .footer-icon ul li:nth-child(5) a {
        width: 100%;
        height: 28px;
        background-image: url(images/foot-sns-mail.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        display: block;
        padding: 14px 0 14px 48px;
        line-height: 0;
        box-sizing: border-box; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .footer-icon ul li:first-child a {
    width: 100%;
    height: 28px;
    background-image: url(images/foot-sns-facebook_re.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    display: block;
    box-sizing: border-box;
    padding: 14px 0 14px 48px;
    line-height: 0; }
  .footer-icon ul li:nth-child(2) a {
    width: 100%;
    height: 28px;
    background-image: url(images/foot-sns-insta_re.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    display: block;
    padding: 14px 0 14px 48px;
    line-height: 0;
    box-sizing: border-box; }
  .footer-icon ul li:nth-child(3) a {
    width: 100%;
    height: 28px;
    background-image: url(images/foot-sns-youtube_re.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    display: block;
    padding: 14px 0 14px 48px;
    line-height: 0;
    box-sizing: border-box; }
  .footer-icon ul li:nth-child(4) a {
    width: 100%;
    height: 28px;
    background-image: url(images/foot-sns-blog_re.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    display: block;
    padding: 14px 0 14px 48px;
    line-height: 0;
    box-sizing: border-box; }
  .footer-icon ul li:nth-child(5) a {
    width: 100%;
    height: 28px;
    background-image: url(images/foot-sns-mail_re.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    display: block;
    padding: 14px 0 14px 48px;
    line-height: 0;
    box-sizing: border-box; } }
/*一部、上の可変にまとめて記述*/
.footer-menu {
  display: table;
  box-sizing: border-box;
  margin-bottom: 33px; }
  .footer-menu dl {
    display: table-row;
    padding: 0;
    margin: 0; }
    .footer-menu dl dt {
      display: table-cell;
      width: 16%;
      padding: 0;
      margin: 0;
      color: #757575 !important; }
    .footer-menu dl dd {
      display: table-cell;
      padding: 0;
      margin: 0; }
      .footer-menu dl dd ul {
        margin: 0 0 6px;
        padding: 0;
        list-style: none; }
        .footer-menu dl dd ul li {
          margin: 0 20px 1em 0;
          display: inline;
          line-height: 34px; }
          .footer-menu dl dd ul li a {
            white-space: nowrap; }

.footer-corp {
  background: #262626;
  padding: 27px 0 32px;
  color: #fff !important; }
  .footer-corp a {
    color: #fff !important; }
    .footer-corp a:hover {
      color: #ccc !important; }

.footer-corp-first-child {
  width: 470px;
  float: left;
  display: table;
  padding: 0 0 41px; }
  .footer-corp-first-child + div {
    margin: 0 0 0 520px; }

.footer-corp-txt ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .footer-corp-txt ul li {
    padding: 0 0 0 12px;
    margin: 0;
    text-indent: -12px; }
    .footer-corp-txt ul li:before {
      content: "■"; }

.footer-corp-in h3 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important; }

footer-corp-in {
  text-align: left; }

.footer-corp-in div dl {
  margin: 0;
  padding: 0;
  display: table-row; }
  .footer-corp-in div dl dt,
  .footer-corp-in div dl dd {
    margin: 0;
    padding: 0;
    display: table-cell;
    color: #fff !important; }
  .footer-corp-in div dl dt {
    width: 90px; }

.cp {
  text-align: right;
  clear: both;
  padding: 16px 0;
  border-top: 1px solid #fff; }
  .cp ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left; }
    .cp ul li {
      margin: 0 20px 0 0;
      display: inline; }
  .cp span {
    float: right; }

/*
  はじめての方へ
  start/配下
  .start-headerは@mediascreenのところ
*/
.start-header {
  margin: 0 0 75px; }
  .start-header h2 {
    border-bottom: 1px solid #262626;
    font-size: 32px;
    padding: 20px 0;
    margin: 0 0 35px; }
  .start-header img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: bottom; }
  .start-header article {
    padding: 0 0 35px 0;
    display: table;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
    .start-header article div {
      margin: 0;
      padding: 0;
      width: 48.33%;
      float: left;
      box-sizing: border-box; }
      .start-header article div:last-child {
        float: right; }
      .start-header article div h3 {
        margin: 15px 0 24px; }
      .start-header article div p {
        margin: 0; }

.start-list ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .start-list ul li {
    padding: 40px 0 80px;
    width: 32%;
    position: relative;
    margin: 0 2% 60px 0;
    float: left;
    border-top: 1px solid #262626; }
    .start-list ul li:nth-child(3n) {
      margin-right: 0; }
    .start-list ul li dl {
      margin: 0;
      padding: 0; }
      .start-list ul li dl a:hover {
        background: #fff; }
      .start-list ul li dl dt {
        font-size: 21px;
        font-weight: 600;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin: 0.618em 0; }
      .start-list ul li dl dd {
        margin: 0;
        padding: 0; }
        .start-list ul li dl dd span {
          position: absolute;
          bottom: 0;
          display: block;
          background: #262626;
          color: #fff;
          padding: 13px;
          text-align: center;
          width: 100%;
          box-sizing: border-box;
          font-size: 13px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .start-list ul li dl dd span:hover {
            opacity: 0.7; }
  .start-list ul a {
    color: #262626;
    text-decoration: none; }

.concept-header,
.select-header,
.merit-header,
.simulation-header {
  margin: 0 0 35px; }

.concept-header h2,
.select-header h2,
.merit-header h2,
.simulation-header h2 {
  font-size: 32px;
  padding: 20px 0; }

.concept-contents h3,
.select-contents h3,
.merit-contents h3,
.simulation-contents h3 {
  font-size: 24px;
  font-weight: 300; }

.concept-contents article,
.select-contents article,
.merit-contents article,
.simulation-contents article {
  margin: 0 0 48px; }

.concept-img {
  margin: 0 0 78px; }

.concept-c {
  width: 100%;
  margin: 0 0 78px; }
  .concept-c h3 {
    font-size: 18px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 45px; }
    .concept-c h3 br {
      display: none; }
  .concept-c article {
    display: table-cell;
    vertical-align: top; }
    .concept-c article p {
      margin-top: 6px; }

.reason10-t {
  margin-bottom: 35px; }

.select-contents article > dl {
  display: table;
  margin: 0 0 75px;
  padding: 0; }
  .select-contents article > dl dt {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 55px;
    width: 37.5%;
    white-space: pre;
    vertical-align: top;
    font-size: 32px;
    background: url(images/10reazon-dt.png) no-repeat left 10px;
    box-sizing: border-box;
    line-height: 1.8em; }
  .select-contents article > dl dd {
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: top; }
    .select-contents article > dl dd span {
      text-align: right;
      display: block;
      margin-top: 40px; }
      .select-contents article > dl dd span a {
        padding: 20px 25px;
        border: #757577 1px solid;
        box-sizing: border-box; }
        .select-contents article > dl dd span a:hover {
          border: #262626 1px solid; }
      .select-contents article > dl dd span.fs10 {
        text-align: inherit !important;
        display: inline !important;
        margin-top: inherit !important; }

.select-sense {
  width: 100%;
  list-style: none;
  margin: 35px 0 0 0;
  padding: 0; }
  .select-sense li {
    width: 32%;
    margin: 0 2% 0 0;
    padding: 0;
    float: left;
    font-size: 12px; }
    .select-sense li:nth-child(3) {
      margin: 0; }
    .select-sense li img {
      width: 100%;
      height: auto;
      margin: 0 0 15px;
      vertical-align: bottom; }

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

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

.select-link {
  text-align: right;
  font-size: 12px;
  width: 100%; }
  .select-link a {
    padding: 8px;
    border: 1px solid #ddd;
    display: block;
    width: 200px;
    float: right;
    text-decoration: none; }
    .select-link a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
    .select-link a i {
      padding: 0 0 0 32px; }

.select-table {
  width: 100%;
  display: table;
  text-align: center;
  border-collapse: collapse;
  margin: 0 0 48px; }

.select-table-row {
  display: table-row; }
  .select-table-row div {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 16px; }
    .select-table-row div:first-child {
      width: 20%; }
    .select-table-row div:last-child {
      width: 15%; }

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

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

/*page-33.php メリットデメリット*/
.merit,
.demerit {
  width: 47%; }

.merit {
  float: left; }

.demerit {
  float: right; }

.merit h3 {
  background: #f4f4f4;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 0 75px;
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }

.demerit h3 {
  background: #eaeaea;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 0 75px;
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }

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

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

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

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

/*住宅購入シミュレーション*/
.simulation-contents h3 {
  margin-top: 50px; }
.simulation-contents nav {
  margin: 0 0 35px; }
  .simulation-contents nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .simulation-contents nav ul li {
      float: left;
      margin: 0 2% 20px 0;
      width: 49%;
      box-sizing: border-box;
      text-align: center; }
      .simulation-contents nav ul li:nth-child(2n) {
        margin: 0 0 20px; }
      .simulation-contents nav ul li a {
        width: 100%;
        display: block;
        border: 1px solid #757575;
        box-sizing: border-box;
        padding: 16px; }
        .simulation-contents nav ul li a:hover {
          border: #262626 1px solid; }

.simulation-c {
  width: 100%;
  display: table; }

.simulation-1,
.simulation-2 {
  width: 50%;
  display: table-cell;
  vertical-align: top; }

/*
  商品ラインナップ
  lineup/配下
  .start-headerは@mediascreenのところ
*/
.page-id-637 #header2 {
  margin-bottom: 0; }

#lineup-header-image {
  width: 100vw;
  margin-top: -66px;
  margin-left: calc((100vw - 100%) / -2);
  margin-bottom: 120px;
  height: calc(100vh - 149px);
  background-image: url(images/lineup/lineup_main_pc_2002.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }
  #lineup-header-image > p {
    display: block;
    width: 841px;
    height: 29px;
    background: url(images/lineup/lineup-header-text-pc.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    top: 26.5740740740741%;
    left: calc(50% - 420.5px); }
  #lineup-header-image .scroll-modelhouse {
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px); }

.lineup-header {
  margin: 0 0 75px; }
  .lineup-header h2 {
    border-bottom: 1px solid #262626;
    font-size: 32px;
    padding: 20px 0; }
    .lineup-header h2.lineup-h2 {
      margin-bottom: 60px;
      border-bottom: 1px solid #262626; }
  .lineup-header h3 {
    font-size: 21px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    margin: 0 0 65px; }
  .lineup-header img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: bottom; }
  .lineup-header article {
    padding: 110px 0;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
    .lineup-header article p {
      margin: 0; }

.lineup-list h3 {
  font-size: 21px;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #262626;
  margin: 0 0 40px; }

#lineup-list-2020 ul.lineup-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0; }
  #lineup-list-2020 ul.lineup-lists li {
    padding: 0;
    margin: 0 0 110px;
    width: 48.3333333333333%; }
    #lineup-list-2020 ul.lineup-lists li a {
      display: block;
      margin-bottom: 40px; }
      #lineup-list-2020 ul.lineup-lists li a:hover {
        opacity: 0.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 35px;
      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 40px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em; }
        #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; }

.lineup-ca {
  margin: 0 0 75px;
  line-height: 1; }

.lineup-list ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .lineup-list ul li {
    padding: 0 0 80px;
    width: 32%;
    position: relative;
    margin: 0 2% 50px 0;
    float: left; }
    .lineup-list ul li img {
      margin: 20px 0;
      vertical-align: bottom;
      width: 100%;
      height: auto; }
    .lineup-list ul li:nth-child(3n) {
      margin-right: 0; }
    .lineup-list ul li dl {
      margin: 0;
      padding: 0; }
      .lineup-list ul li dl dt {
        font-size: 21px;
        font-weight: 600;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        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: #262626;
          color: #fff;
          padding: 13px 0;
          text-align: center;
          width: 100%;
          box-sizing: border-box;
          font-size: 13px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .lineup-list ul li dl dd span:hover {
            opacity: 0.7; }
  .lineup-list ul a {
    color: #262626;
    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; }
    .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 90% center; }

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

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

.lineup-contents h3 {
  padding-top: 75px;
  margin-top: 0; }

.lineup-content1,
.lineup-content2 {
  width: 45.9%; }

.lineup-content1 {
  float: left; }

.lineup-content2 {
  float: right; }
  .lineup-content2 h4 {
    font-weight: 500;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    padding-bottom: 15px;
    margin-top: 0; }

.lineup-forexsample {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  .lineup-forexsample li {
    background: #f4f4f4;
    border-radius: 400px;
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    width: 160px;
    margin: 0 35px 0 0;
    padding: 30px 10px;
    box-sizing: border-box;
    font-size: 12px;
    white-space: pre;
    text-align: center;
    float: left; }
    .lineup-forexsample li:last-child {
      margin: 0; }

@media screen and (max-width: 1200px) {
  .lineup-forexsample li {
    margin: 0 35px 35px 0; } }
.lineup-order-type dl {
  padding: 0;
  margin: 0 0 10px;
  text-align: center; }
  .lineup-order-type dl dt {
    border: 1px solid #eaeaea;
    font-size: 21px;
    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: 21px;
      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: 21px;
    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: 21px;
      display: block; }

.lineup-camp {
  background: #f4f4f4;
  padding: 35px;
  box-sizing: border-box; }
  .lineup-camp h3 {
    padding-top: 0; }

.lineup-camp-first,
.lineup-camp-sec {
  width: 47.8%; }

.lineup-camp-first {
  float: left; }

.lineup-camp-sec {
  float: right; }

.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; }

.lineup-camp-table {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse; }
  .lineup-camp-table dl {
    display: table-row; }
  .lineup-camp-table dt,
  .lineup-camp-table dd {
    padding: 20px;
    border: 1px solid #333333;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    box-sizing: border-box; }
  .lineup-camp-table dt {
    width: 110px; }
  .lineup-camp-table ul {
    padding-left: 20px; }

.lineup-hiyou-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 0 0 50px; }
  .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: 20px;
    box-sizing: border-box;
    width: 16.666%;
    font-weight: 500; }
  .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: 80px 0; }
  .lineup-foot-link a {
    display: block;
    border: 1px solid #757575;
    padding: 18px 28px;
    width: 31.333333333%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 0 3% 0 0; }
    .lineup-foot-link a:last-child {
      margin: 0; }
    .lineup-foot-link a:hover {
      border: 1px solid #262626; }
      .lineup-foot-link a:hover dl dt {
        border-bottom: 1px solid #262626; }
    .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: 18px !important; }

.red {
  color: #b9382f; }

.blue {
  color: #012366; }

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

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

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

.lineup-hiyou-ca-l,
.lineup-hiyou-ca-r {
  width: 48.3%; }

.lineup-hiyou-ca-l {
  float: left; }

.lineup-hiyou-ca-r {
  float: right; }

.lineup-hiyou-ca-l ul,
.lineup-hiyou-ca-r ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.lineup-siyou-ca {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 75px; }

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

.lineup-siyou {
  margin: 0 0 50px; }
  .lineup-siyou h4 {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    padding: 20px;
    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: 20px 25px;
    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; }

.ga-cation {
  margin-top: 29px;
  width: 105%; }

/*choose*/
.choose-header-image {
  margin-left: calc((100vw - 100%) / -2);
  width: 100vw;
  background-image: url(images/lineup/choose/choose_main@2x.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  height: 580px;
  position: relative;
  margin-bottom: 120px; }
  .choose-header-image p {
    display: block;
    width: 240px;
    height: 120px;
    background: url(images/lineup/choose/choose-title.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    left: calc(50% + 300px);
    top: calc(50% - 60px); }

#choose-contents > .pc > h3 {
  font-size: 18px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1;
  padding: 0 0 20px;
  margin: 0; }
#choose-contents > .pc .choose-menu {
  list-style: none;
  padding: 32px 0;
  margin: 0;
  line-height: 1;
  text-align: right;
  border-bottom: 1px solid #f4f4f4; }
  #choose-contents > .pc .choose-menu li {
    display: inline;
    margin-left: 32px; }
    #choose-contents > .pc .choose-menu li a {
      color: #262626;
      font-size: 12px; }
      #choose-contents > .pc .choose-menu li a:hover {
        opacity: 0.5; }
#choose-contents > .sp {
  display: none; }
#choose-contents #concept {
  padding-top: 120px; }
#choose-contents h4 {
  font-size: 18px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0;
  margin: 0 0 45px; }
#choose-contents .choose-img01 {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin: 120px 0 120px; }
#choose-contents .price {
  border: #d6d6d6 1px solid;
  padding: 0;
  margin: 75px 0 10px;
  box-sizing: border-box; }
  #choose-contents .price dt {
    background: #f4f4f4;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 18px;
    line-height: 1;
    padding: 25px;
    margin: 0;
    text-align: center; }
  #choose-contents .price dd {
    padding: 45px 0;
    margin: 0;
    font-size: 18px;
    text-align: center; }
    #choose-contents .price dd span {
      font-size: 14px;
      display: block;
      margin-top: 10px; }
#choose-contents #select {
  padding-top: 120px; }
  #choose-contents #select h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 45px; }
  #choose-contents #select > div ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none; }
    #choose-contents #select > div ul li {
      width: 30.6666666666667%;
      padding: 0;
      margin: 0; }
      #choose-contents #select > div ul li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 25px; }
      #choose-contents #select > div ul li p {
        font-size: 12px;
        text-align: justify;
        margin: 0; }
#choose-contents #merit {
  padding-top: 120px;
  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 {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      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: 50%;
        padding: 0;
        padding-left: calc(50% - 600px);
        box-sizing: border-box;
        margin: 0 0 1px; }
        #choose-contents #merit .merit-menu > div .merit1.sp,
        #choose-contents #merit .merit-menu > div .merit2.sp {
          display: none; }
        #choose-contents #merit .merit-menu > div .merit1 > dt,
        #choose-contents #merit .merit-menu > div .merit2 > dt {
          display: flex;
          align-items: center;
          height: 120px;
          padding: 0;
          margin: 0;
          background-image: url(images/lineup/choose/plus.svg);
          background-repeat: no-repeat;
          background-position: right 60px 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 60px 45px 0;
          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 0 16px 35px; }
            #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: 50%;
        padding: 0;
        padding-right: calc(50% - 600px);
        box-sizing: border-box;
        margin: 0 0 1px; }
        #choose-contents #merit .merit-menu > div .demerit1.sp,
        #choose-contents #merit .merit-menu > div .demerit2.sp {
          display: none; }
        #choose-contents #merit .merit-menu > div .demerit1 > dt,
        #choose-contents #merit .merit-menu > div .demerit2 > dt {
          display: flex;
          align-items: center;
          height: 120px;
          padding: 0 0 0 60px;
          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 45px 60px;
          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 0 16px 35px; }
            #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; }
  #choose-contents #osusume h3 {
    font-size: 14px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 45px auto;
    text-align: center;
    padding: 0; }
  #choose-contents #osusume .osusume-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0 0 45px; }
    #choose-contents #osusume .osusume-list li {
      padding: 0;
      margin: 0;
      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: 120px; }
  #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.sp {
    display: none; }
  #choose-contents #plan .plan-box .plan-step {
    display: flex;
    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;
      font-weight: 600;
      letter-spacing: 0.1em;
      padding: 18px 0;
      margin: 0 auto; }
      #choose-contents #plan .plan-box .plan-step li:first-child {
        width: 270px;
        border-bottom: 5px solid #262626; }
      #choose-contents #plan .plan-box .plan-step li:last-child {
        width: calc(1200px - 270px);
        border-bottom: 5px solid #d6d6d6;
        color: #d6d6d6; }
        #choose-contents #plan .plan-box .plan-step li:last-child.active {
          border-bottom: 5px solid #262626;
          color: #262626; }
  #choose-contents #plan .plan-box .plan-sys {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px; }
    #choose-contents #plan .plan-box .plan-sys > div {
      width: 270px; }
      #choose-contents #plan .plan-box .plan-sys > div > span {
        display: block;
        font-size: 18px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        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-arrows {
        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;
        z-index: 1000 !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 {
            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 {
            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: 120px 0 0 0; }
  #choose-contents #taste h3 {
    margin: 0 0 45px;
    padding: 0; }
  #choose-contents #taste .pc {
    margin-top: 62px; }
    #choose-contents #taste .pc .tast-menu-pc {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none; }
      #choose-contents #taste .pc .tast-menu-pc li {
        width: 20%;
        border-bottom: 5px solid #d6d6d6;
        color: #d6d6d6;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        padding: 18px 0;
        margin: 0;
        line-height: 1;
        text-align: center;
        cursor: pointer; }
        #choose-contents #taste .pc .tast-menu-pc li.active {
          color: #262626;
          border-bottom: 5px solid #262626; }
    #choose-contents #taste .pc .tast-contents-pc > div {
      display: flex;
      justify-content: space-between;
      display: none; }
      #choose-contents #taste .pc .tast-contents-pc > div.show {
        display: flex; }
      #choose-contents #taste .pc .tast-contents-pc > div > div {
        width: 48.3333333333333%; }
        #choose-contents #taste .pc .tast-contents-pc > div > div span {
          font-size: 18px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          font-weight: 600;
          letter-spacing: 0.1em;
          text-align: center;
          display: block;
          padding: 35px 0 25px; }
        #choose-contents #taste .pc .tast-contents-pc > div > div img {
          width: 100%;
          height: auto; }
        #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-slides .sp-slide {
          padding-bottom: 45px; }
          #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-slides .sp-slide img {
            width: 100%;
            height: auto;
            vertical-align: bottom; }
        #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows {
          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;
          z-index: 1000 !important;
          background: url(images/lineup/choose/slide-center.svg) no-repeat center center !important; }
          #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows .sp-arrow {
            height: 16px !important;
            width: 24px !important;
            top: 0 !important; }
            #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows .sp-arrow:before {
              display: none; }
            #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows .sp-arrow:after {
              display: none; }
            #choose-contents #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows .sp-arrow.sp-next-arrow {
              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 #taste .pc .tast-contents-pc > div > div .slider-pro .sp-arrows .sp-arrow.sp-previous-arrow {
              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 .sp {
    display: none; }
  #choose-contents #taste .choose-equip {
    font-family: "Sawarabi Mincho" !important;
    background: #262626;
    color: #fff;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 80px; }
    #choose-contents #taste .choose-equip:hover {
      opacity: 0.5; }
  #choose-contents #taste .ca-txt.sp {
    display: none; }
#choose-contents #cost {
  padding: 120px 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;
    font-weight: 600;
    letter-spacing: 0.1em;
    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: 18px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #choose-contents #cost .choose-cost-table .whitespace {
    width: 38px;
    display: inline-block; }
  #choose-contents #cost .choose-cost-table .whitespace2 {
    width: 48px;
    display: inline-block; }
  #choose-contents #cost .choose-cost-table .whitespace3 {
    width: 23px;
    display: inline-block; }
  #choose-contents #cost .lineup-table-naiyou {
    border: 1px solid #eaeaea; }
  #choose-contents #cost .total {
    background: #f4f4f4 !important;
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
    #choose-contents #cost .total span {
      font-size: 18px;
      display: inline-block;
      margin-top: 1em; }
#choose-contents #choose-contact {
  background-color: #f4f4f4;
  padding: 80px 0;
  margin-top: 120px;
  margin-bottom: 120px;
  text-align: center;
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  box-sizing: border-box; }
  #choose-contents #choose-contact h3 {
    font-size: 14px;
    font-family: "Sawarabi Mincho" !important;
    margin: 0 auto 30px;
    padding: 0; }
  #choose-contents #choose-contact p {
    font-family: "Sawarabi Mincho" !important;
    margin: 30px auto 0;
    padding: 0;
    font-size: 12px; }
    #choose-contents #choose-contact p br {
      display: none; }
  #choose-contents #choose-contact a:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 440px;
    height: 64px;
    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: 0.5; }
#choose-contents .end {
  margin-bottom: 120px; }

/*戸建賃貸住宅*/
.rent-method-content {
  width: 100%; }
  .rent-method-content h3 {
    padding-top: 75px;
    margin-top: 0;
    margin-bottom: 35px; }
  .rent-method-content dl {
    width: 180px;
    height: 180px;
    padding: 20px 15px 0 15px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    float: left;
    margin: 0 24px 24px 0; }
    .rent-method-content dl:last-child {
      margin-right: 0; }
    .rent-method-content dl dt {
      padding: 0 0 10px;
      margin: 0 0 15px;
      border-bottom: 1px solid #d6d6d6;
      font-size: 18px;
      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 {
      width: 50%;
      border: 1px solid #d6d6d6;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      float: left; }
      .willstyle-contents article dl:nth-child(1), .willstyle-contents article dl:nth-child(2) {
        border-bottom: none; }
      .willstyle-contents article dl:nth-child(1), .willstyle-contents article dl:nth-child(3) {
        border-right: none; }

.willstyle-2-1 {
  float: left;
  width: 57%; }

.willstyle-2-2 {
  float: right;
  width: 38.2%; }
  .willstyle-2-2 img {
    width: 100%;
    height: auto; }

.willstyle-contents article dl dt {
  background: #f4f4f4;
  line-height: 0;
  padding: 30px 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #d6d6d6; }
.willstyle-contents article dl dd {
  padding: 35px;
  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; }

.menuac-active + li > a {
  border-left: none; }

.lineup-c0 {
  width: 100%; }
  .lineup-c0 > div:first-child {
    width: 45.83333%;
    float: right; }
  .lineup-c0 > div:last-child {
    width: 45.83333%;
    float: left; }

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

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

.rent-lineup-1,
.rent-lineup-2 {
  width: 45.83333%;
  float: left; }

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

.rent-lineup-2 {
  float: right; }

.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; }
      .rent-lineup-price dd > div > div:last-child {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 20px 20px 20px 30px;
        font-size: 36px;
        line-height: 1; }
        .rent-lineup-price dd > div > div:last-child span {
          font-size: 14px; }

@media all and (-ms-high-contrast: none) {
  .rent-lineup-price dd > div > div:first-child {
    padding: 22px 20px 18px 20px; }
  .rent-lineup-price dd > div > div:last-child {
    padding: 25px 20px 15px 30px; } }
.rent-lineup-map {
  border: 1px solid #d6d6d6;
  padding: 0;
  margin: 0 0 75px; }
  .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;
    overflow: hidden; }

.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;
    overflow: hidden; }
    .rent-lineup-plan dd > div {
      margin: 0 25px; }
      .rent-lineup-plan dd > div div:first-child {
        width: 52%;
        float: left; }
        .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;
        width: 45%;
        float: right;
        padding: 20px 0 20px 20px;
        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: 500;
      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 30px; }
  .rent-simulation article > div {
    width: 45.83333%;
    float: left;
    border: 1px solid #d6d6d6;
    box-sizing: border-box; }
    .rent-simulation article > div:last-child {
      float: right; }
    .rent-simulation article > div h4 {
      padding: 25px;
      margin: 0;
      text-align: center;
      background: #f4f4f4;
      border-bottom: 1px solid #d6d6d6;
      line-height: 0; }
    .rent-simulation article > div:first-child div {
      padding: 35px 25px; }
    .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 {
        border-left: none;
        text-align: left;
        width: 40%; }
      .rent-simulation article > div:first-child table td {
        border-right: none; }

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

.rent-simulation article > div:last-child div {
  padding: 35px 25px; }
.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 {
    border-left: none;
    text-align: left; }
  .rent-simulation article > div:last-child table tr th:first-child {
    width: 30%; }
  .rent-simulation article > div:last-child table td {
    border-right: none; }

.rb0 {
  border-right: none !important; }

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

.willstyle-link {
  width: 550px;
  text-align: center;
  margin: 0 auto 20px; }

.willstyle-link2 {
  width: 550px;
  text-align: center;
  margin: 0 auto 20px;
  margin-bottom: 75px; }

.willstyle-link a {
  padding: 27.5px 0;
  line-height: 0;
  color: #fff;
  text-align: center;
  width: 550px;
  display: block;
  background: #012366; }

.willstyle-link2 a {
  padding: 27.5px 0;
  line-height: 0;
  color: #fff;
  text-align: center;
  width: 550px;
  display: block;
  background: #012366;
  background: #ab0119; }

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

/*=================================
*
*お客様専用ページ v2018.06 renewal
*
=================================*/
.user-login-wrap {
  box-sizing: border-box;
  padding: 70px 50px;
  border: 1px solid #d6d6d6;
  margin-bottom: 72px;
  text-align: center; }
  .user-login-wrap:last-child {
    margin-bottom: 0; }
  .user-login-wrap > h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0 auto 50px; }
  .user-login-wrap > p {
    margin-bottom: 45px; }
  .user-login-wrap > form .login_error {
    color: #cc0000;
    width: 600px;
    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: 600px;
    line-height: 1;
    border-radius: 0; }
  .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 50px;
    width: 600px;
    line-height: 0;
    border-radius: 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 > form > input[type="submit"]:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
  .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: 50px auto;
      width: 600px;
      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; }

.anke {
  padding: 11px 25px !important; }

/*=================================
*
*お客様限定コンテンツ
*資料請求
=================================*/
.limited1-contents > article, .limited2-contents > article {
  margin-bottom: 200px; }
  .limited1-contents > article > h3, .limited2-contents > article > h3 {
    font-size: 21px;
    line-height: 1;
    padding: 0 0 20px;
    margin: 0 0 75px;
    border-bottom: 1px solid #d6d6d6; }
  .limited1-contents > article > h4, .limited2-contents > article > h4 {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 50px; }
  .limited1-contents > article > p, .limited2-contents > article > p {
    margin: 0 auto 95px; }
.limited1-contents div.limited1-menu, .limited2-contents div.limited1-menu {
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  display: flex;
  padding: 50px 0;
  margin-bottom: 150px; }
  .limited1-contents div.limited1-menu > div, .limited2-contents div.limited1-menu > div {
    width: 50%;
    text-align: center;
    padding: 0 8.333333333333333%; }
    .limited1-contents div.limited1-menu > div:first-child, .limited2-contents div.limited1-menu > div:first-child {
      border-right: 1px solid #d6d6d6; }
    .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 45px; }
    .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;
      font-weight: 600;
      letter-spacing: 0.1em; }
    .limited1-contents div.limited1-menu > div p, .limited2-contents div.limited1-menu > div p {
      white-space: pre;
      margin-bottom: 45px; }
    .limited1-contents div.limited1-menu > div a, .limited2-contents div.limited1-menu > div a {
      font-size: 12px;
      padding: 25px 0;
      display: block;
      background: #262626;
      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;
    background: #fff; }
    .limited1-contents .movie > div > div[class^="movieplay_"] img, .limited2-contents .movie > div > div[class^="movieplay_"] img {
      vertical-align: bottom;
      width: 100%;
      height: 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; }
      .limited1-contents .movie > div > div[class^="movieplay_"] img:hover, .limited2-contents .movie > div > div[class^="movieplay_"] img:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }
  .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;
    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; }
      .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: 14px;
      color: #fff;
      background-color: #262626;
      width: 300px;
      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;
      border-right: 1px solid #fff;
      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: calc(100% - 300px);
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 14px; }
    .limited1-contents .limited1-movie-nav dl > dt .column2, .limited2-contents .limited1-movie-nav dl > dt .column2 {
      width: calc((100% - 300px) / 2);
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 14px; }
    .limited1-contents .limited1-movie-nav dl > dt .column4, .limited2-contents .limited1-movie-nav dl > dt .column4 {
      width: calc((100% - 300px) / 4);
      text-align: center;
      padding: 12px 0;
      box-sizing: border-box;
      font-size: 14px; }
    .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: 50px 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: 18px;
      padding: 0;
      margin: 0 auto 25px; }
    .limited1-contents .limited1-movie-nav dl > dd p, .limited2-contents .limited1-movie-nav dl > dd p {
      margin: 0; }

#movie_2 {
  padding-top: 150px; }

.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: 25px 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: 50px 0 0; }
  .limited2-contents .limited2-c > div > h5 {
    font-size: 18px;
    padding: 0;
    margin: 0 auto 25px; }
  .limited2-contents .limited2-c > div p {
    margin: 0; }

/*=================================
*
*家づくりガイド
*
=================================*/
.guide-header {
  margin: 0 0 50px; }
  .guide-header h2 {
    border-bottom: 1px solid #262626;
    font-size: 32px;
    padding: 20px 0;
    margin: 27px 0 35px; }
  .guide-header img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: bottom; }
  .guide-header article {
    padding: 0 0 35px 0;
    display: table;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
    .guide-header article div {
      margin: 0;
      padding: 0;
      width: 48.33%;
      float: left;
      box-sizing: border-box; }
      .guide-header article div:last-child {
        float: right; }
      .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: 40px 0 80px;
    width: 32%;
    position: relative;
    margin: 0 2% 60px 0;
    float: left;
    border-top: 1px solid #262626; }
    .guide-list ul li:nth-child(3n) {
      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: 21px;
        font-weight: 600;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin: 0.618em 0; }
      .guide-list ul li dl dd {
        margin: 0;
        padding: 0; }
        .guide-list ul li dl dd span {
          position: absolute;
          bottom: 0;
          display: block;
          background: #262626;
          color: #fff;
          padding: 13px;
          text-align: center;
          width: 100%;
          box-sizing: border-box;
          font-size: 13px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .guide-list ul li dl dd span:hover {
            opacity: 0.7; }
  .guide-list ul a {
    color: #262626;
    text-decoration: none; }

/*共通メニューレイアウト*/
.guide-navigation {
  width: 100%; }
  .guide-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .guide-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 90% center; }

.guidemenu4 li {
  width: 25% !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 {
    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 50% 52px; }
    .guide-navigation ul li:first-child {
      border: none; }
    .guide-navigation ul li a {
      width: 100%;
      display: block;
      padding: 22px 0 38px; }

.w167 {
  width: 16.7% !important; }

.w158 {
  width: 15.83% !important; }

.w142 {
  width: 14.2857143% !important; }

.w20 {
  width: 20.85 !important; }

.w21 {
  width: 21% !important; }

.w246 {
  width: 24.6% !important; }

.hoshou-end {
  display: none; }

.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 #262626; }

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

.se-reason {
  width: 100%;
  margin: 0 0 75px; }
  .se-reason div {
    width: 31.66%;
    float: left;
    margin-right: 2.51%; }
    .se-reason div:nth-child(3) {
      margin-right: 0; }
    .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 {
    width: 48.33%;
    float: left; }
    .se-2col > div:last-child {
      float: right; }
    .se-2col > div img {
      width: 100%;
      height: auto;
      margin-bottom: 35px; }

.se-link1 a {
  width: 580px; }

.se-link2 {
  display: inline;
  width: 100%; }
  .se-link2 a {
    display: block; }

.se-cell {
  position: relative; }

.se-link3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  .se-link3 span {
    display: block;
    float: left;
    width: 49%;
    text-align: center; }
    .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 #262626; }

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

.choki-table {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 35px; }
  .choki-table td,
  .choki-table th {
    padding: 20px;
    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: 150px;
      padding: 20px;
      box-sizing: border-box;
      border-right: 1px solid #d6d6d6; }
    .choki-seido dl dd {
      display: table-cell;
      padding: 20px;
      box-sizing: border-box; }

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

/*page-92.php ゼロエネグリー住宅*/
.zero2col {
  width: 100%;
  margin: 0 0 50px;
  position: relative; }
  .zero2col img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  .zero2col h3 {
    margin-top: 0;
    line-height: 1;
    margin-bottom: 30px; }
  .zero2col > div {
    width: 48.33%;
    float: left; }
    .zero2col > div:nth-child(2) {
      margin-top: -5px; }
    .zero2col > div:last-child {
      float: right; }
  .zero2col .ca-txt {
    margin-top: 38px !important; }
  .zero2col span {
    text-align: center;
    display: block;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48.33%; }
    .zero2col span a {
      padding: 25px;
      border: 1px solid #757575;
      display: block;
      width: 100%;
      box-sizing: border-box; }

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

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

.tochi-nayami {
  width: 100%;
  background: url(images/tochi-nayami-bg.png) no-repeat center 10px;
  margin: 0 0 75px; }
  .tochi-nayami ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
    .tochi-nayami ul li {
      background: #eeedeb;
      border-radius: 400px;
      -webkit-border-radius: 400px;
      -moz-border-radius: 400px;
      width: 170px;
      height: 170px;
      margin: 0 20px 20px 0;
      padding: 50px 10px;
      box-sizing: border-box;
      white-space: pre;
      text-align: center;
      float: left; }
      .tochi-nayami ul li:nth-child(3) {
        margin-right: 100px; }
      .tochi-nayami ul li:nth-child(6) {
        margin-right: 0; }

@media screen and (max-width: 1200px) {
  .tochi-nayami {
    width: 100%;
    background: url(images/tochi-nayami-bg.png) no-repeat 13% center; }
    .tochi-nayami ul {
      padding: 0 0 0 29%;
      margin: 0;
      list-style: none;
      text-align: center; } }
.tochi2col {
  width: 100%;
  margin: 0 0 75px; }
  .tochi2col > div {
    width: 48.3%;
    float: left; }
    .tochi2col > div:last-child {
      float: right; }

.tochi1point {
  padding: 50px 75px;
  width: 100%;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 70px; }
  .tochi1point > div {
    display: table;
    width: 100%; }
    .tochi1point > div > div {
      display: table-cell;
      vertical-align: top; }
      .tochi1point > div > div:first-child {
        width: 76.335878%; }
      .tochi1point > div > div:last-child {
        text-align: right;
        vertical-align: middle; }
  .tochi1point h3 {
    text-align: center;
    margin: 0 0 35px;
    line-height: 1; }
  .tochi1point img {
    width: 185px;
    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; }
  .tochi1point:after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #d6d6d6;
    position: absolute;
    right: 50%;
    border-width: 20px 12px 0 12px;
    bottom: -21px; }
  .tochi1point ~ span {
    display: block;
    text-align: center;
    margin: 0 auto 80px; }
    .tochi1point ~ span a {
      display: block;
      padding: 20px;
      width: 100%;
      margin: 0 auto;
      border: 1px solid #d6d6d6;
      box-sizing: border-box;
      white-space: pre; }
      .tochi1point ~ span a:hover {
        border: 1px solid #262626; }

.tochi-voice-t {
  font-size: 14px;
  line-height: 1;
  padding: 35px 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;
    margin-right: -20px;
    list-style: none; }
  .tochi-v-c li {
    width: 285px;
    padding: 30px;
    margin: 0 20px 20px 0;
    float: left;
    box-sizing: border-box;
    background: #eeedeb;
    position: relative; }
    .tochi-v-c li span {
      display: block;
      position: absolute;
      right: 30px;
      bottom: 30px; }

.tochi-link {
  display: block;
  text-align: center;
  margin: 0 auto;
  line-height: 1; }
  .tochi-link a {
    display: block;
    padding: 20px;
    width: 550px;
    margin: 0 auto;
    border: 1px solid #d6d6d6;
    box-sizing: border-box; }
    .tochi-link a:hover {
      border: 1px solid #262626; }

/*page-96.php 保証について*/
.guide-hosho-contents h3 {
  line-height: 1.8em;
  margin-top: 0;
  padding-top: 75px; }
.guide-hosho-contents article > h3:first-child {
  padding-top: 25px; }

.hoshou-c {
  width: 100%; }
  .hoshou-c:last-child {
    margin-bottom: 75px; }
  .hoshou-c > div {
    width: 48.33%;
    float: left; }
    .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: 39px; }

.hoshou-kensa {
  width: 100%;
  margin-bottom: -30px;
  margin-top: 35px; }
  .hoshou-kensa dl {
    border: #d6d6d6 1px solid;
    box-sizing: border-box;
    text-align: center;
    width: 216px;
    float: left;
    margin: 0 30px 30px 0; }

@media screen and (max-width: 1199px) {
  .hoshou-kensa dl:nth-child(4n) {
    margin-right: 0; } }
@media screen and (min-width: 1200px) {
  .hoshou-kensa dl:nth-child(5n) {
    margin-right: 0; } }
.aftersupport-link a {
  padding: 20px 0;
  width: 100%;
  border: #757577 1px solid;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin-bottom: 50px; }
  .aftersupport-link a:hover {
    border: #262626 1px solid; }

.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; }

#hosho-menu dl {
  padding: 0;
  margin: 0;
  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 90% 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-left: 30px;
  width: auto !important; }

/*アフターサポート*/
.as-contents article > header {
  background: url(images/24hour_bg.png) no-repeat;
  background-size: 64px 64px;
  background-position: right 55px;
  border-top: #d6d6d6 solid 2px;
  margin-bottom: 30px; }
  .as-contents article > header h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 50px; }
.as-contents article .ca-txt {
  margin-bottom: 60px; }

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

.kaketuke-s dl {
  width: 216px;
  box-sizing: border-box;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 30px 30px 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); }

@media screen and (max-width: 1199px) {
  .kaketuke-s dl:nth-child(4n) {
    margin-right: 0; } }
@media screen and (min-width: 1200px) {
  .kaketuke-s dl:nth-child(5n) {
    margin-right: 0; } }
.otetudai-s dl {
  width: 380px;
  box-sizing: border-box;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 30px 30px 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); }

@media screen and (max-width: 1199px) {
  .otetudai-s dl:nth-child(2n) {
    margin-right: 0; } }
@media screen and (min-width: 1200px) {
  .otetudai-s dl:nth-child(3n) {
    margin-right: 0; } }
.saigai-s dl {
  width: 585px;
  box-sizing: border-box;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 30px 30px 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); }

@media screen and (max-width: 1199px) {
  .saigai-s dl {
    float: inherit; } }
@media screen and (min-width: 1200px) {
  .saigai-s dl:nth-child(2n) {
    margin-right: 0; } }
.iryou-s dl {
  width: 277px;
  box-sizing: border-box;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 0 30px 30px 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: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); }

@media screen and (max-width: 1199px) {
  .iryou-s dl:nth-child(3n) {
    margin-right: 0; } }
@media screen and (min-width: 1200px) {
  .iryou-s dl:nth-child(4n) {
    margin-right: 0; } }
.after-end {
  border-top: 2px solid #d6d6d6;
  padding-top: 75px;
  display: block; }

/*page-98.php 費用について*/
.guide-cost-contents {
  margin: 0 0 75px; }
  .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%;
      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 90% center; }
      .cost-navigation ul li:first-child {
        border: none; }
      .cost-navigation ul li a {
        width: 100%;
        display: block;
        padding: 30px 0; }

.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 auto;
  line-height: 1; }
  .cost-link a {
    display: block;
    padding: 20px;
    width: 950px;
    margin: 0 auto;
    border: 1px solid #d6d6d6;
    box-sizing: border-box; }
    .cost-link a:hover {
      border: 1px solid #262626; }

.w350 {
  width: 230px;
  min-width: 230px; }

.w220 {
  width: 240px;
  min-width: 240px; }

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

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

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

.area-list {
  border-collapse: collapse;
  margin: 0 0 35px; }
  .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-list dl {
    display: table-row;
    padding: 0;
    margin: 0; }

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

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

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

.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: "■ "; }

/*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;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .flow-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 90% center;
      width: 33.3%;
      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 90% center; }
      .flow-navigation ul li:first-child {
        border: none; }
      .flow-navigation ul li a {
        width: 100%;
        display: block;
        padding: 30px 0; }

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

.flow-c {
  width: 100%;
  display: table;
  position: relative;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  margin: 0 0 55px; }
  .flow-c h4 {
    display: table-cell;
    white-space: pre-line;
    padding: 50px;
    line-height: 1.8em;
    background: #eeedeb;
    width: 400px;
    box-sizing: border-box;
    font-size: 21px; }
  .flow-c > div {
    display: table-cell;
    padding: 50px;
    vertical-align: top; }
    .flow-c > div dl {
      padding: 0;
      margin: 0; }
      .flow-c > div dl dt {
        font-size: 21px;
        padding: 0;
        margin: 0 0 35px; }
      .flow-c > div dl dd {
        padding: 0;
        margin: 0; }
  .flow-c:before {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    right: 50%;
    bottom: -39px;
    z-index: 10; }
  .flow-c:after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #d6d6d6;
    position: absolute;
    right: 50%;
    bottom: -40px; }

.fnon {
  margin-bottom: 75px; }
  .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 {
    width: 45.8%;
    float: left; }
    .faq-menu-c > div:last-child {
      float: right; }

.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;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    cursor: pointer; }
    .faq-menu dl dt div {
      padding: 18px 0 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 #262626; }

/*page-942.php テクノロジー*/
.tech-navigation {
  margin-bottom: 75px;
  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 90% center; }
      .tech-navigation ul li:first-child {
        border: none; }
      .tech-navigation ul li a {
        width: 100%;
        display: block;
        padding: 30px 0; }

.tec-active {
  background: #eeedeb;
  color: #262626; }

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

.techcol2 {
  width: 100%;
  margin: 0 0 50px; }
  .techcol2 > div {
    width: 48.3%;
    float: left; }
    .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: 20px;
    line-height: 1px;
    font-weight: 500;
    text-align: left;
    border: 1px solid #d6d6d6; }

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

.equip-tab-menu {
  list-style: none;
  padding: 0;
  margin: 0 0 120px;
  display: flex; }
  .equip-tab-menu li {
    width: 50%;
    background: #f4f4f4;
    color: #d6d6d6;
    cursor: pointer;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
    .equip-tab-menu li.active {
      background: #262626;
      color: #ffffff; }

.aquip-navigation {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0;
  width: 100%;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4; }
  .aquip-navigation.sp {
    display: none; }
  .aquip-navigation h3 {
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important; }
  .aquip-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    font-size: 12px; }
    .aquip-navigation ul li {
      margin-left: 35px;
      line-height: 1; }
      .aquip-navigation ul li a {
        color: #262626; }
        .aquip-navigation ul li a:hover {
          opacity: 0.5; }

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

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

.aquip-c {
  width: 100%;
  display: table; }
  .aquip-c > div {
    display: table-cell;
    width: 50%;
    vertical-align: top; }
    .aquip-c > div:first-child {
      padding: 0 1.66666666% 0 0; }
    .aquip-c > div:last-child {
      padding: 0 0 0 1.66666666%; }
    .aquip-c > div img {
      margin: 0 0 35px;
      width: 100%;
      height: auto; }
    .aquip-c > div h4 {
      margin: 0 0 35px;
      padding: 0;
      font-size: 14px;
      line-height: 1; }

.equip-choose > div h3 {
  padding: 120px 0 16px;
  margin: 0 0 35px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1;
  font-size: 18px; }
.equip-choose > div > div {
  display: flex;
  justify-content: space-between; }
  .equip-choose > div > div img {
    width: 48.3333333333333%;
    height: auto;
    vertical-align: bottom; }
.equip-choose > div h4 {
  margin: 35px 0 35px;
  padding: 0;
  font-size: 14px;
  line-height: 1; }
.equip-choose > div.two {
  display: flex;
  justify-content: space-between; }
  .equip-choose > div.two > div {
    width: 48.3333333333333%;
    display: block; }
    .equip-choose > div.two > div img {
      width: 100%;
      height: auto; }

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

/*
  会社概要配下
  company/配下
*/
.company-header {
  margin: 0 0 75px; }
  .company-header h2 {
    border-bottom: 1px solid #262626;
    font-size: 32px;
    padding: 20px 0;
    margin: 0 0 35px; }
  .company-header img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: bottom; }
  .company-header article {
    padding: 0 0 35px 0;
    display: table;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
    .company-header article div {
      margin: 0;
      padding: 0;
      width: 48.33%;
      float: left;
      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 75px; }

/*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: 46.6666666666667%;
    margin: 0 2.5% 0 0;
    border-bottom: 1px solid #d6d6d6; }
    .company-top-contents ul li a {
      font-size: 14px;
      display: block;
      padding: 30px 0;
      width: 100%;
      color: #262626;
      background: url(images/company-list_bg.svg) no-repeat right 16px center;
      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 #c1c1c1;
    padding: 30px 0;
    margin: 0;
    display: flex;
    justify-content: space-between; }
    .company-gaiyou-contents article .overview-1 dl dt {
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em;
      font-weight: 600;
      padding: 0;
      margin: 0;
      width: 200px; }
    .company-gaiyou-contents article .overview-1 dl dd {
      padding: 0;
      margin: 0;
      width: calc(100% - 200px);
      line-height: 2; }
      .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.7em;
    margin: 0 0 35px; }

.president-c {
  width: 100%;
  margin: 0 auto 75px;
  position: relative; }
  .president-c figure {
    margin-bottom: 90px; }
    .president-c figure img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
      .president-c figure img.sp {
        display: none; }
  .president-c h3 {
    margin-bottom: 65px; }
  .president-c .name {
    margin-top: 5em;
    text-align: right; }

/*page-851.php 沿革*/
.company-enkaku-contents h3 {
  font-size: 32px;
  margin: 0 0 70px; }
.company-enkaku-contents article {
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .company-enkaku-contents article dl {
    display: table-row;
    width: 100%;
    box-sizing: border-box; }
    .company-enkaku-contents article dl dt {
      display: table-cell;
      border-top: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea;
      width: 200px;
      padding: 16px 0;
      box-sizing: border-box; }
      .company-enkaku-contents article dl dt span {
        display: inline-block;
        width: 0.7em; }
    .company-enkaku-contents article dl dd {
      display: table-cell;
      border-top: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea;
      padding: 16px 0;
      box-sizing: border-box; }

/*page-72.php 企業理念*/
.company-rinen-contents h3 {
  padding: 0 0 10px;
  margin: 0 0 40px;
  line-height: 1;
  border-bottom: 1px solid #d6d6d6; }
.company-rinen-contents h4 {
  font-size: 21px;
  padding: 0;
  margin: 0 0 28px; }
  .company-rinen-contents h4 span {
    font-size: 14px;
    font-weight: 500; }

.company-rine-contents h4 .fs16 {
  font-size: 16px;
  font-weight: 500; }

.company-rinen-contents article {
  font-size: 16px;
  margin: -5px 0 50px; }
  .company-rinen-contents article ol {
    font-size: 14px !important;
    padding-left: 20px; }

/*page-648.php CSR*/
.csr-contents {
  width: 100%; }
  .csr-contents h3 {
    font-size: 21px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin: 0 0 35px; }
  .csr-contents h4 {
    font-size: 21px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 35px; }

.csr-text {
  margin-bottom: 30px;
  white-space: pre-line; }

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

.csr-w {
  width: 100%;
  margin-bottom: 25px; }
  .csr-w p {
    margin-bottom: 50px; }
  .csr-w > div {
    width: calc(50% - 40px); }
    .csr-w > div figure img {
      width: 100%;
      height: auto; }
    .csr-w > div figure figcaption {
      color: #757575;
      font-size: 12px; }
    .csr-w > div:first-child {
      float: left; }
    .csr-w > div:last-child {
      float: right; }
  .csr-w .past-title {
    font-size: 14px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    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 {
  margin-bottom: 50px; }
  .csr-2018 > div > div {
    margin-bottom: 30px; }
  .csr-2018 > div:first-child > div > p, .csr-2018 > div:last-child > div > p:nth-child(5) {
    margin-bottom: 0; }

/*page-7４.php アクセス*/
.access-navigation {
  width: 100%; }
  .access-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center; }
    .access-navigation ul li {
      width: calc(100% / 3);
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-left: 1px solid #ffffff;
      line-height: 1;
      text-align: center; }
      .access-navigation ul li:first-child {
        border: none; }
      .access-navigation ul li a {
        display: block;
        width: 100%;
        padding: 32px 0;
        box-sizing: border-box;
        line-height: 1.4;
        background: #f4f4f4;
        color: #d6d6d6;
        font-size: 12px; }
        .access-navigation ul li a:hover {
          background: #262626;
          color: #ffffff; }

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

.access2 {
  background-position-x: 40% !important; }

.access3 {
  background-position-x: 32.5% !important; }

.access5 {
  background-position-x: 28.5% !important; }

.access6 {
  background-position-x: 25% !important; }

#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 {
        width: 48.33333333%;
        float: left; }
        #access-tab-c > div > div > div:first-child img {
          width: 100%;
          height: auto;
          vertical-align: bottom; }
      #access-tab-c > div > div > div:last-child {
        width: 48.33333333%;
        float: right; }
        #access-tab-c > div > div > div:last-child dl {
          margin: 0 0 30px;
          padding: 0; }
          #access-tab-c > div > div > div:last-child dl dt {
            padding: 0;
            margin: 0;
            font-family: "MFW-HiraKakuProN-W5" !important;
            font-weight: 600;
            letter-spacing: 0.1em; }
          #access-tab-c > div > div > div:last-child dl dd {
            padding: 0;
            margin: 0; }
  #access-tab-c .link-block {
    margin-bottom: 80px; }
    #access-tab-c .link-block ul {
      display: flex;
      justify-content: space-between;
      list-style: none;
      padding: 0;
      margin: 0; }
      #access-tab-c .link-block ul li {
        width: calc((100% - 48px) / 3);
        padding: 0;
        margin: 0; }
        #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;
          font-weight: 600;
          letter-spacing: 0.1em;
          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: 120px 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 50px; }

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

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

.map-c {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative; }

#map-honsha,
#map-osaka,
#map-ashiya,
#map-minamiosaka,
#map-tokyo,
#map-turumi,
#map-living {
  margin-top: 50px;
  width: 1200px;
  height: 458px; }
  @media screen and (min-width: 768px) {
    #map-honsha,
    #map-osaka,
    #map-ashiya,
    #map-minamiosaka,
    #map-tokyo,
    #map-turumi,
    #map-living {
      margin-top: 120px; } }

#map-living {
  margin-bottom: 50px; }

.map-txt {
  margin-left: -600px;
  width: 100%;
  float: left; }
  .map-txt > div {
    margin-left: 650px; }
    .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: 12px;
  color: #757575;
  margin: 1em 0 75px !important; }

@media screen and (min-width: 1200px) {
  .map-link-content {
    width: 48.2758620689%;
    position: absolute;
    right: 0;
    bottom: 0; }
    .map-link-content a:first-child {
      display: block;
      text-align: center;
      border: 1px solid #757575;
      padding: 20px;
      line-height: 1;
      width: 48.181818%;
      float: left;
      font-size: 12px;
      box-sizing: border-box; }
    .map-link-content a:last-child {
      display: block;
      text-align: center;
      border: 1px solid #757575;
      padding: 20px;
      line-height: 1;
      width: 48.181818%;
      float: right;
      font-size: 12px;
      box-sizing: border-box;
      letter-spacing: 0; }
    .map-link-content a:hover {
      border: 1px solid #262626; }

  .gmap-link {
    display: block;
    text-align: center;
    border: 1px solid #757575;
    padding: 20px;
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 550px;
    box-sizing: border-box; }
    .gmap-link:hover {
      border: 1px solid #262626; } }
@media screen and (max-width: 1199px) {
  .map-link-content {
    width: 100%;
    right: 0;
    bottom: 0; }
    .map-link-content a:first-child {
      display: block;
      text-align: center;
      border: 1px solid #757575;
      padding: 20px;
      line-height: 1;
      width: 100%;
      font-size: 12px;
      box-sizing: border-box;
      margin-bottom: 10px; }
    .map-link-content a:last-child {
      display: block;
      text-align: center;
      border: 1px solid #757575;
      padding: 20px;
      line-height: 1;
      width: 100%;
      font-size: 12px;
      box-sizing: border-box;
      letter-spacing: 0; }
    .map-link-content a:hover {
      border: 1px solid #262626; }

  .gmap-link {
    display: block;
    text-align: center;
    border: 1px solid #757575;
    padding: 20px;
    line-height: 1; }
    .gmap-link:hover {
      border: 1px solid #262626; } }
.virtual-tour-iframe {
  vertical-align: bottom; }
  @media screen and (max-width: 1200px) {
    .virtual-tour-iframe {
      height: 600px; } }

#virtual-tour {
  background-color: #f4f4f4;
  padding: 40px 50px;
  margin-bottom: 120px; }
  #virtual-tour h4 {
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0 0 20px !important;
    margin: 0 0 20px !important;
    border-bottom: 1px solid #262626;
    font-weight: bold !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #virtual-tour dl {
    margin: 0; }
    #virtual-tour dl dt {
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em; }
    #virtual-tour dl dd {
      padding: 0 0 0 1em;
      margin: 0 !important; }

/*page-76.php スタッフ紹介*/
.staff-header {
  margin: 0 0 35px; }
  .staff-header h2 {
    padding: 20px 0;
    font-size: 32px;
    border-bottom: 1px solid #262626; }

.triangle {
  border-right: 24px solid transparent;
  border-bottom: 12px solid #b2ce54;
  border-left: 24px solid transparent; }

.staff-contents h3 {
  font-size: 24px;
  font-weight: 300; }
.staff-contents .staff-list-tantou {
  line-height: 1;
  font-size: 8px !important; }
.staff-contents > article {
  margin: 0 -20px 96px 0; }
  .staff-contents > article > div {
    width: 305px;
    padding: 0 20px 35px 0;
    position: relative;
    box-sizing: border-box;
    float: left;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .staff-contents > article > div {
        width: 25.4%;
        padding-right: 1.6%; } }
    .staff-contents > article > div:hover:before, .staff-contents > article > div.staff_hover:before {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -24px;
      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:hover:after, .staff-contents > article > div.staff_hover:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -24px;
      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 #s4 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s4 {
      width: 23.8% !important; } }
  .staff-contents #s4:hover:before, .staff-contents #s4.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s4:hover:after, .staff-contents #s4.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s8 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s8 {
      width: 23.8% !important; } }
  .staff-contents #s8:hover:before, .staff-contents #s8.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s8:hover:after, .staff-contents #s8.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s12 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s12 {
      width: 23.8% !important; } }
  .staff-contents #s12:hover:before, .staff-contents #s12.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s12:hover:after, .staff-contents #s12.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s16 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s16 {
      width: 23.8% !important; } }
  .staff-contents #s16:hover:before, .staff-contents #s16.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s16:hover:after, .staff-contents #s16.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s20 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s20 {
      width: 23.8% !important; } }
  .staff-contents #s20:hover:before, .staff-contents #s20.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s20:hover:after, .staff-contents #s20.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s24 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s24 {
      width: 23.8% !important; } }
  .staff-contents #s24:hover:before, .staff-contents #s24.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s24:hover:after, .staff-contents #s24.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s28 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s28 {
      width: 23.8% !important; } }
  .staff-contents #s28:hover:before, .staff-contents #s28.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s28:hover:after, .staff-contents #s28.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s32 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s32 {
      width: 23.8% !important; } }
  .staff-contents #s32:hover:before, .staff-contents #s32.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s32:hover:after, .staff-contents #s32.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s36 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s36 {
      width: 23.8% !important; } }
  .staff-contents #s36:hover:before, .staff-contents #s36.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s36:hover:after, .staff-contents #s36.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s40 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s40 {
      width: 23.8% !important; } }
  .staff-contents #s40:hover:before, .staff-contents #s40.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s40:hover:after, .staff-contents #s40.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s44 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s44 {
      width: 23.8% !important; } }
  .staff-contents #s44:hover:before, .staff-contents #s44.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s44:hover:after, .staff-contents #s44.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s48 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s48 {
      width: 23.8% !important; } }
  .staff-contents #s48:hover:before, .staff-contents #s48.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s48:hover:after, .staff-contents #s48.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s52 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s52 {
      width: 23.8% !important; } }
  .staff-contents #s52:hover:before, .staff-contents #s52.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s52:hover:after, .staff-contents #s52.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s56 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s56 {
      width: 23.8% !important; } }
  .staff-contents #s56:hover:before, .staff-contents #s56.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s56:hover:after, .staff-contents #s56.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s60 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s60 {
      width: 23.8% !important; } }
  .staff-contents #s60:hover:before, .staff-contents #s60.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s60:hover:after, .staff-contents #s60.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s64 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s64 {
      width: 23.8% !important; } }
  .staff-contents #s64:hover:before, .staff-contents #s64.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s64:hover:after, .staff-contents #s64.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s68 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s68 {
      width: 23.8% !important; } }
  .staff-contents #s68:hover:before, .staff-contents #s68.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s68:hover:after, .staff-contents #s68.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s72 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s72 {
      width: 23.8% !important; } }
  .staff-contents #s72:hover:before, .staff-contents #s72.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s72:hover:after, .staff-contents #s72.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s76 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s76 {
      width: 23.8% !important; } }
  .staff-contents #s76:hover:before, .staff-contents #s76.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s76:hover:after, .staff-contents #s76.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s80 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s80 {
      width: 23.8% !important; } }
  .staff-contents #s80:hover:before, .staff-contents #s80.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s80:hover:after, .staff-contents #s80.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s84 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s84 {
      width: 23.8% !important; } }
  .staff-contents #s84:hover:before, .staff-contents #s84.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s84:hover:after, .staff-contents #s84.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s88 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s88 {
      width: 23.8% !important; } }
  .staff-contents #s88:hover:before, .staff-contents #s88.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s88:hover:after, .staff-contents #s88.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s92 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s92 {
      width: 23.8% !important; } }
  .staff-contents #s92:hover:before, .staff-contents #s92.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s92:hover:after, .staff-contents #s92.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s96 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s96 {
      width: 23.8% !important; } }
  .staff-contents #s96:hover:before, .staff-contents #s96.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s96:hover:after, .staff-contents #s96.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s100 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s100 {
      width: 23.8% !important; } }
  .staff-contents #s100:hover:before, .staff-contents #s100.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s100:hover:after, .staff-contents #s100.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s104 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s104 {
      width: 23.8% !important; } }
  .staff-contents #s104:hover:before, .staff-contents #s104.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s104:hover:after, .staff-contents #s104.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s108 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s108 {
      width: 23.8% !important; } }
  .staff-contents #s108:hover:before, .staff-contents #s108.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s108:hover:after, .staff-contents #s108.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s112 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s112 {
      width: 23.8% !important; } }
  .staff-contents #s112:hover:before, .staff-contents #s112.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s112:hover:after, .staff-contents #s112.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s116 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s116 {
      width: 23.8% !important; } }
  .staff-contents #s116:hover:before, .staff-contents #s116.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s116:hover:after, .staff-contents #s116.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s120 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s120 {
      width: 23.8% !important; } }
  .staff-contents #s120:hover:before, .staff-contents #s120.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s120:hover:after, .staff-contents #s120.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s124 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s124 {
      width: 23.8% !important; } }
  .staff-contents #s124:hover:before, .staff-contents #s124.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s124:hover:after, .staff-contents #s124.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s128 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s128 {
      width: 23.8% !important; } }
  .staff-contents #s128:hover:before, .staff-contents #s128.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s128:hover:after, .staff-contents #s128.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s132 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s132 {
      width: 23.8% !important; } }
  .staff-contents #s132:hover:before, .staff-contents #s132.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s132:hover:after, .staff-contents #s132.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s136 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s136 {
      width: 23.8% !important; } }
  .staff-contents #s136:hover:before, .staff-contents #s136.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s136:hover:after, .staff-contents #s136.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s140 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s140 {
      width: 23.8% !important; } }
  .staff-contents #s140:hover:before, .staff-contents #s140.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s140:hover:after, .staff-contents #s140.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s144 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s144 {
      width: 23.8% !important; } }
  .staff-contents #s144:hover:before, .staff-contents #s144.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s144:hover:after, .staff-contents #s144.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s148 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s148 {
      width: 23.8% !important; } }
  .staff-contents #s148:hover:before, .staff-contents #s148.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s148:hover:after, .staff-contents #s148.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s152 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s152 {
      width: 23.8% !important; } }
  .staff-contents #s152:hover:before, .staff-contents #s152.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s152:hover:after, .staff-contents #s152.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s156 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s156 {
      width: 23.8% !important; } }
  .staff-contents #s156:hover:before, .staff-contents #s156.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s156:hover:after, .staff-contents #s156.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s160 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s160 {
      width: 23.8% !important; } }
  .staff-contents #s160:hover:before, .staff-contents #s160.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s160:hover:after, .staff-contents #s160.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s164 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s164 {
      width: 23.8% !important; } }
  .staff-contents #s164:hover:before, .staff-contents #s164.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s164:hover:after, .staff-contents #s164.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s168 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s168 {
      width: 23.8% !important; } }
  .staff-contents #s168:hover:before, .staff-contents #s168.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s168:hover:after, .staff-contents #s168.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s172 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s172 {
      width: 23.8% !important; } }
  .staff-contents #s172:hover:before, .staff-contents #s172.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s172:hover:after, .staff-contents #s172.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s176 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s176 {
      width: 23.8% !important; } }
  .staff-contents #s176:hover:before, .staff-contents #s176.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s176:hover:after, .staff-contents #s176.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s180 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s180 {
      width: 23.8% !important; } }
  .staff-contents #s180:hover:before, .staff-contents #s180.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s180:hover:after, .staff-contents #s180.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s184 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s184 {
      width: 23.8% !important; } }
  .staff-contents #s184:hover:before, .staff-contents #s184.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s184:hover:after, .staff-contents #s184.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s188 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s188 {
      width: 23.8% !important; } }
  .staff-contents #s188:hover:before, .staff-contents #s188.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s188:hover:after, .staff-contents #s188.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s192 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s192 {
      width: 23.8% !important; } }
  .staff-contents #s192:hover:before, .staff-contents #s192.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s192:hover:after, .staff-contents #s192.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s196 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s196 {
      width: 23.8% !important; } }
  .staff-contents #s196:hover:before, .staff-contents #s196.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s196:hover:after, .staff-contents #s196.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s200 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s200 {
      width: 23.8% !important; } }
  .staff-contents #s200:hover:before, .staff-contents #s200.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s200:hover:after, .staff-contents #s200.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s204 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s204 {
      width: 23.8% !important; } }
  .staff-contents #s204:hover:before, .staff-contents #s204.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s204:hover:after, .staff-contents #s204.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s208 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s208 {
      width: 23.8% !important; } }
  .staff-contents #s208:hover:before, .staff-contents #s208.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s208:hover:after, .staff-contents #s208.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s212 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s212 {
      width: 23.8% !important; } }
  .staff-contents #s212:hover:before, .staff-contents #s212.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s212:hover:after, .staff-contents #s212.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s216 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s216 {
      width: 23.8% !important; } }
  .staff-contents #s216:hover:before, .staff-contents #s216.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s216:hover:after, .staff-contents #s216.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s220 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s220 {
      width: 23.8% !important; } }
  .staff-contents #s220:hover:before, .staff-contents #s220.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s220:hover:after, .staff-contents #s220.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s224 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s224 {
      width: 23.8% !important; } }
  .staff-contents #s224:hover:before, .staff-contents #s224.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s224:hover:after, .staff-contents #s224.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s228 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s228 {
      width: 23.8% !important; } }
  .staff-contents #s228:hover:before, .staff-contents #s228.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s228:hover:after, .staff-contents #s228.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s232 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s232 {
      width: 23.8% !important; } }
  .staff-contents #s232:hover:before, .staff-contents #s232.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s232:hover:after, .staff-contents #s232.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s236 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s236 {
      width: 23.8% !important; } }
  .staff-contents #s236:hover:before, .staff-contents #s236.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s236:hover:after, .staff-contents #s236.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s240 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s240 {
      width: 23.8% !important; } }
  .staff-contents #s240:hover:before, .staff-contents #s240.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s240:hover:after, .staff-contents #s240.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s244 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s244 {
      width: 23.8% !important; } }
  .staff-contents #s244:hover:before, .staff-contents #s244.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s244:hover:after, .staff-contents #s244.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s248 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s248 {
      width: 23.8% !important; } }
  .staff-contents #s248:hover:before, .staff-contents #s248.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s248:hover:after, .staff-contents #s248.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s252 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s252 {
      width: 23.8% !important; } }
  .staff-contents #s252:hover:before, .staff-contents #s252.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s252:hover:after, .staff-contents #s252.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s256 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s256 {
      width: 23.8% !important; } }
  .staff-contents #s256:hover:before, .staff-contents #s256.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s256:hover:after, .staff-contents #s256.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s260 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s260 {
      width: 23.8% !important; } }
  .staff-contents #s260:hover:before, .staff-contents #s260.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s260:hover:after, .staff-contents #s260.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s264 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s264 {
      width: 23.8% !important; } }
  .staff-contents #s264:hover:before, .staff-contents #s264.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s264:hover:after, .staff-contents #s264.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s268 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s268 {
      width: 23.8% !important; } }
  .staff-contents #s268:hover:before, .staff-contents #s268.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s268:hover:after, .staff-contents #s268.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s272 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s272 {
      width: 23.8% !important; } }
  .staff-contents #s272:hover:before, .staff-contents #s272.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s272:hover:after, .staff-contents #s272.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s276 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s276 {
      width: 23.8% !important; } }
  .staff-contents #s276:hover:before, .staff-contents #s276.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s276:hover:after, .staff-contents #s276.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s280 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s280 {
      width: 23.8% !important; } }
  .staff-contents #s280:hover:before, .staff-contents #s280.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s280:hover:after, .staff-contents #s280.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s284 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s284 {
      width: 23.8% !important; } }
  .staff-contents #s284:hover:before, .staff-contents #s284.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s284:hover:after, .staff-contents #s284.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s288 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s288 {
      width: 23.8% !important; } }
  .staff-contents #s288:hover:before, .staff-contents #s288.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s288:hover:after, .staff-contents #s288.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s292 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s292 {
      width: 23.8% !important; } }
  .staff-contents #s292:hover:before, .staff-contents #s292.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s292:hover:after, .staff-contents #s292.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s296 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s296 {
      width: 23.8% !important; } }
  .staff-contents #s296:hover:before, .staff-contents #s296.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s296:hover:after, .staff-contents #s296.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s300 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s300 {
      width: 23.8% !important; } }
  .staff-contents #s300:hover:before, .staff-contents #s300.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s300:hover:after, .staff-contents #s300.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s304 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s304 {
      width: 23.8% !important; } }
  .staff-contents #s304:hover:before, .staff-contents #s304.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s304:hover:after, .staff-contents #s304.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s308 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s308 {
      width: 23.8% !important; } }
  .staff-contents #s308:hover:before, .staff-contents #s308.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s308:hover:after, .staff-contents #s308.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s312 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s312 {
      width: 23.8% !important; } }
  .staff-contents #s312:hover:before, .staff-contents #s312.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s312:hover:after, .staff-contents #s312.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s316 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s316 {
      width: 23.8% !important; } }
  .staff-contents #s316:hover:before, .staff-contents #s316.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s316:hover:after, .staff-contents #s316.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s320 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s320 {
      width: 23.8% !important; } }
  .staff-contents #s320:hover:before, .staff-contents #s320.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s320:hover:after, .staff-contents #s320.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s324 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s324 {
      width: 23.8% !important; } }
  .staff-contents #s324:hover:before, .staff-contents #s324.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s324:hover:after, .staff-contents #s324.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s328 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s328 {
      width: 23.8% !important; } }
  .staff-contents #s328:hover:before, .staff-contents #s328.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s328:hover:after, .staff-contents #s328.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s332 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s332 {
      width: 23.8% !important; } }
  .staff-contents #s332:hover:before, .staff-contents #s332.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s332:hover:after, .staff-contents #s332.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s336 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s336 {
      width: 23.8% !important; } }
  .staff-contents #s336:hover:before, .staff-contents #s336.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s336:hover:after, .staff-contents #s336.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s340 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s340 {
      width: 23.8% !important; } }
  .staff-contents #s340:hover:before, .staff-contents #s340.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s340:hover:after, .staff-contents #s340.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s344 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s344 {
      width: 23.8% !important; } }
  .staff-contents #s344:hover:before, .staff-contents #s344.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s344:hover:after, .staff-contents #s344.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s348 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s348 {
      width: 23.8% !important; } }
  .staff-contents #s348:hover:before, .staff-contents #s348.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s348:hover:after, .staff-contents #s348.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s352 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s352 {
      width: 23.8% !important; } }
  .staff-contents #s352:hover:before, .staff-contents #s352.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s352:hover:after, .staff-contents #s352.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s356 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s356 {
      width: 23.8% !important; } }
  .staff-contents #s356:hover:before, .staff-contents #s356.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s356:hover:after, .staff-contents #s356.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s360 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s360 {
      width: 23.8% !important; } }
  .staff-contents #s360:hover:before, .staff-contents #s360.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s360:hover:after, .staff-contents #s360.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s364 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s364 {
      width: 23.8% !important; } }
  .staff-contents #s364:hover:before, .staff-contents #s364.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s364:hover:after, .staff-contents #s364.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s368 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s368 {
      width: 23.8% !important; } }
  .staff-contents #s368:hover:before, .staff-contents #s368.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s368:hover:after, .staff-contents #s368.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s372 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s372 {
      width: 23.8% !important; } }
  .staff-contents #s372:hover:before, .staff-contents #s372.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s372:hover:after, .staff-contents #s372.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s376 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s376 {
      width: 23.8% !important; } }
  .staff-contents #s376:hover:before, .staff-contents #s376.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s376:hover:after, .staff-contents #s376.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s380 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s380 {
      width: 23.8% !important; } }
  .staff-contents #s380:hover:before, .staff-contents #s380.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s380:hover:after, .staff-contents #s380.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s384 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s384 {
      width: 23.8% !important; } }
  .staff-contents #s384:hover:before, .staff-contents #s384.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s384:hover:after, .staff-contents #s384.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s388 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s388 {
      width: 23.8% !important; } }
  .staff-contents #s388:hover:before, .staff-contents #s388.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s388:hover:after, .staff-contents #s388.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s392 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s392 {
      width: 23.8% !important; } }
  .staff-contents #s392:hover:before, .staff-contents #s392.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s392:hover:after, .staff-contents #s392.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s396 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s396 {
      width: 23.8% !important; } }
  .staff-contents #s396:hover:before, .staff-contents #s396.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s396:hover:after, .staff-contents #s396.staff_hover:after {
    margin-left: -12px; }
.staff-contents #s400 {
  padding-right: 0 !important;
  width: 285px !important; }
  @media screen and (max-width: 1200px) {
    .staff-contents #s400 {
      width: 23.8% !important; } }
  .staff-contents #s400:hover:before, .staff-contents #s400.staff_hover:before {
    margin-left: -12px; }
  .staff-contents #s400:hover:after, .staff-contents #s400.staff_hover:after {
    margin-left: -12px; }

.staff_one_list {
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1200px) {
    .staff_one_list {
      position: relative; } }
  .staff_one_list dt {
    width: 285px;
    height: 200px;
    overflow: hidden;
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 1200px) {
      .staff_one_list dt {
        width: 100%;
        height: auto; } }
    .staff_one_list dt img {
      vertical-align: bottom;
      width: 100%;
      height: auto; }
  .staff_one_list dd {
    font-size: 12px;
    width: 285px;
    height: 200px;
    padding: 14px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 1200px) {
      .staff_one_list dd {
        width: 100%;
        height: 100%; } }
    .staff_one_list dd:hover {
      opacity: 1; }

section[id^="sc"] {
  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^="sc"]:hover {
    max-height: 1000px; }
  section[id^="sc"] .staff_contents_wrap {
    background-color: #fff;
    width: 1200px;
    border: 1px solid #262626;
    padding: 50px 50px 43px;
    box-sizing: border-box;
    margin: 0 auto 40px; }
    @media screen and (max-width: 1200px) {
      section[id^="sc"] .staff_contents_wrap {
        width: 100%; } }
    section[id^="sc"] .staff_contents_wrap p {
      margin: 0; }
    section[id^="sc"] .staff_contents_wrap > div:first-child > div:first-child {
      width: 36.3636363636364%;
      float: left; }
      section[id^="sc"] .staff_contents_wrap > div:first-child > div:first-child img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
    section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child {
      width: 59.0909090909091%;
      float: right; }
      section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child h4 {
        line-height: 1;
        padding: 0 0 15px;
        margin: 0 0 35px;
        border-bottom: 1px solid #d6d6d6; }
      section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child h3 {
        font-size: 28px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin: 0 0 30px; }
        section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child h3 > span {
          font-size: 14px;
          color: #757575;
          margin-left: 27px; }
      section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child > div dl {
        display: flex;
        font-size: 12px;
        padding: 0;
        margin: 0 auto 8px;
        line-height: 1.6;
        align-items: center; }
        section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child > div dl dt {
          width: 133px;
          text-align: center;
          background-color: #262626;
          color: #fff;
          line-height: 1;
          padding: 6px 0; }
        section[id^="sc"] .staff_contents_wrap > div:first-child > div:last-child > div dl dd {
          margin-left: 27px;
          box-sizing: border-box; }
    section[id^="sc"] .staff_contents_wrap .staff_content {
      margin: 35px auto 0; }
    section[id^="sc"] .staff_contents_wrap .staff_works {
      display: block;
      border-top: 1px solid #262626;
      margin-top: 30px; }
      section[id^="sc"] .staff_contents_wrap .staff_works > h4 {
        margin-top: 35px; }
      section[id^="sc"] .staff_contents_wrap .staff_works > a {
        display: block;
        width: 16%;
        margin: 0 0.8% 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^="sc"] .staff_contents_wrap .staff_works > a:last-child {
          margin: 0; }
        section[id^="sc"] .staff_contents_wrap .staff_works > a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }
        section[id^="sc"] .staff_contents_wrap .staff_works > a img {
          width: 100%;
          height: auto;
          vertical-align: bottom;
          margin-bottom: 10px; }
        section[id^="sc"] .staff_contents_wrap .staff_works > a > span {
          color: #757575;
          font-size: 12px;
          line-height: 1.6;
          display: inline-block; }
  section[id^="sc"] span[class^="staff_close"] {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
    height: 14px;
    width: 14px;
    background-image: url("images/staff_close.svg");
    background-repeat: no-repeat;
    background-size: 100%; }

#s_1:hover + div + div + div + #sc1,
#s_2:hover + div + div + #sc1,
#s_3:hover + div + #sc1,
#s_4:hover + #sc1 {
  display: block !important;
  max-height: 1000px !important; }

#s_5:hover + div + div + div + #sc2,
#s_6:hover + div + div + #sc2,
#s_7:hover + div + #sc2,
#s_8:hover + #sc2 {
  display: block !important;
  max-height: 1000px !important; }

#s_9:hover + div + div + div + #sc3,
#s_10:hover + div + div + #sc3,
#s_11:hover + div + #sc3,
#s_12:hover + #sc3 {
  display: block !important;
  max-height: 1000px !important; }

#s_13:hover + div + div + div + #sc4,
#s_14:hover + div + div + #sc4,
#s_15:hover + div + #sc4,
#s_16:hover + #sc4 {
  display: block !important;
  max-height: 1000px !important; }

#s_17:hover + div + div + div + #sc5,
#s_18:hover + div + div + #sc5,
#s_19:hover + div + #sc5,
#s_20:hover + #sc5 {
  display: block !important;
  max-height: 1000px !important; }

#s_21:hover + div + div + div + #sc6,
#s_22:hover + div + div + #sc6,
#s_23:hover + div + #sc6,
#s_24:hover + #sc6 {
  display: block !important;
  max-height: 1000px !important; }

#s_25:hover + div + div + div + #sc7,
#s_26:hover + div + div + #sc7,
#s_27:hover + div + #sc7,
#s_28:hover + #sc7 {
  display: block !important;
  max-height: 1000px !important; }

#s_29:hover + div + div + div + #sc8,
#s_30:hover + div + div + #sc8,
#s_31:hover + div + #sc8,
#s_32:hover + #sc8 {
  display: block !important;
  max-height: 1000px !important; }

#s_33:hover + div + div + div + #sc9,
#s_34:hover + div + div + #sc9,
#s_35:hover + div + #sc9,
#s_36:hover + #sc9 {
  display: block !important;
  max-height: 1000px !important; }

#s_37:hover + div + div + div + #sc10,
#s_38:hover + div + div + #sc10,
#s_39:hover + div + #sc10,
#s_40:hover + #sc10 {
  display: block !important;
  max-height: 1000px !important; }

#s_41:hover + div + div + div + #sc11,
#s_42:hover + div + div + #sc11,
#s_43:hover + div + #sc11,
#s_44:hover + #sc11 {
  display: block !important;
  max-height: 1000px !important; }

#s_45:hover + div + div + div + #sc12,
#s_46:hover + div + div + #sc12,
#s_47:hover + div + #sc12,
#s_48:hover + #sc12 {
  display: block !important;
  max-height: 1000px !important; }

#s_49:hover + div + div + div + #sc13,
#s_50:hover + div + div + #sc13,
#s_51:hover + div + #sc13,
#s_52:hover + #sc13 {
  display: block !important;
  max-height: 1000px !important; }

#s_53:hover + div + div + div + #sc14,
#s_54:hover + div + div + #sc14,
#s_55:hover + div + #sc14,
#s_56:hover + #sc14 {
  display: block !important;
  max-height: 1000px !important; }

#s_57:hover + div + div + div + #sc15,
#s_58:hover + div + div + #sc15,
#s_59:hover + div + #sc15,
#s_60:hover + #sc15 {
  display: block !important;
  max-height: 1000px !important; }

#s_61:hover + div + div + div + #sc16,
#s_62:hover + div + div + #sc16,
#s_63:hover + div + #sc16,
#s_64:hover + #sc16 {
  display: block !important;
  max-height: 1000px !important; }

#s_65:hover + div + div + div + #sc17,
#s_66:hover + div + div + #sc17,
#s_67:hover + div + #sc17,
#s_68:hover + #sc17 {
  display: block !important;
  max-height: 1000px !important; }

#s_69:hover + div + div + div + #sc18,
#s_70:hover + div + div + #sc18,
#s_71:hover + div + #sc18,
#s_72:hover + #sc18 {
  display: block !important;
  max-height: 1000px !important; }

#s_73:hover + div + div + div + #sc19,
#s_74:hover + div + div + #sc19,
#s_75:hover + div + #sc19,
#s_76:hover + #sc19 {
  display: block !important;
  max-height: 1000px !important; }

#s_77:hover + div + div + div + #sc20,
#s_78:hover + div + div + #sc20,
#s_79:hover + div + #sc20,
#s_80:hover + #sc20 {
  display: block !important;
  max-height: 1000px !important; }

#s_81:hover + div + div + div + #sc21,
#s_82:hover + div + div + #sc21,
#s_83:hover + div + #sc21,
#s_84:hover + #sc21 {
  display: block !important;
  max-height: 1000px !important; }

#s_85:hover + div + div + div + #sc22,
#s_86:hover + div + div + #sc22,
#s_87:hover + div + #sc22,
#s_88:hover + #sc22 {
  display: block !important;
  max-height: 1000px !important; }

#s_89:hover + div + div + div + #sc23,
#s_90:hover + div + div + #sc23,
#s_91:hover + div + #sc23,
#s_92:hover + #sc23 {
  display: block !important;
  max-height: 1000px !important; }

#s_93:hover + div + div + div + #sc24,
#s_94:hover + div + div + #sc24,
#s_95:hover + div + #sc24,
#s_96:hover + #sc24 {
  display: block !important;
  max-height: 1000px !important; }

#s_97:hover + div + div + div + #sc25,
#s_98:hover + div + div + #sc25,
#s_99:hover + div + #sc25,
#s_100:hover + #sc25 {
  display: block !important;
  max-height: 1000px !important; }

#s_101:hover + div + div + div + #sc26,
#s_102:hover + div + div + #sc26,
#s_103:hover + div + #sc26,
#s_104:hover + #sc26 {
  display: block !important;
  max-height: 1000px !important; }

#s_105:hover + div + div + div + #sc27,
#s_106:hover + div + div + #sc27,
#s_107:hover + div + #sc27,
#s_108:hover + #sc27 {
  display: block !important;
  max-height: 1000px !important; }

#s_109:hover + div + div + div + #sc28,
#s_110:hover + div + div + #sc28,
#s_111:hover + div + #sc28,
#s_112:hover + #sc28 {
  display: block !important;
  max-height: 1000px !important; }

#s_113:hover + div + div + div + #sc29,
#s_114:hover + div + div + #sc29,
#s_115:hover + div + #sc29,
#s_116:hover + #sc29 {
  display: block !important;
  max-height: 1000px !important; }

#s_117:hover + div + div + div + #sc30,
#s_118:hover + div + div + #sc30,
#s_119:hover + div + #sc30,
#s_120:hover + #sc30 {
  display: block !important;
  max-height: 1000px !important; }

#s_121:hover + div + div + div + #sc31,
#s_122:hover + div + div + #sc31,
#s_123:hover + div + #sc31,
#s_124:hover + #sc31 {
  display: block !important;
  max-height: 1000px !important; }

#s_125:hover + div + div + div + #sc32,
#s_126:hover + div + div + #sc32,
#s_127:hover + div + #sc32,
#s_128:hover + #sc32 {
  display: block !important;
  max-height: 1000px !important; }

#s_129:hover + div + div + div + #sc33,
#s_130:hover + div + div + #sc33,
#s_131:hover + div + #sc33,
#s_132:hover + #sc33 {
  display: block !important;
  max-height: 1000px !important; }

#s_133:hover + div + div + div + #sc34,
#s_134:hover + div + div + #sc34,
#s_135:hover + div + #sc34,
#s_136:hover + #sc34 {
  display: block !important;
  max-height: 1000px !important; }

#s_137:hover + div + div + div + #sc35,
#s_138:hover + div + div + #sc35,
#s_139:hover + div + #sc35,
#s_140:hover + #sc35 {
  display: block !important;
  max-height: 1000px !important; }

#s_141:hover + div + div + div + #sc36,
#s_142:hover + div + div + #sc36,
#s_143:hover + div + #sc36,
#s_144:hover + #sc36 {
  display: block !important;
  max-height: 1000px !important; }

#s_145:hover + div + div + div + #sc37,
#s_146:hover + div + div + #sc37,
#s_147:hover + div + #sc37,
#s_148:hover + #sc37 {
  display: block !important;
  max-height: 1000px !important; }

#s_149:hover + div + div + div + #sc38,
#s_150:hover + div + div + #sc38,
#s_151:hover + div + #sc38,
#s_152:hover + #sc38 {
  display: block !important;
  max-height: 1000px !important; }

#s_153:hover + div + div + div + #sc39,
#s_154:hover + div + div + #sc39,
#s_155:hover + div + #sc39,
#s_156:hover + #sc39 {
  display: block !important;
  max-height: 1000px !important; }

#s_157:hover + div + div + div + #sc40,
#s_158:hover + div + div + #sc40,
#s_159:hover + div + #sc40,
#s_160:hover + #sc40 {
  display: block !important;
  max-height: 1000px !important; }

#s_161:hover + div + div + div + #sc41,
#s_162:hover + div + div + #sc41,
#s_163:hover + div + #sc41,
#s_164:hover + #sc41 {
  display: block !important;
  max-height: 1000px !important; }

#s_165:hover + div + div + div + #sc42,
#s_166:hover + div + div + #sc42,
#s_167:hover + div + #sc42,
#s_168:hover + #sc42 {
  display: block !important;
  max-height: 1000px !important; }

#s_169:hover + div + div + div + #sc43,
#s_170:hover + div + div + #sc43,
#s_171:hover + div + #sc43,
#s_172:hover + #sc43 {
  display: block !important;
  max-height: 1000px !important; }

#s_173:hover + div + div + div + #sc44,
#s_174:hover + div + div + #sc44,
#s_175:hover + div + #sc44,
#s_176:hover + #sc44 {
  display: block !important;
  max-height: 1000px !important; }

#s_177:hover + div + div + div + #sc45,
#s_178:hover + div + div + #sc45,
#s_179:hover + div + #sc45,
#s_180:hover + #sc45 {
  display: block !important;
  max-height: 1000px !important; }

#s_181:hover + div + div + div + #sc46,
#s_182:hover + div + div + #sc46,
#s_183:hover + div + #sc46,
#s_184:hover + #sc46 {
  display: block !important;
  max-height: 1000px !important; }

#s_185:hover + div + div + div + #sc47,
#s_186:hover + div + div + #sc47,
#s_187:hover + div + #sc47,
#s_188:hover + #sc47 {
  display: block !important;
  max-height: 1000px !important; }

#s_189:hover + div + div + div + #sc48,
#s_190:hover + div + div + #sc48,
#s_191:hover + div + #sc48,
#s_192:hover + #sc48 {
  display: block !important;
  max-height: 1000px !important; }

#s_193:hover + div + div + div + #sc49,
#s_194:hover + div + div + #sc49,
#s_195:hover + div + #sc49,
#s_196:hover + #sc49 {
  display: block !important;
  max-height: 1000px !important; }

#s_197:hover + div + div + div + #sc50,
#s_198:hover + div + div + #sc50,
#s_199:hover + div + #sc50,
#s_200:hover + #sc50 {
  display: block !important;
  max-height: 1000px !important; }

#s_201:hover + div + div + div + #sc51,
#s_202:hover + div + div + #sc51,
#s_203:hover + div + #sc51,
#s_204:hover + #sc51 {
  display: block !important;
  max-height: 1000px !important; }

#s_205:hover + div + div + div + #sc52,
#s_206:hover + div + div + #sc52,
#s_207:hover + div + #sc52,
#s_208:hover + #sc52 {
  display: block !important;
  max-height: 1000px !important; }

#s_209:hover + div + div + div + #sc53,
#s_210:hover + div + div + #sc53,
#s_211:hover + div + #sc53,
#s_212:hover + #sc53 {
  display: block !important;
  max-height: 1000px !important; }

#s_213:hover + div + div + div + #sc54,
#s_214:hover + div + div + #sc54,
#s_215:hover + div + #sc54,
#s_216:hover + #sc54 {
  display: block !important;
  max-height: 1000px !important; }

#s_217:hover + div + div + div + #sc55,
#s_218:hover + div + div + #sc55,
#s_219:hover + div + #sc55,
#s_220:hover + #sc55 {
  display: block !important;
  max-height: 1000px !important; }

#s_221:hover + div + div + div + #sc56,
#s_222:hover + div + div + #sc56,
#s_223:hover + div + #sc56,
#s_224:hover + #sc56 {
  display: block !important;
  max-height: 1000px !important; }

#s_225:hover + div + div + div + #sc57,
#s_226:hover + div + div + #sc57,
#s_227:hover + div + #sc57,
#s_228:hover + #sc57 {
  display: block !important;
  max-height: 1000px !important; }

#s_229:hover + div + div + div + #sc58,
#s_230:hover + div + div + #sc58,
#s_231:hover + div + #sc58,
#s_232:hover + #sc58 {
  display: block !important;
  max-height: 1000px !important; }

#s_233:hover + div + div + div + #sc59,
#s_234:hover + div + div + #sc59,
#s_235:hover + div + #sc59,
#s_236:hover + #sc59 {
  display: block !important;
  max-height: 1000px !important; }

#s_237:hover + div + div + div + #sc60,
#s_238:hover + div + div + #sc60,
#s_239:hover + div + #sc60,
#s_240:hover + #sc60 {
  display: block !important;
  max-height: 1000px !important; }

#s_241:hover + div + div + div + #sc61,
#s_242:hover + div + div + #sc61,
#s_243:hover + div + #sc61,
#s_244:hover + #sc61 {
  display: block !important;
  max-height: 1000px !important; }

#s_245:hover + div + div + div + #sc62,
#s_246:hover + div + div + #sc62,
#s_247:hover + div + #sc62,
#s_248:hover + #sc62 {
  display: block !important;
  max-height: 1000px !important; }

#s_249:hover + div + div + div + #sc63,
#s_250:hover + div + div + #sc63,
#s_251:hover + div + #sc63,
#s_252:hover + #sc63 {
  display: block !important;
  max-height: 1000px !important; }

#s_253:hover + div + div + div + #sc64,
#s_254:hover + div + div + #sc64,
#s_255:hover + div + #sc64,
#s_256:hover + #sc64 {
  display: block !important;
  max-height: 1000px !important; }

#s_257:hover + div + div + div + #sc65,
#s_258:hover + div + div + #sc65,
#s_259:hover + div + #sc65,
#s_260:hover + #sc65 {
  display: block !important;
  max-height: 1000px !important; }

#s_261:hover + div + div + div + #sc66,
#s_262:hover + div + div + #sc66,
#s_263:hover + div + #sc66,
#s_264:hover + #sc66 {
  display: block !important;
  max-height: 1000px !important; }

#s_265:hover + div + div + div + #sc67,
#s_266:hover + div + div + #sc67,
#s_267:hover + div + #sc67,
#s_268:hover + #sc67 {
  display: block !important;
  max-height: 1000px !important; }

#s_269:hover + div + div + div + #sc68,
#s_270:hover + div + div + #sc68,
#s_271:hover + div + #sc68,
#s_272:hover + #sc68 {
  display: block !important;
  max-height: 1000px !important; }

#s_273:hover + div + div + div + #sc69,
#s_274:hover + div + div + #sc69,
#s_275:hover + div + #sc69,
#s_276:hover + #sc69 {
  display: block !important;
  max-height: 1000px !important; }

#s_277:hover + div + div + div + #sc70,
#s_278:hover + div + div + #sc70,
#s_279:hover + div + #sc70,
#s_280:hover + #sc70 {
  display: block !important;
  max-height: 1000px !important; }

#s_281:hover + div + div + div + #sc71,
#s_282:hover + div + div + #sc71,
#s_283:hover + div + #sc71,
#s_284:hover + #sc71 {
  display: block !important;
  max-height: 1000px !important; }

#s_285:hover + div + div + div + #sc72,
#s_286:hover + div + div + #sc72,
#s_287:hover + div + #sc72,
#s_288:hover + #sc72 {
  display: block !important;
  max-height: 1000px !important; }

#s_289:hover + div + div + div + #sc73,
#s_290:hover + div + div + #sc73,
#s_291:hover + div + #sc73,
#s_292:hover + #sc73 {
  display: block !important;
  max-height: 1000px !important; }

#s_293:hover + div + div + div + #sc74,
#s_294:hover + div + div + #sc74,
#s_295:hover + div + #sc74,
#s_296:hover + #sc74 {
  display: block !important;
  max-height: 1000px !important; }

#s_297:hover + div + div + div + #sc75,
#s_298:hover + div + div + #sc75,
#s_299:hover + div + #sc75,
#s_300:hover + #sc75 {
  display: block !important;
  max-height: 1000px !important; }

#s_301:hover + div + div + div + #sc76,
#s_302:hover + div + div + #sc76,
#s_303:hover + div + #sc76,
#s_304:hover + #sc76 {
  display: block !important;
  max-height: 1000px !important; }

#s_305:hover + div + div + div + #sc77,
#s_306:hover + div + div + #sc77,
#s_307:hover + div + #sc77,
#s_308:hover + #sc77 {
  display: block !important;
  max-height: 1000px !important; }

#s_309:hover + div + div + div + #sc78,
#s_310:hover + div + div + #sc78,
#s_311:hover + div + #sc78,
#s_312:hover + #sc78 {
  display: block !important;
  max-height: 1000px !important; }

#s_313:hover + div + div + div + #sc79,
#s_314:hover + div + div + #sc79,
#s_315:hover + div + #sc79,
#s_316:hover + #sc79 {
  display: block !important;
  max-height: 1000px !important; }

#s_317:hover + div + div + div + #sc80,
#s_318:hover + div + div + #sc80,
#s_319:hover + div + #sc80,
#s_320:hover + #sc80 {
  display: block !important;
  max-height: 1000px !important; }

#s_321:hover + div + div + div + #sc81,
#s_322:hover + div + div + #sc81,
#s_323:hover + div + #sc81,
#s_324:hover + #sc81 {
  display: block !important;
  max-height: 1000px !important; }

#s_325:hover + div + div + div + #sc82,
#s_326:hover + div + div + #sc82,
#s_327:hover + div + #sc82,
#s_328:hover + #sc82 {
  display: block !important;
  max-height: 1000px !important; }

#s_329:hover + div + div + div + #sc83,
#s_330:hover + div + div + #sc83,
#s_331:hover + div + #sc83,
#s_332:hover + #sc83 {
  display: block !important;
  max-height: 1000px !important; }

#s_333:hover + div + div + div + #sc84,
#s_334:hover + div + div + #sc84,
#s_335:hover + div + #sc84,
#s_336:hover + #sc84 {
  display: block !important;
  max-height: 1000px !important; }

#s_337:hover + div + div + div + #sc85,
#s_338:hover + div + div + #sc85,
#s_339:hover + div + #sc85,
#s_340:hover + #sc85 {
  display: block !important;
  max-height: 1000px !important; }

#s_341:hover + div + div + div + #sc86,
#s_342:hover + div + div + #sc86,
#s_343:hover + div + #sc86,
#s_344:hover + #sc86 {
  display: block !important;
  max-height: 1000px !important; }

#s_345:hover + div + div + div + #sc87,
#s_346:hover + div + div + #sc87,
#s_347:hover + div + #sc87,
#s_348:hover + #sc87 {
  display: block !important;
  max-height: 1000px !important; }

#s_349:hover + div + div + div + #sc88,
#s_350:hover + div + div + #sc88,
#s_351:hover + div + #sc88,
#s_352:hover + #sc88 {
  display: block !important;
  max-height: 1000px !important; }

#s_353:hover + div + div + div + #sc89,
#s_354:hover + div + div + #sc89,
#s_355:hover + div + #sc89,
#s_356:hover + #sc89 {
  display: block !important;
  max-height: 1000px !important; }

#s_357:hover + div + div + div + #sc90,
#s_358:hover + div + div + #sc90,
#s_359:hover + div + #sc90,
#s_360:hover + #sc90 {
  display: block !important;
  max-height: 1000px !important; }

#s_361:hover + div + div + div + #sc91,
#s_362:hover + div + div + #sc91,
#s_363:hover + div + #sc91,
#s_364:hover + #sc91 {
  display: block !important;
  max-height: 1000px !important; }

#s_365:hover + div + div + div + #sc92,
#s_366:hover + div + div + #sc92,
#s_367:hover + div + #sc92,
#s_368:hover + #sc92 {
  display: block !important;
  max-height: 1000px !important; }

#s_369:hover + div + div + div + #sc93,
#s_370:hover + div + div + #sc93,
#s_371:hover + div + #sc93,
#s_372:hover + #sc93 {
  display: block !important;
  max-height: 1000px !important; }

#s_373:hover + div + div + div + #sc94,
#s_374:hover + div + div + #sc94,
#s_375:hover + div + #sc94,
#s_376:hover + #sc94 {
  display: block !important;
  max-height: 1000px !important; }

#s_377:hover + div + div + div + #sc95,
#s_378:hover + div + div + #sc95,
#s_379:hover + div + #sc95,
#s_380:hover + #sc95 {
  display: block !important;
  max-height: 1000px !important; }

#s_381:hover + div + div + div + #sc96,
#s_382:hover + div + div + #sc96,
#s_383:hover + div + #sc96,
#s_384:hover + #sc96 {
  display: block !important;
  max-height: 1000px !important; }

#s_385:hover + div + div + div + #sc97,
#s_386:hover + div + div + #sc97,
#s_387:hover + div + #sc97,
#s_388:hover + #sc97 {
  display: block !important;
  max-height: 1000px !important; }

#s_389:hover + div + div + div + #sc98,
#s_390:hover + div + div + #sc98,
#s_391:hover + div + #sc98,
#s_392:hover + #sc98 {
  display: block !important;
  max-height: 1000px !important; }

#s_393:hover + div + div + div + #sc99,
#s_394:hover + div + div + #sc99,
#s_395:hover + div + #sc99,
#s_396:hover + #sc99 {
  display: block !important;
  max-height: 1000px !important; }

#s_397:hover + div + div + div + #sc100,
#s_398:hover + div + div + #sc100,
#s_399:hover + div + #sc100,
#s_400:hover + #sc100 {
  display: block !important;
  max-height: 1000px !important; }

/*single-staff.php スタッフ個別ページ*/
.staff-single-contents article {
  margin: 0 0 50px; }
.staff-single-contents h3 {
  font-size: 21px;
  font-weight: 500;
  margin: 50px 0 45px;
  padding: 0;
  line-height: 1; }
.staff-single-contents h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0; }
.staff-single-contents .staff-thum {
  width: 41.6666%;
  float: left; }
  .staff-single-contents .staff-thum > div {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .staff-single-contents .staff-thum > div:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .staff-single-contents .staff-thum > div img {
      position: absolute;
      top: 0;
      left: -21%;
      width: auto;
      height: 100%;
      z-index: -1; }
.staff-single-contents .staff-txt {
  width: 54.1666%;
  float: right; }
  .staff-single-contents .staff-txt dl {
    margin: 0;
    padding: 0; }
    .staff-single-contents .staff-txt dl dt,
    .staff-single-contents .staff-txt dl dd {
      margin: 0;
      padding: 0;
      display: inline; }

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

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

.register-wrap {
  display: flex;
  justify-content: space-between; }
  .register-wrap .line-box {
    background-color: #F6F6F6;
    width: calc(50% - 20px);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 80px;
    height: 500px; }
    .register-wrap .line-box figure {
      width: 200px;
      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: calc(50% - 20px);
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 500px;
    padding-top: 80px; }
    .register-wrap .mailnews-box ul {
      list-style: none; }
      .register-wrap .mailnews-box ul li a {
        display: flex;
        width: 420px;
        height: 80px;
        border: 1px solid #262626;
        align-items: center;
        background-image: url(images/register/link-arrow.svg);
        background-repeat: no-repeat;
        background-position: right 24px center;
        padding-left: 18px;
        color: #262626;
        transition: 0.3s; }
        .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: 18px;
    font-weight: 600;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    margin: 0 auto 80px; }

/*大切なお知らせ archive-news.php*/
#news-archive {
  width: 100%;
  overflow: hidden; }

.news-content {
  width: 100%;
  float: left; }

.news-content-in h3 {
  margin: 0 0 35px; }
.news-content-in article {
  margin: 0 0 50px !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 .sp {
    display: none; }

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

.news-sidebar {
  display: none;
  float: right;
  width: 285px;
  text-align: center;
  margin-top: 75px; }
  .news-sidebar h3 {
    font-size: 16px;
    color: #fff;
    background: #262626;
    padding: 20px;
    margin: 0;
    box-sizing: border-box; }
  .news-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .news-sidebar ul li {
      padding: 25px;
      border: 1px solid #d6d6d6;
      border-top: none;
      font-size: 21px; }

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

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

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

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

.news-c {
  display: table;
  margin: 0; }

#news-archive .news-content-in h3 {
  display: table-cell;
  width: 180px;
  box-sizing: border-box;
  font-size: 32px;
  vertical-align: top;
  padding-top: 75px; }
#news-archive .news-content-in .news-list {
  display: table-cell;
  padding-top: 55px;
  line-height: 3.6em !important; }
  #news-archive .news-content-in .news-list:first-child {
    padding-top: 75px !important; }
#news-archive .news-list dl {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table; }
  #news-archive .news-list dl dt {
    width: 100px;
    display: table-cell;
    vertical-align: top; }
  #news-archive .news-list dl dd {
    display: table-cell;
    vertical-align: top; }

#news-single .news-content h3 {
  font-size: 21px;
  margin: 0 0 35px; }
#news-single .news-sidebar {
  margin: 0 !important; }
#news-single article {
  margin: 0 0 75px;
  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: 12px;
    color: #757575;
    line-height: 1.5;
    display: inline-block; }

/*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: #262626; }

/*page-80.php　お問い合わせ*/
.contact-t {
  display: table;
  width: 100%;
  margin: 0 0 50px;
  border-collapse: collapse; }
  .contact-t > div {
    display: table-row;
    width: 100%; }
    .contact-t > div:first-child {
      background: #eeedeb; }
  .contact-t div h3 {
    display: table-cell;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    font-weight: 500;
    padding: 25px;
    box-sizing: border-box;
    width: 578px;
    vertical-align: middle;
    font-family: "MFW-HiraKakuProN-W3" !important; }
  .contact-t > div > div {
    margin: 0;
    padding: 25px;
    list-style: none;
    display: table-cell;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    vertical-align: middle; }
  .contact-t > div:nth-child(1) > div:nth-child(3) {
    background: no-repeat !important;
    padding: 25px !important; }
  .contact-t > div > div:nth-child(2) {
    width: 250px; }
  .contact-t > div > div:nth-child(3) {
    background: url(images/mail-bg.png) no-repeat 30px center;
    padding-left: 60px;
    background-size: 22px 16px; }
  .contact-t .freedial {
    background: url(images/freedial.svg) no-repeat 30px center;
    padding-left: 60px;
    background-size: 22px 14px; }

.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 {
  width: 100%; }
  .saiyou-comment div:first-child {
    width: 65.833333%;
    float: left; }
  .saiyou-comment div:last-child {
    width: 31.666667%;
    float: right; }
  .saiyou-comment:last-child img {
    width: 100%;
    height: auto; }

.saiyou-c {
  width: 100%;
  margin-bottom: 50px; }
  .saiyou-c article {
    width: 31.666667%;
    box-sizing: border-box;
    float: left;
    margin-right: 2.5%;
    position: relative; }

.saiyouin {
  margin-bottom: 46px; }

.saiyou-c article h3 {
  font-size: 21px;
  font-weight: 500;
  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; }
.saiyou-c article:first-child img {
  width: 100%;
  height: auto; }
.saiyou-c article:nth-child(2) p, .saiyou-c article:nth-child(3) p {
  margin-bottom: 0; }
.saiyou-c article:last-child {
  margin-right: 0; }
.saiyou-c article > span a {
  display: block;
  background: #262626;
  color: #fff;
  text-decoration: none;
  line-height: 0;
  padding: 25px 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; }

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

.company-saiyou-contents {
  padding-bottom: 35px;
  border-bottom: 1px solid #d6d6d6; }
  .company-saiyou-contents h3 {
    font-size: 21px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 35px;
    line-height: 1;
    padding-bottom: 15px; }

.saiyou-single-content {
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #d6d6d6; }
  .saiyou-single-content:nth-child(4) {
    margin-bottom: 50px; }
  .saiyou-single-content h3 {
    font-size: 21px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 50px;
    line-height: 1;
    padding-bottom: 15px;
    padding-top: 75px; }
  .saiyou-single-content:nth-child(2) h3 {
    padding-top: 50px; }
  .saiyou-single-content > dl {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table; }
    .saiyou-single-content > dl > dt {
      width: 150px;
      display: table-cell;
      font-weight: bold;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em; }
    .saiyou-single-content > dl > dd {
      padding: 0 0 32px 50px;
      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 > dd {
      margin: 0;
      padding: 0; }

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

/*プライバシーポリシー*/
.company-privacy-contents article h4 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #d6d6d6; }
.company-privacy-contents article h5 {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W3" !important;
  font-weight: 300 !important;
  padding: 0;
  margin: 0; }

.mokuteki_ul {
  padding-left: 44px;
  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: 380px;
  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: 35px;
  padding-top: 75px; }
  .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: 240px;
    padding: 20px 0;
    margin: 0; }
  .howtouse-1 dl dd {
    border-left: 1px solid #d6d6d6;
    padding: 20px 0 20px 50px;
    margin: 0;
    box-sizing: border-box;
    max-width: 960px;
    width: 100%; }

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

.howtouse-6_ul {
  list-style: none;
  padding-left: 30px; }

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

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

.awards-thum {
  width: 240px;
  height: 169px;
  overflow: hidden;
  float: left; }
  .awards-thum img {
    width: 100%;
    height: auto; }

.awards-txt {
  margin-left: -240px;
  width: 100%;
  float: right;
  font-size: 12px; }

.awards-txt-in {
  margin-left: 275px; }

.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: 11px 0;
  text-align: center;
  display: block;
  border: 1px solid #757575;
  width: 48%;
  line-height: 1;
  float: left; }
  .awards-txt a:nth-last-child(2) {
    margin-right: 2%; }

/*受賞歴*/
.media2020-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .media2020-contents:before {
    content: "";
    display: block;
    width: 31.3333333333333%;
    order: 1; }
  .media2020-contents:after {
    content: "";
    display: block;
    width: 31.3333333333333%; }

.media-c {
  width: 31.3333333333333%;
  overflow: hidden;
  margin-bottom: 80px; }

.media-thum {
  width: 100%;
  height: 266px;
  overflow: hidden;
  background-color: #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 {
    font-size: 14px;
    margin: 35px 0 25px;
    padding: 0; }

.media-txt-in p {
  padding-top: 30px;
  margin: 30px 0 0;
  border-top: #d6d6d6 1px solid;
  line-height: 1.9; }

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

/*
  イベント情報
  event/配下
*/
.event-header {
  margin: 0 0 50px; }
  .event-header h2 {
    font-size: 32px;
    padding: 20px 0;
    margin: 0 0 35px;
    border-bottom: 1px solid #262626; }

.event-archive-tab-menu {
  margin-bottom: 120px; }
  .event-archive-tab-menu ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    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: 80px;
        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-sub-menu {
  text-align: right;
  font-size: 12px;
  margin-bottom: 30px; }
  .event-archive-sub-menu > div {
    display: inline-block; }
    .event-archive-sub-menu > div:first-child {
      border-right: 1px solid #262626;
      padding-right: 34px; }
      .event-archive-sub-menu > div:first-child span.event_num {
        font-size: 18px; }
    .event-archive-sub-menu > div:last-child {
      padding-left: 34px; }
      .event-archive-sub-menu > div:last-child a {
        color: #262626;
        transition: 0.3s; }
        .event-archive-sub-menu > div:last-child a:hover {
          opacity: 0.5; }

.event-archive-past-text {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  font-size: 12px;
  padding: 30px 0;
  text-align: center; }

.post-type-archive #top-event {
  margin-bottom: 0; }

.event-contents h3 {
  font-size: 21px;
  margin: 0 0 50px; }
.event-contents h4 {
  font-size: 14px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }
.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; }
    .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 90% center; }
      .event-top-navigation ul li:first-child {
        border: none; }
      .event-top-navigation ul li a {
        width: 100%;
        display: block;
        padding: 30px 0; }

.event-active {
  background: #eeedeb;
  color: #262626; }

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

#yoyaku {
  height: 40px; }

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

/*イベント情報 page-108.php*/
.event-ichiran-btn {
  margin: 50px auto 75px;
  text-align: center; }
  .event-ichiran-btn a {
    padding: 16px;
    background: #262626;
    color: #fff;
    width: 350px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 1; }
    .event-ichiran-btn a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

.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;
  color: #fff;
  background: #262626;
  padding: 30.5px 20px;
  box-sizing: border-box;
  margin-bottom: 75px;
  text-align: center; }

.event-kind-c div {
  margin: 0 3% 30px 0;
  width: 31.3333%;
  box-sizing: border-box;
  float: left;
  font-size: 14px; }
  .event-kind-c div:nth-child(3n) {
    margin: 0 0 30px; }
  .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 #262626; }

.event-kind-foot-link {
  display: flex;
  justify-content: space-between; }
  .event-kind-foot-link a {
    width: 48.333333333%;
    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; }
    .event-kind-foot-link a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

/*2017*/
#event-menu-2017 {
  margin-bottom: 75px; }
  #event-menu-2017 > div:first-child {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-left: 1px solid #262626; }
    #event-menu-2017 > div:first-child > div {
      background: #262626;
      color: #fff;
      text-align: center;
      width: 50%;
      box-sizing: border-box;
      display: table-cell;
      vertical-align: middle;
      -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-right: 1px solid #fff; }
        #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: 37.5px 0;
        line-height: 0;
        color: #fff; }
  #event-menu-2017 > div:nth-child(2) {
    display: table;
    border: 1px solid #d6d6d6;
    border-top: none;
    width: 100%;
    box-sizing: border-box; }
    #event-menu-2017 > div:nth-child(2) > a {
      display: table-cell;
      text-align: center;
      height: 75px;
      border-right: 1px solid #d6d6d6;
      width: 25%;
      box-sizing: border-box;
      vertical-align: middle; }
      #event-menu-2017 > div:nth-child(2) > a:last-child {
        border: none; }
      #event-menu-2017 > div:nth-child(2) > a span {
        transform: rotate(90deg);
        display: inline-block; }

.event-list-2017 > div {
  width: 386px;
  box-sizing: border-box;
  border-left: none;
  float: left;
  margin: 0 20px 80px 0; }
  @media screen and (max-width: 1199px) {
    .event-list-2017 > div {
      width: calc((100% - 40px) / 3); } }
  .event-list-2017 > div:nth-child(3n) {
    margin-right: 0; }
  .event-list-2017 > div a {
    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;
    color: #262626; }
    .event-list-2017 > div a:hover {
      opacity: 0.5; }
    .event-list-2017 > div a img {
      width: 100%;
      height: auto; }

.event-list-2017 > div:nth-child(4), .event-list-2017 > div:nth-child(5), .event-list-2017 > div:nth-child(6), .event-list-2017 > div:nth-child(7), .event-list-2017 > div:nth-child(8), .event-list-2017 > div:nth-child(9), .event-list-2017 > div:nth-child(10), .event-list-2017 > div:nth-child(11), .event-list-2017 > div:nth-child(12), .event-list-2017 > div:nth-child(13), .event-list-2017 > div:nth-child(14), .event-list-2017 > div:nth-child(15), .event-list-2017 > div:nth-child(16), .event-list-2017 > div:nth-child(17), .event-list-2017 > div:nth-child(18), .event-list-2017 > div:nth-child(19), .event-list-2017 > div:nth-child(20), .event-list-2017 > div:nth-child(21), .event-list-2017 > div:nth-child(22), .event-list-2017 > div:nth-child(23), .event-list-2017 > div:nth-child(24), .event-list-2017 > div:nth-child(25), .event-list-2017 > div:nth-child(26), .event-list-2017 > div:nth-child(27), .event-list-2017 > div:nth-child(28), .event-list-2017 > div:nth-child(29), .event-list-2017 > div:nth-child(30) {
  border-top: none; }
.event-list-2017 > div img {
  vertical-align: bottom;
  width: 100% !important;
  height: auto; }

.event-list-2017-status {
  margin: 0;
  display: flex;
  justify-content: space-between; }
  .event-list-2017-status > div {
    width: calc(50% - 0.5px);
    padding: 16px 0;
    text-align: center;
    line-height: 0;
    color: #fff;
    background: #262626;
    font-size: 12px; }
    .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: 25px 0 18px; }

.event-list-2017-shousai {
  padding: 0 0 25px;
  margin-bottom: 0;
  border-bottom: 1px solid #d6d6d6;
  text-align: left;
  font-size: 12px; }
  .event-list-2017-shousai dl {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0; }
    .event-list-2017-shousai dl:last-child {
      margin: 0; }
    .event-list-2017-shousai dl dt {
      display: table-cell;
      width: 38px;
      padding: 0;
      margin: 0; }
    .event-list-2017-shousai dl dd {
      padding: 0;
      margin: 0;
      height: 23px;
      overflow: hidden; }

.event-list-2017 > div > a > span {
  text-align: center;
  display: block; }

.kako-event-menu-2017 {
  text-align: right;
  margin-bottom: 15px;
  margin-top: 95px; }
  .kako-event-menu-2017 dl {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    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: -132px;
        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: 12px 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: 16px auto;
  background-position: right center;
  line-height: 1;
  font-size: 12px;
  font-weight: font_n();
  background-size: 12px auto;
  display: block;
  width: 100%;
  padding: 24px 34px 24px 5px;
  box-sizing: border-box;
  cursor: pointer; }
  .eventbtn > strong {
    font-size: 18px;
    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: 37.5px 0;
    text-align: center;
    box-sizing: border-box; }

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

/* 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;
  width: 285px;
  float: right; }

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

.event-yarpp {
  width: 285px;
  margin: 0 0 30px 0;
  border: 1px solid #c1c1c1; }
  .event-yarpp h4 {
    color: #fff;
    background: #262626;
    text-align: center;
    padding: 7px;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 24px; }
  .event-yarpp h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 24px 0; }
  .event-yarpp span {
    font-size: 13px; }
  .event-yarpp .eventthum {
    position: relative; }
    .event-yarpp .eventthum span {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      padding: 7px;
      background: #ea0b9c;
      color: #fff;
      font-size: 12px; }
  .event-yarpp a {
    padding: 0 16px 16px;
    display: block; }
  .event-yarpp img {
    width: 100%;
    height: auto; }

.event-single-content {
  margin: 0 -285px 0 0;
  width: 100%;
  float: left; }
  .event-single-content h3 {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d6d6d6; }
  .event-single-content article {
    margin: 0; }
    .event-single-content article header {
      position: relative; }
      .event-single-content article header div {
        display: flex;
        margin-bottom: 45px; }
      .event-single-content article header .eventcate-icon {
        display: flex;
        height: 24px;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #262626;
        margin: 0 7px 0 0;
        line-height: 1;
        font-size: 12px;
        box-sizing: border-box !important;
        padding: 0 16px; }
      .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 {
        color: #fff !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        line-height: 1 !important;
        font-size: 12px;
        height: 24px !important;
        box-sizing: border-box !important;
        padding: 0 16px !important;
        margin: 0 7px 0 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: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        padding: 0 16px;
        line-height: 1;
        margin: 0 7px 0 0; }

@media all and (-ms-high-contrast: none) {
  .event-single-content article header .eventcate-icon,
  .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 {
    padding: 18px 0 12px !important; } }
.event-single-img {
  margin: 0 0 64px; }
  .event-single-img img {
    width: 100%;
    height: auto; }

.eventimg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .eventimg:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

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

.event-concept-25 {
  margin-top: -25px !important; }

.event-single-article {
  width: 47%;
  float: left; }

.event-single-txt {
  margin: 0 0 35px; }
  .event-single-txt > p:first-child {
    margin-top: -5px; }

.event-single-concept {
  margin: 0 0 35px; }

.event-single-txt img {
  margin-top: 5px; }

.event-table {
  width: 47%;
  float: right;
  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;
      width: 100px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em; }
    .event-table dl dd > p:first-child {
      margin: 0; }

.single-contact {
  display: table;
  margin: 85px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse; }
  .single-contact li {
    display: table-cell;
    margin: 0;
    padding: 35px 50px;
    width: 50%;
    border: 1px solid #c1c1c1;
    vertical-align: middle;
    box-sizing: border-box; }

/*2017*/
.e-s-slider {
  position: relative; }

#eventcon {
  margin: 0;
  position: relative; }
  #eventcon .sp-slide img {
    width: 100%;
    height: auto; }

.e-s-thum {
  position: absolute !important;
  right: 0px !important;
  top: 0 !important;
  width: 300px; }
  .e-s-thum a {
    margin: 0 4px 4px 0;
    width: 148px;
    height: 91px;
    float: left;
    display: block; }
    .e-s-thum a:nth-child(2n) {
      margin-right: 0 !important; }
    .e-s-thum a img {
      width: 100%;
      height: auto;
      vertical-align: bottom;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .e-s-thum a img:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }

#eventcon .sp-previous-arrow {
  left: -35px !important;
  background-color: #fff !important; }
#eventcon .sp-next-arrow {
  right: -35px !important;
  background-color: #fff !important; }

.e-s-slider .event-contact-2017 {
  position: absolute;
  width: 300px;
  box-sizing: border-box;
  right: 0;
  bottom: 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 25px 0 20px 0; }
  .e-s-slider .event-contact-2017 h4 {
    line-height: 1;
    margin: 0 auto 25px;
    text-align: center; }
  .e-s-slider .event-contact-2017 > a {
    text-align: center;
    display: block; }
  .e-s-slider .event-contact-2017 img {
    width: 250px;
    height: auto;
    vertical-align: bottom;
    text-align: center;
    margin: 0 auto 20px; }
  .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:nth-child(3) {
      letter-spacing: 0; }
    .e-s-slider .event-contact-2017 p:last-child {
      text-align: left;
      margin: 0;
      line-height: 1.7; }
  .e-s-slider .event-contact-2017 > a:nth-child(4) {
    line-height: 0;
    background: #262626;
    display: block;
    padding: 24px 0;
    margin: 0 auto 25px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    transition: 0.3s;
    color: #ffffff;
    letter-spacing: 0.15em; }
    .e-s-slider .event-contact-2017 > a:nth-child(4):hover {
      opacity: 0.5; }
  .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 h3 {
  font-size: 18px !important;
  margin: 75px 0 25px;
  padding: 0;
  border: none;
  line-height: 1; }
.event-content-naiyo-2017 dl {
  display: table;
  vertical-align: top;
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #d6d6d6;
  width: 100%; }
  .event-content-naiyo-2017 dl > dt {
    width: 200px;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .event-content-naiyo-2017 dl dd {
    max-width: 100%;
    display: table-cell;
    vertical-align: top;
    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 .sp {
      display: none; }
  .event-content-naiyo-2017 dl:last-child {
    border-bottom: 1px solid #d6d6d6; }
  .event-content-naiyo-2017 dl#eventyoyaku dt {
    position: relative;
    z-index: 2; }
  .event-content-naiyo-2017 dl#eventyoyaku dd #eventyoyaku-button {
    background-image: url(./images/voice-plus.svg);
    background-repeat: no-repeat;
    background-position: right 28px center;
    display: block;
    cursor: pointer;
    transition: 0.3s; }
    .event-content-naiyo-2017 dl#eventyoyaku dd #eventyoyaku-button.close {
      background-image: url(./images/voice-minus.svg);
      color: #ffffff; }
  .event-content-naiyo-2017 dl#eventyoyaku dd #availability-t {
    margin-top: 0 !important; }

.event-single-nav-2017 {
  margin: 75px auto;
  padding: 0; }
  .event-single-nav-2017 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between; }
    .event-single-nav-2017 ul li {
      width: 48.3333333333%;
      padding: 0;
      margin: 0; }
      .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;
        -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-single-nav-2017 ul li a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }

.event-contact-links {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
  margin-top: 120px; }
  .event-contact-links > a {
    width: 400px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #262626;
    border: 1px solid #262626;
    box-sizing: border-box;
    font-size: 12px;
    font-family: "Sawarabi Mincho" !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #fff;
    letter-spacing: 2px; }
    .event-contact-links > a:hover {
      opacity: 0.5; }
    .event-contact-links > a:first-child {
      background-image: url(./images/event-link-bg.svg);
      background-repeat: no-repeat;
      background-size: 16px 8px;
      background-position: right 24px center; }

#event-single-etc-2017 h3 {
  font-size: 18px;
  line-height: 1;
  padding: 50px 0 20px;
  text-align: left;
  margin: 0 auto 48px;
  border-bottom: 1px solid #d6d6d6; }
#event-single-etc-2017 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #event-single-etc-2017 > div:after {
    content: '';
    display: block;
    width: calc((100% - 40px) / 3); }
  #event-single-etc-2017 > div:before {
    order: 1;
    content: '';
    display: block;
    width: calc((100% - 40px) / 3); }
  #event-single-etc-2017 > div > div {
    width: calc((100% - 40px) / 3);
    box-sizing: border-box;
    border-left: none;
    margin: 0 0 80px 0; }
    #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 a {
      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;
      color: #262626; }
      #event-single-etc-2017 > div > div a:hover {
        opacity: 0.5; }
      #event-single-etc-2017 > div > div a img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
      #event-single-etc-2017 > div > div a h4 {
        margin: 25px 0 18px; }

@media screen and (max-width: 1199px) {
  .e-s-slider .event-contact-2017 {
    padding: 15px 0 10px; }
    .e-s-slider .event-contact-2017 h4 {
      line-height: 1;
      margin: 0 auto 15px;
      text-align: center; }
    .e-s-slider .event-contact-2017 img {
      width: 200px;
      height: auto;
      vertical-align: bottom;
      text-align: center;
      margin: 0 auto 10px;
      display: block; }
    .e-s-slider .event-contact-2017 p {
      color: #757575;
      text-align: center;
      margin: 0 auto 10px;
      font-size: 11px;
      line-height: 1.3em; }
      .e-s-slider .event-contact-2017 p:last-child {
        text-align: left;
        margin: 0; }
    .e-s-slider .event-contact-2017 > a:nth-child(4) {
      line-height: 0;
      border: 1px solid #d6d6d6;
      display: block;
      padding: 20px 0;
      margin: 0 auto 15px;
      font-size: 12px;
      text-align: center;
      box-sizing: border-box; }
      .e-s-slider .event-contact-2017 > a:nth-child(4)::hover {
        border: 1px solid #212121; } }
@media screen and (max-width: 1045px) {
  .e-s-thum {
    width: 250px; }
    .e-s-thum a {
      width: 123px;
      height: 76px; }

  .e-s-slider .event-contact-2017 {
    width: 250px;
    padding: 15px 0 10px; }
    .e-s-slider .event-contact-2017 h4 {
      line-height: 1;
      margin: 0 auto 15px;
      text-align: center; }
    .e-s-slider .event-contact-2017 img {
      width: 180px;
      height: auto;
      vertical-align: bottom;
      text-align: center;
      margin: 0 auto 10px;
      display: block; }
    .e-s-slider .event-contact-2017 p {
      color: #757575;
      text-align: center;
      margin: 0 auto 10px;
      font-size: 11px;
      line-height: 1.3em; }
      .e-s-slider .event-contact-2017 p:last-child {
        text-align: left;
        margin: 0;
        display: none; }
    .e-s-slider .event-contact-2017 > a:nth-child(4) {
      line-height: 0;
      border: 1px solid #d6d6d6;
      display: block;
      padding: 20px 0;
      margin: 0 auto 15px;
      font-size: 12px;
      text-align: center;
      box-sizing: border-box; }
      .e-s-slider .event-contact-2017 > a:nth-child(4)::hover {
        border: 1px solid #212121; } }
@media screen and (max-width: 1200px) {
  .single-contact li {
    padding: 20px; }
    .single-contact li img {
      width: 100%;
      height: auto; } }
.single-contact li:last-child a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.seeie-link {
  margin: 64px 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center; }
  .seeie-link a {
    padding: 16px;
    display: block;
    background: #262626;
    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; }

@media screen and (max-width: 1200px) {
  .event-archive-list:nth-child(3n) {
    margin-right: 0; } }
@media screen and (min-width: 1199px) {
  .event-archive-list:nth-child(4n) {
    margin-right: 0; } }
.event-archive-thum img {
  width: 100%; }

/*page-108.php イベント一覧*/
.event-cell {
  width: 285px;
  margin: 0 20px 35px 0;
  border: 1px solid #c1c1c1;
  float: left;
  box-sizing: border-box; }
  .event-cell h4 {
    color: #fff;
    background: #262626;
    text-align: center;
    padding: 7px;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 24px; }
  .event-cell h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 24px 0; }
  .event-cell span {
    font-size: 13px; }
  .event-cell .eventthum {
    position: relative; }
    .event-cell .eventthum span {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      padding: 5px 10px;
      background: #ea0b9c;
      color: #fff;
      font-size: 12px; }
  .event-cell a {
    padding: 0 16px 16px;
    display: block; }
  .event-cell img {
    width: 100%;
    height: auto; }

@media screen and (max-width: 1200px) {
  .event-cell:nth-child(3n) {
    margin-right: 0; } }
@media screen and (min-width: 1199px) {
  .event-cell:nth-child(4n) {
    margin-right: 0; } }
#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: 25px 140px;
  background: #262626;
  color: #fff;
  font-size: 14px;
  line-height: 0;
  margin: 55px 0 0 0; }

#more_disp button:hover,
#more_disp2014 button:hover,
#more_disp2013 button:hover,
#more_disp2 button:hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

#cal-t {
  width: 100%;
  position: relative;
  margin-top: -36px; }

#availability-t {
  width: 100%;
  position: relative;
  margin-top: -40px;
  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: 35px; }

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

/*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 75px;
  vertical-align: bottom; }

.seeie-c {
  width: 100%;
  margin: 0 0 75px; }

.seeie-l {
  width: 48.33%;
  float: left; }

.seeie-r {
  width: 48.33%;
  float: left;
  float: right; }

.seeie-l a,
.seeie-r a {
  line-height: 1;
  padding: 25px;
  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 #262626; }

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

.seeie-header {
  margin: 0 0 35px; }
  .seeie-header h2 {
    font-size: 32px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #262626; }

#top-seeie article {
  margin: 0 -20px 0 0;
  overflow: hidden; }

.seeie-archive {
  padding: 0 0 50px;
  margin: 0 20px 50px 0;
  float: left;
  width: 285px;
  position: relative; }

.seeie-archive-img {
  width: 100% !important;
  height: 201px !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 0 15px;
  padding: 0; }
  .seeie-archive dl dt {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin: 24px 0;
    line-height: 1; }
  .seeie-archive dl dd {
    font-size: 14px;
    padding: 0;
    margin: 0; }

.seeie-more {
  width: 285px;
  display: block; }
  .seeie-more a {
    padding: 16px 0;
    display: block;
    line-height: 1;
    color: #fff;
    background: #262626;
    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; }

/*
*
* single-works.php
*
*/
.works-single-content {
  margin: 0 -285px 0 0;
  width: 100%;
  float: left; }
  .works-single-content h3 {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d6d6d6; }
  .works-single-content article {
    margin: 0 350px 0 0; }

.works-single-img {
  margin: 0 0 64px; }
  .works-single-img img {
    width: 100%;
    height: auto; }

.works-single-article {
  margin: 0 0 64px; }

.gallery-main .next,
.sp-next-arrow,
.sp-next-thumbnail-arrow {
  background: rgba(245, 245, 245, 0.5) !important;
  background-image: url(images/right-2020.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  opacity: 1 !important;
  position: absolute;
  right: 0px !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer; }

.gallery-main {
  margin-bottom: 20px; }

.sp-buttons {
  display: none; }

/* Fade CSS */
.gallery-main .flickity-slider {
  transform: none !important; }
.gallery-main .gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1; }
  .gallery-main .gallery-cell.is-selected {
    opacity: 1;
    z-index: 0; }

.gallery-nav {
  margin: 0 45px 30px; }
  .gallery-nav .is-selected {
    opacity: 0.5; }
  .gallery-nav .gallery-cell {
    height: 90px;
    width: 90px;
    margin-right: 5px !important;
    overflow: hidden !important;
    background: #efefef;
    text-align: center; }
    .gallery-nav .gallery-cell img {
      height: 100% !important;
      width: auto !important;
      -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;
      position: absolute;
      left: 50%;
      margin-left: -82%; }
    .gallery-nav .gallery-cell:before {
      font-size: 50px;
      line-height: 80px; }

.sp-previous-arrow::before,
.sp-next-arrow::before,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:before {
  left: 0;
  top: 0px;
  transform: none !important;
  content: "";
  position: absolute;
  width: 0 !important; }

.sp-previous-arrow::after,
.sp-next-arrow::after,
.sp-next-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:after {
  right: 0;
  top: 0px;
  transform: none !important;
  content: "";
  position: absolute;
  width: 0 !important; }

.sp-bottom-thumbnails .sp-thumbnail-arrows {
  margin: 0 !important;
  top: 0 !important; }

.gallery-main .previous,
.sp-previous-arrow,
.sp-previous-thumbnail-arrow {
  background: rgba(245, 245, 245, 0.5) !important;
  background-image: url(images/left-2020.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer; }

.gallery-nav .previous {
  background: #eeedeb !important;
  background-image: url(images/work-single-yajirushi-left.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  opacity: 1 !important;
  position: absolute;
  left: -45px !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer; }
.gallery-nav .next {
  background: rgba(238, 237, 235, 0.9) !important;
  background-image: url(images/work-single-yajirushi-right.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  opacity: 1 !important;
  position: absolute;
  right: -45px !important;
  top: 50% !important;
  z-index: 10;
  cursor: pointer; }

.sp-horizontal .sp-arrows {
  margin-top: -45px !important; }

.sp-bottom-thumbnails,
.sp-top-thumbnails {
  left: 45px !important;
  margin: 0 !important; }

#my-slider {
  margin-bottom: 25px !important; }

.work-img,
.sp-slide {
  width: 100%;
  position: relative;
  text-align: center !important; }

.sp-selected {
  display: block; }

.work-img:after,
.sp-slide:after {
  content: "";
  display: block;
  padding-bottom: 70.6%; }

.work-img-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  cursor: default !important;
  height: 600px !important; }
  .work-img-inner figure {
    height: 600px !important;
    background: #f8f8f8; }
    @media screen and (max-width: 1040px) {
      .work-img-inner figure {
        height: 424px !important; } }

.sp-slide,
.sp-grab {
  cursor: default !important; }

.work-img-inner img {
  height: 100%;
  width: auto; }

.sp-thum-wrap {
  position: relative;
  width: 100%; }
  .sp-thum-wrap .sp-thumbnail-arrows {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important; }
  .sp-thum-wrap .sp-next-thumbnail-arrow {
    position: absolute !important;
    right: 0 !important; }

.sp-bottom-thumbnails {
  margin-top: 20px !important;
  box-sizing: border-box !important; }

.sp-thum-bg-previous {
  width: 10px;
  height: 90px;
  background: white none repeat scroll 0% 0% !important;
  position: absolute;
  left: 35px;
  top: 0px; }

.sp-thum-bg-next {
  width: 10px;
  height: 90px;
  background: white none repeat scroll 0% 0% !important;
  position: absolute;
  right: 35px;
  top: 0px; }

.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
  margin: 0 6px 0 0 !important;
  cursor: pointer !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.sp-thumbnail-container:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }
.sp-thumbnail-container:last-child {
  margin: 0 !important; }

.sp-next-thumbnail-arrow,
.sp-previous-thumbnail-arrow {
  background-color: whitesmoke !important;
  position: absolute !important; }

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0; }
  .gallery-thumbs .swiper-slide {
    width: 90px !important;
    height: 90px !important;
    overflow: hidden;
    opacity: 1; }
  .gallery-thumbs .swiper-slide-active {
    opacity: 1; }
  .gallery-thumbs img {
    width: auto !important;
    height: 100% !important;
    cursor: pointer; }
  .gallery-thumbs .work-img-inner {
    background: #efefef; }

.works-txt {
  width: 100%; }

.works-data {
  width: 250px;
  float: left; }
  .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-concept {
  margin: 0 0 0 -250px;
  width: 100%;
  float: right; }
  .works-concept article {
    margin: 0 0 0 290px; }

.work-in-category h3 {
  color: #262626 !important;
  font-size: 18px !important;
  background: none !important;
  line-height: 1 !important;
  padding: 0 0 25px !important;
  margin: 75px 0 25px !important;
  border-bottom: 1px solid #d6d6d6;
  text-align: left; }

.yarpp-works-title {
  color: #262626 !important;
  font-size: 18px !important;
  background: none !important;
  line-height: 1 !important;
  padding: 0 0 25px !important;
  margin: 75px 0 25px !important;
  border-bottom: 1px solid #d6d6d6;
  text-align: left;
  margin: 65px 0 50px !important; }

.yarpp-works-2017 {
  padding-bottom: 30px; }

.single-works .yarpp-related .side-box {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 75px; }

.work-in-category span a {
  display: inline-block;
  background: #eaeaea;
  padding: 15px 15px;
  font-size: 12px;
  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; }
  .work-in-category span a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.works-yarpp {
  background: #eeedeb;
  padding: 20px;
  margin: 0 0 35px;
  -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-yarpp:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.works-yarpp-thum {
  width: 245px;
  height: 173px;
  overflow: hidden;
  margin: 0 0 13px; }
  .works-yarpp-thum img {
    width: 100%;
    height: auto; }

.works-yarpp-date {
  font-size: 12px !important; }

.no-np .flickity-prev-next-button {
  display: none; }

/*2017*/
.works-s-slider2017-c {
  width: 100%;
  position: relative;
  padding-bottom: 35px;
  border-bottom: 1px solid #d6d6d6; }

.works-s-slider2017 .sp-arrows {
  top: 306px !important; }

#works-s-slider {
  margin: 0 !important; }

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

#works-s-slider .sp-slides h3 {
  font-size: 14px;
  line-height: 1;
  margin: 33px 0 10px;
  text-align: left;
  padding: 0;
  border: none !important; }
#works-s-slider .sp-slides span {
  display: block;
  text-align: left; }
  @supports (-ms-ime-align: auto) {
    #works-s-slider .sp-slides span {
      transform: translate(0, -2px); } }
#works-s-slider .sp-previous-arrow {
  background-color: #fff !important;
  left: -35px !important; }
  @media screen and (max-width: 1040px) {
    #works-s-slider .sp-previous-arrow {
      top: -100px !important; } }
#works-s-slider .sp-next-arrow {
  background-color: #fff !important;
  right: -35px !important; }
  @media screen and (max-width: 1040px) {
    #works-s-slider .sp-next-arrow {
      top: -100px !important; } }

@media all and (-ms-high-contrast: none) {
  #works-s-slider .sp-slides span {
    line-height: 1.7em; } }
.works-s-slider2017 .links {
  position: absolute;
  right: 0px;
  top: 0;
  width: 298px; }
  .works-s-slider2017 .links ul {
    list-style: none;
    padding: 0;
    margin: 0; }
.works-s-slider2017 ul li {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0 5px 5px 0;
  padding: 0;
  overflow: hidden; }
  .works-s-slider2017 ul li:nth-child(3n) {
    margin-right: 0; }
  .works-s-slider2017 ul li img {
    height: 100%;
    width: auto;
    max-width: none;
    -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-s-slider2017 ul li img:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

.single-work-links {
  width: 100%;
  margin: 50px 0 75px; }
  .single-work-links > div {
    width: 31.6666666666% !important;
    float: left;
    margin: 0 20px 0 0; }
    .single-work-links > div:last-child {
      margin: 0; }
    .single-work-links > div a {
      color: #757575;
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: 24px 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: 1px solid #262626; }

.works-txt-2017 h3 {
  font-size: 18px !important;
  margin: 0 0 25px !important;
  padding: 0 !important;
  border: none !important; }
.works-txt-2017 dl {
  display: table;
  vertical-align: top;
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #d6d6d6;
  width: 100%; }
  .works-txt-2017 dl dt {
    width: 200px;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .works-txt-2017 dl dd {
    max-width: 100%;
    display: table-cell;
    vertical-align: top;
    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; }

.yarpp-works-2017 {
  margin-right: -20px; }
  @media screen and (max-width: 1200px) {
    .yarpp-works-2017 {
      margin-right: 0; } }

/*archive-works.php*/
#infscr-loading {
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1999;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5); }
  #infscr-loading img {
    width: 100px;
    height: auto; }

.siborikomicri,
.siborikomicri2 {
  clear: left; }

.works-archive-header h2 {
  padding: 20px 0;
  border-bottom: 1px solid #262626;
  font-size: 32px; }

.works-archive-contents article {
  margin-right: -20px;
  margin-bottom: 75px; }
  @media screen and (max-width: 1200px) {
    .works-archive-contents article {
      margin-right: 0; } }

.works-list {
  width: 285px;
  height: 201px;
  margin: 0 20px 20px 0;
  float: left; }
  @media screen and (max-width: 1200px) {
    .works-list {
      width: calc((100% - 41px) / 3);
      height: auto; }
      .works-list:nth-child(3n) {
        margin-right: 0; } }
  .works-list dl {
    position: relative;
    margin: 0;
    padding: 0; }
    .works-list dl dt {
      padding: 0;
      margin: 0;
      overflow: hidden;
      height: 201px; }
      @media screen and (max-width: 1200px) {
        .works-list dl dt {
          height: auto; } }
    .works-list dl dd {
      position: absolute !important;
      left: 0;
      top: 0;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 201px;
      box-sizing: border-box; }
    .works-list dl dt img {
      margin: 0;
      padding: 0;
      vertical-align: bottom;
      z-index: 999;
      height: 100%;
      width: auto; }
      @media screen and (max-width: 1200px) {
        .works-list dl dt img {
          width: 100%;
          height: auto; } }

/*@media screen and (min-width:1199px) {
  .works-list:nth-child(4n) {
  margin-right: 0;
  }
}

@media screen and (max-width:1200px) {
  .works-list:nth-child(3n) {
    margin-right: 0;
  }
}
*/
.nothum {
  margin-left: 0 !important; }

.works-list dl dd .jiturei-inner-div {
  height: 202px;
  z-index: 1000;
  font-size: 12px;
  line-height: 1.8; }
.works-list dl dd div:hover {
  opacity: 1; }

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

.dispmore {
  display: block !important; }

/*シーン別*/
.item {
  width: 230px;
  margin: 5px;
  float: left; }
  .item img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

#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: 100px;
  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: 100px;
    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; }

.post-type-archive-works #fancybox-content {
  border: none !important;
  margin-left: 10px !important; }
.post-type-archive-works #fancybox-overlay {
  background: rgba(51, 51, 51, 0.95) !important; }
.post-type-archive-works #fancybox-outer {
  background: none !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-repeat: no-repeat !important;
  background-position: center center !important;
  width: 35px !important;
  height: 90px !important;
  left: -50px !important;
  background-size: 9px 16px !important; }

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

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

.fancybox-hidden {
  display: none; }

.scene-caption {
  background: #fff;
  padding: 50px;
  display: table;
  width: 850px;
  box-sizing: border-box !important; }
  .scene-caption div {
    display: table-cell;
    box-sizing: border-box !important;
    vertical-align: middle; }
    .scene-caption div:first-child {
      padding-right: 50px; }
    .scene-caption div:last-child {
      width: 325px; }
      .scene-caption div:last-child a {
        display: block;
        width: 325px;
        padding: 25px 0;
        text-align: center;
        line-height: 0;
        background: #262626;
        color: #fff; }
        .scene-caption div:last-child a:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }
      .scene-caption div:last-child span {
        display: block;
        width: 325px;
        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: 40px 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:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5; }
        .scene-caption div:last-child span.favorite:before {
          content: "この実例をお気に入りに追加する"; }
        .scene-caption div:last-child span.is_favorite {
          background-color: #d6d6d6; }
          .scene-caption div:last-child span.is_favorite:before {
            content: "この実例はお気に入りに追加済み"; }

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

.scenes-img {
  width: 850px !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; }

#work-scene {
  margin: 0 0 75px !important; }

.work-scene-img {
  background: black; }
  .work-scene-img:hover .sceneimg {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4; }

.sceneimg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .sceneimg:hover {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4; }
    .sceneimg:hover ~ .favorite {
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1; }

.favorite:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

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

#siborikomi {
  border: none;
  padding: 32.5px;
  width: 100%;
  background: #262626;
  color: #fff;
  font-size: 14px;
  line-height: 0;
  box-sizing: border-box;
  background-image: url(images/plus.png);
  background-repeat: no-repeat;
  background-position: right center; }

.minus {
  background-image: url(images/minus.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: 32.5px 0;
      background: #d6d6d6;
      color: #262626;
      width: 100%;
      display: block;
      box-sizing: border-box; }

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

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

#siborikomi2 ul {
  margin: 0 !important; }
  #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 {
  display: table;
  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;
  width: 100px;
  display: table-cell;
  vertical-align: top;
  text-align: left; }
#siborikomi-c dl dd {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: top; }

.siborikomi-close,
.allclear {
  width: 285px;
  padding: 22.5px 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; }

#siborikomi-inner input[type="submit"] {
  width: 285px;
  padding: 22.5px 0;
  margin: 0 20px 0 0;
  text-align: center;
  background: #ab0119;
  color: #fff;
  line-height: 0;
  font-size: 14px;
  border: none;
  box-sizing: border-box;
  vertical-align: bottom;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #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; }

/*お客様の声以下*/
/*archive-voice.php*/
.voice-header {
  margin: 0 0 35px; }

#voice-more {
  margin-top: 25px !important; }

.voice-header h2 {
  font-size: 32px;
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #262626; }

#top-voice > article {
  margin: 0 -20px 0 0;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    #top-voice > article {
      margin: 0; } }

.voice-sort {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 75px; }
  .voice-sort .only-sp {
    display: none !important; }
  .voice-sort > div {
    width: calc(50% - 12px); }
    .voice-sort > div a {
      color: #262626; }
    .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 7px;
      cursor: pointer; }
      .voice-sort > div:last-child > span.open {
        background-image: url(images/voice-minus.svg);
        background-position: right 0 top 13px; }
    .voice-sort > div:last-child ul {
      display: none;
      margin: 0;
      padding: 1em 0;
      background-color: #fff;
      list-style: none;
      line-height: 3; }
      .voice-sort > div:last-child ul li a:hover {
        font-weight: 700; }

.voice-archive {
  padding: 0 0 50px;
  margin: 0 20px 50px 0;
  float: left;
  width: 285px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .voice-archive {
      width: calc((100% - 40px) / 3); }
      .voice-archive:nth-child(3n) {
        margin-right: 0; }
      .voice-archive:nth-child(4) {
        display: none; } }
  .voice-archive img {
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom; }
  .voice-archive dl {
    margin: 0 0 15px;
    padding: 0; }
    .voice-archive dl dt {
      font-size: 14px;
      font-weight: 700;
      padding: 0;
      margin: 24px 0;
      margin-bottom: 10px;
      padding-bottom: 12px;
      border-bottom: 1px solid #d6d6d6; }
    .voice-archive dl dd {
      font-size: 14px;
      padding: 0;
      margin: 0; }
      .voice-archive dl dd .eval {
        display: flex;
        font-size: 10px;
        margin-bottom: 20px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em; }
        .voice-archive dl dd .eval > div {
          width: 50%;
          align-items: center;
          display: flex;
          height: 25px;
          line-height: 1; }
          .voice-archive dl dd .eval > div:last-child {
            text-align: right;
            justify-content: flex-end; }
          .voice-archive dl dd .eval > div > span {
            margin-left: 0.5em; }
            .voice-archive dl dd .eval > div > span:last-child {
              display: none; }
        .voice-archive dl dd .eval .star0 {
          display: inline-block;
          width: 73px;
          height: 14px;
          background: url(images/star0.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: 73px;
          height: 14px;
          background: url(images/star1.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: 73px;
          height: 14px;
          background: url(images/star2.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: 73px;
          height: 14px;
          background: url(images/star3.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: 73px;
          height: 14px;
          background: url(images/star4.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: 73px;
          height: 14px;
          background: url(images/star5.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: 16px 0;
    display: block;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    background: #262626;
    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: 18px;
  padding: 0 0 20px;
  margin: 0;
  border-bottom: 1px solid #d6d6d6; }

.voice-sort-archive {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 96px; }
  .voice-sort-archive dl {
    padding: 55px 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    width: 50%;
    box-sizing: border-box; }
    .voice-sort-archive dl:nth-child(2n - 1) {
      padding-right: 55px; }
    .voice-sort-archive dl:nth-child(2n) {
      padding-left: 55px; }
    .voice-sort-archive dl dt {
      font-size: 14px;
      font-weight: 700;
      background: url(images/voice-single-dt.png) no-repeat left top;
      background-size: 16px 15px;
      padding: 2px 0 1px 24px;
      margin: 0 0 25px; }
    .voice-sort-archive dl dd {
      padding: 0 0 0 24px;
      margin: 0; }
      .voice-sort-archive dl dd .eval {
        display: flex;
        font-size: 14px;
        margin-bottom: 2em;
        background-image: url(images/voice-sort-hyouka-bg.svg);
        background-repeat: no-repeat;
        background-position: center center; }
        .voice-sort-archive dl dd .eval > div {
          width: 50%;
          align-items: center; }
          .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;
            font-weight: 600;
            letter-spacing: 0.1em; }
        .voice-sort-archive dl dd .eval .star0 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star0.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
        .voice-sort-archive dl dd .eval .star1 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star1.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
        .voice-sort-archive dl dd .eval .star2 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star2.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
        .voice-sort-archive dl dd .eval .star3 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star3.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
        .voice-sort-archive dl dd .eval .star4 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star4.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
        .voice-sort-archive dl dd .eval .star5 {
          display: inline-block;
          width: 87px;
          height: 12px;
          background: url(images/star5.svg) no-repeat center;
          background-size: 100%;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 0.7em; }
      .voice-sort-archive dl dd .voice-sort-more {
        display: block;
        text-align: center;
        margin-top: 30px; }
        .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: 12px;
          padding: 18px; }
          .voice-sort-archive dl dd .voice-sort-more a:hover {
            opacity: 0.5; }

/*single-voice.php*/
.voice-single-header {
  margin: 0 0 75px; }
  .voice-single-header h2 {
    font-size: 32px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #262626; }

.voice-single-content {
  width: 100%; }
  .voice-single-content header {
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    display: flex;
    padding-bottom: 56px; }
    .voice-single-content header h3 {
      position: relative;
      padding: 0;
      margin: 0;
      display: flex;
      align-items: center;
      width: 38.1%; }
      .voice-single-content header h3 span {
        display: block; }
        .voice-single-content header h3 span:first-child {
          background-color: #262626;
          color: #fff;
          font-size: 12px;
          padding: 9px 30px;
          line-height: 1; }
        .voice-single-content header h3 span:last-child {
          font-size: 14px;
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          font-weight: 600;
          letter-spacing: 0.1em;
          margin-left: 2em; }
    .voice-single-content header .voice-single-img {
      box-sizing: border-box;
      width: 61.9%; }
      .voice-single-content header .voice-single-img > div {
        height: 200px !important;
        width: auto !important; }
        .voice-single-content header .voice-single-img > div h3,
        .voice-single-content header .voice-single-img > div span {
          display: none; }
        .voice-single-content header .voice-single-img > div:first-child {
          float: left; }
        .voice-single-content header .voice-single-img > div:last-child {
          float: right; }
          .voice-single-content header .voice-single-img > div:last-child img {
            border: 1px solid #d6d6d6;
            box-sizing: border-box; }
        @media screen and (max-width: 1200px) {
          .voice-single-content header .voice-single-img > div {
            height: 160px !important; } }
        @media screen and (max-width: 980px) {
          .voice-single-content header .voice-single-img > div {
            height: 140px !important; } }
        .voice-single-content header .voice-single-img > div img {
          height: 200px !important;
          width: auto !important;
          vertical-align: bottom; }
          @media screen and (max-width: 1200px) {
            .voice-single-content header .voice-single-img > div img {
              height: 160px !important; } }
          @media screen and (max-width: 980px) {
            .voice-single-content header .voice-single-img > div img {
              height: 140px !important; } }
  .voice-single-content article {
    margin: 0 0 50px 0; }
  .voice-single-content .hyouka {
    display: flex;
    justify-content: center;
    padding: 28px 0;
    border-bottom: 1px solid #d6d6d6; }
    .voice-single-content .hyouka > div {
      width: 50%;
      align-items: center;
      font-size: 12px;
      padding-top: 23px;
      padding-bottom: 23px; }
      .voice-single-content .hyouka > div:first-child {
        border-right: 1px solid #d6d6d6;
        text-align: right;
        padding-right: 45px; }
      .voice-single-content .hyouka > div:last-child {
        padding-left: 45px; }
      .voice-single-content .hyouka > div > span {
        display: inline-block;
        vertical-align: middle; }
        .voice-single-content .hyouka > div > span:first-child {
          font-weight: bold;
          font-family: "MFW-HiraKakuProN-W5" !important;
          font-weight: 600;
          letter-spacing: 0.1em; }
        .voice-single-content .hyouka > div > span:last-child {
          font-size: 21px; }
          .voice-single-content .hyouka > div > span:last-child.not {
            font-size: 12px; }
    .voice-single-content .hyouka .star0 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star0.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }
    .voice-single-content .hyouka .star1 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star1.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }
    .voice-single-content .hyouka .star2 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star2.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }
    .voice-single-content .hyouka .star3 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star3.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }
    .voice-single-content .hyouka .star4 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star4.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }
    .voice-single-content .hyouka .star5 {
      display: inline-block;
      width: 136px;
      height: 19px;
      background: url(images/star5.svg) no-repeat center;
      background-size: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      margin: -3px 16px 0 35px; }

.voice-single-content article .voice-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 96px; }
  .voice-single-content article .voice-wrap dl {
    padding: 55px 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    width: 50%;
    box-sizing: border-box; }
    .voice-single-content article .voice-wrap dl:nth-child(2n - 1) {
      padding-right: 55px; }
    .voice-single-content article .voice-wrap dl:nth-child(2n) {
      padding-left: 55px; }
    .voice-single-content article .voice-wrap dl dt {
      font-size: 14px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em;
      background: url(images/voice-single-dt.png) no-repeat left top;
      background-size: 16px 15px;
      padding: 2px 0 1px 24px;
      margin: 0 0 25px; }
    .voice-single-content article .voice-wrap dl dd {
      padding: 0 0 0 24px;
      margin: 0; }
.voice-single-content article .aboutvoice {
  margin-bottom: 100px; }
  .voice-single-content article .aboutvoice dt {
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #d6d6d6;
    background-image: url(images/voice-plus.svg);
    background-repeat: no-repeat;
    background-position: right 16px bottom 16px;
    cursor: pointer; }
    .voice-single-content article .aboutvoice dt.open {
      background-image: url(images/voice-minus.svg);
      background-position: right 16px bottom 22px; }
  .voice-single-content article .aboutvoice dd {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    display: none; }
    .voice-single-content article .aboutvoice dd ul {
      padding: 0;
      margin: 0;
      list-style: none; }
.voice-single-content article .voice-etc-title {
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 0 0 25px;
  margin: 0 0 25px;
  border-bottom: 1px solid #d6d6d6; }
.voice-single-content article .voice-etc {
  margin: 0 -20px 0 0;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .voice-single-content article .voice-etc {
      margin-right: 0; } }
.voice-single-content article .voice-nextprev {
  display: flex;
  justify-content: space-between; }
  .voice-single-content article .voice-nextprev br {
    display: none; }
  .voice-single-content article .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;
    color: #262626;
    line-height: 1; }
    .voice-single-content article .voice-nextprev a[rel="next"]:hover {
      opacity: 0.5; }
  .voice-single-content article .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; }
    .voice-single-content article .voice-nextprev a[rel="prev"]:hover {
      opacity: 0.5; }

/*
  暮らしのコラム情報
  column/配下
*/
.column-header {
  margin: 0 0 24px; }
  .column-header h2 {
    border-bottom: 1px solid #262626;
    font-size: 32px;
    padding: 20px 0px;
    margin: 0px 0px 35px; }

.column-contents h3 {
  font-size: 24px;
  font-weight: 300; }
.column-contents h4 {
  font-size: 20px;
  font-weight: 300; }
.column-contents article {
  margin: 0 0 96px; }

.column-nav {
  width: 100%;
  margin: 80px auto;
  border-bottom: #d6d6d6 1px solid; }
  .column-nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
    .column-nav ul li {
      line-height: 1;
      padding-bottom: 24px;
      margin-right: 34px;
      display: inline-block;
      color: #d6d6d6;
      font-size: 12px;
      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;
    margin-right: -20px; }
    @media screen and (max-width: 1200px) {
      #top-column2 > article {
        margin-right: 0; } }
    #top-column2 > article > div {
      width: 285px;
      margin-right: 20px;
      margin-bottom: 50px;
      position: relative; }
      @media screen and (max-width: 1200px) {
        #top-column2 > article > div {
          width: calc((100% - 40px) / 3); }
          #top-column2 > article > div:nth-child(3n) {
            margin-right: 0; } }
      #top-column2 > article > div > img {
        width: 100%;
        height: 201px !important;
        height: auto; }
      #top-column2 > article > div > div:nth-child(2) {
        margin: 10px 0 20px;
        display: table; }
        @media screen and (max-width: 1200px) {
          #top-column2 > article > div > div:nth-child(2) {
            width: 100%; } }
        #top-column2 > article > div > div:nth-child(2) > span:first-child {
          line-height: 0;
          padding: 17.5px 0;
          width: 160px;
          box-sizing: border-box;
          background: #f4f4f4;
          border: 1px solid #d6d6d6;
          font-size: 12px;
          display: table-cell;
          text-align: center; }
          @media screen and (max-width: 1200px) {
            #top-column2 > article > div > div:nth-child(2) > span:first-child {
              width: 180px; } }
        #top-column2 > article > div > div:nth-child(2) > span:last-child {
          line-height: 0;
          padding: 17.5px 0;
          width: 125px;
          box-sizing: border-box;
          border: 1px solid #d6d6d6;
          border-left: none;
          font-size: 12px;
          display: table-cell;
          text-align: center; }
          @media screen and (max-width: 1200px) {
            #top-column2 > article > div > div:nth-child(2) > span:last-child {
              width: calc(100% - 180px); } }
      #top-column2 > article > div > h3 {
        font-size: 16px;
        height: 50px;
        margin: 0; }
      #top-column2 > article > div > div:nth-child(4) {
        height: 134px;
        overflow: hidden;
        margin: 0 0 25px 0; }
      #top-column2 > article > div > a {
        display: block;
        line-height: 0;
        padding: 25px 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; }

/*	#top-column2 > article > div:nth-child(4n) {
    margin-right: 0;
  }

*/
@media screen and (max-width: 1200px) {
  .column-top-new {
    float: left;
    margin: 0 0.6% 8px 0;
    width: 24.34%;
    -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: 49.8% !important;
      height: auto !important;
      margin-bottom: 75px; }
    .column-top-new:nth-child(3n) {
      margin-right: 0 !important; }

  .column-top-inner {
    width: 100%;
    position: relative; }

  .column-top-new:first-child .column-top-inner:after {
    padding-bottom: 70.3% !important; }

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

  .column-top-picup {
    float: left;
    margin: 0 0.6% 8px 0;
    width: 24.34%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; } }
@media screen and (min-width: 1199px) {
  .column-top-new {
    float: left;
    margin: 0 10px 10px 0;
    width: 292px;
    -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: 596px !important;
      height: auto !important;
      margin-bottom: 75px; }
    .column-top-new:nth-child(3n) {
      margin-right: 0 !important; }

  .column-top-inner {
    width: 100%;
    position: relative; }

  .column-top-new:first-child .column-top-inner:after {
    padding-bottom: 420px !important; }

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

  .column-top-picup {
    float: left;
    margin: 0 10px 10px 0;
    width: 292px;
    -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: 10px 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-sizing: border-box;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0; }

.column-top-new:hover,
.column-top-picup:hover {
  opacity: 0.8; }

.column-top-new-text h3 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 0 !important; }

.column-top-new-icon {
  position: absolute;
  left: 0;
  top: 0; }
  .column-top-new-icon img {
    width: 52px !important;
    height: 20px !important; }

.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: 23.75%;
  margin: 0 1.6666% 0 0;
  float: left; }
  .column-top-contents .gallery-cell:last-child {
    margin-right: 0; }
  .column-top-contents .gallery-cell dl {
    padding: 0;
    margin: 0;
    font-size: 14px;
    position: relative; }
    .column-top-contents .gallery-cell dl dt {
      position: relative;
      padding: 0;
      margin: 0;
      text-align: center;
      overflow: hidden;
      width: 100%;
      height: auto; }
      .column-top-contents .gallery-cell dl dt img {
        width: 100%;
        height: auto; }
    .column-top-contents .gallery-cell dl dd {
      position: absolute;
      left: 0;
      top: 0;
      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; }
    .column-top-contents .gallery-cell dl dd .colunm-top-new-inner {
      padding: 20px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transition: 0.3s;
      transition: 0.3s;
      opacity: 0;
      box-sizing: border-box;
      color: #fff;
      position: relative; }
      .column-top-contents .gallery-cell dl dd .colunm-top-new-inner:hover {
        opacity: 1; }

/*わが家の暮らしのカタチ taxonomy-obinterview.php*/
.column-archive-contents {
  width: 100%; }
  .column-archive-contents article {
    margin-right: -20px;
    margin-bottom: 75px;
    overflow: hidden; }

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

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

.wagaya-list-c {
  width: 100%;
  margin-right: -20px; }

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

.wagaya-list {
  width: 285px;
  height: 200px;
  margin: 0 20px 20px 0;
  float: left; }
  .wagaya-list dl {
    font-size: 13px;
    position: relative;
    padding: 0;
    margin: 0; }
    .wagaya-list dl dt {
      padding: 0;
      margin: 0;
      overflow: hidden;
      height: 200px; }
    .wagaya-list dl dd {
      position: absolute !important;
      left: 0;
      top: 0;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 200px;
      box-sizing: border-box; }
    .wagaya-list dl dt img {
      margin: 0;
      padding: 0;
      vertical-align: bottom;
      z-index: 999;
      height: 100%;
      width: auto; }
    .wagaya-list dl dd .wagaya-inner-div {
      padding: 20px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transition: 0.3s;
      transition: 0.3s;
      opacity: 0;
      box-sizing: border-box;
      color: #fff;
      position: relative; }
    .wagaya-list dl dd div:hover {
      opacity: 1; }

.wagaya-inner-div span {
  display: block;
  font-size: 12px; }

/*わが家の暮らしのカタチ single.php*/
.wagaya-single-content {
  margin: 0 -285px 0 0;
  width: 100%;
  float: left; }
  .wagaya-single-content h3 {
    margin: 0px 350px 35px 0;
    position: relative; }
    .wagaya-single-content h3 span {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 14px;
      font-weight: 500; }
  .wagaya-single-content article {
    margin: 0 350px 75px 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 35px 0px; }

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

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

.wagaya-txt-content {
  margin-bottom: 50px; }

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

.wagaya-thum {
  width: 38.2%;
  float: left; }
  .wagaya-thum img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.wagaya-data {
  width: 61.8%;
  float: right;
  position: relative;
  background-color: #f8f8f8; }
  .wagaya-data div {
    padding: 56px;
    box-sizing: border-box;
    height: 100%;
    position: relative; }
  .wagaya-data h4 {
    margin: 0 0 25px;
    font-size: 12px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    padding: 0; }
  .wagaya-data p {
    margin: 0;
    font-size: 12px; }
  .wagaya-data dl {
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px; }
    .wagaya-data dl dt,
    .wagaya-data dl dd {
      margin: 0;
      padding: 0;
      display: inline-block; }
  .wagaya-data a {
    background: #262626;
    height: 56px;
    box-sizing: border-box;
    width: calc(100% - 108px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 54px;
    transition: 0.3s; }
    .wagaya-data a:hover {
      opacity: 0.5; }

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

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

.wagaya-backnumber {
  margin: 0 0 20px; }
  .wagaya-backnumber:last-child {
    margin-bottom: 65px; }
  .wagaya-backnumber img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin: 0 0 20px;
    padding: 0; }

.wagaya-bn-time {
  font-size: 10px;
  color: #757575;
  margin-bottom: 10px; }

.wagaya-bn-title {
  font-size: 12px; }
  .wagaya-bn-title a {
    color: #262626; }
    .wagaya-bn-title a:hover {
      opacity: 0.5; }

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

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

.wagaya-kaiwa > :last-child {
  margin-bottom: 75px !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: 12px !important;
  padding: 0;
  margin: 0;
  display: inherit !important;
  line-height: 1.7; }

#wagaya-side-mail {
  padding-bottom: 63px; }
  #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 -285px 0 0;
  width: 100%;
  float: left; }

.staffcolum-single-in {
  margin: 0 350px 0 0; }
  .staffcolum-single-in h3 {
    margin: 0 0 35px; }
  .staffcolum-single-in > article > h3 {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    border-top: 1px dotted #d6d6d6;
    padding: 50px 0 0 !important;
    margin: 50px 0 !important; }

.staffcolum-single-time {
  margin: 0 0 35px; }

.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: 35px 0; }
  .staffcolum-single-in article img {
    max-width: 100% !important;
    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: 285px;
  float: right;
  margin-top: -5px; }
  .staffcolumn-sidebar h3 {
    margin: 0 !important;
    padding: 25px 0 !important;
    text-align: center !important;
    background: #262626 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1 !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;
      font-size: 14px; }
      .staffcolumn-sidebar ul li span {
        font-size: 12px;
        display: block; }

/*検索*/
.search-header h2 {
  font-size: 32px;
  padding: 20px 0px;
  margin: 0px 0px 75px;
  border-bottom: 1px solid #262626; }

.search-top-form {
  text-align: center;
  padding-bottom: 75px;
  margin-bottom: 35px;
  border-bottom: 1px solid #d6d6d6; }
  .search-top-form input[type="text"] {
    margin-right: -5px;
    width: 440px;
    height: 40px;
    box-sizing: border-box;
    letter-spacing: 2px;
    vertical-align: baseline;
    border: 1px solid #c1c1c1;
    padding-left: 9px; }
  .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; }

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

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

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

.search-div-thum {
  width: 225px;
  float: left; }
  .search-div-thum img {
    vertical-align: bottom; }

.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: 500;
    font-size: 18px; }

/*最終調整*/
.works-single-contents h3 {
  line-height: 1;
  margin: 0 0 35px;
  padding: 0 0 35px;
  border-bottom: 1px solid #d6d6d6; }
.works-single-contents .yarpp-related {
  margin-top: 15px !important; }
.works-single-contents .aboutworks {
  margin-top: 100px;
  margin-bottom: 100px; }
  .works-single-contents .aboutworks dt {
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #d6d6d6;
    background-image: url(images/voice-plus.svg);
    background-repeat: no-repeat;
    background-position: right 16px bottom 16px;
    cursor: pointer; }
    .works-single-contents .aboutworks dt.open {
      background-image: url(images/voice-minus.svg);
      background-position: right 16px bottom 22px; }
  .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; }

.event-single-contents {
  margin-top: 80px; }

.event-single-contents .yarpp-related {
  margin-top: 15px !important; }

.single-event #event-single-etc-2017 {
  margin-bottom: 75px; }

#dynamic-to-top {
  position: fixed;
  top: auto;
  left: auto;
  position: fixed !important;
  bottom: 23px !important;
  right: 0 !important;
  font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", "MFW-HiraKakuProN-W3", "メイリオ", "Meiryo", sans-serif !important;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 14px !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 0 !important;
  border: none;
  background: #1a1a1a;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #dynamic-to-top:hover {
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.5 !important;
    opacity: 0.5 !important; }
  #dynamic-to-top span {
    display: block !important;
    width: 40px !important;
    height: 126px !important;
    background: url(https://www.advance-architect.co.jp/wp-content/themes/advance/images/side-top.png) !important;
    white-space: nowrap !important;
    text-indent: 100% !important;
    overflow: hidden !important;
    background-size: 40px 126px !important; }

.safeimg {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

/* ps2017.02.20 */
/* 2020.02.10 fix*/
/*modelhouse*/
#modelhouse-header-image {
  width: 100vw;
  height: calc(100vh - 163px);
  margin-top: -91px;
  margin-left: calc((100vw - 100%) / -2);
  margin-bottom: 120px;
  background: url(images/modelhouse/mh_main_pc_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% - 300px);
    top: calc(50% - 80px); }
  #modelhouse-header-image img.scroll-modelhouse {
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px); }
  #modelhouse-header-image img.sp {
    display: none; }

.modelhouse-header {
  margin: 0 0 50px; }
  .modelhouse-header h2 {
    font-size: 32px;
    padding: 20px 0;
    margin-bottom: 80px;
    border-bottom: 1px solid #262626; }

#modelhouse-content > article > div:nth-child(1) {
  margin: 0 0 100px; }
#modelhouse-content .top-banner-2017 {
  margin-bottom: 100px !important; }

.sinshun2018-banner {
  margin-bottom: 75px; }
  .sinshun2018-banner img {
    width: 100%;
    height: 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; }
    .sinshun2018-banner img:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

#modelhouse-content h3 {
  font-size: 21px;
  margin: 0 0 35px; }
#modelhouse-content h4 {
  font-size: 20px;
  font-weight: 300; }

.modelhouse-list-h3 {
  margin-bottom: 70px; }

.modelhouse-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px; }
  .modelhouse-list > div {
    width: 48.3333333333333%;
    margin-bottom: 64px; }
    .modelhouse-list > div > a:hover {
      opacity: 0.5; }
    .modelhouse-list > div > a img {
      width: 100%;
      height: auto;
      vertical-align: bottom;
      margin-bottom: 35px; }
    .modelhouse-list > div h4 {
      font-size: 14px !important;
      font-weight: normal !important;
      margin: 0 0 28px !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: 12px;
        line-height: 1;
        padding: 25px 0; }
        .modelhouse-list > div .links a:hover {
          opacity: 0.5; }
        .modelhouse-list > div .links a:first-child {
          background: #262626;
          color: #ffffff; }

.modelhouse-appeal {
  width: 100%;
  margin: 0 auto 75px; }
  .modelhouse-appeal > div {
    float: left;
    width: 31.666667%;
    margin-right: 2.5%; }
    .modelhouse-appeal > div:last-child {
      margin: 0; }
    .modelhouse-appeal > div img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    .modelhouse-appeal > div dl {
      margin: 35px 0 0 0;
      padding: 0; }
      .modelhouse-appeal > div dl dt {
        margin: 0 0 28px;
        font-size: 14px;
        padding: 0;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em; }
      .modelhouse-appeal > div dl dd {
        padding: 0;
        margin: 0; }

.modelhouse-allways {
  margin-bottom: 50px; }
  .modelhouse-allways .links {
    width: 100%;
    position: absolute;
    right: -640px; }
    .modelhouse-allways .links ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .modelhouse-allways .links ul li {
        padding: 0;
        margin: 0 3.5% 20px 0;
        float: left;
        width: 31%; }
        .modelhouse-allways .links ul li:nth-child(3n) {
          margin-right: 0; }
        .modelhouse-allways .links ul li img {
          width: 100%;
          height: auto;
          vertical-align: bottom; }

.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-img-inner img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.m-a-img-inner dl {
  text-align: left;
  margin: 25px 0 0;
  padding: 0; }
  .m-a-img-inner dl dt {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px; }
  .m-a-img-inner dl dd {
    margin: 0;
    padding: 0; }

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

.m-a-gaiyou {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  .m-a-gaiyou > div:first-child {
    width: 64.17%;
    text-align: justify; }
  .m-a-gaiyou > div:last-child {
    width: 31.67%;
    margin-left: 4.16%; }
    .m-a-gaiyou > div:last-child dl {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      margin: 0;
      border-bottom: 1px solid #d6d6d6; }
      .m-a-gaiyou > div:last-child dl:last-child {
        border-bottom: none; }
      .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: 50px; }

.m-a-shousai {
  margin-bottom: 50px; }
  .m-a-shousai dl {
    display: flex;
    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;
      width: 16.67%; }
    .m-a-shousai dl dd {
      padding: 0;
      margin: 0;
      width: 83.33%; }

.m-a-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .m-a-links > a {
    width: 48.3333333333333%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #262626;
    border: 1px solid #262626;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px; }
    .m-a-links > a:hover {
      opacity: 0.5; }
    .m-a-links > a:nth-child(1), .m-a-links > a:nth-child(2) {
      background: #fff;
      color: #262626;
      margin-bottom: 40px; }
    .m-a-links > a:nth-child(3) {
      font-family: "Sawarabi Mincho" !important; }
    .m-a-links > a:nth-child(4) {
      background: #fff;
      color: #262626;
      font-family: "Sawarabi Mincho" !important; }
      .m-a-links > a:nth-child(4) img {
        margin-left: 75px;
        vertical-align: bottom; }

#limited {
  padding-top: 100px; }

.modelhouse-box > div {
  width: 48.333333%; }
  .modelhouse-box > div:first-child {
    float: left; }
    .modelhouse-box > div:first-child img {
      width: 100%;
      height: auto; }
  .modelhouse-box > div:last-child {
    float: right; }

.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;
  display: flex;
  justify-content: space-between; }
  .modelhouse-more > span {
    width: 48.33%;
    display: block; }
    .modelhouse-more > span a {
      display: block;
      box-sizing: border-box;
      width: 100%;
      font-size: 12px;
      line-height: 1;
      display: block;
      padding: 19px 0;
      border: 1px solid #757575;
      text-align: center;
      cursor: pointer; }
      .modelhouse-more > span a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }

.mh-campain {
  margin-bottom: 75px; }
  .mh-campain img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .mh-campain img:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

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

#mhc {
  padding-top: 75px; }

.modelhouse-contact {
  width: 850px;
  margin: 0 auto 100px; }

/*2020 livingshowroom*/
.modelhouse-header h3 {
  font-size: 21px;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 56px;
  border-bottom: 1px solid #d6d6d6; }

#modelhouse-content-sub {
  margin-bottom: 100px; }
  #modelhouse-content-sub > article > div:nth-child(2) {
    margin: 80px 0 80px; }
  #modelhouse-content-sub .top-banner-2017 {
    margin-bottom: 100px !important; }
  #modelhouse-content-sub .modelhouseslider {
    width: 100vw;
    margin-left: calc((100vw - 100%) / -2);
    padding-bottom: 80px;
    margin-bottom: 120px;
    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: 80px; }
      #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport {
        overflow: visible; }
        #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider {
          left: calc((100vw - 580px) / 2); }
          #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider > div {
            width: auto !important;
            max-width: 580px !important;
            height: 410px !important;
            margin-right: 8px; }
            #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-viewport .slider > div img {
              height: 410px;
              width: auto; }
      #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-controls-direction {
        width: 1200px;
        position: relative;
        margin: 0 auto; }
        #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-controls-direction .bx-next {
          background: url(images/right-2020.svg) !important;
          background-repeat: no-repeat !important;
          background-position: right center;
          margin-top: 78px !important; }
        #modelhouse-content-sub .modelhouseslider .bx-wrapper .bx-controls-direction .bx-prev {
          background: url(images/left-2020.svg) !important;
          background-repeat: no-repeat !important;
          background-position: left center;
          margin-top: 78px !important; }
    #modelhouse-content-sub .modelhouseslider div[class^="viewtext"] {
      text-align: center;
      display: none; }
    #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;
    font-size: 18px;
    padding: 0 0 20px;
    margin: 0 0 35px;
    border-bottom: 1px solid #d6d6d6; }

.modelhouse-plan-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; }
  .modelhouse-plan-menu li {
    line-height: 1;
    font-size: 18px;
    text-align: center;
    padding: 18px;
    border-bottom: 5px solid #d6d6d6;
    cursor: pointer;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #d6d6d6;
    transition: 0.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: 1px solid #d6d6d6;
    border-top: none;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 60px 0 65px;
    box-sizing: border-box;
    display: none; }
    .modelhouse-plan-detail > div.show {
      display: flex; }
    .modelhouse-plan-detail > div > figure {
      width: 840px;
      text-align: center;
      border-right: 1px solid #d6d6d6; }
      .modelhouse-plan-detail > div > figure img {
        width: 636px;
        height: auto; }
        .modelhouse-plan-detail > div > figure img.sp {
          display: none; }
    .modelhouse-plan-detail > div > div {
      width: 360px;
      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 150px;
        width: 220px; }
        .modelhouse-plan-detail > div > div .hiraya-detail-text1 dt {
          font-size: 18px;
          font-family: "MFW-HiraKakuProN-W5" !important;
          font-weight: 600;
          letter-spacing: 0.1em; }
          .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;
          font-weight: 600;
          letter-spacing: 0.1em; }
          .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;
          font-weight: 600;
          letter-spacing: 0.1em; }
          .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;
            font-weight: 600;
            letter-spacing: 0.1em;
            font-size: 18px; }
          .modelhouse-plan-detail > div > div .choose-detail-text3 dd span:nth-child(2) {
            font-family: "MFW-HiraKakuProN-W5" !important;
            font-weight: 600;
            letter-spacing: 0.1em;
            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: 67px;
        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-plan-detail.choose > div > div {
      border-left: 1px solid #d6d6d6; }

.modelhouse-virtual-tour-title {
  margin: 140px 0 48px;
  padding: 0 0 20px;
  border-bottom: 1px solid #d6d6d6; }

#lsr-movie {
  padding-top: 120px; }
  #lsr-movie h3 {
    line-height: 1;
    font-size: 18px;
    padding: 0 0 20px;
    margin: 0 0 64px;
    border-bottom: 1px solid #d6d6d6; }
  #lsr-movie .movie-wrap {
    display: flex;
    justify-content: space-between; }
    #lsr-movie .movie-wrap .gallery-cell {
      width: 48.3333333333333%; }
      #lsr-movie .movie-wrap .gallery-cell img {
        cursor: pointer;
        vertical-align: bottom;
        max-width: 100%;
        height: auto; }
  #lsr-movie .modal-wrap {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important; }

.tm2020 {
  height: 120px; }

.modelhouse-contact-links {
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
  margin-bottom: 120px; }
  .modelhouse-contact-links > a {
    width: 48.3333333333333%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #262626;
    border: 1px solid #262626;
    box-sizing: border-box;
    font-size: 12px;
    font-family: "Sawarabi Mincho" !important;
    color: #fff;
    letter-spacing: 2px; }
    .modelhouse-contact-links > a:hover {
      opacity: 0.5; }
    .modelhouse-contact-links > a:nth-child(2) {
      background: #fff;
      color: #262626; }
      .modelhouse-contact-links > a:nth-child(2) img {
        margin-left: 75px;
        vertical-align: bottom; }
        @media screen and (max-width: 1045px) {
          .modelhouse-contact-links > a:nth-child(2) img {
            margin-left: 30px; } }

.post-type-archive-event .top-banner-2017 {
  margin-bottom: 75px !important; }

.smp-b {
  display: none; }

.top-works-new-inner > span {
  display: block;
  text-align: center;
  margin: 16px auto 36px; }
  .top-works-new-inner > span > a {
    font-size: 12px;
    padding: 25px 0;
    text-align: center;
    display: block;
    width: 380px;
    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-inner > span > a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

#top-works-search2020 {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 45px 0;
  text-align: center;
  margin-bottom: 45px; }
  #top-works-search2020 h4 {
    padding: 0;
    margin: 0 auto 40px;
    font-size: 14px;
    font-weight: 500; }
  #top-works-search2020 ul {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    @media screen and (max-width: 1100px) {
      #top-works-search2020 ul {
        padding: 0 3%; } }
    #top-works-search2020 ul li {
      width: 19%;
      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: 10px;
        color: #262626;
        transition: 0.3s; }
        #top-works-search2020 ul li a:hover {
          background-color: #53555a;
          color: #fff; }

.works-more2020 {
  text-align: center;
  display: block;
  margin-bottom: 100px; }
  .works-more2020 a {
    margin: 0 auto;
    display: inline-block;
    font-size: 12px;
    background: #262626;
    color: #fff;
    transition: 0.3s;
    width: 386px;
    padding: 11px;
    box-sizing: border-box; }
    .works-more2020 a:hover {
      opacity: 0.5; }

.top-search {
  padding: 35px 40px;
  box-sizing: border-box;
  border: 1px solid #262626;
  text-align: center;
  margin-bottom: 100px; }
  .top-search h4 {
    line-height: 1;
    padding: 0 0 20px;
    margin: 0 auto 35px;
    border-bottom: 1px solid #262626;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .top-search ul {
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    list-style: none;
    width: 63.4%;
    float: left;
    padding: 0;
    margin: 0; }
    .top-search ul li {
      margin-right: 2.125%; }
      .top-search ul li:nth-child(1), .top-search ul li:nth-child(2), .top-search ul li:nth-child(3), .top-search ul li:nth-child(4), .top-search ul li:nth-child(5) {
        margin-bottom: 20px; }
      .top-search ul li:nth-child(1), .top-search ul li:nth-child(6) {
        width: 21.1%; }
      .top-search ul li:nth-child(2), .top-search ul li:nth-child(7), .top-search ul li:nth-child(3), .top-search ul li:nth-child(8) {
        width: 14.1%; }
      .top-search ul li:nth-child(4), .top-search ul li:nth-child(9) {
        width: 21.1%; }
      .top-search ul li:nth-child(5), .top-search ul li:nth-child(10) {
        width: 21.1%;
        margin-right: 0; }
      .top-search ul li a {
        line-height: 0;
        font-size: 12px;
        padding: 24px 0;
        border: 1px solid #d6d6d6;
        display: block;
        color: #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; }
        .top-search ul li a:hover {
          border: 1px solid #262626;
          color: #262626; }
  .top-search dl {
    padding: 0;
    margin: 0;
    float: right;
    width: 34.5535714285714%;
    height: 120px;
    position: relative; }
    .top-search dl dt {
      padding: 0;
      margin: 0;
      font-size: 12px;
      text-align: left; }
    .top-search dl dd {
      padding: 0;
      margin: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%; }
      .top-search dl dd a {
        font-size: 12px;
        line-height: 0;
        padding: 24px;
        border: 1px solid #d6d6d6;
        display: block;
        color: #757575;
        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-search dl dd a:hover {
          border: 1px solid #262626;
          color: #262626; }

.js-flickity.event-list-2017 > div {
  float: inherit !important; }

#top-event header {
  margin: 0 0 50px;
  line-height: 1;
  position: relative; }
  #top-event header h3 {
    display: inline !important;
    border: none !important;
    font-size: 18px !important; }
  #top-event header span {
    position: static !important;
    right: inherit !important;
    top: inherit !important;
    line-height: 1;
    font-size: 18px !important;
    margin: 0 4px; }
  #top-event header div {
    display: flex !important;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: baseline; }
    #top-event header div p {
      margin: 0; }

.event-list-home {
  width: 386px;
  box-sizing: border-box;
  border-left: none;
  float: left;
  margin: 0 20px 0 0; }
  .event-list-home > a {
    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;
    color: #262626; }
    .event-list-home > a:hover {
      opacity: 0.5; }
  .event-list-home img {
    vertical-align: bottom;
    width: 100% !important;
    height: auto !important; }
  .event-list-home h4 {
    margin: 25px 0 18px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .event-list-home > a > span {
    text-align: center;
    display: block; }

.top-event-links {
  display: block;
  text-align: center;
  margin: 0 auto 100px; }
  .top-event-links a {
    font-size: 12px;
    line-height: 0;
    padding: 25px;
    display: block;
    color: #fff;
    width: 386px;
    margin: 0 auto;
    background: #262626;
    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-event-links a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

.event-top-list img {
  width: 100% !important;
  height: auto !important; }

#top-know2020 {
  background: #f7f7f7;
  width: 100vw;
  text-align: center;
  margin-left: calc((-100vw + 100%) / 2);
  padding: 100px 0; }
  @media screen and (max-width: 1200px) {
    #top-know2020 {
      padding: 100px 3%;
      box-sizing: border-box; } }
  #top-know2020 > div {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #top-know2020 > div h3 {
      line-height: 1 !important;
      font-size: 18px;
      text-align: left;
      width: 100%;
      padding: 0;
      margin: 0 0 50px;
      border: none;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em; }
    #top-know2020 > div .home-voice,
    #top-know2020 > div .home-column {
      width: 49%;
      background: #fff;
      padding: 48px;
      box-sizing: border-box; }
      #top-know2020 > div .home-voice h4,
      #top-know2020 > div .home-column h4 {
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        font-size: 14px;
        padding: 0 0 15px;
        border-bottom: 1px solid #d6d6d6;
        margin-bottom: 24px; }
      #top-know2020 > div .home-voice > div,
      #top-know2020 > div .home-column > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #top-know2020 > div .home-voice > div > a,
        #top-know2020 > div .home-column > div > a {
          display: block;
          width: 44.7%;
          text-align: left;
          transition: 0.3s;
          color: #262626; }
          #top-know2020 > div .home-voice > div > a:hover,
          #top-know2020 > div .home-column > div > a:hover {
            opacity: 0.5; }
          #top-know2020 > div .home-voice > div > a img,
          #top-know2020 > div .home-column > div > a img {
            width: 100%;
            height: auto;
            vertical-align: bottom;
            margin-bottom: 25px; }
          #top-know2020 > div .home-voice > div > a dl,
          #top-know2020 > div .home-column > div > a dl {
            text-align: left;
            padding: 0;
            margin: 0; }
            #top-know2020 > div .home-voice > div > a dl dt,
            #top-know2020 > div .home-column > div > a dl dt {
              font-size: 10px;
              color: #757575;
              margin: 0;
              padding: 0; }
            #top-know2020 > div .home-voice > div > a dl dd,
            #top-know2020 > div .home-column > div > a dl dd {
              font-size: 12px;
              margin: 0;
              padding: 0; }
      #top-know2020 > div .home-voice > a,
      #top-know2020 > div .home-column > a {
        display: block;
        background: #262626;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        padding: 22px 0;
        margin-top: 40px;
        transition: 0.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: 23.6666666666667%;
      box-sizing: border-box;
      background-color: #fff;
      padding: 25px 30px;
      margin-top: 24px;
      color: #262626;
      transition: 0.3s; }
      #top-know2020 > div > a:hover {
        opacity: 0.5; }
      #top-know2020 > div > a dl {
        padding: 0;
        margin: 0; }
        #top-know2020 > div > a dl dt {
          font-family: "MFW-HiraKakuProN-W5" !important;
          font-weight: 600;
          letter-spacing: 0.1em;
          font-size: 14px;
          padding: 0 0 15px;
          border-bottom: 1px solid #d6d6d6;
          margin-bottom: 20px;
          text-align: center; }
        #top-know2020 > div > a dl dd {
          font-size: 12px;
          padding: 0;
          margin: 0;
          text-align: left; }

#top-know {
  margin-bottom: 100px; }
  #top-know h3 {
    line-height: 1 !important;
    font-size: 18px;
    padding: 0;
    margin: 0 0 50px;
    border: none;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #top-know a dl {
    width: 20%;
    float: left;
    padding: 25px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    border-left: none;
    -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(1) dl {
    border-left: 1px solid #d6d6d6; }
  #top-know a:nth-child(6) dl {
    border-left: 1px solid #d6d6d6;
    border-top: none; }
  #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 {
    font-weight: bold;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0 0 20px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #d6d6d6; }
  #top-know dl dd {
    padding: 25px 0 0;
    margin: 0;
    text-align: left;
    font-size: 12px;
    text-align: justify;
    line-height: 1.7em; }

.top-link2 {
  width: 285px;
  margin-right: 20px; }
  .top-link2 img {
    position: absolute;
    left: 0;
    top: 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;
    height: auto; }
    .top-link2 img:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
  .top-link2 h2 {
    font-size: 14px;
    font-weight: bold !important;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-weight: normal;
    margin: 157px 0 10px;
    padding: 0; }
  .top-link2 .widget_sp_image-description {
    font-size: 12px;
    margin-top: -10px;
    line-height: 1.7em; }

.home-model-title {
  margin: 0 auto 50px;
  font-size: 18px;
  padding: 0;
  max-width: 1200px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1200px) {
    .home-model-title {
      margin-left: 3%;
      box-sizing: border-box; } }

#header,
.menu {
  display: none !important; }

body.home {
  padding: 0 !important; }

.favorite_btn {
  position: fixed;
  right: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
  display: block;
  bottom: 357px; }

.siryou_btn {
  position: fixed;
  right: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
  display: block;
  bottom: 269px; }

.contact_btn {
  position: fixed;
  right: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
  display: block;
  bottom: 156px; }

.favorite_btn a {
  display: block;
  width: 40px;
  height: 195px;
  background: url(images/side-favorite.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-size: 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; }

.siryou_btn a {
  display: block;
  width: 40px;
  height: 81px;
  background: url(images/side-siryou.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-size: 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; }

.contact_btn a {
  display: block;
  width: 40px;
  height: 106px;
  background: url(images/side-contact.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-size: 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; }

.favorite_btn a:hover,
.contact_btn a:hover,
.siryou_btn a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

#menu_s_box.only-sp {
  display: none; }

#menu_s_box {
  width: 100vw !important;
  box-sizing: border-box !important;
  left: calc(-100vw + 100% + 4vw - 15px) !important; }
  @media screen and (max-width: 1200px) {
    #menu_s_box {
      left: calc(-100vw + 100% + 2vw - 15px) !important; } }

#menu_s_box form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  #menu_s_box form input[type="text"] {
    height: 21px;
    width: 1200px;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    padding: 10px 0 20px 40px; }
    #menu_s_box form input[type="text"]::placeholder {
      color: #ffffff; }
    #menu_s_box form input[type="text"]:-ms-input-placeholder {
      color: #ffffff; }
    #menu_s_box form input[type="text"]::-ms-input-placeholder {
      color: #ffffff; }
  #menu_s_box form input[type="submit"] {
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/search_new_icon.png) no-repeat;
    background-position-y: 3px;
    background-size: 100%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    border: none;
    position: absolute;
    top: 0; }

.top-menu-s:hover ~ #menu_s_box,
#menu_s_box:hover {
  display: block;
  visibility: visible;
  opacity: 1; }

.top-sns {
  background: #f7f7f7;
  padding: 100px 0;
  width: 100vw;
  margin-left: calc((-100vw + 100%) / 2); }
  @media screen and (max-width: 1200px) {
    .top-sns {
      padding: 100px 3%;
      box-sizing: border-box; } }
  .top-sns > div:nth-child(1) {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-image: url(images/top-sns-center.svg);
    background-repeat: no-repeat;
    background-position: center center; }
    .top-sns > div:nth-child(1) > div:first-child {
      width: 500px;
      float: left; }
      @media screen and (max-width: 1200px) {
        .top-sns > div:nth-child(1) > div:first-child {
          width: calc(50% - 40px); } }
      .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 60px; }
      .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 1px 1px 0;
          position: relative;
          overflow: hidden;
          width: 166px;
          height: 166px; }
          @media screen and (max-width: 1200px) {
            .top-sns > div:nth-child(1) > div:first-child ul li {
              width: calc((100% - 2px) / 3);
              height: auto; }
              .top-sns > div:nth-child(1) > div:first-child ul li:before {
                content: "";
                display: block;
                width: 100%;
                padding-top: 100%;
                position: absolute;
                left: 0;
                top: 0; } }
          .top-sns > div:nth-child(1) > div:first-child ul li:nth-child(3n) {
            margin-right: 0; }
          @media screen and (max-width: 1200px) {
            .top-sns > div:nth-child(1) > div:first-child ul li a {
              display: block;
              width: 100%;
              padding-top: 100%; } }
          .top-sns > div:nth-child(1) > div:first-child ul li img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
            @media screen and (max-width: 1200px) {
              .top-sns > div:nth-child(1) > div:first-child ul li img {
                position: absolute;
                left: 0;
                top: 0; } }
      .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: 12px;
        font-family: "Sawarabi Mincho" !important;
        height: 64px;
        margin-top: 55px; }
        .top-sns > div:nth-child(1) > div:first-child > a:hover {
          opacity: 0.5; }
        .top-sns > div:nth-child(1) > div:first-child > a img {
          margin-right: 24px; }
    .top-sns > div:nth-child(1) > div:nth-child(2) {
      width: 500px;
      float: right; }
      @media screen and (max-width: 1200px) {
        .top-sns > div:nth-child(1) > div:nth-child(2) {
          width: calc(50% - 40px); } }
      .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-position: center center;
        background-repeat: no-repeat;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        padding: 0;
        margin: 0 auto 60px; }
  .top-sns > ul {
    padding: 0;
    list-style: none;
    border: 1px solid #d6d6d6;
    margin-bottom: 100px;
    display: flex; }
    .top-sns > ul > li {
      width: 25%;
      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: 12px 0 12px 88px;
        line-height: 0; }
      .top-sns > ul > li:nth-child(1) a {
        background-image: url(images/top-sns-instagram.png);
        background-repeat: no-repeat;
        background-position: 32px center;
        background-size: 32px 32px; }
      .top-sns > ul > li:nth-child(2) a {
        background-image: url(images/top-sns-youtube.png);
        background-repeat: no-repeat;
        background-position: 32px center;
        background-size: 36px 32px; }
      .top-sns > ul > li:nth-child(3) a {
        background-image: url(images/top-sns-blog.png);
        background-repeat: no-repeat;
        background-position: 32px center;
        background-size: 32px 32px; }
      .top-sns > ul > li:nth-child(4) a {
        background-image: url(images/top-sns-mail.png);
        background-repeat: no-repeat;
        background-position: 32px center;
        background-size: 32px 32px; }
      .top-sns > ul > li a span {
        padding: 38px 0;
        display: block;
        border-right: 1px solid #d6d6d6; }
      .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: 40px 0;
      width: 100%;
      border: 1px solid #eaeaea;
      border-right: 1px solid #fff;
      border-bottom: none;
      display: block;
      box-sizing: border-box;
      color: #262626; }
      .news-info-menu li a:hover {
        opacity: 0.5; }
    .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: 50px;
  padding-bottom: 45px;
  margin-bottom: 50px; }

#top-contact {
  border: 1px solid #d6d6d6;
  padding: 25px 0;
  display: flex;
  margin-top: 100px; }
  #top-contact > div {
    width: 33.33333333%;
    border-right: 1px solid #d6d6d6;
    box-sizing: border-box;
    padding: 15px 50px; }
    #top-contact > div:last-child {
      border: none; }
    #top-contact > div h3 {
      font-size: 14px !important;
      margin: 0 auto 25px;
      text-align: center;
      line-height: 1;
      font-weight: 300; }
    #top-contact > div > div:last-child > a {
      padding: 25px 0;
      background: #262626;
      color: #fff;
      font-size: 12px;
      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: 100%;
      background: url(images/top-contact-tel.png) no-repeat center center;
      background-size: 100% auto;
      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; }

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

.hacolabo-8_5 {
  margin-top: 75px; }
  .hacolabo-8_5 h4 {
    font-size: 14px;
    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: 30px 10px;
      box-sizing: border-box;
      width: 25%;
      float: left;
      border-left: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      text-align: center; }
      .hacolabo-8_5 ul li:nth-child(4n) {
        border-right: 1px solid #d6d6d6; }
  .hacolabo-8_5 > div {
    display: flex;
    justify-content: center;
    text-align: center; }
    .hacolabo-8_5 > div > div:first-child, .hacolabo-8_5 > div > div:last-child {
      width: 40%;
      border-left: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6; }
    .hacolabo-8_5 > div > div:nth-child(2) {
      width: 20%;
      border-left: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6; }
    .hacolabo-8_5 > div > div:last-child {
      border-right: 1px solid #d6d6d6; }
    .hacolabo-8_5 > div > div h5 {
      font-size: 14px;
      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; }
      .hacolabo-8_5 > div > div dl dt {
        padding: 0 0 25px;
        border-bottom: 1px solid #d6d6d6;
        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 {
      float: left;
      width: 50%;
      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-left: 1px solid #d6d6d6; }

.hacolabo-main {
  margin-top: 75px; }
  .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 {
      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: 50px;
  margin-bottom: 80px; }

.hacolabo-main-c {
  margin-bottom: 65px; }
  .hacolabo-main-c > div:first-child {
    width: 48.3333333333333%;
    float: left; }
  .hacolabo-main-c > div:last-child {
    width: 48.3333333333333%;
    float: right; }
  .hacolabo-main-c > div img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  .hacolabo-main-c > div h4 {
    font-size: 18px;
    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; }
  .hacolabo-main-c > div > div:nth-child(3) {
    padding: 35px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #d6d6d6; }
    .hacolabo-main-c > div > div:nth-child(3) span {
      font-size: 36px; }

.hacolabo-plan,
.hacolabo-howtolive {
  padding: 36px 50px 50px;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  margin-bottom: 75px; }

.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 {
  float: left;
  width: 40.66666666666666%;
  margin-left: 8.333333333333333%; }
  .hacolabo-plan > div > div:first-child img {
    width: 100%;
    height: auto; }
.hacolabo-plan > div > div:last-child {
  width: 34%;
  float: right;
  margin-right: 50px; }
  .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: 0 0 0 100px;
  margin: 0 0 65px;
  background: url(images/hacolabo-man2.png) no-repeat;
  background-size: 86px 67px;
  background-position: left 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 .sp-mask {
  height: 540px !important; }
.hacolabo-howtolive dl dt {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1;
  font-weight: bold;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }
  .hacolabo-howtolive dl dt br {
    display: none; }
.hacolabo-howtolive dl dd {
  padding: 0;
  margin: 0;
  font-size: 12px; }
.hacolabo-howtolive .sp-slide > div {
  width: 1100px;
  height: 390px; }
  .hacolabo-howtolive .sp-slide > div > div:first-child {
    float: left;
    width: 44.2%;
    margin-left: 100px; }
  .hacolabo-howtolive .sp-slide > div > div:last-child {
    float: right;
    width: 33.2%;
    margin-right: 50px; }
  .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; }

/*top-movie youtube 2018 */
#top-movie h3 {
  font-size: 18px;
  margin: 0 0 50px;
  line-height: 1;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }

.top-movie-container .gallery-cell,
.top-model .gallery-cell {
  width: 386px;
  height: 306px;
  margin: 0 20px 0 0; }
.top-movie-container img,
.top-model img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
.top-movie-container label,
.top-model 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,
  .top-model label:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer; }
  .top-movie-container label > div,
  .top-model label > div {
    position: relative; }
    .top-movie-container label > div:after,
    .top-model 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,
.top-model > div dl {
  margin-bottom: 0; }
  .top-movie-container > div dl dt,
  .top-model > div dl dt {
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 7px; }
  .top-movie-container > div dl dd,
  .top-model > div dl dd {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.7; }

.top-model .gallery-cell {
  height: 330px !important; }
.top-model.two-column .gallery-cell {
  width: calc(50% - 10px) !important;
  height: 430px !important; }

@media screen and (min-width: 1199px) {
  .modal-wrap {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 1200px !important;
    margin: 20px auto;
    align-self: flex-start;
    border-radius: 0 !important; } }
@media screen and (max-width: 1200px) {
  .modal-wrap {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 20px auto;
    align-self: flex-start;
    border-radius: 0 !important; } }
.movie-box {
  padding-top: 56.25%;
  position: relative; }

.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 {
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -102px;
  margin-left: -125px;
  display: block;
  width: 250px;
  height: 52px; }
  .modal .close-t span {
    font-size: 12px;
    line-height: 0;
    border: 1px solid #fff;
    background: #262626;
    color: #fff;
    width: 250px;
    text-align: center;
    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; }
    .modal .close-t span:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

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

.single-work-youtube {
  margin-bottom: 75px; }

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

.movie-thumb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  background: #fff;
  cursor: pointer; }
  .movie-thumb img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .movie-thumb:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }
  .movie-thumb:after {
    display: block;
    content: "";
    background: url(images/movie-play-icon.png) no-repeat;
    background-size: 100px 100px;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101; }

.single-event-youtube {
  margin-top: 75px; }

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

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

#top-modelhouse {
  margin-bottom: 120px; }
  #top-modelhouse h3 {
    width: 100%;
    font-size: 18px;
    margin: 0 0 50px;
    line-height: 1;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  #top-modelhouse a {
    display: block;
    transition: 0.3s;
    color: #262626; }
    #top-modelhouse a:hover {
      opacity: 0.5; }
    #top-modelhouse a figure img {
      width: 100%;
      height: auto; }
    #top-modelhouse a dl {
      margin-bottom: 0; }
      #top-modelhouse a dl dt {
        letter-spacing: 0.1em;
        margin-bottom: 7px; }
      #top-modelhouse a dl dd {
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 1.7; }
  #top-modelhouse .flickity-page-dots {
    display: none; }
  #top-modelhouse .flickity-prev-next-button {
    display: none; }

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

#siborikomi1 dl,
#siborikomi2 dl {
  padding: 10px 15px;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box; }

#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;
  font-weight: 600;
  letter-spacing: 0.1em; }

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

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

.siborikomi_scene50 {
  width: 50% !important; }

#siborikomi1 ul li > span {
  display: table;
  align-content: center;
  vertical-align: middle; }

.contact-wrap h3 {
  font-size: 21px;
  padding: 0 0 15px;
  margin: 0 auto 75px;
  border-bottom: 1px solid #d6d6d6; }
.contact-wrap .form-step {
  display: flex;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto 75px; }
  .contact-wrap .form-step li {
    width: 32.5166666666667%;
    max-width: 390px;
    box-sizing: border-box;
    line-height: 0;
    padding: 26.5px 20px;
    margin: 0;
    border: 1px solid #d6d6d6; }
    .contact-wrap .form-step li.on-form {
      padding: 27.5px 20px;
      border: none;
      background-color: #f4f4f4;
      position: relative; }
      .contact-wrap .form-step li.on-form:after {
        background-image: url(images/form-on-bg.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        display: block;
        height: 100%;
        width: 20px; }
    .contact-wrap .form-step li.on-form-end {
      padding: 27.5px 20px;
      border: none;
      background-color: #f4f4f4;
      position: relative; }
.contact-wrap form {
  margin: 75px 0; }
  .contact-wrap form h3 {
    border: none;
    padding: 30.5px 0 30.5px 75px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    background-color: #262626;
    line-height: 1; }
  .contact-wrap form > div {
    padding: 75px 0 50px;
    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 dt {
        padding: 0;
        margin: 0 auto 30px;
        font-weight: bold;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em; }
        .contact-wrap form > div dl dt .hissu:before {
          content: "必須";
          display: inline-block;
          font-size: 12px;
          line-height: 1;
          color: #fff;
          background-color: #c4001c;
          padding: 0.5em 1em;
          border-radius: 3px;
          margin-right: 24px; }
        .contact-wrap form > div dl dt .ninni:before {
          content: "任意";
          display: inline-block;
          font-size: 12px;
          line-height: 1;
          color: #fff;
          background-color: #757575;
          padding: 0.5em 1em;
          border-radius: 3px;
          margin-right: 24px; }
      .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;
          font-size: 0;
          display: flex;
          flex-wrap: wrap; }
          .contact-wrap form > div dl dd ul li {
            font-size: 14px; }
        .contact-wrap form > div dl dd span[class*="validation-"] {
          color: #c4001c;
          font-size: 10px;
          display: none; }
      .contact-wrap form > div dl.form-situation ul {
        display: flex;
        justify-content: space-between;
        padding-bottom: 32px;
        border-bottom: 1px solid #262626; }
        .contact-wrap form > div dl.form-situation ul li {
          width: 33.333333333%; }
      .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-situation {
        margin-bottom: 35px !important; }
        .contact-wrap form > div dl.form-reservation-situation ul li {
          width: 500px; }
          .contact-wrap form > div dl.form-reservation-situation ul li:nth-child(1), .contact-wrap form > div dl.form-reservation-situation ul li:nth-child(2) {
            margin-bottom: 1em; }
      .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 {
        width: 47.7099236641221%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #262626;
        position: relative;
        margin: 0 0 45px; }
        .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 {
          margin: 0 0 24px;
          width: 75px; }
        .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 {
          width: calc(100% - 75px); }
          .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 {
            width: 100%;
            border: none; }
            .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 {
              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-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 {
              color: #d6d6d6; }
            .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 {
              color: #d6d6d6; }
            .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 {
              color: #d6d6d6; }
            .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 {
              opacity: 1; }
        .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-"] {
          position: absolute;
          bottom: -27px;
          left: 0; }
      .contact-wrap form > div dl.form-age, .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: 25%;
            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: 64px !important;
          box-sizing: border-box !important;
          font-size: 12px !important;
          display: flex !important;
          align-items: center !important;
          position: relative;
          padding: 0 25px !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 {
        margin-bottom: 35px;
        border-bottom: 1px solid #262626;
        padding-bottom: 25px; }
        .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 span[class*="validation-"] {
        position: absolute;
        bottom: -58px;
        left: 0; }
      .contact-wrap form > div dl.form-naiyou2 textarea ~ p {
        font-size: 12px;
        margin: 0;
        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 25px; }
        .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 {
          padding-bottom: 32px;
          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: 20%; }
            .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 {
        margin-bottom: 45px; }
        .contact-wrap form > div dl.form-mail-stop-kind ul li {
          width: 33.33333333333%; }
      .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 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;
          margin-bottom: 30px; }
          .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: 0.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-left.png);
              background-repeat: no-repeat;
              background-position: left 19px center;
              background-size: 10px auto;
              padding-left: 48px; }
            .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-right.png);
              background-repeat: no-repeat;
              background-position: right 19px center;
              background-size: 10px auto;
              padding-right: 48px; }
        .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;
          border-bottom: 1px solid #262626;
          display: flex; }
          .contact-wrap form > div dl.form-manzoku ul li, .contact-wrap form > div dl.form-osusume ul li, .contact-wrap form > div dl.form-google ul li {
            width: 20%; }
            .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:before {
            content: "";
            display: block;
            width: 20%;
            order: 1; }
          .contact-wrap form > div dl.form-restime ul:after {
            content: "";
            display: block;
            width: 20%; }
          .contact-wrap form > div dl.form-restime ul li {
            width: 20%;
            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-anke-sns-account, .contact-wrap form > div dl.form-anke-sns-account-name, .contact-wrap form > div dl.form-anke2, .contact-wrap form > div dl.form-plan, .contact-wrap form > div dl.form-land, .contact-wrap form > div dl.form-budget, .contact-wrap form > div dl.form-budget-land, .contact-wrap form > div dl.form-type {
        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-anke-sns-account span[class*="validation-"], .contact-wrap form > div dl.form-anke-sns-account-name span[class*="validation-"], .contact-wrap form > div dl.form-anke2 span[class*="validation-"], .contact-wrap form > div dl.form-plan span[class*="validation-"], .contact-wrap form > div dl.form-land span[class*="validation-"], .contact-wrap form > div dl.form-budget span[class*="validation-"], .contact-wrap form > div dl.form-budget-land span[class*="validation-"], .contact-wrap form > div dl.form-type span[class*="validation-"] {
          position: absolute;
          bottom: -63px;
          left: 0; }
        .contact-wrap form > div dl.form-anke .anke-box, .contact-wrap form > div dl.form-anke-sns-account .anke-box, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box, .contact-wrap form > div dl.form-anke2 .anke-box, .contact-wrap form > div dl.form-plan .anke-box, .contact-wrap form > div dl.form-land .anke-box, .contact-wrap form > div dl.form-budget .anke-box, .contact-wrap form > div dl.form-budget-land .anke-box, .contact-wrap form > div dl.form-type .anke-box {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin-bottom: 6px; }
          .contact-wrap form > div dl.form-anke .anke-box h4, .contact-wrap form > div dl.form-anke-sns-account .anke-box h4, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box h4, .contact-wrap form > div dl.form-anke2 .anke-box h4, .contact-wrap form > div dl.form-plan .anke-box h4, .contact-wrap form > div dl.form-land .anke-box h4, .contact-wrap form > div dl.form-budget .anke-box h4, .contact-wrap form > div dl.form-budget-land .anke-box h4, .contact-wrap form > div dl.form-type .anke-box h4 {
            font-size: 12px;
            width: 200px;
            background: #262626;
            color: #fff;
            margin: 5px 0;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center; }
          .contact-wrap form > div dl.form-anke .anke-box ul, .contact-wrap form > div dl.form-anke-sns-account .anke-box ul, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box ul, .contact-wrap form > div dl.form-anke2 .anke-box ul, .contact-wrap form > div dl.form-plan .anke-box ul, .contact-wrap form > div dl.form-land .anke-box ul, .contact-wrap form > div dl.form-budget .anke-box ul, .contact-wrap form > div dl.form-budget-land .anke-box ul, .contact-wrap form > div dl.form-type .anke-box ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: calc(100% - 245px); }
            .contact-wrap form > div dl.form-anke .anke-box ul li, .contact-wrap form > div dl.form-anke-sns-account .anke-box ul li, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box ul li, .contact-wrap form > div dl.form-anke2 .anke-box ul li, .contact-wrap form > div dl.form-plan .anke-box ul li, .contact-wrap form > div dl.form-land .anke-box ul li, .contact-wrap form > div dl.form-budget .anke-box ul li, .contact-wrap form > div dl.form-budget-land .anke-box ul li, .contact-wrap form > div dl.form-type .anke-box ul li {
              width: 33.3333333333333333%;
              padding: 3.5px 0; }
              .contact-wrap form > div dl.form-anke .anke-box ul li label:before, .contact-wrap form > div dl.form-anke-sns-account .anke-box ul li label:before, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box ul li label:before, .contact-wrap form > div dl.form-anke2 .anke-box ul li label:before, .contact-wrap form > div dl.form-plan .anke-box ul li label:before, .contact-wrap form > div dl.form-land .anke-box ul li label:before, .contact-wrap form > div dl.form-budget .anke-box ul li label:before, .contact-wrap form > div dl.form-budget-land .anke-box ul li label:before, .contact-wrap form > div dl.form-type .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-anke-sns-account .anke-box ul li input, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box ul li input, .contact-wrap form > div dl.form-anke2 .anke-box ul li input, .contact-wrap form > div dl.form-plan .anke-box ul li input, .contact-wrap form > div dl.form-land .anke-box ul li input, .contact-wrap form > div dl.form-budget .anke-box ul li input, .contact-wrap form > div dl.form-budget-land .anke-box ul li input, .contact-wrap form > div dl.form-type .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-anke-sns-account .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-anke-sns-account-name .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-anke2 .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-plan .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-land .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-budget .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-budget-land .anke-box ul li input:checked + label:before, .contact-wrap form > div dl.form-type .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: 20% !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: 64px;
          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 .anke-box-2023 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%; }
        .contact-wrap form > div dl .anke-box-2023 ul:before {
          content: "";
          display: block;
          width: 25%;
          order: 1; }
        .contact-wrap form > div dl .anke-box-2023 ul:after {
          content: "";
          display: block;
          width: 25%; }
        .contact-wrap form > div dl .anke-box-2023 ul li {
          width: 25%;
          padding: 3.5px 0;
          /*&:last-child {
            width: 80%;
          }*/ }
          .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 .anke-box-2023 ul li input[type="checkbox"] {
            display: none; }
            .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 {
        padding: 0 0 32px;
        border-bottom: 1px solid #262626;
        margin-bottom: 45px;
        position: relative; }
        .contact-wrap form > div dl.form-yotei-area span[class*="validation-"] {
          position: absolute;
          bottom: -58px;
          left: 0; }
        .contact-wrap form > div dl.form-yotei-area ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 100%; }
          .contact-wrap form > div dl.form-yotei-area ul:before {
            content: "";
            display: block;
            width: 20%;
            order: 1; }
          .contact-wrap form > div dl.form-yotei-area ul:after {
            content: "";
            display: block;
            width: 20%; }
          .contact-wrap form > div dl.form-yotei-area ul li {
            width: 20%;
            padding: 3.5px 0;
            /*&:last-child {
              width: 80%;
            }*/ }
            .contact-wrap form > div dl.form-yotei-area 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"] {
              display: none; }
              .contact-wrap form > div dl.form-yotei-area 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 {
          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: 7px 0 10px; }
        .contact-wrap form > div dl.form-yotei-area input[type="text"] {
          width: calc(100%);
          background: #f4f4f4;
          border: none;
          padding: 8px 16px;
          box-sizing: border-box; }
          .contact-wrap form > div dl.form-yotei-area input[type="text"]::placeholder {
            color: #bfbfbf; }
          .contact-wrap form > div dl.form-yotei-area input[type="text"]:-ms-input-placeholder {
            color: #bfbfbf; }
          .contact-wrap form > div dl.form-yotei-area input[type="text"]::-ms-input-placeholder {
            color: #bfbfbf; }
      .contact-wrap form > div dl.form-file span[class*="validation-"] {
        position: absolute;
        bottom: -58px;
        left: 0; }
      .contact-wrap form > div dl.form-file p {
        font-size: 12px; }
      .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);
          padding: 0 10px;
          box-sizing: border-box; }
        .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.error-red4 dt {
          color: #c4001c; }
        .contact-wrap form > div dl.form-tenken.error-red4 li label {
          color: #262626 !important; }
        .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 {
          display: flex;
          justify-content: space-between;
          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: 200px;
            background: #262626;
            color: #fff;
            margin: 0;
            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: calc(100% - 245px); }
            .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: 40% !important; }
            .contact-wrap form > div dl.form-tenken dd .anke-box ul li {
              width: 20%;
              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 {
          display: flex;
          justify-content: space-between;
          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;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-align: center;
            padding: 19.5px 25px;
            width: 200px;
            box-sizing: border-box; }
          .contact-wrap form > div dl.form-tenken dd div.tenken > div {
            width: calc(100% - 245px);
            display: flex;
            justify-content: space-between; }
            .contact-wrap form > div dl.form-tenken dd div.tenken > div input {
              width: 48.8997555012225%;
              background: #f4f4f4;
              border: none;
              padding: 23px 25px;
              box-sizing: border-box;
              font-size: 12px;
              font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", "MFW-HiraKakuProN-W3", "メイリオ", "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", "MFW-HiraKakuProN-W3", "メイリオ", "Meiryo", sans-serif;
                font-family: "MFW-HiraKakuProN-W3" !important; }
            .contact-wrap form > div dl.form-tenken dd div.tenken > div select {
              width: 48.8997555012225%;
              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: 48.8997555012225%;
              background: #f4f4f4;
              border: none;
              color: #757575;
              padding: 23px 25px;
              box-sizing: border-box;
              -webkit-appearance: none;
              appearance: none;
              border-radius: 0;
              font-size: 12px !important;
              font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", "MFW-HiraKakuProN-W3", "メイリオ", "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-left: 1px solid #262626;
      border-right: 1px solid #262626;
      padding: 55px 75px 50px;
      margin: 0 0 72px 0; }
      .contact-wrap form > div.form-privacy h3 {
        background: none;
        padding: 0;
        margin: 0 0 30px;
        font-size: 18px;
        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: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 45px; }
        .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: 68px;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .contact-wrap form button {
    margin: 0 auto;
    display: block;
    border: none;
    padding: 20px 80px;
    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: 0.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;
  margin-bottom: 60px !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(0, -30px);
  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 {
    padding: 50px;
    background-color: #fff;
    text-align: center;
    position: fixed;
    left: calc(50% - 183px);
    top: calc(50% - 117.5px); }
    #form-error > div > span {
      margin-top: 35px;
      display: block;
      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: 0.5; }

#contactform-validate form > div {
  border-left: 1px solid #262626;
  border-right: 1px solid #262626;
  border-bottom: 1px solid #262626;
  padding: 75px 75px 50px;
  margin-bottom: 75px;
  box-sizing: border-box; }
  #contactform-validate form > div dl {
    border-bottom: 1px solid #262626;
    display: flex;
    text-align: left;
    padding: 0 0 1em;
    margin-bottom: 45px; }
    #contactform-validate form > div dl:last-child {
      margin-bottom: 0; }
    #contactform-validate form > div dl dt {
      width: 220px;
      padding: 0;
      margin: 0; }
    #contactform-validate form > div dl dd {
      width: calc(100% - 220px);
      padding: 0;
      margin: 0; }
#contactform-validate form .fixback {
  border: 1px solid #262626;
  background-color: #fff;
  padding: 24px 0;
  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: 400px;
  padding: 25px; }

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

.directmail > div:nth-child(4) {
  border-bottom: 1px solid #262626; }
  .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-yotei-area .validation-21 {
  line-height: 1.4 !important;
  bottom: -67px !important; }

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

.contact-step {
  display: none; }

.page-id-8034 #ui-datepicker-div,
.page-id-8545 #ui-datepicker-div {
  width: 400px !important;
  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: 14px !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: 14px;
    line-height: 1;
    padding: 1em 0.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 .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: #757575 !important;
  font-weight: normal !important;
  font-family: "MFW-HiraKakuProN-W3" !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: 346px; }
  .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;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .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;
    font-weight: 600;
    letter-spacing: 0.1em; }
.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-position: 0 !important;
  background-size: 100%; }
.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; }

.form-reservation-name {
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
  margin: 0 0 45px !important;
  border-bottom: 1px solid #262626; }
  .form-reservation-name dt {
    width: 327px; }
  .form-reservation-name dd {
    width: calc(100% - 327px); }

.form-reservation-date,
.form-reservation-np,
.form-how-to-join {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 32px !important;
  margin: 0 0 45px !important;
  border-bottom: 1px solid #262626; }
  .form-reservation-date dt,
  .form-reservation-np dt,
  .form-how-to-join dt {
    margin: 0 !important;
    width: 327px !important; }
  .form-reservation-date dd,
  .form-reservation-np dd,
  .form-how-to-join dd {
    position: static !important;
    width: calc(100% - 327px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-reservation-date dd #t-time1,
    .form-reservation-date dd #t-time1-button,
    .form-reservation-date dd #t-time2,
    .form-reservation-date dd #t-time2-button,
    .form-reservation-date dd #t-time3,
    .form-reservation-date dd #t-time3-button,
    .form-reservation-np dd #t-time1,
    .form-reservation-np dd #t-time1-button,
    .form-reservation-np dd #t-time2,
    .form-reservation-np dd #t-time2-button,
    .form-reservation-np dd #t-time3,
    .form-reservation-np dd #t-time3-button,
    .form-how-to-join dd #t-time1,
    .form-how-to-join dd #t-time1-button,
    .form-how-to-join dd #t-time2,
    .form-how-to-join dd #t-time2-button,
    .form-how-to-join dd #t-time3,
    .form-how-to-join dd #t-time3-button {
      width: 48.6111111111111% !important;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row-reverse; }
    .form-reservation-date dd p,
    .form-reservation-np dd p,
    .form-how-to-join dd p {
      font-size: 10px;
      margin-top: 20px; }
    .form-reservation-date dd #reservation-np-button,
    .form-reservation-date dd #howtojoin-button,
    .form-reservation-np dd #reservation-np-button,
    .form-reservation-np dd #howtojoin-button,
    .form-how-to-join dd #reservation-np-button,
    .form-how-to-join dd #howtojoin-button {
      width: 100% !important;
      height: 64px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row-reverse; }
    .form-reservation-date dd .validation-21,
    .form-reservation-date dd .validation-22,
    .form-reservation-date dd .validation-32,
    .form-reservation-np dd .validation-21,
    .form-reservation-np dd .validation-22,
    .form-reservation-np dd .validation-32,
    .form-how-to-join dd .validation-21,
    .form-how-to-join dd .validation-22,
    .form-how-to-join dd .validation-32 {
      position: absolute;
      left: 0;
      bottom: -28px; }
    .form-reservation-date dd .validation-23,
    .form-reservation-np dd .validation-23,
    .form-how-to-join dd .validation-23 {
      position: absolute;
      left: 0;
      bottom: -28px; }
  .form-reservation-date select,
  .form-reservation-np select,
  .form-how-to-join select {
    width: 240px !important;
    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 {
    width: 240px !important;
    background: #f4f4f4;
    border: none;
    color: #757575;
    padding: 8px 16px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    font-size: 12px !important;
    font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", "MFW-HiraKakuProN-W3", "メイリオ", "Meiryo", sans-serif;
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em; }
  .form-reservation-date .ui-button:hover,
  .form-reservation-date .ui-button:focus,
  .form-reservation-np .ui-button:hover,
  .form-reservation-np .ui-button:focus,
  .form-how-to-join .ui-button:hover,
  .form-how-to-join .ui-button:focus {
    border: none !important;
    background: #f4f4f4 !important;
    font-weight: normal;
    color: #262626 !important; }
  .form-reservation-date.error-red3,
  .form-reservation-np.error-red3,
  .form-how-to-join.error-red3 {
    border-bottom: 1px solid #c4001c !important;
    margin-bottom: 60px !important; }
  .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: 48.6111111111111%;
    background: #f4f4f4;
    border: none;
    padding: 8px 16px;
    box-sizing: border-box;
    font-size: 12px;
    height: 64px; }
  .form-reservation-date .ui-selectmenu-button.ui-button,
  .form-reservation-np .ui-selectmenu-button.ui-button,
  .form-how-to-join .ui-selectmenu-button.ui-button {
    vertical-align: bottom;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100% !important; }

.form-reservation-name {
  margin-bottom: 25px !important; }

.form-reservation-date {
  padding-bottom: 12px !important;
  flex-wrap: wrap; }
  .form-reservation-date dd:nth-child(2),
  .form-reservation-date dd:nth-child(4),
  .form-reservation-date dd:nth-child(6) {
    padding: 20px 0; }
  .form-reservation-date p {
    font-size: 12px; }
  .form-reservation-date.error-red3 dt:nth-child(5) {
    color: #262626 !important; }

.reservation-validation-in dl dt {
  width: 260px !important; }

.event_yoyaku_link {
  font-size: 12px; }

.form-anke-sns-account #t-time1,
.form-anke-sns-account #t-time-button,
.form-anke-sns-account #t-time2,
.form-anke-sns-account #t-time2-button,
.form-anke-sns-account #t-time3,
.form-anke-sns-account #t-time3-button,
.form-land #t-time1,
.form-land #t-time-button,
.form-land #t-time2,
.form-land #t-time2-button,
.form-land #t-time3,
.form-land #t-time3-button,
.form-plan #t-time1,
.form-plan #t-time-button,
.form-plan #t-time2,
.form-plan #t-time2-button,
.form-plan #t-time3,
.form-plan #t-time3-button,
.form-budget-land #t-time1,
.form-budget-land #t-time-button,
.form-budget-land #t-time2,
.form-budget-land #t-time2-button,
.form-budget-land #t-time3,
.form-budget-land #t-time3-button,
.form-budget #t-time1,
.form-budget #t-time-button,
.form-budget #t-time2,
.form-budget #t-time2-button,
.form-budget #t-time3,
.form-budget #t-time3-button,
.form-type #t-time1,
.form-type #t-time-button,
.form-type #t-time2,
.form-type #t-time2-button,
.form-type #t-time3,
.form-type #t-time3-button {
  width: 48.6111111111111% !important;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse; }
.form-anke-sns-account p,
.form-land p,
.form-plan p,
.form-budget-land p,
.form-budget p,
.form-type p {
  font-size: 10px;
  margin-top: 20px; }
.form-anke-sns-account #reservation-np-button,
.form-anke-sns-account #howtojoin-button,
.form-land #reservation-np-button,
.form-land #howtojoin-button,
.form-plan #reservation-np-button,
.form-plan #howtojoin-button,
.form-budget-land #reservation-np-button,
.form-budget-land #howtojoin-button,
.form-budget #reservation-np-button,
.form-budget #howtojoin-button,
.form-type #reservation-np-button,
.form-type #howtojoin-button {
  width: 100% !important;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse; }
.form-anke-sns-account .validation-21,
.form-anke-sns-account .validation-22,
.form-anke-sns-account .validation-32,
.form-land .validation-21,
.form-land .validation-22,
.form-land .validation-32,
.form-plan .validation-21,
.form-plan .validation-22,
.form-plan .validation-32,
.form-budget-land .validation-21,
.form-budget-land .validation-22,
.form-budget-land .validation-32,
.form-budget .validation-21,
.form-budget .validation-22,
.form-budget .validation-32,
.form-type .validation-21,
.form-type .validation-22,
.form-type .validation-32 {
  position: absolute;
  left: 0;
  bottom: -28px; }
.form-anke-sns-account .validation-23,
.form-land .validation-23,
.form-plan .validation-23,
.form-budget-land .validation-23,
.form-budget .validation-23,
.form-type .validation-23 {
  position: absolute;
  left: 0;
  bottom: -28px; }
.form-anke-sns-account select,
.form-land select,
.form-plan select,
.form-budget-land select,
.form-budget select,
.form-type select {
  width: 240px !important;
  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-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-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 {
  width: 240px !important;
  background: #f4f4f4;
  border: none;
  color: #757575;
  padding: 8px 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 12px !important;
  font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", "MFW-HiraKakuProN-W3", "メイリオ", "Meiryo", sans-serif;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em; }
.form-anke-sns-account .ui-button:hover,
.form-anke-sns-account .ui-button:focus,
.form-land .ui-button:hover,
.form-land .ui-button:focus,
.form-plan .ui-button:hover,
.form-plan .ui-button:focus,
.form-budget-land .ui-button:hover,
.form-budget-land .ui-button:focus,
.form-budget .ui-button:hover,
.form-budget .ui-button:focus,
.form-type .ui-button:hover,
.form-type .ui-button:focus {
  border: none !important;
  background: #f4f4f4 !important;
  font-weight: normal;
  color: #262626 !important; }
.form-anke-sns-account.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: 60px !important; }
.form-anke-sns-account #t-date1,
.form-anke-sns-account #t-date2,
.form-anke-sns-account #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: 48.6111111111111%;
  background: #f4f4f4;
  border: none;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 12px;
  height: 64px; }
.form-anke-sns-account .ui-selectmenu-button.ui-button,
.form-land .ui-selectmenu-button.ui-button,
.form-plan .ui-selectmenu-button.ui-button,
.form-budget-land .ui-selectmenu-button.ui-button,
.form-budget .ui-selectmenu-button.ui-button,
.form-type .ui-selectmenu-button.ui-button {
  vertical-align: bottom;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100% !important; }

.web_catalog_contents .catalogs {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-bottom: 72px; }
  .web_catalog_contents .catalogs > div {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 70px 0;
    border: 1px solid #d6d6d6; }
    .web_catalog_contents .catalogs > div:first-child {
      border-right: none;
      border-bottom: none; }
    .web_catalog_contents .catalogs > div h3 {
      font-size: 12px;
      font-weight: 300;
      line-height: 1;
      margin: 0 auto 18px; }
    .web_catalog_contents .catalogs > div h4 {
      line-height: 1;
      font-size: 14px;
      font-weight: 300;
      margin: 0 auto 54px; }
    .web_catalog_contents .catalogs > div figure img {
      width: 320px;
      height: auto;
      vertical-align: bottom; }
    .web_catalog_contents .catalogs > div figure figcaption {
      font-size: 12px;
      padding: 20px 0; }
    .web_catalog_contents .catalogs > div a {
      display: block;
      width: 320px;
      background: #262626;
      color: #fff;
      font-size: 12px;
      margin: 0 auto;
      padding: 19px;
      box-sizing: border-box;
      line-height: 1;
      transition: 0.3s; }
      .web_catalog_contents .catalogs > div a:hover {
        opacity: 0.5; }
    .web_catalog_contents .catalogs > div p {
      padding: 0 78px;
      text-align: left;
      font-size: 12px;
      margin: 54px 0 0;
      line-height: 1.7; }
.web_catalog_contents .app_banner {
  background-color: #f7f7f7;
  padding: 72px 0;
  text-align: center; }
  .web_catalog_contents .app_banner h3 {
    font-size: 14px;
    font-weight: 300;
    margin: 0 auto 75px; }
    .web_catalog_contents .app_banner h3 br {
      display: none; }
  .web_catalog_contents .app_banner > div {
    display: flex;
    justify-content: center; }
    .web_catalog_contents .app_banner > div figure {
      margin-right: 100px; }
      .web_catalog_contents .app_banner > div figure:last-child {
        margin-right: 0; }
      .web_catalog_contents .app_banner > div figure img {
        height: 64px;
        width: auto;
        vertical-align: bottom;
        margin-bottom: 30px;
        transition: 0.3s; }
        .web_catalog_contents .app_banner > div figure img:hover {
          opacity: 0.5; }
      .web_catalog_contents .app_banner > div figure figcaption {
        font-size: 14px; }
.web_catalog_contents .ca-txt {
  line-height: 1.7; }

.catalog-form-top {
  background: #f7f7f7;
  width: 100vw;
  margin-left: calc((-100vw + 100%) / 2);
  margin-bottom: 50px; }
  .catalog-form-top > div {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Sawarabi Mincho" !important; }
    @media screen and (max-width: 1200px) {
      .catalog-form-top > div {
        width: 94%;
        padding: 54px 3%; } }
    .catalog-form-top > div h4 {
      color: #8c734b;
      padding: 0;
      margin: 0 auto 64px;
      text-align: center;
      font-size: 21px;
      letter-spacing: 7px;
      font-weight: 300;
      width: 100%; }
    .catalog-form-top > div > a {
      display: none; }
    .catalog-form-top > div .only-sp {
      display: none !important; }
    .catalog-form-top > div > div {
      width: calc(100% - 346px);
      line-height: 2.28;
      letter-spacing: 3px; }
      .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: 0.5px solid #8c734b;
          position: absolute;
          left: 0;
          bottom: -0.5px;
          width: 100%; }
        .catalog-form-top > div > div strong:after {
          content: "";
          display: block;
          border: 0.5px solid #8c734b;
          position: absolute;
          left: 0;
          bottom: -3px;
          width: 100%; }
    .catalog-form-top > div > figure {
      width: 346px;
      text-align: center; }
      .catalog-form-top > div > figure img {
        height: 210px;
        width: auto;
        margin: 0 auto; }
    .catalog-form-top > div > dl {
      margin: 0;
      padding: 0;
      width: 32%;
      box-sizing: border-box;
      padding: 20px 32px;
      background: #fff;
      text-align: center; }
      @media screen and (max-width: 1080px) {
        .catalog-form-top > div > dl {
          padding: 20px; } }
      .catalog-form-top > div > dl dt {
        padding: 0 0 20px;
        margin: 0 auto 20px;
        border-bottom: 1px solid #262626;
        letter-spacing: 0.1em; }
      .catalog-form-top > div > dl dd {
        margin: 0;
        padding: 0; }
        .catalog-form-top > div > dl dd > span:first-child {
          font-size: 12px;
          letter-spacing: 0.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: 18px;
          margin: 10px auto 15px;
          letter-spacing: 0.2em; }
          @media screen and (max-width: 1200px) {
            .catalog-form-top > div > dl dd p {
              letter-spacing: 0.1em; } }
          @media screen and (max-width: 1130px) {
            .catalog-form-top > div > dl dd p {
              letter-spacing: 0; } }
        .catalog-form-top > div > dl dd > span:last-child {
          font-size: 10px;
          color: #757575; }
          @media screen and (max-width: 1200px) {
            .catalog-form-top > div > dl dd > span:last-child {
              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; }

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

.select-contents-2020 article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 120px; }
  .select-contents-2020 article img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: 120px; }
  .select-contents-2020 article > div {
    width: 47.3333333333333%; }
    .select-contents-2020 article > div h3 {
      padding: 0;
      margin: 0 0 50px;
      font-size: 12px;
      font-family: "MFW-HiraKakuProN-W5" !important;
      font-weight: 600;
      letter-spacing: 0.1em;
      color: #757575;
      position: relative; }
      .select-contents-2020 article > div h3:before {
        content: "";
        display: block;
        width: 80px;
        background: #757575;
        height: 1px;
        position: absolute;
        left: 6.5em;
        bottom: 12px;
        line-height: 1; }
      .select-contents-2020 article > div h3 span {
        margin-left: 110px;
        display: inline-block; }
    .select-contents-2020 article > div h4 {
      padding: 0;
      margin: 0 0 30px; }
    .select-contents-2020 article > div p {
      text-align: justify;
      margin: 0 0 40px; }
    .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: 290px;
      height: 32px;
      align-items: center;
      margin-left: calc(100% - 290px);
      margin-top: 37px;
      transition: 0.3s; }
      .select-contents-2020 article > div > a:hover {
        opacity: 0.5; }

.aword2020-contents {
  margin-bottom: 120px; }
  .aword2020-contents > nav ul {
    list-style: none;
    padding: 0 0 24px;
    border-bottom: #d6d6d6 1px solid;
    margin: 0; }
    .aword2020-contents > nav ul li {
      cursor: pointer;
      line-height: 1;
      margin: 0 48px 0 0;
      padding: 0;
      display: inline-block; }
      .aword2020-contents > nav ul li a {
        color: #262626;
        transition: 0.3s;
        font-size: 12px; }
        .aword2020-contents > nav ul li a:hover {
          opacity: 0.5; }
  .aword2020-contents > section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .aword2020-contents > section h3 {
      width: 100%;
      margin: 0;
      padding: 120px 0 0; }
    .aword2020-contents > section > div {
      width: 46.6666666666667%;
      padding-top: 74px; }
      .aword2020-contents > section > div figure {
        width: 100%;
        border: 1px solid #d6d6d6;
        margin-bottom: 56px; }
        .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: 50px; }
        .aword2020-contents > section > div .sub span {
          color: #757575;
          font-size: 10px;
          display: inline-block;
          margin-right: 24px; }
      .aword2020-contents > section > div .role {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #d6d6d6; }
        .aword2020-contents > section > div .role h5 {
          display: none; }
        .aword2020-contents > section > div .role dl {
          padding: 0;
          margin: 0;
          display: flex;
          font-size: 12px; }
          .aword2020-contents > section > div .role dl:first-child {
            font-family: "MFW-HiraKakuProN-W5" !important;
            font-weight: 600;
            letter-spacing: 0.1em; }
          .aword2020-contents > section > div .role dl dt {
            width: 120px;
            padding: 0;
            margin: 0; }
          .aword2020-contents > section > div .role dl dd {
            width: calc(100% - 120px);
            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: 120px; }
  .catalog-demande h4 {
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 14px; }
    .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: 100px;
    position: relative; }
    .catalog-demande .catalog-demande-inner > div {
      width: calc((100% - 48px) / 3);
      background: #f6f6f6;
      padding: 70px 64px 70px;
      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;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        outline: 0; }
        .catalog-demande .catalog-demande-inner > div input[type="checkbox"]:checked {
          background: none;
          background-repeat: no-repeat;
          background-image: url(images/demande-checkbox-on.svg); }
      .catalog-demande .catalog-demande-inner > div > label {
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        font-size: 14px;
        margin: 30px 0 0;
        height: 20px;
        display: flex;
        align-items: center;
        vertical-align: top;
        line-height: 1; }
      .catalog-demande .catalog-demande-inner > div > figure {
        text-align: center;
        margin-top: 50px; }
        .catalog-demande .catalog-demande-inner > div > figure img {
          width: 184px;
          height: auto;
          margin: 0 auto; }
        .catalog-demande .catalog-demande-inner > div > figure figcaption {
          text-align: left;
          font-size: 12px;
          margin-top: 40px;
          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 50px 14px 40px;
      line-height: 1;
      border-right: 1px solid #d6d6d6; }
    .catalog-demande .catalog-demande-view .catalog-demande-view-text {
      padding-left: 54px; }
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .ctv01,
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .ctv02,
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .ctv03 {
        display: none; }
      .catalog-demande .catalog-demande-view .catalog-demande-view-text .dot:before {
        content: ", "; }

.catalog-demande-email {
  position: relative;
  margin-bottom: 120px; }
  .catalog-demande-email h4 {
    font-family: "MFW-HiraKakuProN-W5" !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin: 0; }
    .catalog-demande-email h4 ruby {
      color: #a32035; }
  .catalog-demande-email p {
    font-size: 12px;
    margin: 50px 0; }
  .catalog-demande-email #fmail {
    background: #f6f6f6;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 80px;
    font-size: 32px;
    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: 360px;
  height: 80px; }
  .catalog-demande-submit span {
    font-size: 14px !important; }

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

#executives h3 {
  font-size: 18px;
  font-family: "MFW-HiraKakuProN-W5" !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 75px; }
#executives > section > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px; }
  #executives > section > div figure {
    width: 280px; }
    #executives > section > div figure img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  #executives > section > div > div {
    width: calc(100% - 320px); }
    #executives > section > div > div h4 {
      padding: 0;
      margin: 0 0 64px;
      line-height: 1; }
      #executives > section > div > div h4 .roll {
        display: block;
        font-size: 12px;
        color: #757575;
        font-weight: normal;
        margin-bottom: 25px; }
      #executives > section > div > div h4 .name {
        display: inline-block;
        font-size: 14px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-right: 20px; }
      #executives > section > div > div h4 .cap {
        display: inline-block;
        font-size: 12px;
        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: 80px;
        width: 100%;
        font-size: 12px;
        font-family: "MFW-HiraKakuProN-W5" !important;
        font-weight: 600;
        letter-spacing: 0.1em;
        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; }

.form-budget-land ul li,
.form-budget ul li {
  width: calc(100% / 6) !important; }

.windows.chrome .contact-wrap .form-step li.on-form:after {
  background-position: right -0.5px center; }

/*
#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;
  margin: 40px auto;
  text-align: center; }

.web_catalog_contents .mb50 {
  margin-bottom: 110px !important; }

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