.charset 'UTF-8';
/* ---------------------------
 * PC and Mobile
 * --------------------------- */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*@font-face {
    font-family: 'noto100';
    src: url("fonts/NotoSans-Thin.woff")  format('woff');
}*/


html {	
font-family: sans-serif;	
/* 1 */	
-ms-text-size-adjust: 100%;	
/* 2 */	
-webkit-text-size-adjust: 100%;	
/* 2 */	
}




/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/* Preload images */
body:after {
    content: url(/common/images/close.png) url(/common/images/loading.gif) url(/common/images/prev.png) url(/common/images/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: '';
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/common/images/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/common/images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/common/images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: '';
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/common/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

html {
    font-size: 62.5%;
}

body {
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 1.6;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 100;
    letter-spacing: .5px;
    color: #000;
}

a {
    text-decoration: underline;
    color: #000;
}

strong {
    font-weight: 500;
}

.max100 {
    max-width: 100%;
}

ul {
    list-style: none;
    padding-left: 0;
}

.clear {
    clear: both !important;
}

.mincho {
    font-family: YuMincho, '游明朝', serif;
}

.line--height2 {
    line-height: 2 !important;
}

.text-indent {
    text-indent: -1em;
    padding-left: 1em;
}

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

.text-left {
    text-align: left;
}

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

.font12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.font13 {
    font-size: 13px;
    font-size: 1.3rem;
}

.font14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.font15 {
    font-size: 15px;
    font-size: 1.5rem;
}

.font-thin {
    font-weight: 100;
}

.font-light {
    font-weight: 200;
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

.mt30 {
    margin-top: 30px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

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

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

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

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

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

.pt20 {
    padding-top: 20px !important;
}

.page-link-position {
    margin-top: -70px;
    padding-top: 70px;
}

.lh18 {
    line-height: 1.8;
}

.lh19 {
    line-height: 1.9;
}

body {
    min-width: 960px;
}

.layout-inner {
    margin: 0 auto;
    overflow: hidden;
}

.inner--type1,
.inner--type2 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

section {
    margin-bottom: 40px;
}

section:after {
    content: '';
    display: block;
    clear: both;
}

.layout-footer {
    margin-top: 110px;
    background-color: #333;
    position: relative;
}

.layout-header {
    position: relative;
    z-index: 100;
}

.header-submenu {
    overflow: hidden;
    position: fixed;
    width: 940px;
    top: 0;
    padding: 15px 0 0;
    margin: 0;
}

.header-submenu__list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: right;
    max-width: 940px;
}

.header-submenu__list li {
    margin-left: 17px;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
}

.header-logo {
    margin: 0 auto;
    width: 180px;
    clear: both;
    text-align: center;
}

.isSP .header-logo {
    width: 150px;
    margin: 0 0 0 65px;
}

.header-logo a {
    display: block;
}

.header-logo img {
    max-width: 100%;
}

.header-logo__img {
    margin: 0 0 15px;
    display: block;
}

.header-logo__main {
    margin: 0;
    display: block;
}

@-webkit-keyframes anim {
    0% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }

    35% {
        opacity: 1;
        text-shadow: none;
    }

    65% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

@keyframes anim {
    0% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }

    35% {
        opacity: 1;
        text-shadow: none;
    }

    65% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

@-webkit-keyframes anim2 {
    0% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }

    35% {
        opacity: 1;
        text-shadow: none;
    }

    65% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

@keyframes anim2 {
    0% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }

    35% {
        opacity: 1;
        text-shadow: none;
    }

    65% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

@-webkit-keyframes anim3 {
    0% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

@keyframes anim3 {
    0% {
        opacity: 1;
        text-shadow: none;
    }

    100% {
        opacity: 0;
        text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
    }
}

.visual {
    display: block;
    position: relative;
    /* overflow: hidden; */
}

.isPC .visual .slick-dots {
    bottom: -30px;
}

.home-slider {
    margin: 0;
    position: relative;
}
.home-slider::before{
  display: block;
  content: "";
  width: 108px;
  height: 26px;
  background: url(../images/slide/logo.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: calc(50% - 43px);
  z-index: +1;
}
@media screen and (max-width: 768px){
  .home-slider::before{
    width: 22.86vw;
    height: 5.43vw;
    top: 46%;
    left: calc(50vw - 8.8%);
  }
}

.home-slider__item img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 768px){
  .home-slider__item img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}

.home-slider__item img.sp {
    display: none;
}

.isSP .home-slider__item img.sp {
    display: block;
}

.isSP .home-slider__item img.pc {
    display: none;
}

.visual__main {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
}

.visual__main:after {
    content: '';
    display: block;
    clear: both;
}

.visual__item {
    float: left;
    position: relative;
}

.visual__item:not(:first-child) {
    display: none;
}

.visual__item img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.visual__item p {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
}

.visual__item .visual__txt--type2 {
    top: 90px;
    right: 60px;
    color: #333;
}

.visual__item .visual__txt--type2.is-animation {
    -webkit-animation: anim 10s;
    animation: anim 10s;
}

.visual__item .visual__txt--type3 {
    bottom: 30px;
    left: 80px;
    color: #333;
}

.visual__item .visual__txt--type3.is-animation {
    -webkit-animation: anim2 10s;
    animation: anim2 10s;
}

.visual__item .visual__txt--type4 {
    top: 35px;
    right: 80px;
    color: #333;
}

.visual__item .visual__txt--type4.is-animation {
    -webkit-animation: anim2 10s;
    animation: anim2 10s;
}

.visual__item .visual__txt--type5 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -10px;
    letter-spacing: 2px;
    opacity: 0;
}

.visual__item .visual__txt--type5.is-animation {
    opacity: 0 !important;
    -webkit-animation: anim3 5s;
    animation: anim3 5s;
}

.visual__txt {
    position: absolute;
    top: 0;
    left: 0;
}

.visual__salesbtn {
    position: absolute;
    right: 10px;
    bottom: 15px;
    display: block;
    z-index: 60;
    line-height: 0;
}

.isSP .visual__salesbtn {
    display: none;
}

.bx-default-pager {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    opacity: .6;
}

.bx-pager-item>a {
    border: 2px solid #fff;
    border-radius: 50%;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    background-color: #fff;
    box-sizing: border-box;
}

.bx-pager-item .active {
    background-color: transparent;
}

.bx-prev,
.bx-next {
    position: absolute;
    display: block;
    width: 34px;
    height: 77px;
    margin-top: -38px;
    font-size: 0;
    line-height: 0;
    top: 50%;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 51;
}

.bx-prev {
    background-image: url('/common/images/arrow01.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 25px;
}

.bx-next {
    background-image: url('/common/images/arrow02.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 25px;
}

.visual--type2 {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 30px 0 55px;
}

.visual--type2 .bx-wrapper {
    position: relative;
}

.visual--type2 .bx-prev {
    background-image: url('/common/images/arrow05.png');
}

.visual--type2 .bx-next {
    background-image: url('/common/images/arrow06.png');
}

.visual--type2__main {
    width: 100%;
    overflow: hidden;
    margin: 0;
    list-style: none;
    padding: 0;
}

.visual--type2__main:after {
    content: '';
    display: block;
    clear: both;
}

.visual--type2__item {
    float: left;
    position: relative;
}

.visual--type2__item:not(:first-child) {
    opacity: 0;
}

.visual--type2__item img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.visual--type2__thum {
    font-size: 0;
    margin-right: -8px;
    padding-top: 10px;
    overflow: hidden;
}

.visual--type2__thum a {
    display: block;
    float: left;
    margin: 0 6px 6px 0;
    position: relative;
}

.visual--type2__thum a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
}

.visual--type2__thum a.active:after {
    display: none;
}

.visual--type3 {
    display: block;
    position: relative;
    margin: 30px auto 20px;
}

.visual--type3 .bx-wrapper {
    position: relative;
}

.visual--type3 .bx-prev {
    background-image: url('/common/images/arrow03.png');
    left: -80px;
}

.visual--type3 .bx-next {
    background-image: url('/common/images/arrow04.png');
    right: -80px;
}

.visual--type3__main {
    width: 100%;
    overflow: hidden;
    margin: 0;
    list-style: none;
    padding: 0;
}

.visual--type3__main:after {
    content: '';
    display: block;
    clear: both;
}

.visual--type3__item {
    float: left;
    position: relative;
}

.visual--type3__item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
}

/* ZEHページCSS */
.zeh__about--list {
    overflow: hidden;
    margin: 2em 0 3em;
}

.zeh__about--list li {
    width: 214px;
    float: left;
    margin-left: 18px;
    background: #dcdcdc;
    text-align: center;
    padding-top: 10px;
}

.zeh__about--list li:first-child {
    margin-left: 0;
}

.zeh__about--list li span:first-child {
    font-size: 32px;
    font-size: 3.2rem;
}

.zeh__about--list li span:first-child+br+span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.zeh__about--list li:first-child+li+li span:first-child+br+span {
    margin-bottom: 0;
}

.zeh__about--list li p {
    text-align: left;
    padding: 0 10px;
}

@media screen and (max-width: 800px) and (min-width: 507px) {
    img {
        width: auto !important;
        margin: 0 auto;
    }
}

.sub-visual {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.sub-visual img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -470px;
}

.sub-visual h1,.sub-visual .page_tit {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -14px;
    text-align: center;
    letter-spacing: 2px;
}

section {
    margin-bottom: 30px;
}

.heading--type1 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 200;
    line-height: 1.7;
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.heading--type1.is-new:before {
    content: 'new';
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    padding: 3px 0 5px 3px;
    min-width: 75px;
    color: #fff;
    background-color: #d6293a;
    letter-spacing: 2px;
    margin: -6px 10px 0 0;
}

.heading--type2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.heading--type3 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 0 40px;
    letter-spacing: 1px;
    background: url(/common/images/bg01.gif) repeat-x bottom;
}

.heading--type4 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px;
    letter-spacing: 1px;
}

.heading--type4.is-medium {
    font-weight: 500;
}

.heading--type5 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.9;
    letter-spacing: 1px;
}

.heading--type6 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 30px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}

.heading--type7 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    position: relative;
    margin: 0;
}

.heading--type7:before {
    content: '';
    width: 14px;
    height: 14px;
    border: 4px solid #b7b7b7;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 7px;
}

.heading--type8 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
}

.heading--set1 {
    text-align: center;
    margin: 0 0 20px;
}

.heading--set1__text1 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;
    padding-bottom: 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #000;
    letter-spacing: 1px;
}

.heading--set1__text2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

.heading--set2 {
    border: 1px solid #888;
    padding: 10px;
    margin: 0 0 30px;
    text-align: center;
}


.heading--set2__text {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0;
    position: relative;
}

.heading--set2__text .badge--type2 {
    vertical-align: middle;
    margin: -2px 10px 0 0;
}

.heading--set3 {
    margin: 50px 0 30px;
    text-align: center;
}

.heading--set3__text {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;
    position: relative;
    padding-left: 70px;
    margin: 0;
    display: inline-block;
}

.heading--set3__text:before {
    content: '';
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: 56px;
    position: absolute;
    left: 0;
    top: -8px;
}




.is-type1 .heading--set3__text:before {
    background-image: url(/common/images/ico_sales01.png);
}

.is-type2 .heading--set3__text:before {
    background-image: url(/common/images/ico_sales02.png);
}

.is-type3 .heading--set3__text:before {
  background-image: url(/common/images/ico_sales03.png);
}

.is-type4 .heading--set3__text:before {
  background-image: url(/common/images/ico_sales04.png);
}

.is-new .heading--set3__text:after {
    content: 'new';
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    padding: 3px 0 5px 3px;
    min-width: 75px;
    color: #fff;
    background-color: #d6293a;
    letter-spacing: 2px;
    min-width: 60px;
    margin-top: -5px;
}

.heading--set4 {
    margin: 35px 0 20px;
    text-align: center;
}

.heading--set4__text1 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}

.heading--set4__text2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 200;
    margin: 0;
}

.heading--set5 {
    margin-bottom: 40px;
}

.heading--set5__text1 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 0 5px;
    letter-spacing: 1px;
    background: url(/common/images/bg01.gif) repeat-x bottom;
}

.heading--set5__text2 {
    text-align: center;
    margin: 5px 0 0;
}

.heading--set6 {
    text-align: center;
    margin-bottom: 40px;
}

.heading--set6__text1 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 5px;
    letter-spacing: 1px;
}

.heading--set6__text2 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 100;
    margin: 0 0 5px;
}

.heading--set7 {
    text-align: right;
    margin-bottom: 30px;
}

.heading--set7 span {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    color: #333;

}

.heading--set7 a {
    width: 200px;
    display: inline-block;

    padding: 15px 30px 15px 25px;
    text-align: center;
    background-color: #ed4245;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
}

.heading--set7 a:hover {
    opacity: 0.8;
}

.heading--set7 a:after {
    c
}

.badge--type1 {
    content: 'new';
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
text-align: center;
line-height: 1;
padding: 3px 0 5px 3px;
min-width: 75px;
color: #fff;
background-color: #d6293a;
letter-spacing: 2px;
}


.header-sidebtn {
    margin: 0;
}

.header-sidebtn__item {
    text-align: center;
}

.header-sidebtn__link {
    display: block;
}

.header-sidebtn__link img {
    max-width: 100%;
    height: auto;
}

.header-sidebtn {
    position: absolute;
    right: 0;
    top: 90px;
    z-index: 99999;
}

.header-sidebtn__item {
    width: 84px;
    text-align: center;
}

.header-sidebtn__item:not(:last-child) {
    margin-bottom: 10px;
}

.header-sidebtn__item:first-child .header-sidebtn__link {
    padding: 20px 0;
}

.header-sidebtn__item:last-child .header-sidebtn__link {
    padding: 30px 0;
}

.header-sidebtn__link {
    background: rgba(255, 255, 255, 0.6);
}


.header-sidebtn__link img.sp {
    display: none;
}

.isSP .header-sidebtn__link img.sp {
    display: block;
}

.isSP .header-sidebtn__link img.pc {
    display: none;
}

.isSP .header-sidebtn {
    position: absolute;
    right: 43px;
    top: 0;
    display: flex;
}

.isSP .header-sidebtn__item {
    width: 42px;
}

.isSP .header-sidebtn__item:not(:last-child) {
    margin-right: 1px;
}

.isSP .header-side_mail_btn img {
    height: 56px;
}

.isSP .header-sidebtn__item .header-sidebtn__link {
    padding: 0;
}




.badge--type2 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    line-height: 1;
    padding: 4px 12px 6px 15px;
    color: #000;
    background-color: #ededed;
    letter-spacing: 2px;
    box-sizing: border-box;
}

.badge--type2.red {
    background-color: #ed4245;
    color: #fff;
}

.hr--type1 {
    border: 0;
    margin: 0;
    padding: 20px 0;
}

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

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

.list--type2 li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
}

.list--type3 {
    list-style: none;
}

.list--type3 li {
    font-size: 14px;
    font-size: 1.4rem;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 20px;
}

.list--type3 li:before {
    content: '・';
}

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

.boxlist--type1 {
    overflow: hidden;
    margin: 0 -9px 60px 0;
    font-weight: 400;
}

.boxlist--type1__item {
    width: 228px;
    height: 228px;
    float: left;
    overflow: hidden;
    margin: 0 9px 10px 0;
    position: relative;
}

.boxlist--type1__item.type--heading {
    background-image: url(/common/images/bg01.gif);
}

.boxlist--type1__item.type--small {
    width: 183px;
    height: 183px;
    margin: 0 6px 10px 0;
}

.boxlist--type1__inner {
    display: block;
    height: 228px;
    color: #000;
    text-decoration: none;
}

.boxlist--type1__inner:hover {
    text-decoration: none;
}

.boxlist--type1__inner:hover .boxlist--type1__hover {
    left: 0;
}

.boxlist--type1__title {
    width: 118px;
    height: 118px;
    position: absolute;
    /* display: table; */
    top: 50%;
    left: 50%;
    margin: -59px 0 0 -59px;
    background-color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
}

.type--small .boxlist--type1__title {
    width: 95px;
    height: 95px;
    margin: -47.5px 0 0 -47.5px;
}

.boxlist--type1__title.font10 {
    font-size: 10px;
    font-size: 1rem;
}

.boxlist--type1__title.font12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.boxlist--type1__title__inner {
    /* display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
    padding-top: 5px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
}

.boxlist--type1__title__inner span {
    display: block;
    text-align: center;
}

.boxlist--type1__title__inner i {
    display: block;
    text-align: center;
    margin-top: 3px;
    font-style: normal;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.1;
}

.boxlist--type1__title__inner i.narrow {
    letter-spacing: -1px;
}

.boxlist--type1__categorytitle {
    width: 118px;
    height: 118px;
    position: absolute;
    display: table;
    top: 50%;
    left: 50%;
    margin: -59px 0 0 -59px;
    display: block;
    overflow: hidden;
    background-color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
}

.type--small .boxlist--type1__categorytitle {
    width: 95px;
    height: 95px;
    margin: -47.5px 0 0 -47.5px;
}

.boxlist--type1__categorytitle:before,
.boxlist--type1__categorytitle:after {
    /*
      content: '';
      width: 80px;
      height: 1px;
      background-color: #888;
      position: absolute;
      */
}

.boxlist--type1__categorytitle:before {
    top: 28px;
    right: -14px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}

.boxlist--type1__categorytitle:after {
    bottom: 28px;
    right: -14px;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.boxlist--type1__categorytitle__inner {
    line-height: 118px;
    text-align: center;
}

.type--small .boxlist--type1__categorytitle__inner {
    line-height: 95px;
}

.boxlist--type1__icon {
    /* text-align: center;
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%; */
    line-height: 1;
    height: 36px;
    display: flex;
    align-items: center;
    margin-top: -8px;
}

.boxlist--type1__icon02 {
    text-align: center;
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
}

.boxlist--type1__icon03 {
    text-align: center;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
}

.boxlist--type1__hover {
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 45px;
    position: absolute;
    overflow: hidden;
    left: -100%;
    bottom: 0;
    color: #fff;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
}

.boxlist--type1__hover:before,
.boxlist--type1__hover:after {
    content: '';
    width: 58px;
    height: 1px;
    background-color: #ddd;
    position: absolute;
}

.boxlist--type1__hover:before {
    top: 0;
    right: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}

.boxlist--type1__hover:after {
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.boxlist--type1__more {
    margin: 0;
    line-height: 45px;
    font-size: 13px;
    font-size: 1.3rem;
}

.is-new .boxlist--type1__inner:before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 118px;
    height: 25px;
    background-color: #d6293a;
    top: 148px;
    left: 55px;
}

.is-new .boxlist--type1__inner:after {
    content: 'new';
    position: absolute;
    z-index: 10;
    color: #fff;
    width: 118px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    box-sizing: border-box;
    top: 148px;
    left: 55px;
}

.boxlist--type2 {
    margin-bottom: 50px;
}

.boxlist--type2__item {
    border-bottom: 1px dotted #888;
    padding: 0 0 15px;
    margin-bottom: 15px;
}

.boxlist--type2__item:after {
    content: '';
    display: block;
    clear: both;
}

.boxlist--type2__item a {
    text-decoration: none;
}

.boxlist--type2__item:last-child {
    border: 0;
}

.boxlist--type2__ico {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    margin-right: 25px;
    position: relative;
}

.is-type1 .boxlist--type2__ico {
    background-image: url(/common/images/ico_sales01.png);
    background-size: cover;
}

.is-type2 .boxlist--type2__ico {
    background-image: url(/common/images/ico_sales02.png);
    background-size: cover;
}

.is-type3 .boxlist--type2__ico {
    background-image: url(/common/images/ico_sales03.png);
    background-size: cover;
}

.is-type4 .boxlist--type2__ico {
  background-image: url(/common/images/ico_sales04.png);
  background-size: cover;
}

.is-new .boxlist--type2__ico:before {
  content: '';
  position: absolute;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color: transparent transparent #d6293a transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -4px;
  left: -16px;
}

.is-new .boxlist--type2__ico:after {
  content: 'new';
  position: absolute;
  z-index: 10;
  color: #fff;
  width: 60px;
  height: 30px;
  padding-top: 9px;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -4px;
  left: -19px;
}

.boxlist--type2__txt {
    overflow: hidden;
}

.boxlist--type2__heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
}

.boxlist--type2__discription {
    margin: 5px 0 0 0;
}

.boxlist--type4 {
    list-style: none;
    text-align: center;
    margin-bottom: 40px;
}

.boxlist--type4 li {
    display: inline-block;
    margin: 0 3px 5px;
}

.boxlist--type4 .floor_plan_num {
    width: 100px;
    margin-top: 5px;
}

.boxlist--type5 {
    text-align: center;
}

.boxlist--type5__item {
    display: inline-block;
    text-align: left;
    margin-left: 18px;
    margin-right: 18px;
}

.column2--type1 {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.column2--type2 {
    overflow: hidden;
}

.column2--type3 {
    text-align: center;
}

.column3--type1 {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.column3--type2 {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.column3--type2__img {
    max-width: 100%;
}

.column3--type2__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 5px 0;
    text-align: center;
}

.column3--type2__txt {
    margin-top: 5px;
}

.column3--type3 {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.list--toppage {
    margin: 15px 0 0;
}

.list--toppage.facebooks {
    margin: 10px 0 60px;
}

.list--toppage.instagram {
    margin: 10px 0 60px;
}

.list--toppage.homepage {
  margin: 10px 0 60px;
}

.list--toppage li {
  width: 29%;
  margin-right: 5.7%;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 200;
}
.list--toppage li:nth-child(3n) {
  margin-right: 0;
}

.list--toppage a {
    display: block;
    /* background: url(/common/images/ico_fb.png) no-repeat left center; */
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 19px;
    padding-left: 25px;
    color: #000;
    text-decoration: none;
}

.list--toppage.facebooks a {
    background-image: url(/common/images/ico_fb.png);
}

.list--toppage.instagram a {
    background-image: url(/common/images/ico_insta.png);
}

.list--toppage.homepage li:nth-child(1) a {
  background-image: url(/common/images/top_ico13.png);
}

.list--toppage.homepage li:nth-child(2) a {
  background-image: url(/common/images/top_ico05.png);
}

.list--toppage.homepage li:nth-child(3) a {
  background-image: url(/common/images/top_ico06.png);
}

.list--toppage.line a {
    background-image: url(/common/images/ico_line.png);
}

.list--type-faq {
    list-style: none;
}

.list--type-faq__q {
    font-weight: 500;
    padding-left: 22px;
    text-indent: -22px;
    margin-bottom: 5px;
}

.list--type-faq__q:before {
    content: 'Q．';
}

.list--type-faq__a {
    margin-left: 0;
    padding-left: 22px;
    text-indent: -22px;
}

.list--type-faq__a:before {
    content: 'A．';
    font-weight: 500;
}

.table--type1 {
    width: 100%;
    margin: 0 0 30px;
}

.table--type1 th,
.table--type1 td {
    border: 1px solid #666;
    padding: 11px 15px;
}

.table--type1 tbody th {
    background-color: #eee;
    text-align: center;
    font-weight: 100;
}

.table--type2 {
    width: 100%;
    margin: 0 0 60px;
}

.table--type2 td {
    border: 1px solid #ccc;
    padding: 6px 15px;
    font-size: 12px;
    font-size: 1.2rem;
}

.table--short {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.table--low th,
.table--low td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.table__td--right td {
    text-align: right;
}

.btn--list {
    text-align: center;
}

.btn,
.previouspostslink,
.nextpostslink,
.submit {
    display: inline-block;
    margin: 10px 3px;
    padding: 15px 30px 15px 25px;
    text-align: center;
    background-color: #323232;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
}

.btn:after,
.previouspostslink:after,
.nextpostslink:after,
.submit:after {
    content: '\f105';
    line-height: 1;
    font-family: FontAwesome;
    font-weight: 200;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
}

.btn:hover,
.previouspostslink:hover,
.nextpostslink:hover,
.submit:hover {
    opacity: .8;
}

.btn .fa,
.previouspostslink .fa,
.nextpostslink .fa,
.submit .fa {
    vertical-align: middle;
    margin-right: 5px;
}

.submit {
    margin-top: 0;
    padding: 0;
}

.submit input {
    width: 250px;
    padding: 15px 30px 15px 25px;
    line-height: 1;
    background-color: transparent;
    border: none;
}

.btn--blue {
    background-color: #3a589e;
}

.btn--white,
.previouspostslink,
.nextpostslink {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.btn--gray {
    background-color: #ccc;
}

.btn--more {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

.btn--prev,
.previouspostslink {
    padding-right: 25px;
    padding-left: 30px;
}

.btn--prev:after,
.previouspostslink:after {
    content: '\f104';
    right: auto;
    left: 10px;
}

.btn--none {
    padding-right: 30px;
    padding-left: 30px;
}

.btn--none:after {
    display: none;
}

.btn--160 {
    width: 160px;
}

.btn--130 {
    width: 130px;
}

.btn--200 {
    width: 200px;
}

.btn--250 {
    width: 250px;
}

.btn--320 {
    width: 320px;
}

.btn--345 {
    width: 345px;
}

.btn--370 {
    width: 370px;
}

.btn--410 {
    width: 410px;
}

.btn--100p {
    width: 100%;
}

.btn--low {
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn--icon img {
    vertical-align: middle;
}

.btn--left {
    text-align: left;
}

.btn--left .btn {
    margin-left: 0;
}

.btn--right {
    text-align: right;
}

.btn--right .btn {
    margin-right: 0;
}

.btn--double {
    overflow: hidden;
}

.btn--double .btn:first-child {
    float: left;
}

.btn--double .btn:last-child {
    float: right;
}

.btn--pager {
    overflow: hidden;
}

.btn--pager .btn,
.btn--pager .previouspostslink,
.btn--pager .nextpostslink {
    display: block;
    margin-right: 0;
    margin-left: 0;
}

.btn--pager .btn--prev,
.btn--pager .previouspostslink {
    float: left;
}

.btn--pager .btn--next,
.btn--pager .nextpostslink {
    float: right;
}

.btn--pager .btn--home {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}

.btn--pager .btn--home:after {
    display: none;
}

.detal--type1 {
    margin-bottom: 50px;
}

.detal--type1:after {
    content: '';
    display: block;
    clear: both;
}

.detal--type1:last-child {
    margin-bottom: 0;
}

.detal--type1__block1 {
    width: 300px;
    float: left;
}

.detal--type1__block1 img {
    max-width: 100%;
    margin-bottom: 30px;
}

.detal--type1__block2 {
    width: 345px;
    float: right;
}

.detal--type1__block2>*:first-child {
    margin-top: 0;
}

.detal--type1__block2>.heading--type4 {
    margin-top: 20px;
}

.breadcrumb {
    margin: 10px 0 20px 5px;
}

.breadcrumb__list {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.breadcrumb__list li {
    float: left;
    line-height: 28px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 100;
}

.breadcrumb__list li:after {
    content: '　／　';
}

.breadcrumb__list li:last-child:after {
    display: none;
}

.breadcrumb__list .home {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    margin-right: 15px;
}

.breadcrumb__list .home:after {
    display: none;
}

.breadcrumb__list a {
    text-decoration: underline;
}

.local-nav {
    background: url(/common/images/bg01.gif);
    padding: 13px;
}

.local-nav__list {
    list-style: none;
    padding: 8px;
    margin: 0;
    background-color: #fff;
    text-align: center;
}

.local-nav__list li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 28px;
}

.local-nav__list li:after {
    content: ' ／ ';
}

.local-nav__list li:last-child:after {
    display: none;
}

.local-nav__list a {
    text-decoration: none;
}

.media--left {
    margin-bottom: 45px;
}

.media--left:after {
    content: '';
    display: block;
    clear: both;
}

.media--left img {
    float: left;
    margin: 0 40px 25px 0;
    max-width: 320px;
}

.media--right {
    margin-bottom: 45px;
}

.media--right:after {
    content: '';
    display: block;
    clear: both;
}

.media--right img {
    float: right;
    margin: 0 0 25px 40px;
    max-width: 320px;
}

.media--center {
    margin: 0 auto 30px;
}

.media--center img {
    display: block;
    margin: 0 auto 25px;
    max-width: 320px;
}

.figure--right {
    margin-bottom: 45px;
}

.figure--right:after {
    content: '';
    display: block;
    clear: both;
}

.figure--right .figure {
    float: right;
    margin: 0 0 30px 40px;
    max-width: 320px;
}

.figure--right .figure img {
    max-width: 320px;
}

.figure--left {
    margin-bottom: 20px;
}

.figure--left:after {
    content: '';
    display: block;
    clear: both;
}

.figure--left .figure {
    float: left;
    margin: 0 60px 30px 0;
    max-width: 320px;
}

.figure--left .figure img {
    max-width: 320px;
}

.figure--left .figure.type--mr40 {
    margin-right: 40px;
}

.figure--center {
    margin-bottom: 45px;
}

.figure--center:after {
    content: '';
    display: block;
    clear: both;
}

.figure--center .figure {
    margin: 0 auto 10px;
    max-width: 320px;
}

.figure--center .figure img {
    max-width: 320px;
}

.img--right {
    float: right;
    margin: 0 0 30px 40px;
    max-width: 320px;
}

.img--left {
    float: left;
    margin: 0 40px 30px 0;
    max-width: 320px;
}

.img--center {
    display: block;
    margin: 0 auto 30px;
    max-width: 320px;
}

.img--300,
.media--300 img,
.figure--300 .figure {
    max-width: 300px;
}

.img--320,
.media--320 img,
.figure--320 .figure {
    max-width: 320px;
}

.img--360,
.media--360 img,
.figure--360 .figure {
    max-width: 360px;
}

.img--auto,
.media--auto img,
.figure--auto .figure {
    max-width: 100%;
}

.img-state--right {
    display: table;
    width: 100%;
}

.img-state--right__inner {
    display: table-row;
}

.img-state--right__text {
    display: table-cell;
    vertical-align: top;
}

.img-state--right__img {
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
}

.img-state--right__empty {
    width: 160px;
}

.img-state--right__img--fix {
    width: 160px;
}

.img-state--right__img--fix__inner {
    position: relative;
}

.img-state--right__img--fix__inner img {
    position: absolute;
    top: 0;
    right: 0;
}

.tablet--clear {
    padding-top: 20px;
}

.caption {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    line-height: 1.2;
    margin: 0 0 8px;
}

.caption:before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 8px solid #000;
    position: absolute;
    top: 3px;
    left: 0;
}

.lightbox-link {
    position: relative;
    text-decoration: none;
    line-height: 0;
    display: inline-block;
}

.lightbox-link:after {
    content: '\f002';
    font-family: FontAwesome;
    font-size: 18px;
    width: 35px;
    height: 35px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    display: block;
    line-height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mailform__item {
    margin-bottom: 30px;
}

.mailform__heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.mailform__badge {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    background-color: #d6293a;
    width: 58px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.mailform__badge.any {
    background-color: #888;
}

.mailform__badge.selected {
    border: 1px solid #d6293a;
    color: #d6293a;
    background-color: transparent;
}

.mailform__input input[type='text'],
.mailform__input textarea {
    border: 1px solid #888;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.mailform__input .placeholder {
    margin-left: 10px;
    color: #888;
}

.mailform__input .subtext {
    margin-right: 5px;
}

.mailform__input .subtext--right {
    margin-left: 5px;
}

.mailform__input .default {
    width: 300px;
}

.mailform__input .default input[type='text'],
.mailform__input .default textarea {
    width: 300px;
}


.mailform__input .mini {
    width: 100px;
}

.mailform__input .short {
    width: 140px;
}

.mailform__input .tcenter {
    text-align: center;
}

.mailform__input .short input[type='text'],
.mailform__input .short textarea {
    width: 140px;
}

.mailform__input .long {
    width: 430px;
}

.mailform__input .long input[type='text'],
.mailform__input .long textarea {
    width: 430px;
}

.mailform__input .full {
    width: 100%;
}

.mailform__input .full input[type='text'],
.mailform__input .full textarea {
    width: 100%;
}

.mailform__memo {
    color: #ed4245;
}

.checkbox,
.checkbox_group span {
    margin: 0 0 10px;
    cursor: pointer;
}

.checkbox input[type='checkbox'],
.checkbox_group span input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin-right: 5px;
    vertical-align: top;
    border-radius: 0;
    border: none;
}

.checkbox input[type='checkbox']:before,
.checkbox_group span input[type='checkbox']:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #888;
    display: inline-block;
    vertical-align: middle;
}

.checkbox input[type='checkbox']:checked:after,
.checkbox_group span input[type='checkbox']:checked:after {
    content: '\f00c';
    line-height: 1;
    font-family: FontAwesome;
    font-weight: 200;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 18px;
    color: #888;
}

.checkbox_group01 {
    display: flex;
    flex-wrap: wrap;
}

.checkbox_group01 span {
    width: 33%;
}

.checkbox_group02 {
    display: flex;
    flex-wrap: wrap;
}

.checkbox_group02 span {
    width: 50%;
    margin: 0 0 10px;
}

@media screen and (max-width: 768px) {
    .checkbox_group01 {
        flex-direction: column;
    }

    .checkbox_group01 span {
        width: auto;
    }

    .checkbox_group02 {
        flex-direction: column;
    }

    .checkbox_group02 span {
        width: auto;
    }
}

.radio,
.radio_group>span {
    margin: 0 30px 10px 0;
    cursor: pointer;
    display: inline-block;
}

.radio input[type='radio'],
.radio_group span input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin-right: 5px;
    vertical-align: top;
    border: none;
}

.radio input[type='radio']:before,
.radio_group span input[type='radio']:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #888;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}

.radio input[type='radio']:checked:after,
.radio_group span input[type='radio']:checked:after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 3px;
}

.slectbox_group select {
    min-width: 240px;
}

.slectbox_time_group select {
    padding: 3px 10px;
    margin-right: 10px;
}

.slectbox_time_group .lmargin {
    margin-left: 10px;
}

.slectbox_time_group .lm50 {
    margin-left: 50px;
    display: inline-block;
}

.concept {
    position: relative;
    margin: 30px 0 0 0;
}

.concept .concept__bg {
    max-width: 100%;
    display: block;
}

.concept__inner {
    width: 440px;
    height: 590px;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    font-weight: 200;
    line-height: 2.2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -295px 0 0 -220px;
}

.concept__txt {
    margin: 30px 0 0 50px;
}

.concept__img {
    position: absolute;
    bottom: 25px;
    right: 55px;
}

.tel {
    text-align: center;
    margin-bottom: 10px;
}

.tel__heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0;
}

.tel__num {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    margin: 0;
}
@media screen and (max-width: 506px){
    .tel__num {
        font-size: 32px;
        font-size: 3.2rem;
    }
}


.tel__num span {
    font-size: 21px;
    font-size: 2.1rem;
}

.tel__num a {
    text-decoration: none;
}

.tel-list {
    list-style: none;
    margin: 30px 0;
    text-align: center;
}

.tel-list dt {
    margin: 0;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
}

.tel-list dd {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
}

.tel-list a {
    text-decoration: none;
}

.address-txt {
    text-align: center;
    margin-top: -30px;
}

.map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 480px;
    margin: 20px auto 50px;
}

.map iframe,
.map object,
.map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.accordion {
    border-bottom: 1px dotted #888;
    margin-bottom: 70px;
}

.accordion__trigger {
    text-align: center;
    /*line-height: 70px;*/
    line-height: 1.6;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    border-top: 1px dotted #888;
    padding: 22px 35px;
}

.accordion__trigger:after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(/common/images/ico_plus.png);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
}

.accordion__trigger .ico_tag{
margin:0 0 -0.5em 0;
padding-right:1em;
}



.accordion__item {
    display: none;
}

.open.accordion__trigger:after {
    background-image: url(/common/images/ico_minus.png);
}

.mw_wp_form_confirm .mailform__input .placeholder {
    display: none;
}

.mw_wp_form .error {
    font-weight: 700;
    color: #c00 !important;
}

.mw_wp_form .error:before {
    content: '※';
}

.technical--figure1 {
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 20px 10px 10px;
    margin-bottom: 20px;
    line-height: 0;
}

.technical--figure1 img {
    margin-bottom: 10px;
    vertical-align: middle;
}

.technical--figure2 {
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 20px 10px;
    margin-top: 20px;
    line-height: 0;
}

.renovation--figure1 {
    border: 1px solid #b7b7b7;
    text-align: center;
    padding: 25px 20px;
    width: 100%;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
}

.renovation--figure1 div {
    display: table-cell;
    vertical-align: middle;
}

.renovation--figure1__img1 {
    width: 280px;
}

.renovation--figure1__img3 {
    width: 236px;
}

.renovation--figure2 {
    overflow: hidden;
    margin-bottom: 55px;
}

.renovation--figure2__img {
    float: left;
    margin-right: 30px;
}

.renovation--figure2__list {
    overflow: hidden;
    background-color: #f2f2f2;
    border-radius: 15px;
    padding: 18px 22px 3px;
    margin-top: 100px;
}

.renovation--figure2__inner {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.renovation--figure2__inner dt {
    clear: left;
    float: left;
    font-weight: 500;
    margin-right: 20px;
    font-size: 16px;
    font-size: 1.6rem;
}

.renovation--figure2__inner dd {
    margin: 0 0 15px;
    overflow: hidden;
}

.renovation--figure2__inner dd.renovation--figure2__subhead {
    float: left;
    margin-right: 1px;
    overflow: visible;
}

.renovation--figure3 {
    border: 1px solid #666;
    position: relative;
    text-align: center;
    line-height: 0;
    padding: 20px 0;
    margin-bottom: 70px;
}

.renovation--figure3 .hr {
    display: block;
    width: 1px;
    border-right: 1px dotted #666;
    position: absolute;
    top: 25px;
    left: 50%;
    bottom: 25px;
}

.renovation--figure3 img {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 310px;
}

.top-back {
    position: fixed;
    bottom: 40px;
    left: 40px;
    opacity: 0;
    z-index: 99;
    -webkit-transition: .5s;
    transition: .5s;
}

.top-back span {
    display: block;
    line-height: 0;
}

.top-back a {
    display: inline-block;
    width: 51px;
    height: 51px;
    background-color: #fff;
    background-image: url(/common/images/pagetop.png);
}

.top-back.show {
    opacity: 1;
}

.top-back.stop {
    position: absolute;
    top: -90px;
    bottom: auto;
}

.isSP .top-back {
    bottom: 35.3vw;
    left: 19px;
}

.isSP .top-back.__btm40{
    /* bottom: 40px; */
    bottom: 10.66666vw;
  }
  
.isSP .top-back.__btm70{
  /* bottom: 70px; */
  bottom: 19.66666vw;
}

.isSP .top-back.__btm90{
  /* bottom: 90px; */
  bottom: 28vw;
}

.isSP .top-back.stop {
    bottom: auto;
}

.footer-sns {
    text-align: center;
    border-bottom: 1px solid #666;
    padding: 17px 0;
    vertical-align: top;
}

.footer-sns img {
    vertical-align: top;

}

.footer-sns .btn-fb {
    vertical-align: top;
    display: inline-block;
    margin-right: 25px;
}

.footer-nav {
    text-align: left;
    float:left;
    margin: 15px 0 20px;
    width:700px;
}

.footer-nav li {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
}

.footer-nav a {
    color: #fff;
    text-decoration: none;
}

.footer-copyright {
    color: #fff;
    clear:both;
    display: block;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 200;
    margin-bottom:3rem;
}

/***20180611追加*****/
.button--box {
    margin-top: 90px;
    margin-bottom: 0;

}

.button--box .catalog-contact {
    width: 460px;
    background-color: #f2f2f2;
    float: left;
    height: 380px;
    text-align: center;

}

.button--box .catalog-contact.catalog-contact--only {
    float: none;
    margin: auto;
}

.button--box .modelhouse-event {
    width: 460px;
    background-color: #f2f2f2;
    float: right;
    height: 380px;
    text-align: center;
}

.button--box-icon {
    display: block;
    padding-top: 55px;


}

.button--box-icon img {
    width: 34px;
}

.button--box-title {
    padding-bottom: 45px;
    font-weight: 100;
}

.button--box-title p {
    font-size: 26px;
    font-weight: 500;
    margin: 5px 0;
}

.button--box a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #ed4245;
    font-size: 16px;
    background-image: url(/common/images/icon_btn_link.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 5px;
}

.button--box .catalog-contact a {
    width: 360px;
    margin: 0 auto;
    height: 120px;
    line-height: 120px;

}

.button--box .modelhouse-event a {
    width: 174px;
    line-height: 54px;
    margin-right: 12px;
    float: left;
    margin-bottom: 12px;
}

.button--box .modelhouse-event a:nth-child(2) {
    margin-right: 0;
}

.button--box-btn-wrap {
    width: 360px;
    overflow: hidden;
    margin: 0 auto;
}

.button--box a:hover {
    opacity: 0.5;
}


.reserve--redbox {
    border: 1px solid #ed4245;
    width: 95%;
    text-align: center;
    margin: 10px 0;
    padding: 5px 2%;
    color: #ed4245;
}

.reserve-anchor {
    cursor: pointer;
}

.boxlist--type3__item .reserve-icon {
    margin-top: -25px;
    top: 50%;
    text-align: center;
    font-size: 12px;
    width: 50px;
    height: 41px;
    padding-top: 9px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #ed4245;
    position: absolute;
    text-decoration: none;
    right: 20px;
    z-index: 9999;
}

.boxlist--type3__item .reserve-icon a {
    color: #fff;
    text-decoration: none;
}

.boxlist--type3__item .reserve-title {
    width: 450px;

}

.mailform__event-box-wrap {

    width: 96%;
    margin: 0 auto;
}

.mailform__event-box-wrap .table {
    display: table;
}

.mailform__event-box-wrap .table span {
    display: table-cell;
}

.mailform__event-box-wrap .table span:first-child {
    width: 50px;
}

.mailform__event-box-wrap .event-title {
    background-color: #f2f2f2;
    padding: 10px 40px 10px 40px;
    margin-bottom: 2px;
    margin-top: 0;
    font-weight: bold;

}

.mailform__event-box-wrap .event-memo {
    background-color: #f2f2f2;
    padding: 10px 40px 10px 40px;
    margin-top: 0;
    margin-bottom: 10px;
}

.mailform__event-box-wrap .event_free {
    color: #d6293a;
}

.mailform__event-box-wrap .slectbox_time_group {
    margin: 15px 0;
}

.btn--list.btn--reserve span {
    display: block;
}

.btn--list.btn--reserve a {
    width: 410px;
    background-color: #ed4245;
    color: #fff;
}



/*-----------*/

    #nav_en .sp-menu-button {
        width: 40px;
        height: 40px;
        background: url(/common/images/sp-menu.png) no-repeat;
        background-size:40px;
        position: absolute;
        /* top: 10px; */
        top: 6px;
        left: 15px;
    }

    #nav_en .nav-submenu {
        background-color: #000;
        display: table;
        width: 100%;
        margin: 0;
    }

    #nav_en .nav-submenu li {
        display: table-cell;
        text-align: center;
        height: 44px;
        vertical-align: middle;
        width: 33%;
        box-sizing: border-box;
    }

    #nav_en .nav-submenu li {
        border-left: 1px solid #333;
    }

    #nav_en .nav-submenu li:first-child {
        border-left: 0;
    }

    #nav_en .nav-submenu a {
        display: block;
        line-height: 0;
        text-decoration: none;
    }

    #nav_en .global-nav {
        margin: 0;
        background-color: #333;
    }

    #nav_en .global-nav li {
        border-bottom: 1px solid #000;
        font-size: 14px;
        font-size: 1.4rem;
    }

    #nav_en .global-nav a {
        display: block;
        line-height: 44px;
        color: #fff;
        padding-left: 20px;
        text-decoration: none;
    }

    #nav_en .global-nav i {
        display: none;
    }

/*------------*/








@media screen and (max-width: 768px) {

/* ---------------------------
 * Tablet
 * --------------------------- */
    .sp-center {
        text-align: center;
    }

    body {
        min-width: 0;
    }

    .layout-inner {
        width: auto;
    }

    .inner--type1 {
        width: 466px;
    }

    .layout-nav {
        width: 100%;
        position: absolute;
        top: 58px;
        left: 0;
        z-index: 99;
        -webkit-transform: translate(0, -1000px);
        -ms-transform: translate(0, -1000px);
        transform: translate(0, -1000px);
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
    }

    .layout-nav.is-open {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .layout-container.type--top .layout-contents {
        margin-top: 45px;
    }

    .layout-contents {
        margin: 15px auto 0;
        max-width: 466px;
        overflow: hidden;
    }

    .layout-contents img {
        max-width: 100%;
        height: auto;
    }

    .layout-footer {
        margin-top: 115px;
        height: auto;
    }

    .is-open {
        background-color: #333;
    }

    .is-open .layout-container,
    .is-open .layout-footer {
        display: none;
    }

    .layout-header {
        background-color: #fff;
    }

    .header-submenu {
        display: none;
    }

    .header-logo {
        padding: 17px 0;
        text-align: center;
        line-height: 0;
    }

    .header-logo__img {
        display: none;
    }

    .header-logo__main {
        display: inline;
        width:180px;
    }

    .sp-menu-button {
        width: 40px;
        height: 40px;
        background: url(/common/images/sp-menu.png) no-repeat;
        background-size:40px;
        position: absolute;
        /* top: 10px; */
        top: 6px;
        left: 15px;
    }

    .nav-submenu {
        background-color: #000;
        display: table;
        width: 100%;
        margin: 0;
    }

    .nav-submenu li {
        display: table-cell;
        text-align: center;
        height: 44px;
        vertical-align: middle;
        width: 33%;
        box-sizing: border-box;
    }

    .nav-submenu li {
        border-left: 1px solid #333;
    }

    .nav-submenu li:first-child {
        border-left: 0;
    }

    .nav-submenu a {
        display: block;
        line-height: 0;
        text-decoration: none;
    }

    .global-nav {
        margin: 0;
        background-color: #333;
    }

    .global-nav li {
        border-bottom: 1px solid #000;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-nav a {
        display: block;
        line-height: 44px;
        color: #fff;
        padding-left: 20px;
        text-decoration: none;
    }

    .global-nav i {
        display: none;
    }

    @-webkit-keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    .visual__item p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .visual__item .visual__txt--type2 {
        top: 60px;
    }

    .visual__item .visual__txt--type3 {
        top: auto;
        bottom: 30px;
    }

    .visual__item .visual__txt--type5 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .bx-prev,
    .bx-next {
        width: 26px;
        height: 59px;
        background-size: 26px auto;
        margin-top: -29px;
    }

    .visual--type2__thum {
        display: none;
    }

    .visual--type3 .bx-prev,
    .visual--type3 .bx-next {
        width: 34px;
        height: 77px;
        background-size: 100% auto;
        margin-top: -38px;
    }

    .visual--type3 .bx-prev {
        left: 12px;
    }

    .visual--type3 .bx-next {
        right: 12px;
    }

    .visual--type3__item {
        float: left;
        display: block;
        text-align: center;
    }

    .visual--type3__item:before {
        content: '';
        height: 100%;
        vertical-align: middle;
        width: 0;
        display: inline-block;
    }

    .visual--type3__item img {
	width: 375px;
	height: 375px;
	object-fit: contain;
        display: inline-block;
    }

    .visual--type3__item>* {
        vertical-align: middle;
        display: inline-block;
    }

    /* ZEHページCSS */
    .zeh__about--list li {
        width: 100%;
        float: none;
        margin-left: 0;
        padding: 10px 0 30px;
        margin-bottom: 10px;
    }

    .zeh__about--list li p {
        padding: 0 20px;
    }



    .slectbox_time_group .lm50 {
        margin-left: 10px;

    }


    .boxlist--type3__item .reserve-icon {
        position: static;
        margin-top: 0;
    }

    .boxlist--type3__item .reserve-title {
        width: auto;

    }

}

@media screen and (max-width: 768px) and (max-width: 800px) and (min-width: 507px) {
    img {
        width: auto !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .heading--set3__text {
        padding-left: 0;
        text-align: center;
    }

    .heading--set3__text:before {
        margin: 0 auto 20px;
        position: static;
        display: block;
    }

    .is-new .heading--set3__text:after {
        display: block;
        margin: 10px auto;
        width: 60px;
    }

    .boxlist--type1__hover {
        left: 0;
    }

    .boxlist--type2 {
        overflow: hidden;
        margin: 0;
    }

    .boxlist--type2__item {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .boxlist--type3__inner {
        text-decoration: none;
    }

    .boxlist--type3__item {
        width: 220px;
        margin: 0 auto 40px;
        box-sizing: border-box;
    }

    .boxlist--type3__img {
        display: block;
        margin: 0 auto;
    }

    .boxlist--type3__txt {
        border: 3px solid #dcdcdc;
        text-align: center;
        margin: 25px 0 0 0;
        padding: 0 20px;
        position: relative;
    }

    .boxlist--type3__txt:after,
    .boxlist--type3__txt:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .boxlist--type3__txt:after {
        border-bottom-color: #fff;
        border-width: 12px;
        margin-left: -12px;
    }

    .boxlist--type3__txt:before {
        border-bottom-color: #dcdcdc;
        border-width: 16px;
        margin-left: -16px;
    }

    .boxlist--type3__data {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
        padding-top: 40px;
        position: relative;
    }

    .boxlist--type3__heading {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.2;
        margin: 30px 0 40px;
    }

    .is-new .boxlist--type3__data {
        padding-top: 80px;
    }

    .is-new .boxlist--type3__data:before {
        content: 'new';
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        border: 1px solid #ed4245;
        color: #ed4245;
        text-align: center;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -20px;
    }

    .boxlist--type5 {
        text-align: center;
    }

    .boxlist--type5__item {
        display: block;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .boxlist--type5__item:last-child {
        margin-bottom: 0;
    }

    .boxlist--type5__inner {
        display: inline-block;
        text-align: left;
        max-width: 100%;
    }

    .column2--type1__item {
        margin-bottom: 30px;
    }

    .column3--type1__item {
        margin-bottom: 50px;
    }

    .column3--type2__item {
        margin-bottom: 30px;
    }

    .column3--type2__img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .column3--type3__item {
        width: 200px;
        float: left;
        margin-right: 66px;
        margin-bottom: 30px;
    }

    .column3--type3__item:nth-child(odd) {
        clear: left;
    }

    .column3--type3__item:nth-child(even) {
        margin-right: 0;
    }

    .list--toppage {
        text-align: left;
        margin: 0;
    }

    .list--toppage.facebooks2,
    .list--toppage.facebooks3 {
        margin-top: 30px;
    }

    .list--toppage li {
        width: auto;
        display: block;
        margin: 20px 0 30px 0;
    }

    .list--toppage li:last-child {
        margin-bottom: 0;
    }

    .list--toppage a {
        display: inline-block;
    }

    .breadcrumb {
        display: none;
    }

    .local-nav {
        max-width: 466px;
        margin: 55px auto 0;
    }

    .media--left {
        margin-bottom: 10px;
    }

    .media--left img {
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .media--right {
        margin-bottom: 10px;
    }

    .media--right img {
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .media--center {
        margin: 0 auto 15px;
    }

    .media--center img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .figure--right {
        margin-bottom: 10px;
    }

    .figure--right .figure {
        float: none;
        max-width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .figure--right .figure img {
        max-width: 100%;
    }

    .figure--left {
        margin-bottom: 10px;
    }

    .figure--left.type--spmb {
        margin-bottom: 50px;
    }

    .figure--left .figure {
        float: none;
        max-width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .figure--left .figure img {
        max-width: 100%;
    }

    .figure--left .figure.type--mr40 {
        margin-right: 0;
    }

    .figure--center {
        margin-bottom: 10px;
    }

    .figure--center .figure {
        float: none;
        max-width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .figure--center .figure img {
        max-width: 100%;
    }

    .img--right {
        float: none;
        margin: 0 auto 10px auto;
        max-width: 100%;
        display: block;
    }

    .img--left {
        float: none;
        margin: 0 auto 10px auto;
        max-width: 100%;
    }

    .img--center {
        max-width: 100%;
    }

    .img--300,
    .media--300 img,
    .figure--300 .figure {
        max-width: 100%;
    }

    .img--320,
    .media--320 img,
    .figure--320 .figure {
        max-width: 100%;
    }

    .img--360,
    .media--360 img,
    .figure--360 .figure {
        max-width: 100%;
    }

    .tablet--clear {
        display: block;
    }

    .img-state--right__img img {
        max-width: none;
    }

    .img-state--right__empty {
        display: none;
    }

    .detal--type1__block1 {
        width: auto;
        float: none;
    }

    .detal--type1__block1 img {
        max-width: 100%;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .detal--type1__block2 {
        width: auto;
        float: none;
        margin-bottom: 30px;
    }

    .detal--type1__block2>*:first-child {
        margin-top: 0;
    }

    .mailform__input .placeholder {
        display: block;
        margin-left: 0;
    }

    .mailform__input .default {
        width: 100%;
    }

    .mailform__input .default input[type='text'],
    .mailform__input .default textarea {
        width: 100%;
    }

    .mailform__input .short {
        width: 140px;
    }

    .mailform__input .short input[type='text'],
    .mailform__input .short textarea {
        width: 140px;
    }

    .mailform__input .long {
        width: 100%;
    }

    .mailform__input .long input[type='text'],
    .mailform__input .long textarea {
        width: 100%;
    }

    .mailform__input .full {
        width: 100%;
    }

    .mailform__input .full input[type='text'],
    .mailform__input .full textarea {
        width: 100%;
    }

    .concept__inner {
        width: 300px;
        height: 404px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 2;
        margin: -202px 0 0 -150px;
    }

    .concept__txt {
        margin: 20px 0 0 30px;
    }

    .concept__img {
        width: 42px;
        height: auto;
        position: absolute;
        bottom: 15px;
        right: 35px;
    }

    .renovation--figure1__img1 {
        width: 50%;
    }

    .renovation--figure1__img3 {
        width: 43%;
    }

    .renovation--figure2 {
        text-align: center;
        margin-bottom: 40px;
    }

    .renovation--figure2__img {
        float: none;
        margin-right: 0;
    }

    .renovation--figure2__list {
        float: none;
        display: inline-block;
        margin-top: 20px;
        text-align: left;
    }

    .renovation--figure3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .renovation--figure3 .hr {
        width: 100%;
        height: 1px;
        border-right: 0;
        border-bottom: 1px dotted #666;
        position: static;
        margin: 20px 0 30px;
    }

    .renovation--figure3 img {
        margin-left: 0;
        margin-right: 0;
        max-width: 310px;
    }

    .table--data th {
        width: 35%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .address__btn .btn {
        margin: 10px 0 0 0;
    }

    .top-back {
        right: 20px;
    }

    .footer-nav {
        max-width: 466px;
        text-align: left;
        margin: 10px auto 10px;
    }

    .footer-nav li {
        display: block;
        margin: 0;
    }

    .footer-nav a {
        display: block;
        line-height: 2.4em;
    }

    /*  .footer-copyright {
    margin-bottom: 25px;
    }*/
    .footer-copyright {
        margin-bottom: 120px;
    }




    /***20180611追加*****/
    .button--box .catalog-contact {
        width: 100%;
        margin-bottom: 20px;
        float: none;
        height: auto;
        padding-bottom: 25px;
    }

    .button--box .modelhouse-event {
        width: 100%;
        float: none;
        height: auto;
        text-align: center;
        padding-bottom: 25px;
    }

    .button--box-icon {
        padding-top: 25px;


    }

    .button--box-icon img {
        width: 34px;
    }

    .button--box-title {
        padding-bottom: 22px;
    }

    .button--box-title p {
        font-size: 26px;
        font-weight: bold;
        margin: 5px 0;
    }

    .button--box a {}

    .button--box .catalog-contact a {
        width: 90%;
        margin: 0 auto;
        height: 120px;
        line-height: 120px;

    }

    .button--box .modelhouse-event a {
        width: 100%;
        line-height: 54px;
        margin-right: 0px;
        float: none;
        margin-bottom: 10px;
    }

    .button--box .modelhouse-event a:last-child {
        margin-bottom: 0;
    }

    .button--box-btn-wrap {
        width: 90%;

    }






}

@media screen and (max-width: 506px) {

    /* ---------------------------
 * Mobile
 * --------------------------- */
    .inner--type1 {
        width: auto;
    }

    .layout-contents {
        margin-right: 20px;
        margin-left: 20px;
        max-width: none;
    }

    .header-logo {
        text-align: left;
        margin: 0 auto;
    }

    @-webkit-keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    .visual__item {
        display: none;
    }

    .visual__item:nod(:first-child) {
        display: none;
    }

    .visual__item:first-child {
        display: block !important;
    }

    .visual .bx-prev,
    .visual .bx-next {
        display: none;
    }

    /* ZEHページCSS */
    .zeh__about--list {
        width: 72%;
        margin-right: auto;
        margin-left: auto;
    }

}

@media screen and (max-width: 506px) and (max-width: 800px) and (min-width: 507px) {
    img {
        width: auto !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 506px) {
    .boxlist--type1 {
        margin: 0 0 40px;
    }

    .boxlist--type1__item,
    .boxlist--type1__item.type--small {
        float: none;
        margin: 0 auto 10px auto;
    }

    .boxlist--type2__ico {
        float: none;
        margin: 0 auto 20px;
    }

    .column3--type3__item {
        width: auto;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .column3--type3__item:nth-child(even) {
        margin-right: auto;
    }

    .local-nav {
        margin-right: 20px;
        margin-left: 20px;
    }

    .btn,
    .previouspostslink,
    .nextpostslink {
        margin: 5px 0;
    }

    .btn--160 {
        width: 100%;
    }

    .btn--130 {
        width: 100%;
    }

    .btn--200 {
        width: 100%;
    }

    .btn--250 {
        width: 100%;
    }

    .btn--320 {
        width: 100%;
    }

    .btn--345 {
        width: 100%;
    }

    .btn--370 {
        width: 100%;
    }

    .btn--double .btn:first-child {
        float: none;
    }

    .btn--double .btn:last-child {
        float: none;
    }

    .btn--pager {
        text-align: center;
    }

    .btn--pager .btn--home {
        clear: both;
        display: inline-block;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn--pager .btn--prev,
    .btn--pager .previouspostslink {
        width: 49%;
        margin-right: 1%;
    }

    .btn--pager .btn--next,
    .btn--pager .nextpostslink {
        width: 49%;
        margin-left: 1%;
    }

    .btn--list.btn--reserve a {
        width: 100%;
    }

    .concept .concept__bg {
        max-width: 400px;
        max-height: none;
    }

    .concept__inner {
        width: auto;
        height: auto;
        line-height: 2.2;
        margin: 0;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 2px solid transparent;
        background-clip: padding-box;
        box-sizing: border-box;
        box-shadow: 0 0 0 15px rgba(0, 0, 0, .75);
    }

    .concept__txt {
        margin: 14px 14px 0 14px;
    }

    .concept__img {
        right: 25px;
    }

    .tablet--clear {
        padding-top: 0;
    }

    .img-state--right {
        display: table;
    }

    .img-state--right__inner {
        display: block;
    }

    .img-state--right__text {
        display: block;
        margin-top: 0;
    }

    .img-state--right__img {
        display: block;
        text-align: center;
        line-height: 0;
        padding-left: 0;
    }

    .img-state--right__img--fix {
        width: auto;
        text-align: center;
        line-height: 0;
    }

    .img-state--right__img--fix__inner img {
        position: static;
    }

    .renovation--figure3 img {
        max-width: 100%;
    }

    .footer-nav {
        max-width: auto;
        margin-left: 20px;
        margin-right: 20px;
        margin-top:30px;
    }

    .heading--set7 {
        text-align: center;
    }

    .heading--set7 a {
        width: 100%;
    }

    .slectbox_time_group .lm50 {
        margin-left: 0px;
        display: block;
        margin-top: 10px;
    }

}

@media screen and (max-width: 320px) {
    .concept__txt {
        white-space: nowrap;
        transform: scale(.9);
        margin-left: 0;
    }
}

@media screen and (min-width: 769px) {

    /* ---------------------------
 * PC
 * --------------------------- */
    .max-300 {
        max-width: 300px;
    }

    .layout-inner {
        width: 940px;
    }

    .inner--type1 {
        width: 680px;
    }
    
    .inner--type2 {
      width: 710px;
  }

    .layout-container.type--top {
        margin-bottom: -60px;
    }

    .layout-container.type--top .layout-contents {
        margin-top: 60px;
    }

    .layout-contents {
        margin-top: 30px;
    }

    .layout-header {
        margin-bottom: 20px;
        height: 180px;
    }

    .is-fixed .layout-header {
        margin-bottom: 90px;
    }

    .header-logo {
        margin-top: 40px;
    }

    .layout-nav {
        height: 70px;
        overflow: hidden;
    }

    .is-fixed .layout-nav {
        position: fixed;
        width: 100%;
        min-width: 960px;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .85);
        z-index: 99;
    }

    .nav-submenu {
        display: none;
    }

    .global-nav {
        display: table;
        width: 100%;
        padding: 35px 0 4px;
        margin: 0;
    }

    .global-nav li {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        width: 125px;
        font-weight: 100;
    }

    .global-nav li:nth-child(6) {
        width: 130px;
    }

    .global-nav li:nth-child(7) {
        width: auto;
    }

    .global-nav span {
        display: none;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-nav i {
        font-style: normal;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .global-nav a {
        display: block;
        position: relative;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        color: #000;
        text-decoration: none;
    }

    .global-nav a:hover span {
        display: block;
    }

    .global-nav a:hover i {
        display: none;
    }

    @-webkit-keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim2 {
        0% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }

        35% {
            opacity: 1;
            text-shadow: none;
        }

        65% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @-webkit-keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    @keyframes anim3 {
        0% {
            opacity: 1;
            text-shadow: none;
        }

        100% {
            opacity: 0;
            text-shadow: #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px, #333 0 0 5px;
        }
    }

    .visual--type3__item {
        float: left;
        position: relative;
    }

    .visual--type3__item img {
        display: block;
        max-width: 100%;
        max-height: 420px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 769px) and (max-width: 800px) and (min-width: 507px) {
    img {
        width: auto !important;
        margin: 0 auto;
    }
}

@media screen and (min-width: 769px) {
    .sub-visual img {
        width: 100%;
    }

    .boxlist--type3 {
        margin-bottom: 30px;
    }

    .boxlist--type3__item {
        margin-bottom: 15px;
        position: relative;
    }

    .boxlist--type3__inner {
        display: block;
        overflow: hidden;
        text-decoration: none;
    }

    .boxlist--type3__img {
        float: left;
        display: block;
    }

    .boxlist--type3__txt {
        width: 810px;
        float: right;
        border: 3px solid #dcdcdc;
        box-sizing: border-box;
        position: relative;
    }

    .boxlist--type3__txt:before,
    .boxlist--type3__txt:after {
        content: '';
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .boxlist--type3__txt:before {
        left: -14px;
        margin-top: -9px;
        border-width: 9px 16px 9px 0;
        border-color: transparent #fff transparent transparent;
        z-index: 0;
    }

    .boxlist--type3__txt:after {
        left: -20px;
        margin-top: -10px;
        border-width: 10px 18px 10px 0;
        border-color: transparent #dcdcdc transparent transparent;
        z-index: -1;
    }

    .boxlist--type3__txt__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 94px;

    }

    .boxlist--type3__data {
        width: 215px;
        display: inline-block;
        /*    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
        margin: 0;
        vertical-align: middle;
        line-height: 1;
        /*    -webkit-flex-basis: 215px;
    -ms-flex-preferred-size: 215px;
    flex-basis: 215px;*/
        padding-left: 80px;
        box-sizing: border-box;
        position: relative;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
    }

    .boxlist--type3__heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        vertical-align: middle;
        position: relative;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 400;
        padding: 0 70px 0 70px;

    }


    .boxlist--type3__heading:before,
    .boxlist--type3__heading:after {
        content: '';
        width: 80px;
        height: 1px;
        background-color: #dcdcdc;
        position: absolute;
    }

    .boxlist--type3__heading:before {
        top: 50%;
        left: -30px;
        margin-top: -31px;
        -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        transform: rotate(50deg);
    }

    .boxlist--type3__heading:after {
        bottom: 50%;
        left: -30px;
        margin-bottom: -31px;
        -webkit-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        transform: rotate(-50deg);
    }

    .is-new .boxlist--type3__data:before {
        content: 'new';
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        border: 1px solid #d6293a;
        color: #d6293a;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 20px;
        margin-top: -20px;
    }

    .column2--type1__item {
        width: 310px;
        float: left;
        margin-right: 60px;
        margin-bottom: 30px;
        font-weight: 200;
    }

    .column2--type1__item:nth-child(odd) {
        clear: left;
    }

    .column2--type1__item:nth-child(even) {
        margin-right: 0;
    }

    .column2--type2__item {
        width: 320px;
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
        margin-bottom: 0;
    }

    .column2--type2__item:nth-child(odd) {
        clear: left;
    }

    .column2--type2__item:nth-child(even) {
        margin-right: 0;
    }

    .column3--type1__item {
        width: 272px;
        float: left;
        margin-right: 62px;
        margin-bottom: 30px;
        font-weight: 200;
    }

    .column3--type1__item:nth-child(3n) {
        margin-right: 0;
    }

    .column3--type1__item:nth-child(3n+1) {
        clear: left;
    }

    .column3--type2__item {
        width: 290px;
        float: left;
        margin-right: 35px;
        margin-bottom: 30px;
    }

    .column3--type2__item:nth-child(3n) {
        margin-right: 0;
    }

    .column3--type2__item:nth-child(3n+1) {
        clear: left;
    }

    .column3--type3__item {
        width: 200px;
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
    }

    .column3--type3__item:nth-child(3n) {
        margin-right: 0;
    }

    .column3--type3__item:nth-child(3n+1) {
        clear: left;
    }

    .media--pcfull img {
        width: 680px;
        height: auto;
    }

    .table--data th {
        width: 27%;
    }

    .address {
        display: table;
        width: 100%;
    }

    .address__txt {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
    }

    .address__btn {
        display: table-cell;
        vertical-align: top;
        width: 130px;
    }

    .address__btn .btn {
        margin: 0;
    }
}

/* ex style */
.boxlist--type1__title__inner i.upper_text {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-style: normal;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.1;
}

.boxlist--type1__title__inner i.upper_text.upper_text--small {
    transform: scale(.8);
    white-space: nowrap;
}

/* recruit style */
.recruit-toparea {
    /* margin: 16px 0 52px; */
    text-align: center;
    /* padding: 0 36px; */
    margin: 60px 0 90px;
    background: #eee;
    padding: 50px;
}
@media screen and (max-width: 768px) {
  .recruit-toparea {
    margin: 60px 0;
    padding: 30px;
  }
}

.recruit-toparea .ttl_oc{
  position: relative;
  font-size: 2.0rem;
  /* font-family: "Arial", sans-serif; */
  letter-spacing: 1em;
  border-bottom: 2px solid #666;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 0.5em;
}
.recruit-toparea .ttl_oc:after{
  content: ".";
  position: absolute;
}
@media screen and (max-width: 768px) {
  .recruit-toparea .ttl_oc{
    letter-spacing: 0.5em;
    width: 90%;
    word-break: break-word;
  }
}

.recruit-toparea .heading--type1{
  margin-bottom: 10px !important;
}

.recruit-toparea a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #ed4245;
    font-size: 17px;
    background-image: url(/common/images/icon_btn_link.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 5px;
    padding: 16px 26px;
    /* margin-bottom: 36px; */
}

.recruit-toparea a:hover {
    opacity: .5;
}

.recruit-toparea a img {
    margin-left: 5px;
}

.recruit-toparea p {
    line-height: 2;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    /* .recruit-toparea {
        padding: 0;
    } */
    .recruit-toparea a {
        font-size: 14px;
    }
}

.recruit-bottomarea {
  margin: 60px 0 28px;
  text-align: center;
}

.recruit_staffArea{}
.recruit_staffArea h1{
  margin-bottom: 40px !important;
  letter-spacing: 0.1em;
}
.recruit_staffItem{
  margin-bottom: 50px;
}
.recruit_staffItem:last-of-type{
  margin-bottom: 0;
}
.recruit_staffItem_inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 506px){
  .recruit_staffItem_inner{
    display: block;
  } 
}
.recruit_staffItem_inner .__left{
  width: 48%;
  line-height: 1;
  margin: 0 !important;
  /* cursor: pointer; */
}
@media screen and (max-width: 506px){
  .recruit_staffItem_inner .__left{
    width: 100%;
    margin-bottom: 20px !important;
    position: relative;
    padding-top: 56.2%;
  }
}
.recruit_staffItem_inner .__left img{
  width: 100%;
  height: auto;
  display: none;
}

.recruit_staffItem .__left img.__off{
  display: block;
}
.recruit_staffItem .__left img.__on{
  display: none;
}

@media screen and (min-width: 768px) {
.recruit_staffItem:hover .__left img.__off{
  display: none;
}
.recruit_staffItem:hover .__left img.__on{
  display: block;
}
}

@media screen and (max-width: 506px) {
  .recruit_staffItem .__left img{
    position: absolute;
    left: 0;
    top: 0;
  }
  .recruit_staffItem_inner .__left img.__active{
    display: block;
  }
}

.recruit_staffItem_inner .__right{
  width: 48%;
}
@media screen and (max-width: 506px){
  .recruit_staffItem_inner .__right{
    width: 100%;
  }
}
.recruit_staffItem_inner .__right p{
  margin: 0;
}
.recruit_staffItem_inner .__right .__txt{
  font-size: 1.8rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .recruit_staffItem_inner .__right .__txt{
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
.recruit_staffItem_interview{
  margin-top: 18px;
  border: 1px solid #777;
}
.recruit_staffItem_interviewBtn{
  padding: 18px 0 16px;
  line-height: 1;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.recruit_staffItem_interviewBtn::after{
  display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #777;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
    right: 20px;
}
.recruit_staffItem_interviewBtn.active::after{
  top: 22px;
  transform: rotate(135deg);
}
.recruit_staffItem_interviewInner{
  margin: 0 10px;
  padding: 25px 15px;
  border-top: 1px solid #777;
  display: none;
}
.recruit_staffItem_interviewInner.active{
  display: block;
}
.recruit_staffItem_interviewCont{
  margin: 0 0 30px !important;
}
.recruit_staffItem_interviewCont:last-of-type{
  margin-bottom: 0 !important;
}
.recruit_staffItem_interviewCont .__question{
  padding: 14px 16px 10px;
    background: #f5f5f5;
    margin-bottom: 20px;
}
.recruit_staffItem_interviewCont .__answer{
  margin: 0 16px;
}

.recruit_eventArea{}
.recruit_eventArea h1{
  margin: 60px 0 40px !important;
}
@media screen and (max-width: 768px) {
  .recruit_eventArea h1{
    margin: 40px 0 !important;
  }
}
.recruit_eventArea table{
  margin: 0 !important;
}

.recruit_curriculumArea{}
.recruit_curriculumArea h1{
  margin: 60px 0 40px !important;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumArea h1{
    margin: 40px 0 !important;
  }  
}
.recruit_curriculumInner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumInner{
    display: block;
  }
}
.recruit_curriculumItem{
  width: 46.4%;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumItem{
    width: 100%;
  }
}
.recruit_curriculumItem:nth-child(n+3){
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumItem:nth-child(n+2){
    margin-top: 30px;
  }  
}
.recruit_curriculumItem .__ttl{
  padding: 0 30px;
  display: flex;
  align-items: baseline;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #221815;
  margin-bottom: -7px;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumItem .__ttl{
    padding: 0 20px;
    margin-bottom: -5px;
  }
}
.recruit_curriculumItem .__ttl span{
  font-size: 3.8rem;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-family: "Arial", sans-serif;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumItem .__ttl span{
    font-size: 3rem;
  }
}
.recruit_curriculumItem .__txt{
  background: #3e3a39;
  padding: 20px 30px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .recruit_curriculumItem .__txt{
    padding: 20px;
    line-height: 2;
  }
}

.recruit_messageArea{}
.recruit_messageArea h1{
  font-family: "Arial", sans-serif;
  font-size: 3.7rem;
  text-indent: 2em;
  letter-spacing: 1em;
  line-height: 1;
  margin: 60px 0 80px;
}
/* .recruit_messageArea h1:after{
  content: ".";
  position: absolute;
} */
@media screen and (max-width: 768px) {
  .recruit_messageArea h1{
    font-size: 2.6rem;
    text-indent: 0;
    letter-spacing: 0.5em;
    line-height: 1.6;
    word-break: break-word;
    margin: 60px 0;
  }
}
.recruit_messageArea h1 br{
  display: none;
}
/* @media screen and (max-width: 768px) {
  .recruit_messageArea h1 br{
    display: block;
  }
} */
.recruit_messageTxt{
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.3;
}
@media screen and (max-width: 768px) {
  .recruit_messageTxt{
    font-size: 1.4rem;
    line-height: 2;
  }
}
.recruit_messageTxt p{
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .recruit_messageTxt p{
    margin: 0 0 30px;
  }
}
.recruit_messageTxt p br.activeSmp{
  display: none;
}
@media screen and (max-width: 768px) {
  .recruit_messageTxt p br.activeSmp{
    display: block;
  }
}
.recruit_messageTxt p:last-of-type{
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .recruit_messageTxt p:last-of-type{
    margin-bottom: 60px;
  }
}
.recruit_messageImage{
  margin: 0;
  display: block;
  text-align: center;
}

/* mw wp form */
.mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
}

.contact-info {
    padding: 26px 15px 15px;
    margin-top: -14px;
    border: 1px solid #d6273a;
    color: #d6273a;
}

.mw_wp_form .contact-info {
    margin-bottom: 58px;
}

.contact-info__heading {
    margin: 0 0 21px;
    text-align: center;
    font-weight: bold;
}

.contact-info__text {
    margin: 0;
}

.mw_wp_form_confirm .contact-info {
    display: none;
}

/* フッター固定建売ボタン */
.fixed-sales a,
.sp-fixed-sales a{
  text-decoration: none !important;
}

.fixed-sales {
    display: none;
    position: fixed;
    right: 40px;
    bottom: 40px;
    animation: fuwafuwa 2s infinite alternate;
    z-index: 99999;
}

.isSP .fixed-sales {
    display: none !important;
}

.sp-fixed-sales {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    line-height: 0;
    display: none;
    width: 100%;
}

.sp-fixed-sales > div{
  display: flex;
}
.sp-fixed-sales > div a{
  display: block;
  width: 50%;
}

.sp-fixed-sales img {
    /* max-width: 100%; */
    width: 100% !important;
    height: auto;
}

.isSP .sp-fixed-sales {
    display: block;
}

@keyframes fuwafuwa {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(20px);
    }
}

/* 10周年記念バナー */
.banner-10th {
    line-height: 0;
    margin-top: 25px;
}

.banner-10th img {
    max-width: 100%;
    height: auto;
}

.isPC .banner-10th img.sp {
    display: none;
}

.isSP .banner-10th img.pc {
    display: none;
}

/* 建売情報の登録日周り */
.sales-date {
    display: flex;
    justify-content: flex-end;
    margin: -20px 0 40px;
}

.sales-date p {
    margin: 0;
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
}

.sales-date p:not(:first-child) {
    margin-left: 15px;
}

.sales-date p strong {
    margin-right: 5px;
}

.sales-date p span {
    color: #ed4245;
}

/* フォーム地域情報誌 */
.contact-magazine {
    border-top: 1px dotted #000;
    padding-top: 15px;
    margin-top: 15px;
}

.contact-magazine p {
    margin: 0 0 10px;
}

.contact-magazine .confirm-text {
    font-weight: bold;
}

.mw_wp_form_input .contact-magazine {
    display: none;
}

.mw_wp_form_input .contact-magazine .confirm-text {
    display: none;
}

.mw_wp_form_confirm .contact-magazine .input-text {
    display: none;
}

/* 施工事例petitロゴ */
.petit-logo {
    text-align: center;
    margin: 70px auto;
    max-width: 90%;
}

/* 免許登録等のリスト */
ul.list01 li {
    position: relative;
}

ul.list01>li {
    padding-left: 10px;
}

ul.list01>li:not(:last-child) {
    margin-bottom: 5px;
}

ul.list01 li::before {
    position: absolute;
    left: 0;
}

ul.list01>li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #bbb;
    display: inline-block;
    top: 10px;
}

ul.list01 li ul li {
    padding-left: 15px;
}

ul.list01 li ul li::before {
    content: '・';
}




div.bunner_30th {
    margin: 0 auto;
    position: relative;
}

div.bunner_30th img.pc,
div.bunner_30th img.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    div.bunner_30th {
        width: 86%;
        max-width: 465px;
        margin-top: 45px;
    }

    div.bunner_30th img.sp {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 769px) {
    div.bunner_30th {
        width: 640px;
        margin: 0 auto;
        margin-top: 65px;
    }

    div.bunner_30th img.pc {
        display: block;
    }
}

img.colorfilter {
    opacity: 0.4;
}

div.bunner_30th p {
    text-align: center;
}

.footer-nav.nav_30th {
    text-align: center;
    margin: -40px 0 40px;
}

@media screen and (min-width:320px) and (max-width:768px) {
    .footer-nav.nav_30th {
        width: 90%;
        max-width: 466px;
        text-align: left;
        margin: -10px auto 20px;
    }
}

/* 200828追記 */
.movie {
    width: 95%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}

.movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


/* 200914追記 */
.miniprot_modelhouse {
    border-top: 1px solid #50829E;
    background: url(/common/images/hougan.gif) left top;
    padding-bottom: 15px;
}

.miniprot_modelhouse .catch {}

.miniprot_modelhouse .catch p {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}

.miniprot_modelhouse .catch p span {
    display: inline-block;
    margin-right: 4px;
    background: #B50016;
    color: #fff;
    border-radius: 50px;
    position: relative;
    font-size: 1rem;
    padding: 2px 6px 3px 10px;
    top: -1px;
}

.miniprot_modelhouse .catch img.sp,
.miniprot_modelhouse .catch img.tb,
.miniprot_modelhouse .catch img.pc {
    display: none;
}

.miniprot_modelhouse dl {}

.miniprot_modelhouse dl dt {
    font-weight: bold;
    text-align: center;
    margin-bottom: 14px;
}

.miniprot_modelhouse dl dd {
    margin: 0;
}

.miniprot_modelhouse dl dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto -10px;
}

.miniprot_modelhouse dl dd ul li {
    display: inline-block;
    margin-bottom: 10px;
}

.miniprot_modelhouse dl dd ul li a {
    display: inline-block;
    border: 1px solid #50829E;
    border-radius: 100px;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background-color: #fff;
    font-size: 1.2rem;
}

.miniprot_modelhouse dl dd ul li a:after {
    content: '\f105';
    line-height: 1;
    font-family: FontAwesome;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -9px;
    color: #50829E;
    font-size: 1.8rem;
}

.miniprot_modelhouse .gururi {
    font-size: 1.4rem;
    color: #B50016;
    font-weight: bold;
    display: flex;
    position: relative;
    left: 50%;
    margin-left: -16px;
}

.miniprot_modelhouse .gururi img {}

.miniprot_modelhouse .gururi p {
    margin-top: 35px;
    margin-bottom: 0;
    margin-left: -9px;
    line-height: 150%;
}

@media screen and (min-width: 769px) {
    .miniprot_modelhouse .catch p {
        font-size: 1.4rem;
    }

    .miniprot_modelhouse .catch p span {
        font-size: 1.1rem;
    }

    .miniprot_modelhouse .catch img.pc {
        display: block;
        width: 100% !important;
    }

    .miniprot_modelhouse dl dt {
        font-size: 1.6rem;
    }

    .miniprot_modelhouse dl dd ul {
        width: 420px;
    }

    .miniprot_modelhouse dl dd ul li {
        width: 134px;
    }

    .miniprot_modelhouse dl dd ul li a {
        padding: 13px 0 14px;

    }

    .miniprot_modelhouse .gururi {
        margin-left: -23px;
    }

    .miniprot_modelhouse .gururi img {
        margin: 0;
    }
}

@media screen and (max-width: 768px) and (min-width: 376px) {
    .miniprot_modelhouse .catch p {
        font-size: 1.4rem;
    }

    .miniprot_modelhouse .catch p span {
        font-size: 1.1rem;
    }

    .miniprot_modelhouse .catch img.tb {
        display: block;
        width: 100% !important;
    }

    .miniprot_modelhouse dl dt {
        font-size: 1.6rem;
    }

    .miniprot_modelhouse dl dd ul {
        width: 420px;
    }

    .miniprot_modelhouse dl dd ul li {
        width: 134px;
    }

    .miniprot_modelhouse dl dd ul li a {
        padding: 13px 0 14px;

    }

    .miniprot_modelhouse .gururi {
        margin-left: -23px;
    }

    .miniprot_modelhouse .gururi img {
        margin: 0;
    }
}

@media screen and (max-width: 375px) and (min-width: 320px) {
    .miniprot_modelhouse .catch p {
        margin-bottom: 8px;
    }

    .miniprot_modelhouse .catch img.sp {
        display: block;
        width: 100%;
    }

    .miniprot_modelhouse dl {
        margin-top: 10px
    }

    .miniprot_modelhouse dl dd ul {
        width: 80%;
    }

    .miniprot_modelhouse dl dd ul li {
        width: 48%;
    }

    .miniprot_modelhouse dl dd ul li a {
        padding: 13px 0 14px;
    }
}

.contact_attention {
    padding: 4px 20px;
    background: #fae2e6;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .contact_attention br {
        display: none;
    }
}

#event_list,
#tel {
    padding-top: 100px;
    margin-top: -100px;
}

.modal_ad,
.modal_ad_02 {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*display: flex;*/
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

@keyframes ad_fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.modal_ad.open,
.modal_ad_02.open {
    /*display: block;*/
    display: flex;
    animation: ad_fadein 0.4s linear 0s;
    animation-fill-mode: forwards;
}

@keyframes ad_fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -100vh;
    }
}

.modal_ad.close,
.modal_ad_02.close {
    display: flex;
    animation: ad_fadeout 0.4s linear 0s;
    animation-fill-mode: forwards;
}

.modal_ad__contents {
    position: relative;
    /*transform: scale(0.5);*/
    width: 680px;
    height: 520px;
}

@media screen and (min-width: 507px) and (max-width: 768px) {
    .modal_ad__contents {
        width: 480px;
        height: 460px;
    }
}

@media screen and (max-width: 506px) {
    .modal_ad__contents {
        width: 300px;
        height: 460px;
    }
}


.modal_ad__contents img {
    width: 100% !important;
    height: auto;
}

.modal_ad__btn {
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal_ad__btn:before,
.modal_ad__btn:after {
    content: '';
    display: block;
    width: 2px;
    height: 28px;
    background-color: #888;
    position: absolute;
}

.modal_ad__btn:before {
    transform: rotate(45deg);
}

.modal_ad__btn:after {
    transform: rotate(-45deg);
}

.ad_pc,
.ad_tb,
.ad_sp {
    display: none;
}

@media screen and (min-width: 769px) {
    .ad_pc {
        display: block;
    }

    .ad_tb {
        display: none;
    }

    .ad_sp {
        display: none;
    }
}

@media screen and (min-width: 507px) and (max-width: 768px) {
    .ad_pc {
        display: none;
    }

    .ad_tb {
        display: block;
    }

    .ad_sp {
        display: none;
    }
}

@media screen and (max-width: 506px) {
    .ad_pc {
        display: none;
    }

    .ad_tb {
        display: none;
    }

    .ad_sp {
        display: block;
    }
}



.entry_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (min-width: 507px) and (max-width: 768px) {
    .entry_list {
        justify-content: center;
    }
}



/* event-mawatte */
@media screen and (min-width: 769px) {
.layout-contents.mawatte{
  margin-top: 100px;
}
}

.mawatte .pc,
.mawatte .sp{
  display: none;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .mawatte .sp{
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 769px) {
  .mawatte .pc{
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

.mawatte-kv > img{
  width: 100% !important;
  height: auto;
}

.mawatte .heading--set7 a{
  position: relative;
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  margin: 0 auto 50px;
  width: 410px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
.mawatte .heading--set7 a{
  min-height: 75px;
  margin-bottom: 40px;
}
}

.mawatte .heading--set7 a:before,
.mawatte .heading--set7 a:after{
  content:'';
  display: block;
  position: absolute;
}

.mawatte .heading--set7 a:before{
  width: 24.3%;
  height: 138%;
  background-image: url(../images/mawatte/woman.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
  left: 2%;
  bottom: 0;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .mawatte .heading--set7 a:before{
    width: 21.2%;
    height: 128%;
    left: 4.2%;
  }
}

.mawatte .heading--set7 a:after{
  width: 0.4em;
  height: 0.4em;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg);
  right: 4.2%;
}

.mawatte .heading--set2 {
  margin-bottom: 40px;
}

.mawatte .textarea-beige{
  padding: 1.4em 1.6em;
  background: #f8ede0;
  margin-bottom: 60px;
  line-height: 2;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .mawatte .textarea-beige{
    text-align: left;
  }
}

.mawatte .movie{
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .mawatte .movie{
    margin-bottom: 40px;
  }
}

.mawatte a.tel{
  position: relative;
  min-height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ed4245;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin: 0.5em auto;
  padding-left: 8%;
  width: 410px;
  line-height: 0;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .mawatte a.tel{
    font-size: 2.4rem;
    padding-left: 10%;
    width: 100%;
  }
}

.mawatte a.tel:before,
.mawatte a.tel:after{
  content:'';
  display: block;
  position: absolute;
}

.mawatte a.tel:before{
  width: 15.6%;
  height: 81%;
  background-image: url(../images/mawatte/tel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  left: 5.4%;
  /* bottom: 0; */
}

.mawatte .table--type1{
  margin-bottom: 70px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .mawatte .table--type1{
    margin-bottom: 40px;
  }}

.main-contents{
  display: flex;
  padding: 20px 15px;
  background: rgba(238, 238, 238, 0.5);
  box-sizing: border-box;
  align-items: center;
}
@media screen and (max-width: 768px){
  .main-contents{
    display: block;
    padding: 0;
    margin-bottom: 10%;
  }
}

.main-contents__block{
  margin: 0 auto;
}
.main-contents__img{
  line-height: 1;
  margin: 0 auto 15px;
  width: 200px;
}
@media screen and (max-width: 768px){
  .main-contents__block{
    padding: 10% 0;
  }
  .main-contents__img{
    margin-bottom: 5%;
    width: 60%;
  }
}
.main-contents__img img{
  width: 100%;
}
.main-contents__text{
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 15px;
  line-height: 1.8;
}
@media screen and (max-width: 768px){
  .main-contents__text{
    font-size: 1.5rem;
    margin-bottom: 4%;
  }
}
.main-contents-contact{
  text-align: center;
  width: 156px;
  margin: 0 auto 15px;
  background: #ed4245;
  font-size: 1.3rem;
  letter-spacing: 2px;
  line-height: 1;
}
.main-contents-contact:hover{
  opacity: .6;
}
.main-contents-contact__btn{
  display: block;
  padding: 10px 0;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.main-contents-contact__btn:after{
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px){
  .main-contents-contact{
    width: 50%;
    margin-bottom: 4%;
    font-size: 1.6rem;
    letter-spacing: 2px;
  }
  .main-contents-contact:hover{
    opacity: 1;
  }
  .main-contents-contact__btn{
    padding: 9% 0;
  }
  .main-contents-contact__btn:after{
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 5%;
  }
}

.main-contents-links__title{
  text-align: center;
  margin: 0 0 10px;
  font-size: 1.2rem;
}
.main-contents-links__title span:before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 14px;
  background-image: url(../images/links_left.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 1px;
}
.main-contents-links__title span:after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 14px;
  background-image: url(../images/links_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 1px;
}
@media screen and (max-width: 768px){
  .main-contents-links__title{
    margin-bottom: 3%;
    font-size: 1.7rem;
  }
  .main-contents-links__title span:before{
    width: 14px;
    height: 17px;
  }
  .main-contents-links__title span:after{
    width: 14px;
    height: 17px;
  }
}

.main-contents-links__list{
  justify-content: space-between;
  display: flex;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}
.main-contents-links__item{
  background: #333333;
  width: calc((100% / 3) - 5px);
  line-height: 1;
}
.main-contents-links__item:hover{
  opacity: .6;
}
@media screen and (max-width: 768px){
  .main-contents-links__list{
    width: 60%;
  }
  .main-contents-links__item{
    width: calc((100% / 3) - 5px);
  }
  .main-contents-links__item:hover{
    opacity: 1;
  }
}

.main-contents-links__btn{
  position: relative;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 8px 5px 8px 0;
}
.main-contents-links__btn:after{
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px){
  .main-contents-links__btn{
    padding: 20% 10% 20% 0;
    font-size: 1.8rem;
  }
  .main-contents-links__btn:after{
    width: 6px;
    height: 6px;
    right: 12%;
  }
}

.youtube {
  position: relative;
  width: 498px;
  height: 280px;
  margin: 0 auto;
}
.youtube iframe{
  width: 498px;
  height: 280px;
}
.thumb {
  width: 498px;
  height: 280px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.thumb_btn {
  width: 60px;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 768px){
  .youtube {
    width: 100%;
    height:0;
    padding-top: 56.25%;
  }
  .youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .thumb {
    width: 100%;
    height: 100%;
    cursor: auto;
  }
  .thumb_btn {
    width: 12%;
    height: auto;
    cursor: auto;
  }
}
@media screen and (min-width: 769px){
  .sale-step__area{
    margin-bottom: 70px;
  }
  .sale-step-merit__title{
    text-align: center;
    line-height: 1;
    margin: 40px auto 25px;
  }
  .sale-step-merit__title span.small{
    font-size: 20px;
  }
  .sale-step-merit__title span.big{
    font-size: 65px;
    vertical-align: middle;
    margin-left: 8px;
  }
  .sale-step-merit__block{
    width: 455px;
    margin: 0 auto;
  }
  .sale-step-merit__list{
    display: flex;
    align-items: center;
    margin-bottom: 12px
  }
  .sale-step-merit__list:last-child{
    margin-bottom: 0
  }
  .sale-step-merit__item:first-child{
    width: 75px;
    margin-right: 35px;
  }
  .sale-step-merit__number{
    padding: 6px;
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    box-shadow : 1px 1px 4px rgba(0,0,0, 0.08);
  }
  .sale-step-merit__number img{
    height: 15px;
  }
  .sale-step-merit__text{
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 auto;
    color: #434343;
  }
  .sale-step-merit__link{
    margin: 40px auto 0;
    text-align: center;
    font-size: 14px;
    color: #434343;
  }
  .sale-step-merit__link a{
    text-decoration: underline;
    text-decoration-color: #434343;
    color: #434343;
    text-underline-offset: 2px;
  }
}
@media screen and (max-width: 768px){
  .sale-step-merit__title{
    text-align: center;
    margin: 30px 35px 25px;
  }
  .sale-step-merit__title img{
    width: 100%;
  }
  .sale-step-merit__title span.small{
    font-size: 2rem;
  }
  .sale-step-merit__title span.big{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
  .sale-step-merit__title span.big img{
    width: 25px;
  }
  .sale-step-merit__block{
    margin-left: 20px;
    margin-right: 20px;
  }
  .sale-step-merit__list{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .sale-step-merit__list:last-child{
    margin-bottom: 0
  }
  .sale-step-merit__item:first-child{
    width: 55px;
    margin-right: 15px;
  }
  .sale-step-merit__number{
    padding: 3px 0;
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    box-shadow : 1px 1px 5px rgba(0,0,0, 0.08);
  }
  .sale-step-merit__number img{
    height: 12px;
  }
  .sale-step-merit__text{
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 3px;
    margin: 0 auto;
    color: #434343;
  }
  .sale-step-merit__text.typeA{
    letter-spacing: 0.5px;
  }
  .sale-step-merit__link{
    margin: 35px auto 0;
    text-align: center;
    font-size: 1.4rem;
    color: #434343;
  }
  .sale-step-merit__link a{
    text-decoration: underline;
    text-decoration-color: #434343;
    color: #434343;
    text-underline-offset: 2px;
  }
  .banner-10th.typeA{
    margin: 25px 20px 0;
  }
}

.slick-dotted.slick-slider {
  margin-bottom: 60px;
}
.slick-dots {
  bottom: -28px;
}
@media screen and (max-width: 768px){
  .slick-slide {
    height: 52.4vw;
}
}

.home-slider .home-slider__item img.activePc{
  display: block;
}
.home-slider .home-slider__item img.activeSmp{
  display: none;
}

@media screen and (max-width: 506px){
.slick-track{
  height: 94vh;
  min-height: 500px;
}
.home-slider .home-slider__item.slick-slide {
  /* height: 94vh; */
  height: 100%;
}
.home-slider.home-slider::before {
top: 41.5%;
left: calc(50vw - 11.8%);
width: 29.71vw;
height: 7.05vw;
}
.home-slider .home-slider__item img{
  height: auto;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.home-slider .home-slider__item img.activePc{
  display: none;
}
.home-slider .home-slider__item img.activeSmp{
  display: block;
}

.home-slider .slick-dots {
  bottom: 2.5%;
}
.home-slider .slick-dots li button:before {
  color: white;
}
.isSP .sp-fixed-sales {
  display: none;
}
}

.scroll_wrap {
  display: none;
}

@media screen and (max-width: 506px){
.scroll_wrap {
  position: fixed;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    z-index: 5;
    top: 80%;
    left: 16px;
    opacity: 0.8;
}
.scroll_wrap .scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.scroll_wrap .scroll__text {
  margin: 0 0 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 1.4rem;
}
.scroll_wrap .scroll__arrow {
  height: 46px;
  overflow: hidden;
}
.scroll_wrap .scroll__arrow::after {
  content: url(../../common/images/arrow01_ffffff.png);
  -webkit-animation: scroll 2s ease-in-out 1s infinite;
  animation: scroll 2s ease-in-out 1s infinite;
  display: block;
}
@-webkit-keyframes scroll {
  0% {
      -webkit-transform: translateY(-66px);
      transform: translateY(-66px);
  }

  100% {
      -webkit-transform: translateY(66px);
      transform: translateY(66px);
  }
}
@keyframes scroll {
  0% {
      -webkit-transform: translateY(-66px);
      transform: translateY(-66px);
  }
  100% {
      -webkit-transform: translateY(66px);
      transform: translateY(66px);
  }
}
}

.header-sidebtn{ 
	display:none;
}



#covid--information{
margin:3em 0;
text-align:center;
}
#covid--information .mask{
width:40px!important;
padding-right:1em;
vertical-align:middle;
}

@media screen and (max-width: 506px){
#covid--information .mask{
display:block;
width:3em;
margin:-1em auto 1em;
line-height:1.3em;
padding-right:0;
}
}

@media screen and (max-width: 506px){
.moji--adjustment img{
margin-bottom:1em;
margin-top:2em;
}
}

.top_maintext{
  font-size:1em;
  color:#333;
  text-align:center;
  }

#top_info_area{
background-color:#fefefe;
border:#eee solid 1px;
padding:0 3em 2em 3em;
  }

#top_info_area .info_heading{
  font-size:1em;
margin:2em 0 -1em 0;
padding:0;
color:#333;
}
#top_info_area ul{
margin:-1em 0;
padding:0;
line-height:1em;
}
#top_info_area ul li{
margin:0;
padding:10px 0 10px 20px;
border-bottom:#ccc dotted 1px;
background: no-repeat 0 50% url("../images/ico_dot_list.png");
}
#top_info_area li a{
  font-size:0.8em;
  text-decoration:none;
margin:0;
padding:0 0 20px 0 ;
}

@media screen and (max-width: 506px){
.top_maintext{
  font-size:1em;
  color:#666;
  text-align:center;
  font-weight:normal;
  margin:2em auto;
  }



  }



  #event_minimal_list .heading--type1{
font-size:2.2rem;
margin:30px 0 10px;
}

/* ---------------------------
 * Mobile event minimal list
 * --------------------------- */
@media screen and (max-width: 768px){


  #event_minimal_list .heading--type1{
font-size:2.2rem;
margin:30px 0 10px;
}


  #event_minimal_list .boxlist--type3__item {
    margin: 0 auto 40px;
    box-sizing: border-box;
    width: 280px;
    }


#event_minimal_list .reserve-icon{
float:left;
padding:12px 0 0 0;

}


#event_minimal_list .boxlist--type3__heading{
margin:10px 0 20px;
font-size:1.8rem;

}

#event_minimal_list .boxlist--type3__data {
padding-top:20px;
font-size:1.3rem;
}

#event_minimal_list .is-new .boxlist--type3__data {
padding-top:20px;
font-size:1.3rem;
}

#event_minimal_list .is-new .boxlist--type3__data:before {
width:48px;
height:48px;
top:-128px;
left:0;
line-height:44px;
margin-left:-23px;
    }

  #event_minimal_list .boxlist--type3__img{
    width: 160px;
margin-left:60px;
    }






}

/* ---------------------------
 * works categories links
 * --------------------------- */
#works_cat_links{
margin:-1em 0 3em 0;
}
#works_cat_links a{
color:#666;
padding:0.5em 1em 0.3em 1em ;
margin:0 0.5em 0.5em 0;
display:inline-block;
background-color:#efefef;
border:#ccc solid 1px;
border-radius:5px;
text-decoration:none;
}
#works_cat_links a:hover{
background-color:#fff;
}


#works_archive_links li{
display:inline-block;
}

#works_archive_links li a{
margin:0 0.5em 0.5em 0;
background-color:#efefef;
border:#ccc solid 1px;
border-radius:5px;
color:#666;
padding:0.5em 1em 0.3em 1em;
text-decoration:none;
display:block;
}


#works_archive_links li a:hover{
background-color:#fff;
}




@media screen and (max-width: 768px){
#works_archive_links{
padding-left:1em;
}
}



/* ---------------------------
 * footer_list_menu
 * --------------------------- */

.footer_list_menu_outer01{
float:left;
clear:both;
}
.footer_list_menu_outer02{
float:left;
}
.footer_list_menu_outer03{
float:left;
}
.footer_list_menu_outer03 ul{
float:left;
}
.p_t_2rem{
padding-top:2rem;
}


.footer_list_menu{
padding-right:2rem;
float:left;
}

.footer_list_menu a{
color:#efefef;
text-decoration:none;
font-size:1rem;
}

.footer_list_menu .footer_list_menu_header a{
margin:2rem 0 1rem;
font-size:1.2rem;
color:#fff;
}

.footer_list_menu li{
margin:0;padding:10px 0 10px 20px;
padding:0 0 0 1.4rem;
background: no-repeat 0 50% url("../images/ico_dot_list_s_white.png");
}

.footer_list_menu .footer_list_menu_header{
padding:0;
background: none;
}




/* ---------------------------
 * Mobile footer_list_menu
 * --------------------------- */
@media screen and (max-width: 768px){

.layout-footer {
    margin-top: 110px;
    background-color: #333;
    padding:0 ;
    position: relative;
}
.footer_list_menu_outer{
margin:0 20px 0;
}
.footer_list_menu_outer .footer_list_menu{
float:none;
}
.p_t_2rem{
padding-top:0;
margin-top:-1em;
}
}


/* ---------------------------
 * jyuuryou mokkotsu
 * --------------------------- */

.mokkotsu_area{
width:940px;
clear:both;
margin:0 auto;
}
.mokkotsu_area .pc_none{
display:none;
}

.mokkotsu_area div{
width:226px;
border:#ccc solid 1px;
float:left;
margin:0 20px 0 0;
text-align:center
}
.mokkotsu_area p{
text-align:left;
}

.mokkotsu_area p .mokkotsu_tit{
font-weight:600;
font-size:1.1em;
margin-bottom:0.5em;
display:block;
}


.footer_mokkotsu{
    width:140px;
    border:#ccc solid 1px;
    margin:15px 0 0 0;
    float:right;
    text-align:center;
    }

.footer_mokkotsu a {
    display:block;
    text-decoration:none;
    padding:25px 20px 15px 20px;
    }
.footer_mokkotsu a:hover {
    background-color:#2d2d2d;
    }


@media screen and (max-width: 768px){
.footer_mokkotsu{
    clear:both;
float:none;
    margin:15px 20px 0;
width:auto;
    }

.mokkotsu_area{
clear:both;
margin:0 20px;
width:auto;
text-align:center;
}

.mokkotsu_area .pc_none{
display:inherit;
}

.mokkotsu_area div{
width:auto;
float:none;
margin:0 auto 0;
text-align:center
}
.mokkotsu_area p{
}
.mokkotsu_area p .mokkotsu_tit{
font-weight:600;
font-size:1.1em;
margin-bottom:0.5em;
}
}


/* ---------------------------
 * EN
 * --------------------------- */

.noto100{
font-family: 'noto100;
}

#page_en{
word-break:normal;
font-family: 'Noto Sans', sans-serif;
}

#page_en p{
font-weight:400;
}

#page_en .president{
line-height:1.2em;
}

#mainmenu_en{
margin-left:-20px;
clear:both;
}
#mainmenu_en ul{
display:table;
}
#mainmenu_en li{
float:left;
}
#mainmenu_en li a{
width:220px;
margin:0 0 0 20px;
padding:30px 0 0 0;
display:block;
min-height:45px;
border-bottom:#222 solid 2px;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
line-height:1.1em;
background:url(/common/images/arrow08.png) no-repeat;
background-size:12%;
background-position:right;
}
#mainmenu_en li .to_works{
padding:10px 0 8px 0;
background:url(/common/images/arrow04.png) no-repeat;
background-size:5%;
background-position:right;
}

#mainmenu_en li .to_works span{
font-weight:normal;
font-size:0.8em;
}


#page_en .header-sidebtn__link{
background:none
}


#page_en h2{
clear:both;
margin:60px 0 30px 0;
font-size:4.2rem;
font-family: 'Roboto', 'Noto Sans', sans-serif;
font-weight:100;
transform: scale(1, 0.9);
}
#page_en h3{
clear:both;
font-weight:600;
margin-bottom:50px;
}

#page_en h3 strong{
font-family: 'Roboto', 'Noto Sans', sans-serif;
font-weight:100;
}


#page_en .section_intro_l{
width:55%;
float:left;
}
#page_en .section_intro_r{
width:44%;
float:right;
}

#page_en .element_l{
float:left;
margin-top:0;
}
#page_en .element_r{
float:right;
}


#page_en .contents_model_home{
width:500px;
}
#page_en .contents_model_home_img{
width:420px;
padding-bottom:20px;
}
#page_en .contents_model_home_img img{
width:420px;
}

#page_en .model_homes_section h3{
width:650px;
line-height:1.3em;
}
#page_en .model_house_tit{
font-size:2.4em;
width:600px;
font-weight:100;
padding-top:0.5em;
display:block;
transform: scale(1, 0.9);
font-family: 'Roboto', 'Noto Sans', sans-serif;
}
#page_en .model_homes_section img{
width:250px;
}

#page_en .cta_en{
width:70%;
margin:60px auto 30px;
padding:10px 30px;
border:#222 solid 1px;
}

#page_en .cta_en strong{
display:block;
text-align:center;
font-weight:bold;
font-size:1.1em;
margin-top:0.5em;
}


#page_en .strong_txt{
font-weight:bold;
color:#222;
font-size:0.8em;
line-height:0.8em;
}
#page_en .strong_txt span{
font-size:1.4em;
display:block;
margin:0.5em 0 1em 0;
}
#page_en .cta_en_to_jp{
text-align:center;
color:#222;
border:#666 solid 1px;
margin:40px 0 30px 0;
}
#page_en .cta_en_to_jp a{
text-decoration:none;
display:block;
font-size:1em;
line-height:1.3em;
padding:20px 10px;
font-weight:300;
}

#page_en .cta_en_to_jp a span.cta_txt{
border-bottom:#222 dashed 1px;
padding-bottom:2px;
}
#page_en .cta_en_to_jp a span.small_txt{
display:block;
border-bottom:none;
padding-bottom:none;
padding-top:5px;
font-size:80%;
}


#page_en .partition{
width:120px;
height:0.1px;
background:#222;
transform:rotate(-35deg);
margin-top:100px;
}
#page_en .partition_small{
width:20px;
height:4px;
margin:60px auto;
background:url(../images/en/dots.png) no-repeat;
background-size:contain;
display:block;
border:none;
}

#page_en #utsuwa{
padding:0 30px 30px 30px;
background-color:#edeff1;
border:#e1e4e6 solid 1px;
margin:40px 0 40px 0;
}
#page_en #utsuwa img{
margin:25px 40px 0 0;
}


#page_en .home-slider::before{
  display: block;
  content: "";
  width: 440px;
 height:44px;
top:calc(50% - 20px);
left:calc(50% - 220px);
  background: url(../images/slide/logo_en_slider.png) no-repeat;
}


#page_en .header_jp_en_switch li{
float:right;
width:44px;
margin-top:-181px;
margin-right:-380px;
}

#footer_en{
height:100%;
color:#fff;
padding-top:30px;
text-decoration:none;
font-weight:400;
}

#footer_en .company_name{
font-weight:400;
padding:40px 0 0 0;
font-size:110%;
}

#footer_en p{
font-weight:200;
}
#footer_en .shiten{
font-weight:400;
}
#footer_en .footer-copyright{
font-weight:500;
}

#footer_en_inner{
width:940px;
margin:20px auto;
}

#footer_en_inner p{
font-size:60%;
}


#footer_en a{
color:#fff;
}

#footer_en .sns_icons{
float:left;
}

#footer_en small{
padding:1em 0 3em 0;
display:block;
}

#footer_en .sns_icons a{
display:block;
width:136px;;
height:20px;
padding:20px;
border:#eee solid 1px;
display:inline-block;
text-decoration:none;
margin:0 10px 10px 0;
line-height:1.1em;
}

#footer_en .sns_icons a i{
padding-right:10px;
color:#eee;
}
#footer_en .sns_icons a i.fb{
padding-right:13px;
padding-left:3px;
font-weight:bold;
font-style:normal;
}

#footer_en .sns_icons a span{
font-size:70%;
padding-left:2em;
}


#page_en .contents_model_home .area,
.model_homes_section .area{
width:7em;
height:1.8em;
background-color:#222;
color:#fff;
padding:0.3em 0.8em 0.2em 0.8em;
text-align:center;
margin:0 0 10px 0;
float:right;
font-size:0.7em;
line-height:1.4em;
font-weight:200;
}

#page_en #works_abuta .area{
padding:0.4em 0.8em 0.1em 0.8em;
}

#page_en .inquiries_wrapper{
width:940px;
margin:0 auto;
}


/* for sp tablet -----------------------------------------▽*/
@media screen and (max-width: 768px){


#page_en .layout-header {
height:52px;
}

#page_en{
}

#page_en .section_intro_l{
width:100%;
float:none;
}
#page_en .section_intro_r{
width:100%;
float:none;
}

#page_en p{
font-weight:400;font-family: 'Noto Sans', sans-serif;
}

#page_en h2{
clear:both;
margin:40px 0 20px 0;
font-size:4rem;
line-height:1.3em;
}

#page_en h3{
clear:both;
margin-top:40px;
margin-bottom:20px;
font-weight:600;
font-size:14px;
line-height:1.6em;
}

#page_en .contents_model_home{
width:100%;
}

#page_en .contents_model_home_img{
padding-bottom:0;
}

#page_en .header-logo{
margin:0 0 0 20px;
}
#page_en .header_jp_en_switch{
float:right;
margin-right:0;
}

#page_en .header_jp_en_switch li{
position:absolute;
width:44px;
top:0;
right:0;
float:none;
margin-top:0;
margin-right:0;
}

#page_en .home-slider::before{
display: block;
content: "";
top:calc(50% - 70px);
left:calc(50% - 150px);
background: url(../images/slide/logo_en_slider.png) contain no-repeat 50%;
background-size:contain;
width:300px;
}

#mainmenu_en{
margin:-30px 20px 0 20px;
clear:both;
}
#mainmenu_en ul{
display:table;
width:100%;
}
#mainmenu_en li{
float:none;
}
#mainmenu_en li a{
width:100%;
margin:0;
padding:26px 0 0 0;
display:block;
min-height:40px;
border-bottom:#222 solid 2px;
text-decoration:none;
font-size:1em;
font-weight:600;
line-height:1.1em;
background:url(/common/images/arrow08.png) no-repeat;
background-size:8%;
background-position:100% 54%;
}
#mainmenu_en li .to_works{
padding:10px 0 8px 0;
background:url(/common/images/arrow04.png) no-repeat;
background-size:3.8%;
background-position:98%;
}

#mainmenu_en li .to_works span{
font-weight:normal;
font-size:0.8em;
}


#page_en .element_l{
float:none;
margin-top:20px;
}
#page_en .element_r{
float:none;
}

#page_en #utsuwa{
padding:0 20px 30px 20px;
margin-bottom:50px;
}
#page_en #utsuwa img{
margin:-30px auto 60px auto;
width:180px;
display:block;
}

#page_en #utsuwa h3{
font-size:1.1em;
position:relative;
top:160px;
left:0px;
}

#page_en .partition{
width:30%;
margin-bottom:80px;
margin-top:60px;
}

#page_en .model_house_tit{
font-size:2em;
line-height:1.4em;
font-weight:100;
margin-top:0;
display:block;
}


#page_en .strong_txt span{
font-size:1.2em;
display:block;
margin:0.5em 0 1em 0;
}


#page_en .contents_model_home .area{
width:7em;
line-height:2em;
}

#page_en .model_homes_section{
margin:0;
}


#footer_en{
height:100%;
color:#eee;
padding:20px;
text-decoration:none;
}

#footer_en a{
color:#eee;
}

#footer_en small{
margin:4rem 0 1rem 0;
padding-bottom:0;
}


#footer_en .sns_icons a span{
padding-left:0.5em;
}

#footer_en .sns_icons br.sp{
display:none;
}

#page_en .cta_en{
width:auto;
margin:40px auto 30px;
padding:10px 30px 15px;
border:#222 solid 1px;
}

#page_en .contents_model_home_img{
width:100%;
}

#page_en .cta_en strong{
margin-top:1em;
}

#page_en .element_l{
float:none;
}
.model_homes_section h3{
#page_en margin-top:1.2em;
}

#page_en .inquiries_wrapper{
width:auto;
margin:0 20px;
}


#footer_en{
font-size:90%;
}
#footer_en .sns_icons{
float:none;
}


#footer_en .sns_icons a{
display:block;
width:auto;
height:24px;
padding:20px 20px 10px 20px;
margin-right:0;
}

#page_en .partition_small{
width:20px;
margin:60px auto;
background:url(../images/en/dots.png) no-repeat;
background-size:contain;
display:block;
border:none;
}

#footer_en_inner{
width:auto;
margin:0;
}

.under_utsuwa{
margin-top:90px!important;
}


#page_en .contents_model_home .area,
.model_homes_section .area{
padding:0.3em 0.8em 0.3em 0.8em;
}



}/* for sp tablet -----------------------------------------△*/



/* for mtml mail -----------------------------------------▽*/

#html_mail .sotowaku{
margin: 10px;
}
#html_mail p{
margin:0.3em 0;
}
#html_mail .indent1em{
padding-left:1em;
text-indent:-1em;
}
#html_mail .indent4em{
padding-left:4em;
text-indent:-4em;
}
#html_mail strong{
font-weight: bold;
font-size: 1.1em;
}
#html_mail .mt10{
margin-top:10px;
}
/* for mtml mail -----------------------------------------△*/



.global-nav li:nth-child(8) {
  /* リフォーム・リノベーション */
  display: none;
}
@media screen and (max-width: 768px) {
  .global-nav li:nth-child(8) {
    display: block;
  }
}