/*
Theme Name: ビーウェル不動産
Theme URI: Nothing
Author: SUMUS Inc.
Author URI: https://sumus-home.com/
Description: This is the theme made for Bewell Fudosan
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sumus

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/@charset "UTF-8";


html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    color: #222;
    /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;*/
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    margin: 0;
}

img {
    /* IEにもobject fitを効かせる */
    font-family: 'object-fit: cover;';
    box-sizing: border-box;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    max-width: 100%;
    width: 100%;
}

a {
    text-decoration: none;
}

a[href="#"],
a[href="#"]:hover {
    cursor: auto;
    opacity: .6 !important;
    pointer-events: none
}

p {
    font-size: 1.4rem;
    line-height: 1.71428571429;
    margin: 1em 0 0 0;
    word-break: break-all;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h2,
h3,
h4 {
    margin-bottom: 0;
}

#body.home {
    position: relative;
}

/*---------------------------------------------
 * Header
 *---------------------------------------------*/
.header-container {
    max-width: 160em;
    padding: 2.85em 4em;
}

#header {
    width: 100%;
}

body:not(.home) > #header {
    /*background-color: #fff;*/
    /*box-shadow: 0px -6px 20px #999;*/
    /*height: 11.4em;*/
    /*left: 50%;*/
    /*overflow: hidden;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    /*width: 100vw;*/
    /*z-index: 20;*/
}

#logo {
    margin: auto 0;
}

body:not(.home) #logo {
    margin: 0;
}

#logo + div {


}

#logo > h1,
#logo > p {
    font-size: 1rem;
    margin: 0;
}

#logo .head-logo-color {
    display: block;
    width: 12.1em;
}

.head-logo-white {
    display: none;
    opacity: 0;
}

.logo-path {
    fill: #1a8cc6;
}

body.home .logo-path {
    fill: #fff;
}

body.home #site-description {
    color: #fff;
}

#site-description {
    color: #333;
    font-size: 1.3rem;
    line-height: 1;
    margin: 0;
}

#header .si-tel {
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: .0823em;
    line-height: 1;
    margin: 0 .4em 0 0;
}

/*#contact-info >.contact-link {*/
/*    border: 1px solid #fff;*/
/*    box-sizing: border-box;*/
/*    color: #fff;*/
/*    font-size: 1.4rem;*/
/*    font-weight: bold;*/
/*    height: 2.28571428571em;*/
/*    line-height: 2.2em;*/
/*    margin-right: .3em;*/
/*    text-align: center;*/
/*    width: 10em;*/
/*}*/

/*body:not(.home) #contact-info >.contact-link {*/
/*    background-color: #57784c;*/
/*    border: 1px solid #57784c;*/
/*}*/


body:not(.home) #header .si-tel > span {
    border: 1px solid #333;
}

#header .si-open {
    bottom: 0;
    font-size: 1.2rem;
    left: 0;
    line-height: 1;
    margin: 0;
    padding-left: .2em;
    white-space: nowrap;
}

#header .si-open > span {
    margin-left: -.5em;
}

#contact-info > .contact-link {
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #222;
    color: #222;
    font-size: 1.4rem;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 180px;
}

#contact-info > .sns-icon {
    height: 2em;
    width: 2em;
}

#contact-info > .sns-icon:nth-of-type(1) {
    margin-right: 1.6em;
}

#contact-info > .sns-icon:nth-of-type(2) {
    margin-right: 2em;
}

#contact-info > .sns-icon > img {
    height: 100%;
    width: auto;
}


/*body:not(.home) #sns-icons img {*/
/*    left: 50%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    transform: translate(-50%, -50%);*/
/*    width: 18px;*/
/*}*/

#contact-info {
}

.insta-icon {
    border-radius: 50%;
    font-size: 1rem;
    height: 2.9em;
    margin-top: .2em;
    width: 2.9em;
}

.insta-icon > img {
    width: 100%;
}

#sns-icons {
    margin-left: auto;
    pointer-events: auto;
}

#sns-icons img {
    width: 2em;
}

#header-nav {
    margin: 0 0 0 0;
}

.header-nav,
#sub-gnav-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-nav > li {
    margin-right: 2.8em;
}

.header-nav > li:last-of-type {
    margin-right: 2.4em;
}

.header-nav-link {
    color: #222;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    position: relative;
    width: 100%;
}

body.home .header-nav-link:hover {
    opacity: .6;
}

#wrapper {
    overflow: hidden;
}

/*---------------------------------------------
 * Top MV
 *---------------------------------------------*/
#top-mv {
    height: 60em;
    position: relative;
}

#top-mv > .title-wrap {
    left: calc(31.25vw - 30.1em);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

#top-mv > .title-wrap > .en {
    font-size: 7rem;
    line-height: 1.7142857143;
    margin: 0;
}

#top-mv > .title-wrap > .ja {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    margin: .3em 0 0 .5em;
}

#top-mv > .img-wrap {
    height: 100%;
    margin-left: auto;
    width: 68.75vw;
}

#top-mv > .img-wrap > img {
    height: 100%;
}


/*---------------------------------------------
 * Slider
 *---------------------------------------------*/

#slider::after {
    /*background: url(images/front/slider/filter.png) repeat;*/
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(rgba(255, 255, 255, 0)) );
    background: linear-gradient( rgba(0, 0, 0, .7), rgba(255, 255, 255, 0) );
    /*content: "";*/
    bottom: 0;
    height: 20em;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

#slider-title {
    color: #fff;
    left: 16.5625vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
}

#slider-title > .en {
    font-size: 5vw;
    line-height: 1.25;
    margin: 0;
}

#slider-title > .ja {
    font-size: 1.875vw;
    line-height: 1;
    margin-top: 1.7vw;
}

.swiper-container {
    height: calc(100vh - 11.8em);
    height: calc((var(--vh, 1vh) * 100) - 11.8em);
    width: 100%;
}

.swiper-slide > img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.swiper-pagination {
    background-color: rgba(255,255,255, 0.7);
    text-align: left;
    padding: 0 calc(100vw - (100% / 2));
    z-index: 11;
}

.swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
    bottom: 0;
    display: none;
    height: 11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#slider .swiper-pagination-bullet {
    background-color: #a6a4a4;
    border-radius: 0;
    height: 10px;
    opacity: 1;
    -webkit-transition: background-color 1s linear;
    transition: background-color 1s linear;
    width: 25px;
}

#slider .swiper-pagination-bullet-active {
    background-color: #da5520;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1px 0 0;
}

.inquire-link {
    background-color: #eb6100;
    color: #fff;
    font-weight: bold;
}


/*.inquire-link.front {*/
/*    font-size: 2rem;*/
/*    line-height: 2.5em;*/
/*    margin: 0;*/
/*    padding: 1em 0;*/
/*    right: 0;*/
/*    position: fixed;*/
/*    top: 186px;*/
    /*-webkit-transform: translateY(-10%);*/
    /*transform: translateY(-10%);*/
/*    writing-mode: vertical-rl;*/
/*    width: 2.5em;*/
/*    z-index: 11;*/
/*}*/

/*#top-badge {*/
/*    bottom: 0;*/
/*    right: 1.7em;*/
/*    width: 16em;*/
/*    z-index: 1;*/
/*}*/

#scroll-down {
    bottom: 20px;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .1em;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 1;
}

#scroll-down > span {
    border: 1px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    height: 35px;
    margin: 0 auto 5px;
    width: 20px;
}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: translate(50%, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translate(50%, 15px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb {
    0% {
        transform: translate(50%, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        transform: translate(50%, 15px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#scroll-down > span::after {
    background-color: #e6e7e8;
    border-radius: 50%;
    top: 8px;
    content: "";
    height: 5px;
    position: absolute;
    right: 50%;
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 5px;
}


/*---------------------------------------------
 * Top About
 *---------------------------------------------*/
#top-about {
    height: 40em;
    margin-top: 10em;
    max-width: none;
    padding: 0;
    width: 100%;
}

#top-about > .img-wrap {
    width: 50vw;
}

#top-about > .img-wrap:nth-child(2) {
    margin-right: 1px;
}

#top-about img {
    height: 100%;
}

#top-about .read-more {
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 2em;
}

.fs-title-wrap {
    left: 5em;
    top: -1.55em;
    z-index: 1;
}

.fs-title.line {
    border-bottom: .08823529412em solid #222;
    padding-bottom: .55em;
}

.fs-title.line + .fs-subtitle {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.6em;
    text-align: left;
}

#top-about .text {
    color: #fff;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 47%;
    -webkit-transform: translate(50%, -47%);
    transform: translate(50%, -47%);
    width: 100%;
}

#top-about .text > p {
    font-size: 1.8rem;
    line-height: 2.2222222222;
    margin: 0;
    padding: 0 1em;
}

#top-about .read-more.pc-none {
    display: none;
}

/*---------------------------------------------
 * Top Section 共通
 *---------------------------------------------*/
.front-section {
    max-width: 1000px;
    margin: 0 auto;
}

.fs-title {
    font-size: 3.4rem;
    font-weight: 400;
    line-height: .9;
    margin: 0;
    text-align: center;
}

.fs-subtitle {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin: 1.5em 0 -.1em;
    text-align: center;
}


/*---------------------------------------------
 * Top Event
 *---------------------------------------------*/
#top-event-wrap {
    background-color: #f4f4f4;
    margin: 10em 4em 0;
    padding: 10em 1.5em;
}

#top-event-list::after {
    content: "";
    display: block;
    width: 31%;
}

#top-event-list > li {
    margin-top: 4.5em;
    width: 31%;
}

#top-event-list > li > a {
    display: block;
}

#top-event-list .img-wrap {
    height: 21em;
    position: relative;
}

#top-event-list .img-wrap > img {
    display: block;
    height: 100%;
}

#top-event-list .title {
    color: #222;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 1.1em;
}

#top-event-list .title + .date {
    color: #222;
    line-height: 1;
    margin-top: .1em;
}

#top-event-list + .read-more {
    margin-top: 3.5714285714em;
}

/*---------------------------------------------
 * Top Works
 *---------------------------------------------*/
#top-works.front-section {
    margin-top: 10em;
    max-width: none;
    position: relative;
}

.works-swiper-container {
    margin: 3.5em auto 0;
    max-width: 74em;
}

#top-works-list .img-wrap {
    height: 46em;
}

#top-works-list .img-wrap::before,
#top-works-list .img-wrap::after {
    background-color: #2c0c01;
    content: "";
    position: absolute;
}

#top-works-list .img-wrap::before {
    border-radius: 50%;
    bottom: 3em;
    height: 1em;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1em;
    z-index: 2;
}

#top-works-list .img-wrap::after {
    bottom: -3em;
    height: 7em;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1px;
    z-index: 1;
}

#top-works-list .img-wrap > img {
    height: 100%;
}

#top-works-list a {
    display: block;
    text-align: center;
}

#top-works-list .title {
    color: #333;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 1.8em;
    padding: 0 1em;
}

#top-works-list .desc {
    color: #333;
    margin: .3em auto 0;
    width: 30em;
}

#top-works-list .read-more {
    margin-top: 3.2em;
}

#top-works > .read-more {
    margin: 0 ;
    position: absolute;
    top: 1em;
    right: 2.85714285714em;
}

.works-prev,
.works-next {
    background-image: url(images/front/chevron_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.5em;
    position: absolute;
    top: 34em;
    width: 2.8em;
    z-index: 10;
}

.works-prev:hover,
.works-next:hover {
    cursor: pointer;
}

.works-prev:focus,
.works-next:focus {
    outline: 0;
}

.works-prev {
    left: calc(50% - 39.9em);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.works-next {
    right: calc(50% - 39.9em);
    -webkit-transform: scale(-1, 1) translateX(-50%);
    transform: scale(-1, 1) translateX(-50%);
}

/*---------------------------------------------
 * Top LINEUP HOUSING
 *---------------------------------------------*/
#top-lineup-housing-wrap {
    margin-top: 10em;
    padding: 0 4em;
}

#top-lineup-housing-wrap a {
    color: #fff;
}

#top-lineup,
#top-housing {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 45em;
    padding-top: 10.7em;
    width: calc((100% - 4em)/2);
}

#top-lineup {
    background-image: url(images/front/about/about.jpg);
}

#top-housing {
    background-image: url(images/front/housing/housing.jpg);
}

#top-lineup-housing-wrap .read-more {
    background-color: transparent;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    height: 2.85714285714em;
    line-height: 2.85714285714em;
    margin: 2.2em auto 0;
    text-align: center;
    width: 14.2857142857em;
}

#top-lineup-housing-wrap .desc {
    margin-top: 1.8em;
}

#top-lineup-housing-wrap .fs-subtitle {
    margin-top: 1.8em;
}


/*---------------------------------------------
 * Top MODELHOUSE
 *---------------------------------------------*/
#top-modelhouse-wrap {
    margin-top: 10em;
    position: relative;
}

#top-modelhouse-wrap a {
    color: #222;
}

#top-modelhouse.front-section {
    display: block;
    max-width: none;
}

#top-modelhouse {
    background-image: url(images/front/about/bgn.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 40em;
    padding: 6em 0 0 0;
    position: relative;
    z-index: 1;
}

#top-modelhouse::before {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    content: "";
    height: 44em;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 44em;
    z-index: -1;
}

#top-modelhouse > .desc {
    line-height: 2.14285714286;
    margin-top: 2.1em;
}

#m-logo {
    background-color: rgba(255, 255, 255, .8);
    background-image: url(images/global/header/logo_color.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    border-radius: 50%;
    bottom: 4em;
    height: 12em;
    position: absolute;
    right: 4em;
    width: 12em;
}

#top-modelhouse > .read-more {
    margin-top: 2.15em;
}


/*---------------------------------------------
 * Top NEWS
 *---------------------------------------------*/
#top-news-wrap {
    padding: 0 3em;
}

#top-news {
    margin: 10em auto 0;
}

#top-news-list {
    margin-top: -2.2em;
}

#top-news h2 {
    text-align: left;
}

#top-news h2 > span {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 1.3em;
}

#top-news .img-wrap {
    font-size: 1rem;
    height: 16em;
    margin-right: 4em;
    width: 16em;
}

#top-news .img-wrap > img {
    height: 100%;
    width: 100%;
}

#top-news h3 {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 1.1em;
}

#top-news h3 > a {
    color: #333;
}

#top-news .excerpt {
    margin-top: .5em;
}

#top-news .read-more {
    box-sizing: border-box;
    font-size: 1.3rem;
    height: 2.3076923077em;
    letter-spacing: .15em;
    line-height: 2.3076923077em;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 9.2307692308em;
}

#top-news li {
    margin-top: 6em;
    width: 48%;
}

#top-news .date {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: -.1em;
}



/*---------------------------------------------
 * Top etc
 *---------------------------------------------*/
#top-etc {
    margin-top: 10em;
    padding: 0 3em;
}

#top-etc-list {
    margin-top: 5em;
}

#top-etc-list > li {
    height: 14em;
    width: 31%;
}

#top-etc-list > li > a {
    color: #fff;
    display: block;
    height: 100%;
    position: relative;
}

#top-etc-list > li > a img {
    height: 100%;
}

#top-etc-list .title,
#top-etc-list .desc {
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

#top-etc-list .title {
    font-size: 2.6rem;
    line-height: 1;
    margin: 0 ;
    top: 1.85em;
}

#top-etc-list .desc {
    font-size: 1.2rem;
    line-height: 1;
    margin: 0 ;
    top: 7.4em;
}

/*---------------------------------------------
 * utility
 *---------------------------------------------*/
.read-more {
    background-color: #222;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    height: 2.85714285714em;
    line-height: 2.85714285714em;
    margin: 4.2857142857em auto 0 auto;
    position: relative;
    text-align: center;
    width: 14.2857142857em;
}

.read-more.second {
    background-color: #f4f4f4;
    border: 1px solid #1e0800;
    color: #1e0800;
    margin: 5.71428571429em auto 0 auto;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.read-more.second:hover {
    background-color: #1e0800;
    color: #fff;
    opacity: 1 !important;
}


/*---------------------------------------------
 * Right Bottom Fixed Button
 *---------------------------------------------*/
#fixed-footer-link {
    bottom: 0;
    height: 60px;
    margin: 0;
    position: fixed;
    right: 0;
    z-index: 1;
}

#fixed-footer-link > li:nth-of-type(1) {
    background-color: #de5c02;
    box-sizing: border-box;
    padding: 0 1.2em 0 0;
    width: 20.9em;
}

#fixed-footer-link > li:nth-of-type(1) > img {
    left: -2px;
    top: -12px;
    width: 95px;
}

#fixed-footer-link > li:nth-of-type(2) {
    background-color: #3f76a4;
    box-sizing: border-box;
    padding: 0;
    width: 16em;
}

#fixed-footer-link > li:nth-of-type(3) {
    background-color: #362e2b;
}

#fixed-footer-link a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
}

#fixed-footer-link .tel {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
    margin: 0;
}

#fixed-footer-link .tel::before {
    content: "";
    background-image: url(images/global/footer/tel.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.3em;
    margin-right: .3em;
    width: 1.3em;
}

#fixed-footer-link .open {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin-top: .5em;
}


/*---------------------------------------------
 * Footer
 *---------------------------------------------*/
#footer {
    background-color: #222;
    color: #fff;
    padding: 4.3em 0 1.9em;
}

#footer > .inner {
    padding: 2em 0 0;
}

#footer-logo {
    display: block;
    margin: 0 auto;
    width: 12em;
}

#footer > .address {
    margin: .9em auto 0;
}

#footer > .address a {
    color: #fff;
}

#footer-nav {


}

#footer-nav-list a {
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .082em;
}

#footer-nav-list > li {
    margin: 3.4em 1.9em 0;
}


#footer-other-links {
    border-top: 1px solid rgba(255, 255, 255, .2);
    line-height: 1;
    margin-top: 2em;
    padding-top: 2em;
}

#footer-other-links > a {
    color: #fff;
    font-size: 1.2rem;
}

#footer-other-links > a:first-of-type {
    border-right: 1px solid #fff;
    margin-right: 1.8em;
    padding-right: 1.8em;
}

#footer-copyright {
    color: rgba(255, 255, 255, .4);
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 1.4em;
}

/*---------------------------------------------
 * Subpage Header
 *---------------------------------------------*/
#subpage-header {
    /*border-top: 3px solid #b9d4e2;*/
    margin-left: auto;
    height: 40em;
    position: relative;
    width: 87.5vw;
}

#subpage-header > .img-wrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 78.57142857%;
}

#subpage-header > .about {
    background-image: url(images/global/subpage-header/about.jpg);
}

#subpage-header > .events {
    background-image: url(images/global/subpage-header/events.jpg);
}

#subpage-header > .privacy {
    background-image: url(images/global/subpage-header/privacy.jpg);
}

#subpage-header > .works {
    background-image: url(images/global/subpage-header/works.jpg);
}

#subpage-header > .lineup {
    background-image: url(images/global/subpage-header/lineup.jpg);
}

#subpage-header > .housing {
    background-image: url(images/global/subpage-header/housing.jpg);
}

#subpage-header > .modelhouse {
    background-image: url(images/global/subpage-header/modelhouse.jpg);
}

#subpage-header > .voice {
    background-image: url(images/global/subpage-header/voice.jpg);
}

#subpage-header > .about_us {
    background-image: url(images/global/subpage-header/about_us.jpg);
}

#subpage-header > .contact {
    background-image: url(images/global/subpage-header/contact.jpg);
}

#subpage-header > .news {
    background-image: url(images/global/subpage-header/news.jpg);
}

#subpage-title-wrap {
    left: 0;
    margin: 0;
    position: absolute;
}

#subpage-title {
    font-size: 6rem;
    line-height: 1;
    margin: 0;
}

#subpage-subtitle {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    margin: 1.65em 0 0 .1em;
}

/*---------------------------------------------
 * Sub gnav
 *---------------------------------------------*/
#sub-gnav {
    background-color: #222;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    position: fixed;
    padding: 2.75em 4em;
    top: -8em;
    -webkit-transition: .7s top ease, .7s opacity ease;
    transition: .7s top ease, .7s opacity ease;
    width: 100%;
    z-index: 100;
}

#sub-gnav.show {
    opacity: 1;
    top: 0;
}

#sub-gnav > .inner {
    height: 100%;
    max-width: 160em;
}

#gnav-logo {
    display: block;
    width: 10em;
}

#sub-gnav-list {
}

#sub-gnav-list > li {
    margin-right: 2.8em;
}

#sub-gnav-list > li:last-of-type {
    margin-right: 2.4em;
}

#sub-gnav-list .header-nav-link {
    color: #fff;
}

#sub-contact-info > .contact-link {
    background-color: #fff;
    box-sizing: border-box;
    color: #222;
    font-size: 1.4rem;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 180px;
}

#sub-contact-info > .sns-icon {
    height: 2em;
    width: 2em;
}

#sub-contact-info > .sns-icon:nth-of-type(1) {
    margin-right: 1.6em;
}

#sub-contact-info > .sns-icon:nth-of-type(2) {
    margin-right: 2em;
}

#sub-contact-info > .sns-icon > img {
    height: 100%;
    width: auto;
}


/*---------------------------------------------
 * Breadcrumb
 *---------------------------------------------*/
#breadcrumb {
    background-color: #f4f4f4;
    width: 100%;
}

#breadcrumb-list {
    list-style-type: none;
    padding: .45em 1em;
    white-space: nowrap;
}

#breadcrumb-list > li,
#breadcrumb-list a {
    color: #333;
    font-size: 1.2rem;
}

#breadcrumb-list > li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#breadcrumb-list > li:not(:first-of-type)::before {
    content: ">";
    display: inline-block;
    margin: 0 .9em;
    text-decoration: none;
}

#breadcrumb-list a > .sp-br::before {
    content: normal;
}

/*---------------------------------------------
 * Main
 *---------------------------------------------*/

/*---------------------------------------------
 * Page, Archive nav
 *---------------------------------------------*/
.page-nav {
    margin-top: 6em;
}

.page-nav.brands {
    max-width: 800px;
    width: 100%;
}

#archive-nav {
    margin-top: 10em;
}

#archive-nav-sp {
    display: none;
}

.page-nav > ul,
#archive-nav > ul {
    margin-bottom: 0;
}

#archive-nav > ul {
    height: 6em;
}

.archive-nav-list {
    border-left: 1px solid #333;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}

.archive-nav-list:last-child {
    border-right: 1px solid #333;
}

.archive-nav-list > a {
    box-sizing: border-box;
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    height: 100%;
    text-align: center;
    webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    padding: 0 .5em;
    width: 100%;
}

.archive-nav-list > a.active,
.archive-nav-list > a:hover {
    background-color: #222;
    color: #fff;
}

/*---------------------------------------------
 * Page
 *---------------------------------------------*/
#page-article {
}

#page-article.brands::before,
#page-article.brand::before{
    content: normal;
}

.page-title {
    color: #1e0800;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 1.82em;
    margin-bottom: 0;
    text-align: center;
}

.page-title.brands {
    font-size: 2.6rem;
    padding-top: 2em;
    text-align: left;
}

.page-desc.brands {
    margin-top: .6em;
    padding: 0;
}

#page-main-visual,
#passion-text-1 {
    font-size: .6rem;
}

#page-main-visual {
    margin-top: 4.5em;
    max-width: 100%;
}


/*---------------------------------------------
 * Page
 *---------------------------------------------*/
#page-concept > .header {
    background-color: #f4f4f4;
    padding: 4em 10em 4em 0;
}

#page-concept > .header > .inner {
    background-color: #fff;
    box-sizing: border-box;
}

#page-concept > .header > .inner > .img-wrap {
    position: absolute;
    right: -10em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
}

#page-concept > .header > .inner {
    height: 48em;
}

#page-concept > .header .content {
    text-align: center;
    width: 50%;
}

#page-concept > .header .content > .img-wrap {
    margin: 0 auto;
    width: 20em;
}

#page-concept > .header .content > p {
    font-size: 3.2rem;
    line-height: 1;
    margin-top: 1.75em;
}

#about-happiness {
    padding: 8em 1.5em 0;
}

#about-happiness > .title {
    font-size: 3.2rem;
    line-height: 1;
    margin: 0;
}

#about-happiness > p {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: 1.7em;
}

#about-happiness > p:first-of-type {
    margin-top: 2.1em;
}

#concept-ceo {
    margin-top: 7.2em;
    padding: 0 1.5em;
}

#concept-ceo > .img-wrap {
    margin-right: 4.5em;
    max-width: 30em;
}

#concept-ceo > .img-wrap > img {
    display: block;
}

#concept-ceo > .content > p {
    font-size: 3.2rem;
    margin: 0;
}

#concept-ceo > .content > p > span {
    font-size: .625em;
}

/*---------------------------------------------
 * Page About
 *---------------------------------------------*/
#page-about {
    padding: 0 1.5em;
}

#about-list {
    margin-top: 6em;
}

#about-list::after {
    content: "";
    display: block;
    width: 31%;
}

#about-list > li {
    height: 16em;
    margin-top: 4em;
    width: 30.6%;
}

#about-list > li > a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

#about-list > li img {
    height: 100%;
}

#about-list > li .title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 100%;
}
#about-list > li .title .sub{
    font-size: 1.4rem;
    font-weight: normal;
}
/*---------------------------------------------
 * Page About Concept
 *---------------------------------------------*/
#about-concept-list {
    margin-top: -5em;
}

#about-concept-list > li {
    height: 50em;
}

#about-concept-list .content,
#about-concept-list .img-wrap {
    height: 100%;
    width: 50%;
}

#about-concept-list .content > .inner {
    width: 56em;
}

#about-concept-list .img-wrap > img {
    display: block;
    height: 100%;
}

#about-concept-list > li > .content {
    box-sizing: border-box;
    padding: 0 6em;
}


#about-concept-list .title {
    font-size: 3rem;
    line-height: 2;
    margin: 0;
}

#about-concept-list .desc {
    font-size: 2rem;
    line-height: 2;
    margin: .2em 0 0 0;
}

/*---------------------------------------------
 * Page Warranty and Design
 *---------------------------------------------*/
#about-header {
    color: #000;
    padding: 10em 1.75em;
}

#about-header > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 0 0;
}

#about-header > .lead {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.25;
    margin: 1.8em 0 0 0;
}

#about-header > .desc {
    font-size: 1.4rem;
    line-height: 2.1428571429;
    margin: 1.7em 0 -.7em;
}

.about-section-wrap {
    padding: 10em 1.75em;
}

.gray-bg {
    background-color: #f4f4f4;
}

#earthquake-resistant > .img-wrap {
    height: 30em;
    margin-right: 4%;
}

#earthquake-resistant > .img-wrap > img {
    height: 100%;
}

#earthquake-resistant > .content {
    margin-top: 1.8em;
    width: 46em;
}

#earthquake-resistant .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#earthquake-resistant .desc {
    line-height: 2.1428571429;
    margin: 1.7em 0 -.7em;
}

.plan-type {
    margin-top: 3.5em;
}

.plan-type > .plan {
    background-color: #222;
    color: #fff;
    height: 5em;
    line-height: 6em;
    width: 14.5em;
}

.plan-type > .plan > p {
    line-height: 1.375;
    margin: -.1em 0 0;
}

.plan-type > .plan > p > span {
    font-size: 1.6rem;
    font-weight: bold;
}

.plan-main-content {
    background-color: #fff;
    margin-top: 5em;
    padding: 0 10em 10em;
}

.plan-main-content > section {
    padding-top: 10em;
}

.plan-main-content .title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding-bottom: 1.6666666667em;
    position: relative;
    text-align: center;
}

.plan-main-content .title::before{
    background-color: #222;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 2.5em;
}

.plan-main-content .desc {
    line-height: 2.1428571429;
    margin: 2.15em 0 -.7em;
}

#seismic-class-list {
    margin-top: 5em;
    padding: 0 2em;
}

#seismic-class-list > li {
    position: relative;
    text-align: center;
    width: 26.31578947%;
}

#seismic-class-list > li .seismic-class {
    background-image: url(images/about/warranty-and-design/house.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 1em;
}

#seismic-class-list > li:nth-of-type(-n+2)::after {
    background-image: url(images/about/warranty-and-design/arrow_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 16.3em;
    content: "";
    height: 1.5em;
    position: absolute;
    right: -26%;
    width: 2.8em;
}

#seismic-class-list > li:nth-of-type(1) .seismic-class {
    height: 9.1em;
    width: 10em;
}

#seismic-class-list > li:nth-of-type(2) .seismic-class {
    height: 10.9em;
    width: 12em;
}

#seismic-class-list > li:nth-of-type(3) .seismic-class {
    height: 12.7em;
    width: 14em;
}

#seismic-class-list > li > .seismic-class-wrap {
    height: 12.7em;
}

#seismic-class-list > li .seismic-class > p {
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
}

#seismic-class-list > li:nth-of-type(1) .seismic-class > p {
    font-size: 1.4rem;
}

#seismic-class-list > li:nth-of-type(1) .seismic-class > p > span {
    font-size: 2rem;
}

#seismic-class-list > li:nth-of-type(2) .seismic-class > p {
    font-size: 1.6rem;
}

#seismic-class-list > li:nth-of-type(2) .seismic-class > p > span {
    color: #0075a9;
    font-size: 2.4rem;
}

#seismic-class-list > li:nth-of-type(3) .seismic-class > p {
    font-size: 2rem;
}

#seismic-class-list > li:nth-of-type(3) .seismic-class > p > span {
    color: #e60012;
    font-size: 2.8rem;
}

#seismic-class-list > li > p > span {
    font-size: 1.7142857143em;
    display: inline-block;
    line-height: 1;
    font-weight: bold;
    -webkit-transform: translateY(.1em);
    transform: translateY(.1em);
}

.blue-text {
    color: #0075a9;
}

.red-text {
    color: #e60012;
}

#seismic-class-list > li > p:nth-of-type(2) {
    border: 1px solid #222;
    box-sizing: border-box;
    height: 2.8571428571em;
    line-height: 2.8571428571em;
    margin-top: .9em;
    text-align: center;
    width: 100%;
}

#jwood-list {
     margin-top: 5em;
}

#jwood-list > li {
    width: 30%;
}

#jwood-list img {
    display: block;
}

.plan-main-content > section.third > .img-wrap {
    margin-top: 4.1em;
}

.plan-main-content > section.third > .img-wrap > img {
    display: block;
}

#fireproof-crimeprevention-list {

}

#fireproof-crimeprevention-list .content {
    box-sizing: border-box;
    width: 50em;
}

#fireproof-crimeprevention-list > li img {
    display: block;
}

#fireproof-crimeprevention-list > li:nth-of-type(odd) .content {
    padding-right: 5%;
}

#fireproof-crimeprevention-list > li:nth-of-type(even) .content {
    padding-left: 5%;
}

#fireproof-crimeprevention-list > li:nth-of-type(even) {
    margin-top: 10em;
}

#fireproof-crimeprevention-list .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#fireproof-crimeprevention-list .desc {
    line-height: 2.1428571429;
}

#fireproof-crimeprevention-list .desc > span {
    letter-spacing: -.08em;
}

#fireproof-crimeprevention-list > li > .content {
    margin-top: 1.8em;
}

#energy-saving > .img-wrap {
    /*height: 30em;*/
    margin-left: 5%;
}

#energy-saving > .img-wrap > img {
    height: 100%;
}

#energy-saving > .content {
    margin-top: 1.8em;
    width: 46em;
}

#energy-saving .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#energy-saving .desc {
    line-height: 2.1428571429;
    margin: 1.7em 0 0;
}

.energy-saving-img {
    margin-top: 4.1em;
}

.energy-saving-img.second {
    margin: 4.1em auto 0;
    max-width: 60em;
}

.plan-main-content h4 {
    font-size: 2rem;
    line-height: 1;
    margin: 2.4em 0 0;
}

.plan-main-content h4 + p {
    line-height: 2.1428571429;
    margin: .8em 0 -.2em;
}

/*---------------------------------------------
 * Page QA
 *---------------------------------------------*/
#faq-list-wrap {
    padding: 0 1.75em;
}

#faq-list {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.question {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    height: 24em;
    position: relative;
    text-align: center;
    -webkit-transition: background-color ease .3s;
    transition: background-color ease .3s;
    width: 50%;
}

.question:hover {
    cursor: pointer;
}

.question::before,
.question::after {
    background-color: #222;
    bottom: 5em;
    content: "";
    height: .2em;
    position: absolute;
    right: 50%;
    width: 2em;
}

.question::before {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.question::after {
    -webkit-transition: transform ease .3s;
    transition: transform ease .3s;
    -webkit-transform: translate(50%, 50%) rotate(-90deg);
    transform: translate(50%, 50%) rotate(-90deg);
}

.question.open {
    background-color: #dadada;
}

.question.open::after {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.question > h2 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.8;
    margin: .2em 0 0 0;
}

.answer {
    background-color: #222;
    color: #fff;
    display: none;
    padding: 4em;
    position: relative;
    width: 100%;
}

.answer > .desc {
    font-size: 1.6rem;
    line-height: 1.875;
    margin: -.5em 0 -.5em;
}

.answer > .desc > a {
    color: #fff;
    text-decoration: underline;
}

.answer.left::before,
.answer.right::before {
    border-right: 1.2em solid transparent;
    border-bottom: 2em solid #222;
    border-left: 1.2em solid transparent;
    content: "";
    position: absolute;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: -2em;
}

.answer.left::before {
    right: 75%;
}

.answer.right::before {
    right: 25%;
}

.q1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.q2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.q3 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.q4 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.q5 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.q6 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.q7 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.q8 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.q9 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
}

.a1 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
        order: 3;
}

.a2 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
        order: 4;
}

.a3 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
        order: 7;
}

.a4 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
        order: 8;
}

.a5 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
        order: 11;
}

.a6 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
        order: 12;
}

.a7 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
        order: 15;
}

.a8 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
        order: 16;
}

.a9 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
        order: 19;
}

/*---------------------------------------------
 * Page About Flow
 *---------------------------------------------*/
#flow-list-wrap {
    background-color: #f4f4f4;
    padding: 0 1.75em;
}

#flow-list-wrap > .inner {
    background-color: #eaeaea;
    box-sizing: border-box;
    padding: 0 6em 16em;
}

#flow-list-wrap > .inner section {
    margin: 0 auto;
    max-width: 80%;
    padding-top: 10em;
}

#flow-list-wrap > .inner section > .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#flow-list-wrap > .inner section .desc {
    margin: 1.3em 0 -.4em 0;
}

#flow-list {
    background-image: url(images/about/flow/dot.png);
    background-position: calc(6em - .15em) 0;
    background-repeat: repeat-y;
    background-size: .3em .8em;
    margin-top: 5em;
}

#flow-list .step {
    background-color: #222;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    height: 12em;
    margin: 0;
    text-align: center;
    width: 12em;
}

#flow-list .step > p {
    font-size: 2rem;
    line-height: 1;
    margin: 0;
}

#flow-list .step > p > span:nth-of-type(1) {
    margin: .1em .2em 0 .1em;
}

#flow-list .step > p > span:nth-of-type(2) {
    font-size: 1.7em;
}

/*#flow-list .step.before {*/
/*    border: 1px solid #444;*/
/*    color: #333333;*/
/*}*/

#flow-list .content {
    border: 1px solid #222;
    box-sizing: border-box;
    min-height: 13em;
    padding: 2em 2em 1.5em;
    position: relative;
}

#flow-list .content::before,
#flow-list .content::after {
    background-color: #222;
    content: "" !important;
    position: absolute;
}

#flow-list .content.bg-blue::after {
    z-index: -1;
}

#flow-list .content::before {
    border-radius: 50%;
    height: .7em;
    left: calc(-25.7% + 6em);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .7em;
}

#flow-list .content::after {
    height: 1px;
    left: calc(-25.7% + 6.6em);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(24%  - 5.6em);
}

#flow-list .bg-white {
    background-color: #fff;
    /*color: #27314b;*/
}

/*#flow-list .bg-blue,*/
/*#flow-list .step.after {*/
/*    background-color: #27314b;*/
/*    color: #fff;*/
/*}*/

#flow-list .title {
    font-size: 2.4rem;
    line-height: 1;
    margin: 0;
}

#flow-list .desc {
    font-size: 1.4rem;
    margin-top: 1.2em;
}

#flow-list .content-ul {
    width: 80%;
}

#flow-list .content-ul.multi {
    margin-top: 10em;
}

#flow-list .content-ul.multi.under-section {
    margin-top: 15em;
}

#flow-list .content-ul.multi > li:not(:first-child) {
    margin-top: 4em;
}

#flow-list .step2-list {
    margin-top: -2em;
}

#flow-list .step3-list .step,
#flow-list .step4-list .step,
#flow-list .step5-list .step {
    margin-top: 5em;
}

#flow-list .supplement {
    color: #222;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    position: absolute;
    text-orientation: upright;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

#flow-list .supplement .vertical {
    display: inline-block;
    line-height: .9;
    margin: .1em 0;
        padding: 0em 0em 0.2em 0.1em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}

#flow-list .supplement.before {
    background-color: #222;
    height: 40em;
    left: 16.1%;
    top: 19.375em;
    width: .4375em;
}

#flow-list .step3-list + .supplement.before,
#flow-list .step4-list + .supplement.before,
#flow-list .step5-list + .supplement.before {
    top: 9.375em;
}

#flow-list .step4-list + .supplement.before {
    height: 50.625em;
}

#flow-list .step5-list + .supplement.before {
    height: 18.75em;
}

#flow-list .step5-list .content-ul {
    margin-bottom: -6em;
}

#flow-list .supplement.before > span {
    background-color: #eaeaea;
    letter-spacing: .05em;
    padding: 1em 0;
}

#flow-list .step4-list + .supplement.before > span {
    box-sizing: border-box;
    height: 21.15em;
    padding: 1.2em .4em;
}

#flow-list .step5-list + .supplement.before > span {
    padding: 1.5em 0;
}

#flow-list .meeting {
    margin-top: -2em;
}

#flow-list .contract,
#flow-list .live {
    margin-top: -2em;
}

#flow-list .build {
    margin-top: 2em;
}


/*---------------------------------------------
 * Page About Support
 *---------------------------------------------*/
#beginner-about-list {
    background-color: #f4f4f4;
    padding-bottom: 10em;
}
#beginner-about-list >li.nest-list-item:nth-of-type(1){
    padding-bottom: 5em;
}
#beginner-about-list .note{
    margin-top: 30px;
}
/*---------------------------------------------
 * Page Warranty
 *---------------------------------------------*/
#page-about-warranty {
    padding: 0 1.5em;
}

#relief {
    margin-top: 5.8em;
}

#warranty {
    margin-top: 9.5em;
}

.ab-section > .title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0;
}

.ab-section > .title > span {
    display: inline-block;
    padding: .292em 1.64em;
}

#relief > .title {
    background-color: #f9e7ef;
}

#relief > .title > span {
    background-color: #d45d92;
}

#warranty > .title {
    background-color: #e0eaf2;
}

#warranty > .title > span {
    background-color: #3d91d1;
}

.ab-list > li {
    margin-top: 4em;
    padding-bottom: .5em;
}

.ab-list > li:not(:first-child) {
    border-top: 1px solid #ccc;
    padding-top: 4em;
}

.ab-list .content {
    width: 63.3%;
}

.ab-list .img-wrap {
    width: 30%;
}

.ab-list .title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

.ab-list .title > .num {
    color: #fff;
    font-size: 1.5em;
    height: 1.66666666667em;
    margin-right: .66666666667em;
    width: 1.66666666667em;
}

#relief > .ab-list .title > .num {
    background-color: #d45d92;
}

#warranty > .ab-list .title > .num {
    background-color: #3d91d1;
}

.ab-list p {
    margin-top: 2.4em;
}

.card {
    background-color: #f4f4f4;
    border-radius: 1em;
    margin-top: 6em;
    max-width: 100%;
    width: 47em;
}

.card > .grey {
    padding: 3.7em;
}

.card > .green {
    padding: 4em;
}

.card .lead {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.36363636364;
    margin-top: -.2em;
}

.card .name {
    color: #57784c;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: .5em 0 0 0;
}

.card .name::before,
.card .name::after {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    content: "";
    display: inline-block;
    height: 1.5em;
}

.card.collapse .name::before {
    background-image: url(images/about/warranty/collapse1.png);
    margin-right: .25em;
    width: 2.075em;
}

.card.collapse .name::after {
    background-image: url(images/about/warranty/collapse2.png);
    margin-left: .45em;
    margin-top: -.25em;
    width: 1.45em;
}

.card.accident .name::before {
    background-image: url(images/about/warranty/accident1.png);
    margin-right: .75em;
    width: 1.6em;
}

.card.accident .name::after {
    background-image: url(images/about/warranty/accident2.png);
    margin-left: .5em;
    margin-top: -.15em;
    width: 1.75em;
}

.card > .green {
    background-color: #57784c;
    border-radius: 0 0 1em 1em;
    color: #fff;
}

.card > .green > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
}

.card > .green > .subtitle {
    font-weight: bold;
    line-height: 1;
    margin-top: .7em;
}

.card > .green > .desc {
    border-top: 1px dotted #fff;
    margin-top: 2.8em;
    padding-top: 1.2em;
}

/*---------------------------------------------
 * Page Flow
 *---------------------------------------------*/
#page-flow-nav {
    margin-top: 6em;
}

#page-flow-nav > button {
    background-color: #fff;
    border: .1em solid #548047;
    box-sizing: border-box;
    color: #548047;
    font-size: 2rem;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    margin: 0 1em;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-align: center;
    width: 12em;
}

#page-flow-nav > button.active,
#page-flow-nav > button:hover {
    background-color: #548047;
    border: .1em solid #548047;
    color: #fff;
}

#do-not-have {
    display: none;
}


/*---------------------------------------------
 * About Navi
 *---------------------------------------------*/
#about-nav {
    margin-top: 10em;
}

#about-nav > .title {
    font-size: 3.4rem;
    line-height: 1;
    margin: 0 1.1764705882em;
}

#about-nav-list > li {
    height: 14em;
    min-width: 16.4em;
    position: relative;
    /* width: 12.5vw; */
    width: 10.4vw;
}

#about-nav-list > li:not(:last-of-type) {
    margin-right: 1px;
}

#about-nav-list > li > img {
    height: 100%;
}

#about-nav-list > li > a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 100%;
}

#about-nav-list > li > a > p {
    font-size: inherit;
    line-height: 1;
    line-height: 1.3;
    margin: 0;
}

#about-nav-list > li > a.active,
#about-nav-list > li > a:hover {
    background-color: rgba(0, 0, 0, .6);
}
#about-nav-list > li > a.active > p,
#about-nav-list > li > a:hover > p{
    filter: drop-shadow(0 0 6px #fff);
}

/*---------------------------------------------
 * Works archive
 *---------------------------------------------*/
#works-lead {
    margin-top: 6em;
    padding: 0 1.5em;
}

#works-lead .title {
    color: #548047;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#works-lead .desc {
    line-height: 1.71428571429;
    margin-top: 1.3em;
}

#entry-list.works {
    margin: 6em auto 0;
}

#entry-list.works.related {
    margin: -.5em auto 0;
}

#related-works + .read-more {
    margin-top: 3.5714285714em;
}

.entry-list-item.works {
    margin-top: 4em;
    width: 31%;
}

#entry-list.works::after {
    content: "";
    width: 31%;
}

.entry-list-item.works.related {
    margin-top: 5em;
}

.entry-list-item.works .img-wrap {
    height: 21em;
}

#works-archives {
    padding: 0 1.75em;
}

#works-nav {
    margin-top: 6em;
}

.works-nav-link {
    border: 1px solid #3f76a4;
    box-sizing: border-box;
    color: #3f76a4;
    font-size: 1.6rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 1.25em;
    text-align: center;
    transition: color .3s ease, background-color .3s ease;
    width: 10em;
}

.works-nav-link.active,
.works-nav-link:hover {
    background-color: #eb6100;
    border: 1px solid #eb6100;
    color: #fff;
}

#entry-list.works .video {
    background-image: url(images/front/works/play_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 1em;
    height: 2.8em;
    position: absolute;
    right: 1em;
    width: 2.8em;
}

/*---------------------------------------------
 * Single Works
 *---------------------------------------------*/
#feature-wrap {
    overflow: hidden;
}

#works-mv {
    height: 50vw;
    margin-top: 7.3em;
    max-height: 80em;
    width: 100vw;
}

#works-mv > img {
    height: 100%;
}

#works-description {
    margin-top: 7.2em;
    padding: 0 1.5em;
}

#works-description > p {
    font-size: 1.4rem;
    line-height: 2.14285714286;
    margin: 0;
}

#works-feature-list > li {
    height: 50em;
}

.feature-swiper-container {
    margin-top: 7.1em;
    position: relative;
}

.feature-prev,
.feature-next {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 5em;
    z-index: 1;
}

.feature-prev:hover,
.feature-next:hover {
    cursor: pointer;
    opacity: .7;
}

.feature-prev {
    background-image: url(images/works/feature_prev.png);
    left: 1em;
}

.feature-next {
    background-image: url(images/works/feature_next.png);
    right: 1em;
}

#feature-wrap .content {
    margin-top: 3.5em;
    padding: 0 1.5em;
}

#feature-wrap .content > .title {
    font-size: 3rem;
    line-height: 1.3;
    margin: 0;
}

#feature-wrap .content > .desc {
    line-height: 2.14285714286;
    margin-top: 1.1em;
    white-space: pre-line;
}

.works-single-section {
    margin-top: 6.4em;
    padding: 0 1.5em;
}

.works-single-section > .title {
    color: #2c0c01;
    font-size: 4rem;
    letter-spacing: .0823em;
    line-height: 1;
    margin: 0;
}

.works-single-section > .title > span {
    font-size: .4em;
    letter-spacing: normal;
    margin-left: .7em;
}

#outline-list {
    margin-top: 5.2em;
}

#outline-list p {
    color: #2c0c01;
    font-size: 1.6rem;
    margin: 0;
}

#outline-list > li > p:first-of-type {
    font-weight: bold;
}

#outline-list > li {
    border-bottom: 1px dotted #ccc;
    padding: 1.7em 0 1.6em;
}

#outline-list > li > p:first-of-type {
    width: 9em;
}

#outline-list > li > p:last-of-type {
    width: 100%;
}

#gallery-list {
    margin: 3.2em -.666666667em 0;
}

#gallery-list > li {
    height: 24em;
    margin: 1.3em .666666667em 0;
    width: 24em;
}

#gallery-list > li > img {
    height: 100%;
}

#gallery-list > li:hover {
    cursor: pointer;
}

/*---------------------------------------------
 * Modelhouse archive
 *---------------------------------------------*/
#modelhouse-archives {
    margin-top: 4em;
}

#model-entry-list > .item:nth-of-type(even) {
    background-color: #f4f4f4;
}

#model-entry-list > .item {
    padding: 4em 1.5em;
}

#model-entry-list > .item img {
    display: block;
    height: 100%;
}

#model-entry-list .img-wrap {
    height: 24em;
    margin-right: 2em;
    width: 34em;
}

#model-entry-list .copy {
    font-size: 2rem;
    line-height: 1.3;
    margin: 0;
}

#model-entry-list .title {
    color : #666;
    font-size: 4.6rem;
    line-height: 1.1;
    margin: .2em 0 0 0;
}

#model-entry-list .summary {
    margin-top: 2.3em;
}

#model-entry-list .detail > p {
    font-size: 1.6rem;
    line-height: 1.875;
    margin: 0;
}

#model-entry-list .summary > .read-more {
    font-size: 1.6rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0;
    width: 12.5em;
}

/*---------------------------------------------
 * Single Modelhouse
 *---------------------------------------------*/
#modelhouse-entry {
    /*padding: 0 1.75em;*/
}

#modelhouse-entry-header {
    margin-top: 10em;
    padding: 0 1.75em;
}

#modelhouse-entry-header > .title {
    font-size: 4rem;
    line-height: 1.5;
    margin: -.275em 0;
    text-align: center;
}

#modelhouse-entry-header > .img-wrap {
    height: 50em;
    margin-top: 5em;
}

#modelhouse-entry-header > .img-wrap > img {
    display: block;
    height: 100%;
}

#modelhouse-entry-content {
    margin-top: 5em;
    padding: 0 1.75em;
}

#modelhouse-summary .title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6666666667;
    margin: -.4em 0 0 0;
}

#modelhouse-summary > .content {
    margin-right: 4.75%;
}

#modelhouse-summary .sub-location {
    color: #ec6941;
    font-weight: bold;
    line-height: 1;
    margin-top: .5em;
}

#modelhouse-summary .summary {
    margin-top: .9em;
}

#modelhouse-summary .img-wrap {
    height: 20em;
    width: 37.5%;
}

#modelhouse-summary .img-wrap > img {
    height: 100%;
}

#modelhouse-images > li > div {
    margin-top: 5em;
}

#modelhouse-images > li p {
    letter-spacing: -.03em;
    margin: 1em 0 -.4em;
}

#modelhouse-images img {
    display: block;
    height: 100%;
}

#modelhouse-images > li.jc-space-between > .img-desc-wrap,
#modelhouse-images > li.jc-space-between > .imgs-wrap {
    width: 38em;
}


#modelhouse-images > li > .img-desc-wrap > .img-wrap {
    /*height: 51.3em;*/
    height: calc(100% - 3.2em);
}

#modelhouse-images > li:nth-of-type(2) .img-wrap {
    height: 51.3em;
}

#modelhouse-images > li:nth-of-type(1) .img-wrap {
    height: 50em;
}

.imgs-wrap > .img-desc-wrap:nth-of-type(1) > .img-wrap {
    height: 23em;
}

.imgs-wrap > .img-desc-wrap:nth-of-type(2) > .img-wrap {
    height: 22em;
}

.imgs-wrap > .img-desc-wrap:nth-of-type(2) {
    margin-top: 3em;
}

#modelhouse-archive-list-wrap {
    margin-top: 10em;
}

#modelhouse-archive-list-wrap > #modelhouse-entry-list {
    margin-top: .5em;
}

#modelhouse-archive-list-wrap + .read-more {
    margin-top: 3.5714285714em;
}

/*---------------------------------------------
 * Reservation section
 *---------------------------------------------*/
#reservation-section {
    margin-top: 7.7em;
}

#reservation-section.events {
    margin-top: 10em;
}

#reservation-section > .title {
    color: #2c0c01;
    font-size: 3.4rem;
    line-height: .9;
    margin: 0;
}

#reservation-section > .subtitle {
    color: #2c0c01;
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 1.85em;
}

#reservation-section > .guidance {
    font-size: 1.6rem;
    margin-top: 3.2em;
    padding: 0 1.5em;
}

#reservation-section.events > .guidance {
    font-size: 1.4rem;
    line-height: 2.1428571429;
    margin: 2.85em 0 -.6em;
}

#reservation-section.events > #reservation-area {
    margin-top: 5em;
}

#reservation-area {
    border: 3px solid #0075a9;
    box-sizing: border-box;
    height: 20em;
    margin-top: 5.4em;
    padding: 3px;
}

#reservation-area > .inner {
    background-color: #0075a9;
    border: 1px solid #488CB4;
    height: 100%;
    position: relative;
}

.reservation-name {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0 1em 1em 0;
    box-sizing: border-box;
    height: 10em;
    margin-right: auto;
    padding: 2.2em 0 0 4.3em;
    width: 24em;
}

.reservation-name > p {
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 0 0;
}

.reservation-btn {
    background-color: #de5c02;
    color: #fff;
    font-size: 3rem;
    height: 2em;
    line-height: 2em;
    margin-left: auto;
    text-align: center;
    width: 9.33333333333em;
}

.reservation-btn::after {
    background-image: url(images/reservation/arrow_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: .5em;
    margin: 0 0 .27em .5em;
    padding-left: 0.4em;
    width: .83333333333em;
}

.reservation-address {
    color: #fff;
}

.reservation-address > .tel {
    font-size: 4rem;
    letter-spacing: .075em;
    line-height: .8;
    margin: 0;
}

.reservation-address > .tel a {
    color: #fff;
}

.reservation-address > .open {
    line-height: 1;
    margin-top: 1.4em;
}


/*---------------------------------------------
 * News&Topics archive
 *---------------------------------------------*/
#news-archive-list-wrap {
    margin-top: 6em;
    padding: 0 1.75em;
}

#news-archive-list-wrap.single {
    margin-top: 10em;
}

#news-archive-list > li {
    margin-top: 4em;
    width: 31%;
}

#news-archive-list::after {
    content: "";
    display: block;
    width: 30.6%;
}

#news-archive-list > li > a {
    display: block;
}

#news-archive-list > li .img-wrap {
    height: 21em;
}

#news-archive-list > li .img-wrap > img {
    height: 100%;
}

#news-archive-list .title {
    color: #222;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.7142857143;
    margin-top: 1.1em;
}

#news-archive-list .title.news {
    margin: 0 0 -.4em;
}

#news-archive-list .date {
    color: #222;
    margin: 0 0 -.4em;
}

#news-archive-list .date.news {
    margin: .9em 0 0;
}

/*---------------------------------------------
 * ブランド
 *---------------------------------------------*/
#price-range {
    margin-top: 5.3em;
    padding: 6em 0 5.5em 0;
}

#price-range span {
    background-color: #333;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    width: 11em;
}

#price-range img {
    height: 34.4em;
    margin-top: 2em;
}

#price-range p {
    font-size: 1.2rem;
}

#brands {
    margin-top: 5.4em;
}

#brands > .page-title {
    font-size: 3rem;
    line-height: 1.3;
    padding: 0;
}

#brand-list > a {
    color: #333;
    margin-top: 5em;
    width: 31em;
}

#brand-list > a:not(:last-child) {
    margin-right: 3.5em;
}

#brand-list h2 {
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

#brand-list .price {
    margin-top: .75em;
}

#brand-list img {
    height: 20em;
    margin-top: 1.4em;
}


/*---------------------------------------------
 * 各ブランドページ
 *---------------------------------------------*/
#brand-desc-wrap {
    background-image: url("images/front/brand/filter.png");
    background-repeat: repeat;
}

#brand-desc {
    padding: 6em 0 5.3em 0;
}

.brand-house {
    height: 50em;
}

#brand-desc > h1 {
    font-size: 1rem;
    margin: 0 auto;
}

.brand-logo {
    height: 4em;
    margin-top: 5.9em;
    width: 28em;
}

#brand-desc > h2 {
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 1.2em;
}

#brand-desc > p {
    margin-top: .9em;
}

#brand-photo-gallery {
    margin-top: 5.6em;
    padding: 0 2em;
}

#brand-photo-gallery > h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.fotorama {
    margin-top: 1.8em;
}

.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    /*height: 100% !important;*/
    /*max-width: 65.4% !important;*/
    /*margin: 0 auto;*/
}

.fotorama__arr,
.fotorama__fullscreen-icon {
    height: 4em;
    width: 4em;
}

.fotorama__arr--prev,
.fotorama__arr--next {
    background-image: url("./images/brands/arrow.png");
    background-size: 2.4em 4.4em;
    background-position: center center;
    height: 4.4em;
    opacity: 1 !important;
    padding: 0 2em;
    width: 2.4em;
}

.fotorama__arr--prev {
    left: 0;
    -webkit-transform: scale(-1, 1) !important;
    -ms-transform: scale(-1, 1) !important;
    transform: scale(-1, 1) !important;
}

.fotorama__arr--next {
    right: 0;
}

.fotorama__arr--disabled {
    opacity: 1;
}

.fotorama__stage__frame {
    background-image: url(images/front/brand/filter.png);
    background-repeat: repeat;
    /*background-size: 100vw auto;*/
}

.fotorama__nav__shaft {
    float: left;
}

.fotorama__nav:after,
.fotorama__stage:after {
    background: none;
}

.fotorama__thumb-border {
    border-color: #2998ca;
}

/*---------------------------------------------
 * Page build-house-passion
 *---------------------------------------------*/

#passion-text-1 {
    margin-top: 5.9em;
}

#passion-text-1 h3 {
    font-size: 2.1rem;
    margin-bottom: 0;
    margin-top: -.1em;
}

#passion-text-1 img {
    margin-left: 2em;
}

#passion-text-2 {
    font-size: .5rem;
    margin-top: 7em;
}

#passion-text-2 img {
    margin-right: 4em;
}

#passion-text-2 p {
    margin-top: -.3em;
}

#passion-text-2 > div {
    width: 56.1%;
}


/*---------------------------------------------
 * Page beginner-about
 *---------------------------------------------*/
#marquee-slide {
    margin-top: 5.8em;
}

#marquee-slide-2 {
    margin-top: 2.1em;
}

#marquee-slide,
#marquee-slide-2 {
    height: auto;
    width: 100vw;
}

.slideGuide {
    overflow: hidden;
}

.slideFrame > .slideGuide > .slideCell {
    margin-right: 4em;
}

.slideCell {
    display: block;
    text-align: center;
    width: 20em;
}

a.slideCell::before,
a.slideCell::after {
    content: "";
    height: 32%;
    position: absolute;
    width: 49.5%;
}

a.slideCell::before {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #fff), color-stop(50.3%, transparent)) no-repeat bottom right/100% 100%;
    background: -webkit-linear-gradient(top left, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    background: -o-linear-gradient(top left, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    background: linear-gradient(to bottom right, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    left: 0;
    top: 0;
}

a.slideCell::after {
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #fff), color-stop(50.3%, transparent)) no-repeat bottom right/100% 100%;
    background: -webkit-linear-gradient(top right, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    background: -o-linear-gradient(top right, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    background: linear-gradient(to bottom left, #fff 50%, transparent 50.3%) no-repeat bottom right/100% 100%;
    right: 0;
    top: 0;
}

.slideCell > img {
    border-radius: .2em;
    height: 17.5em;
    max-width: none;
    width: 20em;
}

.slideCell > p {
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin-top: .3em;
}

.slideFrame > .slideGuide > .slideCell.desc-wrap {
    margin: 0 3.2em 0 -3em;
    width: 52em;
}

.slideCell > .desc {
    font-size: 2rem;
    line-height: 1.8;
    width: 26em;
}

.slideCell > .desc > span {
    font-size: 3.6rem;
    color: #eb6100;
    line-height: 1.5;
}

.slideCell > .desc > span:not(.fw-bold) {
    font-weight: normal;
}

#reform-intro {
    margin-top: 6em;
}

.icon-circle {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 8.125em 6.5em;
    background-position: center 34%;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-sizing: border-box;
    height: 17.5em;
    width: 17.5em;
}

.insurance-circle.icon-circle {
    background-size: 6em 6em;
}

.icon-circle > p {
    bottom: 1.1em;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.design-circle {
    background-image: url(./images/about/support/design.png);
}

.area-circle {
    background-image: url(./images/about/support/area.png);
}

.land-circle {
    background-image: url(./images/about/support/land.png);
}

.reform-circle {
    background-image: url(./images/about/support/reform.png);
}

.insurance-circle {
    background-image: url(./images/about/support/insurance.png);
}

#formula {
    margin-top: 6em;
}

#formula > .icon-circle {
    margin: 0 .95em;
}

.nest-list-item .icon-circle {
    background-size: 46%;
    height: 10em;
    width: 10em;
}

.nest-list-item .insurance-circle.icon-circle {
    background-position: center 30%;
}

.nest-list-item .area-circle.icon-circle {
    background-position: center 18%;
}

.nest-list-item .reform-circle.icon-circle {
    background-position: center 26%;
}

.nest-list-item .icon-circle > p {
    bottom: 1.4em;
    line-height: 1;
}

.nest-list-item .insurance-circle,
.nest-list-item .reform-circle {
    left: 2em;
    top: 2em;
}

.nest-list-item .area-circle {
    right: 2em;
    top: 2em;
}

#beginner-about-trust {
    margin-top: 6em;
}


#beginner-about-trust > .trust-circle {
    margin: 0 auto;
}

#beginner-about-trust > h3 {
    font-size: 3.6rem;
    line-height: 1.4;
    margin-top: .85em;
}

#trust-images {
    margin-top: 5em;
}

#trust-images img {
    height: 100%;
}

/*#trust-images > div > img,*/
#trust-images > div {
    box-sizing: border-box;
    height: 25em;
}

#trust-images > div:not(.multi),
#trust-images > .multi > img {
    padding: 0 0 1px 1px;
}

#trust-images > div {
    width: 50em;
}

#trust-images > .multi > img {
    width: 25em;
}

#trust-images > div:first-child > p {
    bottom: auto;
    top: 1.7em;
}

#trust-images p {
    bottom: 1.7em;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    left: 2.1em;
    margin-top: 0;
}

/*---------------------------------------------
 * Page for-beginners
 *---------------------------------------------*/
.start-case-section.first {
    margin-top: 8.5em;
}

.start-case-section {
    margin-top: 6em;
}

.start-case-section > .content {
    background-color: #f4f4f4;
}

.start-case-section > header {
    border-bottom: 1px solid #333;
}

.start-case-section > header > p {
    color: #333;
    font-size: 6rem;
    height: 1.5em;
    margin: 0 .55em 0 0;
    white-space: nowrap;
}

.start-case-section > header > p > span {
    background-color: #333;
    box-sizing: border-box;
    color: #fff;
    margin-left: .2em;
    padding-top: .1em;
    width: 1.5em;
}

.start-case-section.first > header > p > span {
    padding: .1em 0 0 .1em;
}

.start-case-section > header > h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 0 0 .2em;
}

.start-case-section > .content h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 1.1em 0 -0.2em 0;
}

.start-case-section > header > h2 span:not(.pc-br) {
    font-weight: normal;
}

.start-case-section .content {
    padding: 3em 0 3.5em 0;
}

.start-case-section .lead,
.start-case-section > .content h3 {
    padding: 0 2em;
}

.start-case-section .lead > p {
    line-height: 2.2;
}

.start-case-section .cv-area {
    margin-top: 4em;
}

.start-case-section .event-image {
    border: 1px solid #333;
    box-sizing: border-box;
    height: 10em;
    max-width: 90%;
    padding: 1px;
    width: 40em;
}

.start-case-section .event-image > div {
    background-color: #333;
    color: #fff;
}

.start-case-section .event-image > img {
    width: 64.25%;
}

.start-case-section .event-image p {
    font-size: 3.4rem;
    line-height: 1.3;
    margin: -.1em 0 0;
    text-align: center;
    width: 100%;
}

.start-case-section .event-image span {
    font-size: 1.2rem;
}

.start-case-section .cv-area > div > a {
    color: #fff;
    height: 8em;
    width: 34em;
}

.start-case-section .cv-area > div:first-child > a {
    background-color: #eb6100;
}

.start-case-section .cv-area > div:last-child > a {
    background-color: #439f88;
}

.start-case-section .cv-area > div > a > p {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 0;
    width: 100%;
}

.start-case-section .cv-area > div > a > span {
    font-size: 1.4rem;
}

.start-case-section .cv-area > div > div {
    border: 1px solid #333;
    box-sizing: border-box;
    height: 6em;
    margin: 0 auto;
    width: 20em;
}

.start-case-section .cv-area > div > div > p {
    margin: 0;
}

.start-case-section .cv-area.address {
    margin-top: 3.2em;
}

.start-case-section .links > .event-image {
    width: 39em;
}

.start-case-section .links > .event-image:nth-of-type(-n+2) {
    margin-top: .8em;
}

.start-case-section .links > .event-image:nth-of-type(n+3) {
    margin-top: 2em;
}

.start-case-section .event-image.sns > img {
    width: 100%;
}

.start-case-section {
    margin-top: 3em;
}


/*---------------------------------------------
 * Page beginner-feature
 *---------------------------------------------*/
.page-desc {
    font-size: 1.6rem;
    margin-top: 1.3em;
    padding: 0 2em;
}

#beginner-feature-list {
    margin-top: -.3em;
    padding: 0 2em;
}

#beginner-feature-list img {
    height: 20em;
}

#beginner-feature-list h2 {
    font-size: 2rem;
    margin-top: .2em;
}

#beginner-feature-list h2 > span {
    color: #eeb800;
}

#beginner-feature-list > li {
    margin-top: 5.6em;
}

#beginner-feature-list > li > p {
    margin-top: .3em;
}

.point-label {
    background-color: #1a8cc6;
    border-radius: 50%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    height: 10em;
    left: -2em;
    position: absolute;
    top: -2em;
    width: 10em;
}

.point-label > p {
    font-size: 1.6rem;
    margin: .6em 0 0 0;
    width: 100%;
}

.point-label > span {
    font-size: 4rem;
    margin-top: -.15em;
}

/*---------------------------------------------
 * Page beginner-gift
 *---------------------------------------------*/
.beginner-flow-title {
    font-size: 4rem;
    margin-top: 1.2em;
}

#beginner-flow-free {
    background-color: #feefe4;
    border-top: 3px solid #e273a5;
    margin-top: 5.3em;
}

#beginner-flow-not-free {
    background-color: #eaf7fe;
    border-top: 3px solid #3d91d1;
}

#beginner-flow-future {
    background-color: #fdf4d7;
    border-top: 3px solid #eeb800;
}

#beginner-flow-free > .beginner-flow-title {
    color: #e273a5;
}

#beginner-flow-not-free > .beginner-flow-title {
    color: #3d91d1;
}

#beginner-flow-future > .beginner-flow-title {
    color: #eeb800;
}

.step-list {
    padding: 0 2em 6em 2em;
}

.step-list .pattern {
    color: #e273a5;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: -.6em;
    margin-top: .8em;
}

.step-list .pattern.b{
    margin-top: 1.4em;
}

.step-list > li {
    margin-top: 4em;
}

.step-list img {
    height: 20em;
    margin-right: 4em;
    width: 30em;
}

.step-list h3 {
    font-size: 3rem;
    margin-top: .1em;
}

.qa {
    border-radius: .8em;
    overflow: hidden;
}

.qa-list {
    background-color: #fff;
    padding: .09em 2em 1.5em 2em;
}

.qa-list a {
    color: #00a0e9;
}

.ques {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.4em;
}

.answer {
    margin: 0;
}

#beginner-flow-free .qa > h3 {
    background-color: #eb6100;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.1em 1.25em;
}

.step-list h4 {
    font-size: 1.8rem;
    line-height: 1.33333333333;
    margin-top: .95em;
}

.step-list h4 + p {
    margin-top: .1em;
}

#beginner-flow-free h3 {
    color: #e273a5;
}

#beginner-flow-not-free h3 {
    color: #3d91d1;
}

#beginner-flow-future h3 {
    color: #eeb800;
}

.step-label {
    border-radius: 1em;
    color: #fff;
    font-size: 2.4rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    height: 1.66666667em;
    line-height: 1.66666667em;
    margin-right: .6em;
    width: 5.83333333em;
}

#beginner-flow-free .step-label {
    background-color: #e273a5;
}

#beginner-flow-not-free .step-label {
    background-color: #3d91d1;
}

#beginner-flow-future .step-label {
    background-color: #eeb800;
}

.step-label-wrap {
    line-height: 1;
}

/*---------------------------------------------
 * Page beginner-gift
 *---------------------------------------------*/
.special-list {
    margin-top: 5.3em;
    padding: 0 2em;
}

.special-list > li {
    background-color: #f4f4f4;
    height: 18em;
    margin-top: 2em;
}

.special-label-wrap {
    background-color: #ea68a2;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    height: 100%;
    width: 10em;
}

.special-label-wrap::after {
    bottom: 0;
    content: "";
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #ea68a2)) no-repeat top left/100% 50%,
    -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #ea68a2)) no-repeat bottom right/100% 50%;

    background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/100% 50%,
    -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat bottom right/100% 50%;

    background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/100% 50%,
    -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat bottom right/100% 50%;

    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/100% 50%,
    linear-gradient(to top left, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat bottom right/100% 50%;
    position: absolute;
    right: -2.5em;
    top: 0;
    width: 2.5em;
}

.special-label {
    margin-top: .8em;
}

.special-label-wrap > span {
    font-size: 5rem;
    margin-top: -.13em;
}

.special-content {
    left: 15.2em;
    padding: 0 3em 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.special-content > h3 {
    color: #ea68a2;
    font-size: 2.4rem;
    line-height: 1.4;
    margin-top: 0;
}

.special-content > h3 > span {
    color: #1a8cc6;
}

.special-content > p {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: .2em;
}

.special-content > p:empty {
    margin-top: 0;
}

/*---------------------------------------------
 * Craftsman
 *---------------------------------------------*/
#craftsman-list > li {
    padding: 6em 0;
    font-size: .8rem;
}

#craftsman-list > li:first-child {
    padding: 4em 0 6em 0;
}

#craftsman-list > li:last-child {
    padding: 6em 0 0 0;
}

#craftsman-list p {
    font-size: 1.28rem;
}

.cli-content {
    width: 48%;
}

.cl-item > img {
    height: 30%;
    margin-right: 4em;
    max-height: 300px;
    max-width: 480px;
    width: 48%;
}

.clic-title {
    font-size: 2rem;
    margin: -.3em 0 0 0;
}

.cli-content > p {
    line-height: 1.8;
}

#craftsman-list > .gray-100vw img {
    margin: 0 0 0 4em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}


/*---------------------------------------------
 * Flow
 *---------------------------------------------*/
#hbf-list {
    list-style-type: none;
    padding: 0;
}

.hbfl-item {
    border-style: solid;
    border-width: 3px;
    height: 214px;
    margin-top: 3.8em;
    width: 214px;
}

.hbfl-item:nth-of-type(-n+5) {
    border-color: #1a8cc6;
}

.hbfl-item:nth-of-type(n+6) {
    border-color: #e7a202;
}

.hbfl-item:nth-of-type(n+11) {
    border-color: #62ac0d;
}

.hbfl-item:nth-of-type(n+14) {
    border-color: #eb6877;
}

.step-num {
    color: #fff;
    font-size: 2.4em;
    height: 1.6666666em;
    left: -3px;
    top: -3px;
    width: 1.6666666em;
}

.hbfl-item:nth-of-type(-n+5)  {
    background-color: #ecf7fd;
}

.hbfl-item:nth-of-type(-n+5) > .step-num {
    background-color: #1a8cc6;
}

.hbfl-item:nth-of-type(n+6) {
    background-color: #fef4dc;
}

.hbfl-item:nth-of-type(n+6) > .step-num {
    background-color: #e7a202;
}

.hbfl-item:nth-of-type(n+11) {
    background-color: #ebfcd8;
}

.hbfl-item:nth-of-type(n+11) > .step-num {
    background-color: #62ac0d;
}

.hbfl-item:nth-of-type(n+14) {
    background-color: #fff1f3;
}

.hbfl-item:nth-of-type(n+14) > .step-num {
    background-color: #eb6877;
}

.hbfl-item:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.hbfl-item:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.hbfl-item:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.hbfl-item:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.hbfl-item:nth-of-type(5) {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.hbfl-item:nth-of-type(6) {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.hbfl-item:nth-of-type(7) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.hbfl-item:nth-of-type(8) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.hbfl-item:nth-of-type(9) {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.hbfl-item:nth-of-type(10) {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.hbfl-item:nth-of-type(11) {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.hbfl-item:nth-of-type(12) {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.hbfl-item:nth-of-type(13) {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
}

.hbfl-item:nth-of-type(14) {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}

.hbfl-item:nth-of-type(15) {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.hbfl-item:nth-of-type(16) {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.hbfl-item:nth-of-type(-n+5) h3 {
    color: #1a8cc6;
}

.hbfl-item:nth-of-type(n+6) h3 {
    color: #e7a202;
}

.hbfl-item:nth-of-type(n+11) h3 {
    color: #62ac0d;
}

.hbfl-item:nth-of-type(n+14) h3 {
    color: #eb6877;
}

.hbfl-item.circle h3 {
    color: #fff;
    font-size: 3em;
    margin: 0;
}

.hbfl-item.circle h3.myhome {
    font-size: 2.4em;
}

.hbfl-item.circle p {
    color: #fff;
    margin-top: .3em;
}

.hbfl-item.circle {
    border: none;
    border-radius: 50%;
}

.hbfl-item.circle > section {
    padding: 0 2em;
    text-align: center;
}

.hbfl-item:nth-of-type(6) {
    background-color: #e7a202;
}

.hbfl-item:nth-of-type(11) {
    background-color: #62ac0d;
}

.hbfl-item:nth-of-type(14) {
    background-color: #eb6877;
}

/* 右- */
.hbfl-item:nth-of-type(-n+3)::after,
.hbfl-item:nth-of-type(9)::after,
.hbfl-item:nth-of-type(10)::after,
.hbfl-item:nth-of-type(11)::after {
    content: "";
    height: 3px;
    right: -4.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.5em;
}

.hbfl-item:nth-of-type(9)::after,
.hbfl-item:nth-of-type(10)::after {
    background-color: #e7a202;
}

.hbfl-item:nth-of-type(11)::after {
    background-color: #62ac0d;
}

.hbfl-item:nth-of-type(-n+3)::after,
.hbfl-item:nth-of-type(5)::after {
    background-color: #1a8cc6;
}

/* 下| */
.hbfl-item:nth-of-type(4)::after,
.hbfl-item:nth-of-type(8)::after,
.hbfl-item:nth-of-type(12)::after {
    content: "";
    height: 4.1em;
    left: 50%;
    position: absolute;
    bottom: -4.4em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3px;
}

.hbfl-item:nth-of-type(4)::after {
    background-color: #1a8cc6;
}

.hbfl-item:nth-of-type(8)::after {
    background-color: #e7a202;
}

.hbfl-item:nth-of-type(12)::after {
    background-color: #62ac0d;
}


/* -左 */
.hbfl-item:nth-of-type(5)::after,
.hbfl-item:nth-of-type(6)::after,
.hbfl-item:nth-of-type(7)::after,
.hbfl-item:nth-of-type(13)::after,
.hbfl-item:nth-of-type(14)::after,
.hbfl-item:nth-of-type(15)::after {
    content: "";
    height: 3px;
    left: -4.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.5em;
}

.hbfl-item:nth-of-type(6)::after,
.hbfl-item:nth-of-type(7)::after {
    background-color: #e7a202;
}

.hbfl-item:nth-of-type(13)::after {
    background-color: #62ac0d;
}

.hbfl-item:nth-of-type(14)::after,
.hbfl-item:nth-of-type(15)::after {
    background-color: #eb6877;
}

/* ←矢印左 */
.hbfl-item:nth-of-type(5)::after,
.hbfl-item:nth-of-type(13)::after {
    left: -4.2em;
    width: 4.2em;
}

.hbfl-item:nth-of-type(5)::before,
.hbfl-item:nth-of-type(13)::before {
    border-bottom: 1em solid transparent;
    border-top: 1em solid transparent;
    content: "";
    left: -4.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hbfl-item:nth-of-type(5)::before {
    border-right: 2em solid #1a8cc6;
}

.hbfl-item:nth-of-type(13)::before {
    border-right: 2em solid #62ac0d;
}

/* 矢印右→ */
.hbfl-item:nth-of-type(10)::after {
    right: -4.2em;
    width: 4.2em;
}

.hbfl-item:nth-of-type(10)::before {
    border-bottom: 1em solid transparent;
    border-left: 2em solid #e7a202;
    border-top: 1em solid transparent;
    content: "";
    right: -4.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hbfl-item:not(.circle) > section {
    margin-top: 4.4em;
    padding: 0 1em;
}

.hbfl-item p {
    font-size: 1.4em;
    letter-spacing: -.02em;
    margin-top: .5em;
}

.hbfl-item h3 {
    font-size: 1.95em;
    line-height: 1.2;
    margin: 0;
}

.hbfl-item:nth-of-type(1) h3,
.hbfl-item:nth-of-type(14) h3,
.hbfl-item:nth-of-type(16) h3 {
    letter-spacing: -.087em;
}

.hbfl-item img {
    height: 6em;
    margin: 0 auto;
    width: auto;
}

.hbfl-item:not(:nth-of-type(1)) img {
    margin-top: 2.2em;
}

.hbfl-item:nth-of-type(16) img {
    margin-top: .4em;
}

.hbfl-item:nth-of-type(14) > section {
    margin-top: 2.7em;
}

.hbfl-item:nth-of-type(14) p {
    margin-top: .5em;
}


/*---------------------------------------------
 * Works entry、News entry
 *---------------------------------------------*/
#work-entry {
    margin-top: 10em;
}

#work-block-1 {
    height: 50em;
}

#work-block-1 > img {
    display: block;
    height: 100%;
}

#work-block-2 {
    margin-top: 10em;
    padding: 0 1.75em;
}

#work-block-3 {
    margin-top: 5em;
}

.work-entry-title {
    font-size: 3rem;
    line-height: 1.4;
    margin: 1.8em 0 0 0;
}

.work-entry-title {
    font-size: 4rem;
    line-height: 1.5;
    margin-top: -.25em;
    text-align: center;
}

#news-entry > .sep-line {
    margin-top: 1.1em;
}

.block-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: -.1em;
}

.block-desc {
    font-size: 1.4rem;
}

.block-4-1 {
    padding-right: 2em;
    width: 380px;
}

.block-4-1 > img {
    height: 500px;
    width: 100%;
}

.block-4-2 {
    width: 380px;
}

.block-4-2 > img {
    height: 230px;
    width: 100%;
}

.block-4-2 > img:nth-of-type(2) {
    margin-top: 1.4em;
}

.plan-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    margin-top: .4em;
    text-align: center;
}

.works-thumb {
    box-sizing: border-box;
    display: block;
    height: 133px;
    padding: 1px 1px 0 0;
    width: 133px;
}

.works-thumb > img {
    height: 100%;
    width: 100%;
}

.text-block > h3 {
    background-color: #eaeaea;
    font-size: 2rem;
    line-height: 1.7;
    margin: 0;
    padding: .4em 0 .4em .9em;
}

.text-block > p {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: 2em;
}

.text-block {
    margin-top: 3.2em;
}

#works-video {
    margin-top: 3.2em;
    padding: 0 1.5em;
}

#works-video > h3 {
    background-color: #3f76a4;
    color: #fff;
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0;
    padding-left: 1em;
}

#works-video iframe {
    display: block;
    height: 44.9999999999em;
    margin-top: 4em;
    width: 100%;
}


/*---------------------------------------------
 * Plan
 *---------------------------------------------*/
#page-about-cost {
    padding: 0 1.5em;
}

#page-about-cost p {
    text-align: center;
}

#page-about-cost > ul {
    margin-top: 5.4em;
}

#plan-per {
    font-size: 10rem;
    font-weight: bold;
    color: #e273a5;
    line-height: 1;
    margin-top: .39em;
}

#plan-per > span {
    font-size: 60%;
}

.lead-text {
    font-size: 2rem;
    line-height: 1.5;
    margin-top: 2.15em;
}

.lead-desc {
    line-height: 1.71428571429;
    margin-top: .6em;
}

.plan-qa {
    padding: 3.5em 0 3.4em;
}

.plan-qa .lead-text {
    margin: 0;
}

.plan-list {
    background-color: #fff;
    border-radius: 1em;
    margin: 3.2em 0 3.4em;
    padding: 3.2em 3.4em;
    text-align: left;
}

#publish-survey > .plan-list {
    margin-top: 6em;
    padding: 3.2em 3.4em;
}

.plan-list li {
    font-size: 1.6rem;
    font-weight: bolder;
    line-height: 1.5;
}

.plan-list li::before {
    color: #999;
    content: "●";
    margin-right: .3em;
}

.plan-list li:not(:first-child) {
    margin-top: .9em;
}

.plan-list img {
    height: 100%;
    max-height: 300px;
    max-width: 400px;
    width: 43.4%;
}

.plan-list > ul {
    padding-right: 4em;
}

.arrow-htag {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    margin-top: 3em;
    max-width: 100%;
    padding: .925em 0;
    position: relative;
    width: 23em;
}

.arrow-htag::after {
    background-color: inherit;
    bottom: -.65em;
    content: "";
    height: 1.3em;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(45deg) skew( -8deg, -8deg );
    transform: translateX(-50%) rotate(45deg) skew( -8deg, -8deg );
    width: 1.3em;
}

#mortgage-knowledge,
#publish-survey {
    text-align: center;
}

#mortgage-knowledge > .arrow-htag {
    background-color: #d45d92;
}

#publish-survey > .arrow-htag {
    background-color: #3d91d1;
}

#mortgage-knowledge {
    padding-bottom: 6em;
}

#mortgage-knowledge > ul {
    margin-top: 2em;
}

#mortgage-knowledge li {
    background-color: #f4f4f4;
    margin-top: 4em;
    padding: 1.9em 0;
    width: 48%;
}

#mortgage-knowledge li > p {
    font-weight: bolder;
    line-height: 1.4;
    margin-top: 0;
}

#mortgage-knowledge li > p:first-child {
    font-size: 3rem;
}

#publish-survey {
    padding-bottom: 2.7em;
}

/*---------------------------------------------
 * Privacy
 *---------------------------------------------*/
#privacy {
    margin-top: 10em;
}

#privacy-header > .title {
    font-size: 2.4rem;
    line-height: 1;
    margin: 0;
}

#privacy-header > .desc {
    margin: .6em 0 -.4em;
}

#privacy ul {
    /* font-size: 1.4rem;
    line-height: 1.7142857143;
    list-style: none;
    margin: 1.6em 0 -.6em;
    padding: 0 0 0 3em;
    text-indent: -1em; */
}

#privacy-list > li {
    margin-top: 4.8em;
}

#privacy h2.title {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 1.8em 0 0 0;
}

#privacy h2.title::before {
    background-color: #222;
    content: "";
    display: inline-block;
    height: .8em;
    margin-right: .1em;
    width: .8em;
}

#privacy h2.title + p {
    margin: -.1em 0 -.4em;
}

#privacy h2.title + p > a {
    color: #222;
    text-decoration: underline;
}

#privacy h2.title + p + p {
    margin-top: 1.7em;
}

/*---------------------------------------------
 * Site Policy
 *---------------------------------------------*/
#privacy.site-policy > h2.title {
    font-weight: normal;
    padding-left: 1em;
    text-indent: -1em;
}

#privacy.site-policy > h2.title:first-of-type {
    margin-top: 2.2em;
}

#privacy.site-policy > h2.title::before {
    -webkit-transform: translateY(.05em);
    transform: translateY(.05em);
}

#privacy.site-policy > p:first-child {
    line-height: 2.1428571429;
    margin-top: -.6em;
}

#privacy.site-policy h2.title + p {
    margin: .7em 0 -.4em;
}

#privacy.site-policy > ol {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin: 1.4em 0 0;
    padding: 0 0 0 1.3em;
}

#privacy.site-policy > ol > li:not(.no-margin) {
    margin-top: 1em;
}

/*---------------------------------------------
 * Company
 *---------------------------------------------*/
#about-us-nav {
    margin-top: 8em;
}

#about-us-nav-list > li {
    background-color: #1e0800;
    height: 4.3em;
    margin: 0 1em;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 12em;
}

#about-us-nav-list > li.active {
    background-color: #f4f4f4;
}

#about-us-nav-list > li > a {
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

#about-us-nav-list > li.active > a {
    color: #333;
}

#about-us-nav-list > li:hover {
    background-color: #f4f4f4;
}

#about-us-nav-list > li:hover > a {
    color: #333;
}

#about-us {
    padding: 0 1.75em;
}

.company-section {
    margin-top: 10em;
}

.company-section > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    text-align: center;
}

#about-us h2.title.underline::after {
    background-color: #443525;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1.25em;
}

.company-table {
    border-collapse: collapse;
    margin: 5em auto 0;
    /*max-width: 138em;*/
}

.company-table tr > td {
    padding: .82em 0;
    width: 50%;
}

.company-table tr > td:first-of-type {
    border-right: 1px  solid #ccc;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8;
    padding-right: 3.75em;
    text-align: right;
    vertical-align: top;
}

.company-table tr > td:last-of-type {
    padding-left: 3.75em;
}

.company-table tr > td:last-of-type,
.company-table tr > td:last-of-type p {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: left;
}

.company-table tr > td a {
    color: #222;
    text-decoration: underline;
}

.company-table tr > td:last-of-type > p:first-of-type {
    margin-top: 0;
}

.company-table tr > td:last-of-type > p:not(:first-of-type) {
    margin-top: 1.4em;
}

#about-us .map {
    background-color: #fff;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    height: 40em;
    margin-top: 5em;
    width: 100%;
}

#about-us .map > iframe {
    height: 100%;
    width: 100%;
}

.map-wrap > .title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.25em;
}

.map-wrap > .desc {
    margin: .3em 0 -.4em;
}



/*---------------------------------------------
 *  Staff
 *---------------------------------------------*/
#officer-list > li {
    margin-top: 8em;
}

#officer-list > li > div:first-of-type {
    margin-right: 4em;
}

#officer-list > li > .img-wrap {
    width: 50%;
}

#officer-list > li > .img-wrap > img {
    display: block;
}

#officer-list > li .name {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#officer-list > li .name-en {
    font-weight: bold;
    line-height: 1;
    margin-top: .7em;
}

#officer-list > li .position {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 1.2em;
}

#officer-list > li .about-me {
    margin-top: .3em;
}

#officer-list > li .about-me > .hobby {
    display: block;
    line-height: 2.1428571429;
}


#staff-list > li {
    margin-top: 4em;
}

#staff-list > li > .img-wrap {
    margin-right: 4em;
    width: 31em;
}

#staff-list > li > .img-wrap > img {
    display: block;
}

#staff-list > li .name {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#staff-list > li .name-en {
    font-weight: bold;
    line-height: 1;
    margin-top: 1em;
}

#staff-list > li .hobby {
    margin-top: 1.5em;
}

#staff-list > li .about-me {
    margin-top: 0;
}


/*---------------------------------------------
 * Recruit
 *---------------------------------------------*/
#page-recruit {
    margin-top: 8em;
    padding: 0 1.5em;
}

#page-recruit > .title {
    border-bottom: 1px solid #333;
    font-size: 2.4rem;
    line-height: 1;
    margin: 0;
    padding-bottom: .35em;
}

#page-recruit > .title:nth-of-type(2) {
    margin-top: 3em;
}

#page-recruit > p {
    margin-top: .9em;
}







/*---------------------------------------------
 * Catalog Entry
 *---------------------------------------------*/
#catalog-single-main {
    padding: 0 2em;
}

#catalog-entry > h1 {
    border-bottom: 1px solid #ccc;
    font-size: 3rem;
    line-height: 1.4;
    margin: 1.7em 0 .3em 0;
    padding-bottom: .2em;
}

.catalog-thumb {
    margin-top: 2em;
}

.item-price {
    font-size: 2rem;
    margin-top: .3em;
}

.item-price > .price-num {
    color: #e60012;
    font-size: 4rem;
    font-weight: bold;
}

.basic-info {
    background-color: #f4f4f4;
    margin-top: 1.1em;
    padding: 2em;
}

.construction-price {
    font-size: 1.6rem;
    margin-top: -.8em;
}

.basic-info > p:not(.construction-price) {
    margin-top: .5em;
}

.construction-price > .price-num {
    color: #1baa9f;
    font-size: 3rem;
}

/*---------------------------------------------
 * Page Modelhouse
 *---------------------------------------------*/
#page-modelhouse > .header {
    margin-top: 8em;
    padding: 0 1.5em;
}

#page-modelhouse > .header > .title {
    font-size: 5rem;
    line-height: 1;
    margin: 0;
}

#page-modelhouse > .header > .lead {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.875;
    margin-top: 1.8em;
}

#page-modelhouse > .header > .desc {
    line-height: 2.14285714286;
    margin-top: .6em;
}

#page-modelhouse > .header > .address {
    margin-top: 2.2em;
}

#modelhouse-description {
    margin-top: 3.2em;
    padding: 0 1.5em;
}

#modelhouse-description > .title {
    font-size: 2rem;
    line-height: 1.875;
    margin-top: 0;
}

#modelhouse-description > .desc {
    line-height: 2.1428571429;
    margin-top: .8em;
}

#modelhouse-map {
    margin-top: 3.7em;
}

#modelhouse-map > iframe {
    max-width: 100%;
}

.access-section {
    margin: 7.5em auto -.5em;
}

.access-section > p {
    margin-top: .9em;
}

/*---------------------------------------------
 * Archives
 *---------------------------------------------*/
#entry-list {
    margin: 1.7em -2em 0 -2em;
}

#entry-list.work {
    margin: 1.7em 0 0 0;
}

#entry-list.events {
    margin: 1.1em 0 0 0;
}

#entry-list.news {
    margin: 6em 0 0 0;
}

.entry-list-item {
    /*border: 1px solid #ccc;*/
    margin-top: 3.8em;
    max-width: 100%;
    /*padding: .3em;*/
    width: 31em;
}

.entry-list-item.news {
    border: none;
    border-top: 1px solid #1a8cc6;
    box-sizing: border-box;
    margin-top: 0;
    max-width: 100%;
    padding: 2.5em 1.3em;
    width: 100%;
}

.entry-list-item.news::after {
    content: "";
    background-image: url(images/news/arrow_right.png);
    background-repeat: no-repeat;
    background-size: 1rem 1.6rem;
    height: 1.6rem;
    margin-left: auto;
    width: 1rem;
}

.entry-list-item.news:last-child {
    border-bottom: 1px solid #1a8cc6;
}

.entry-list-link {
    color: #333;
    display: block;
}

.entry-list-link:hover > img {
    opacity: .6;
}

.entry-list-image {
    max-height: 260px;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 100%;
}

.entry-list-image.works {
    display: block;
    height: 100%;
    max-height: none;
}

.entry-list-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin: .1em 0 0 0;
}

.entry-list-title.works {
    margin-top: 1.2em;
}

.entry-list-desc {
    font-size: 1.4rem;
    margin-top: 0;
}

.entry-list-desc.works {
    /*font-size: 1.4rem;*/
    /*line-height: 1.71428571429;*/
    margin-bottom: -.4em;
}

.entry-list-cat {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(70%, #e7a202));
    background: linear-gradient(transparent 70%, #e7a202 70%);
    font-size: 1.6rem;
    bottom: 0;
    margin-bottom: .2em;
    right: 0;
}

.entry-list-title.news {
    font-size: 1.6rem;
    margin: 0;
    white-space: normal;
}

.entry-list-item.news > time {
    font-size: 1.6rem;
    margin-right: 4.3em;
}

.entry-list-item.news > a {
    color: #1a8cc6;
}

.entry-list-item.news:hover {
    background-color: #e9f7fd;
}

.entry-list-cat.events {
    background: none;
    bottom: auto;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    height: 1.875;
    line-height: 1.875;
    left: .625em;
    margin: 0;
    right: auto;
    text-align: center;
    top: .625em;
    width: 5em;
    z-index: 1;
}

.entry-list-cat.events.workshop {
    background-color: #2ab1a5;
}

.entry-list-cat.events.tour {
    background-color: #44c0e6;
}

.entry-list-cat.events.event {
    background-color: #ea6383;
}

.nest-list-item {
    border: none;
    /*height: 28.571429vw;*/
    height: 40em;
    margin-top: 10em;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.nest-list-image {
    height: 100%;
    left: 0;
    max-height: 100%;
    top: 0;
    width: 75vw;
}

.nest-list-item > div {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.nest-list-item:nth-of-type(even) .nest-list-image {
    left: auto;
    right: 0;
}

.white-block {
    background-color: #fff;
    box-sizing: border-box;
    /*font-size: .4rem;*/
    /*height: 21.428571vw;*/
    height: 30em;
    right: 25vw;
    /*max-height: 300px;*/
    /*max-width: 540px;*/
    padding: 4em;
    top: 50%;
    -webkit-transform: translate(36em, -50%) !important;
    transform: translate(36em, -50%) !important;
    /*width: 38.540vw;*/
    width: 54em;
}

.nest-list-item:nth-of-type(even) .white-block {
    left: 25vw;
    right: auto;
    webkit-transform: translate(-36em, -50%) !important;
    transform: translate(-36em, -50%) !important;
}

.nest-list-title {
    font-size: 2.4rem;
    line-height: 1;
    margin: 0;
    white-space: normal;
}

.nest-list-title.beginner {
    font-size: 3rem;
}

.nest-list-cat {
    background: none;
    color: #eeb800;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    margin: .9em 0 0;
}

.nest-list-desc {
    font-size: 1.4rem;
    line-height: 1.71428571429;
    margin-top: 1.6em;
}

.nest-list-item .read-more {
    margin-top: .9em;
}

.nest-list-desc.beginner {
    margin-top: 1.6em;
}

.nest-list-item .white-block > .entry-list-link {
    font-size: 1.6rem;
    text-align: right;
    text-decoration: underline;
    margin-top: 1.1em;
}

.nest-list-item .white-block > .entry-list-link:hover {
    opacity: .5;
}

.entry-list-item.events {
    border: none;
    margin-top: 4em;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.entry-list-item.events img {
    height: 400px;
    max-height: 400px;
}

.events-entry-title.events {
    font-size: 4rem;
    line-height: 1.2;
    margin: .8em 0 0 0;
}

.events-entry-title.events > a {
    color: #1a8cc6;
}

#entry-content a {
    color: #333;
    text-decoration: underline;
}

#entry-content > .events-entry-title.events {
      color: #333;
}

#events-aside {
    border-top: 1px solid #ccc;
    margin-top: 1.2em;
    padding-top: .7em;
}

#events-aside > p {
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin-top: .5em;
}

#events-aside > p a {
    color: #0075a9;
    text-decoration: underline;
}

#events-aside > p > span:first-of-type {
    background-color: #1a8cc6;
    box-sizing: border-box;
    border-radius: .35714285714em;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    height: 1.42857142857em;
    line-height: 1.42857142857em;
    margin-right: .6em;
    text-align: center;
    width: 2.85714285714em;
}

#events-aside > p > span:last-of-type {
    line-height: 1.5em;
    margin-top: -.1em;
}

#events-aside > a {
    color: #1a8cc6;
    font-size: 1.3rem;
    margin-left: 3.3em;
}

.entry-list-link.events {
    background-color: #474542;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    height: 2.85714285714em;
    line-height: 2.85714285714em;
    margin: 1.3em auto 0 auto;
    text-align: center;
    width: 14.2857142857em;
}

#events-archives > .pagination {
    margin-top: 4em;
}

/*---------------------------------------------
 * Pagination
 *---------------------------------------------*/
.pagination {
    margin-top: 5em;
}

.pagination li {
    background-color: #f4f4f4;
    /*border: 1px solid #333;*/
    margin: 0 .2em;
}

.pagination a {
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.pagination a:hover {
    background-color: #130500;
    color: #fff;
}

.pagination .page-numbers.current {
    background-color: #130500;
    color: #fff;
}

.pagination a,
.pagination span {
    border: 1px solid #1e0800;
    box-sizing: border-box;
    color: #444;
    display: block;
    font-size: 1.5rem;
}

.pagination .page-numbers {
    text-align: center;
    height: 2.4em;
    line-height: 2.3em;
    width: 2.4em;
}

.pagination > ul > li > span:not(.page-numbers) {
    height: 2.4em;
    line-height: 2.3em;
    padding: 0 1em;
}

.pagination > ul {
    margin: 0 auto;
}


/*---------------------------------------------
 * Voice Archive
 *---------------------------------------------*/
#voice-archives {
    margin-top: 6em;
    padding: 0 1.75em;
}

#entry-list.voice {
    margin: 0;
}

.entry-list-item.voice {
    margin-top: 4em;
    max-width: 100%;
    width: 48%;
}

.entry-list-item.voice .img-wrap {
    height: 30em;
}

.entry-list-item.voice .img-wrap > img {
    height: 100%;
}

.entry-list-title.voice {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.875;
    margin: .8em 0 0 0;
    text-align: center;
}

#voice-archives > .pagination {
    margin-top: 6.6em;
}

.entry-list-desc.voice {
    margin: .3em 0 -.4em;
    text-align: center;
}


/*---------------------------------------------
 * Voice Archive
 *---------------------------------------------*/
#voice-entry {
    margin-top: 10em;
}

#voice-style-1 > #voice-header {
    background-color: #f4f4f4;
    left: 50%;
    height: 40em;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
}

#voice-style-1 .voice-header-content {
    margin-top: -2.7em;
    padding: 0 4em;
    max-width: 500px;
}

#voice-style-1 .voice-header-title {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3333333333;
    margin: 0;
}

#voice-style-1 .voice-header-desc {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.4em;
}

#voice-style-1 .voice-header-image {
    height: 100%;
    width: 46.25%;
}

#voice-section-wrap {
    padding: 0 1.75em;
}

.voice-section {
    margin-top: 10em;
}

.voice-section.vs-3 {
    margin-top: 9.4em;
}

.voice-qa > p:not(.vq) {
    margin-top: 1em;
}

.voice-qa > p {
    margin-top: 0;
}

.voice-qa > .vq + p {
    margin-top: 0;
    white-space: pre-line;
}

.voice-qa > .vq {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 1.2em;
}

.vq::before {
    content: "Q.";
    font-size: 125%;
}

.vs-1 > .voice-qa > .vq:first-of-type,
.vs-3 > .voice-qa > .vq:first-of-type {
    margin-top: -.4em;
}

#voice-style-1 .vs-1 > .voice-qa,
#voice-style-1 .vs-3 > .img-wrap {
    padding-right: 4em;
}

.vs-2 > .voice-qa > .vq:first-of-type {
    margin-top: .5em;
}

#voice-style-1 .vs-1 > .img-wrap,
#voice-style-1 .vs-3 > .img-wrap {
    height: 50em;
    width: 50em;
}

#voice-style-1 .vs-1 > .img-wrap > img,
#voice-style-1 .vs-3 > .img-wrap > img {
    height: 100%;
}

#voice-style-1 .vs-2 > img {
    height: 60em;
    max-width: 100%;
}

#voice-entry > .read-more {
    margin-top: 3.5714285714em;
}

#related-voice-list-wrap {
    margin-top: 10em;
}

#related-voice-list > li {
    margin-top: 5em;
    width: 31%;
}

#related-voice-list .img-wrap {
    height: 21em;
}

#related-voice-list .img-wrap > img {
    height: 100%;
}

#related-voice-list a {
    color: #222;
}

#related-voice-list .title,
#related-voice-list .address {
    font-size: 1.4rem;
    line-height: 1.7142857143;
}

#related-voice-list .title {
    font-weight: bold;
    margin-top: 1.1em;
}

#related-voice-list .address {
    margin: 0 0 -.4em 0;
}

#related-voice-list-wrap > .fs-subtitle {
    margin-bottom: -.4em;
}

#related-voice-list {
    padding: 0 1.75em;
}

/*---------------------------------------------
 * Works
 *---------------------------------------------*/
.sep-line {
    display: block;
    margin-top: 6em;
    position: relative;
}

.sep-line::before {
    background: -webkit-linear-gradient(#f4f4f4, #fff);
    background: -moz-linear-gradient(#f4f4f4, #fff);
    background: -o-linear-gradient(#f4f4f4, #fff);
    background: linear-gradient(#f4f4f4, #fff);
    border-top: 5px solid #333;
    content: "";
    height: 20em;
    left: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
}

/*---------------------------------------------
 * Works entry、News entry
 *---------------------------------------------*/
#works-entry {
    margin-top: 7em;
}

#works-entry-header {
    border-bottom: .5em solid #333;
    padding: 0 1.5em 3em;
}

#works-entry-header > .title {
    font-size: 3.6rem;
    line-height: 1.38888888889;
}

#brand-entry-blocks {
    padding: 0 1.5em;
}

#brand-entry-blocks {
    margin-top: 6em;
}

#brand-entry-blocks img {
    display: block;
    height: 100%;
}

#brand-block-3 {
    height: 60em;
    width: 100%;
}

#news-entry > .sep-line {
    margin-top: 1.1em;
}

.block-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: -.1em;
}

.block-desc {
    font-size: 1.4rem;
}

#brand-block-4 {
    margin-top: 4em;
}

.block-4-1,
.block-4-2 {
    width: 48%;
}

.block-4-1 {
    height: 72em;
}

.block-4-2 > img {
    height: 34em !important;
}

.block-4-2 > img:nth-of-type(2) {
    margin-top: 4em;
}

#brand-entry-blocks > .read-more {
    background-color: #333;
    margin-top: 2.7em;
}

#text-block-wrap {
    padding: 0 1.75em;
}

.text-block > h3 {
    background-color: #f0efed;
    color: #333;
    font-size: 2rem;
    line-height: 1;
    margin: 0;
    padding: .75em 0 .75em 1em;
}

.text-block > p {
    font-size: 1.4rem;
    line-height: 2.1428571429;
    margin: .8em 0 -.7em;
}

.text-block {
    margin-top: 5em;
}

#works-video {
    margin-top: 3.2em;
    padding: 0 1.5em;
}

#works-video > h3 {
    background-color: #3f76a4;
    color: #fff;
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0;
    padding-left: 1em;
}

#works-video iframe {
    display: block;
    height: 44.9999999999em;
    margin-top: 4em;
    width: 100%;
}

/*---------------------------------------------
 * lightGallery
 *---------------------------------------------*/
.lg-toolbar .lg-icon {
    -webkit-transform: translate(-2em, 1em);
    transform: translate(-2em, 1em);
}

.lg-toolbar .lg-close:after,
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after {
    font-size: 5rem;
}

.lg-actions .lg-next {
    right: calc(50vw - 590px);
}

.lg-actions .lg-prev {
    left: calc(50vw - 590px);
}


/*---------------------------------------------
 * News entry
 *---------------------------------------------*/
#news-entry > #entry-content {
    margin-top: 10em;
    padding: 0 1.75em;
}

#news-entry > .read-more {
    margin-top: 3.5714285714em;
}

#news-entry > #entry-content.news {
    margin-top: 0;
}


/*---------------------------------------------
 * Catalog Archive
 *---------------------------------------------*/
#catalog-archive-main {
    width: 72em;
    padding-right: 2em;
}

#catalog-archive {
    margin-top: 6em;
}

#catalog-archive #entry-content p {
    line-height: 1.7;
}

.blog-thumbnail {
    /*border: 1.7em solid #eaeaea;*/
    /*border-radius: 50%;*/
    height: 140px;
    margin-right: 4em;
    width: 200px;
}

#catalog-list {
    font-weight: bold;
    margin: 0;
}

.catalog-title {
    font-size: 2.4rem;
    line-height: 1;
    margin: .14em 0 0 0;
    max-height: 2.6em;
}

.catalog-title > a {
    color: #333;
    font-size: 1.6rem;font-weight: normal;
}

.catalog-list-item {
    margin-top: 4em;
    width: 34em;
}

.catalog-list-item > a > img {
    height: 24em;
}

#catalog-archive-main > h1 {
    border-bottom: 1px solid #ccc;
    font-size: 3rem;
    line-height: 1;
    margin: 0;
    padding-bottom: .5em;
}

#catalog-archive-main .pagination > ul {
    width: 100%;
}

.catalog-tags > span {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    font-size: 1.2rem;
    font-weight: normal;
    height: 1.6em;
    line-height: 1.6em;
    margin: .83em .416em 0 0;
    padding: 0 .5em;
}

/*---------------------------------------------
 * Sidebar
 *---------------------------------------------*/
#sidebar {
    max-width: 220px;
    width: 100%;
}

#sidebar > .sidebar-widget-wrap:not(:first-child),
#sidebar ul {
    margin-top: 1.6em;
}

.sidebar-widget-wrap a {
    color: #333;
    display: block;
    font-size: 1.4rem;
    line-height: 1.42857142857;
    padding: 0 .3em 0 1em;
    position: relative;
}

.sidebar-widget-wrap li {
    margin-top: 1.1em;
}

.sidebar-title {
    background-color: #3f76a4;
    color: #fff;
    font-size: 2rem;
    margin: 0;
    padding: .25em .6em;
}

.sidebar-widget-wrap a::before {
    content: "";
    background-image: url("./images/blog/arrow_right.png");
    background-repeat: no-repeat;
    background-size: .6em .7em;
    font-size: 1rem;
    height: .7em;
    margin-right: 1em;
    position: absolute;
    left: 0;
    top: .6em;
    width: .6em;
}

/*---------------------------------------------
 * Single
 *---------------------------------------------*/
#entry-content {
    margin-top: 1.5em;
}

#entry-content img {
    height: auto;
    max-width: 100%;
    width: auto;
}

#catalog-archive-main > .read-more {
    height: 2.5em;
    width: 12em;
}

#news-entry + .read-more {
    height: 2.5em;
    width: 12em;
}

#catalog-archive-main > .read-more::before,
#news-entry + .read-more::before {
    content: normal;
}

/*---------------------------------------------
 * News single
 *---------------------------------------------*/
#entry-header.news {
    border: none;
    margin-top: 10em;
    padding: 0 1.75em;
}

#entry-header.news.truth > .inner {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3.4em;
}

#entry-header.news .img-wrap {
    height: 60em;
}

#entry-header.news .img-wrap > img {
    height: 100%;
}

#event-summary {
    background-color: #f4f4f4;
    box-sizing: border-box;
    height: 10.5em;
    margin-top: 5em;
    padding: 2em 1.75em;
}

#event-summary-list > li {
    width: 30.6%;
}

#event-summary-list .item {
    background-color: #666;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    height: 2.1428571429em;
    line-height: 2.1428571429em;
    margin: 0;
    text-align: center;
}

#event-summary-list .text {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 1.2em;
    text-align: center;
}

.news-entry-title {
    color: #333;
    font-size: 4rem;
    line-height: 1.3333333333;
    margin: 1.07em 0 -.2em 0;
    text-align: center;
}

.news-entry-title.news {
    margin-top: -.3em;
}

.news-entry-title + .img-wrap {
    height: 60em;
    margin-top: 3.5em;
}

.news-entry-title + .img-wrap > img {
    height: 100%;
}

#entry-content p {
    line-height: 2.14285714286;
    margin-top: 2em;
}

#entry-content > p:last-of-type {
    margin-bottom: -.6em;
}

#entry-header.news > time {
    color: #999;
    display: block;
    font-size: 1.4rem;
    margin-top: .2em;
}

#app-cta {
    background-color: #f4f4f4;
    left: 50%;
    margin-top: 8em;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
}

#app-cta > section {
    padding: 3.7em 2em 4em;
    text-align: center;
}

#app-cta h3 {
    color: #0a4680;
    font-size: 4rem;
    line-height: 1;
    margin: 0;
}

#app-cta > section > p {
    font-weight: bold;
    line-height: 2.14285714286;
    margin-top: .7em;
}

#app-cta-area .store-info {
    border-right: 1px solid #0a4680;
    margin-right: 4em;
    padding: 1.932em 3.6em 1.932em 0;
}

#app-cta-area .store-info > p {
    line-height: 1.3;
    margin-right: -.3em;
    text-align: right;
}

#app-cta-area .store-tel {
    font-size: 4rem;
    color: #0a4680;
    letter-spacing: .0823em;
    line-height: 0;
    margin-top: 0;
}

#app-cta-area .store-tel::before {
    content: "";
    background-image: url("images/global/header/tel_blue.png");
    background-repeat: no-repeat;
    background-size: .625em .875em;
    display: inline-block;
    height: .875em;
    margin-right: .2em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    width: .625em;
}

#app-cta-area .store-open {
    font-size: 1.4rem;
    margin-top: .6em;
}

#app-cta-area {
    margin-top: 3em;
}

#app-cta-button {
    background-color: #de5c02;
    color: #fff;
    font-size: 3rem;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 30%;
}

#news-entry #app-cta-button {
    background-color: #e14fa0;
}

#news-entry + .read-more {
    margin: 1.2em auto 4.8em auto;
    -webkit-transform: translateY(1.8em);
    transform: translateY(1.8em);
}

#entry-header.news.truth > .inner > .date {
    color: #999;
    line-height: 1;
    margin-top: .8em;
}



/*---------------------------------------------
 * Works single
 *---------------------------------------------*/
#related-works {
    margin-top: 10em;
    padding: 0 1.75em;
}

#related-works > .title {
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
}

/*---------------------------------------------
 * LINEUP
 *---------------------------------------------*/
#lineup {
    margin-top: 10em;
}

#lineup-list > li:nth-of-type(odd) {
    background-color: #f4f4f4;
}

#lineup-list .img-wrap {
    height: 30em;
    margin-right: 5%;
    width: 50%;
}

#lineup-list .img-wrap > img {
    height: 100%;
    width: 100%;
}

#lineup-list > li {
    padding: 5em 1.75em;
}

#lineup-list > li:last-of-type {
    padding-bottom: 0;
}

#lineup-list .title-ja {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#lineup-list .title {
    font-size: 4rem;
    letter-spacing: .025em;
    line-height: 1;
    margin-top: .3em;
}

#lineup-list .desc {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.875;
    margin-top: 1.8em;
}

#lineup-list .read-more {
    margin: 2.4em 0 0 0;
}

#lineup-list > .ones-cubo .title-ja {
    color: #522d1c;
}

#lineup-list > .ones-cubo .title {
    width: 8.5em;
}

#lineup-sub-first-section {
    margin-top: 10em;
    padding: 0 1.75em;
}

#lineup-sub-first-section > .title {
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#lineup-sub-first-section.ones-cubo > .title {
    margin: 0 auto;
    width: 6.8em;
}

#lineup-sub-first-section img {
    display: block;
}

#lineup-sub-first-section > .images {
    margin-top: 5em;
}

#lineup-sub-first-section > .images > div {
    width: 48%;
}

#lineup-sub-first-section > .images > .img-wrap {
    height: 60em;
}

#lineup-sub-first-section > .images img {
    height: 100%;
}

#lineup-sub-first-section > .images > .img-wrap-wrap > .img-wrap {
    height: 28em;
}

#lineup-sub-first-section > .images > .img-wrap-wrap > .img-wrap:nth-of-type(2) {
    margin-top: 4em;
}

#lineup-sub-first-section > .lead {
    margin-top: 5em;
}

#lineup-sub-first-section > .lead > p {
    font-size: 1.6rem;
    line-height: 1.875;
}

#lineup-sub-first-section > .lead > p:first-of-type {
    margin-top: -.5em;
}

#lineup-sub-first-section > .lead > p:not(:first-of-type) {
    margin-top: 1.5em;
}

#lineup-sub-first-section > .lead > p:last-of-type {
    margin-bottom: -.5em;
}

#feature-of-ones-cubo {
    margin-top: 10em;
    padding: 0 1.75em;
}

#feature-of-ones-cubo > .title {
    color: #5d3624;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#feature-of-ones-cubo > .img-wrap {
    height: 50em;
    margin-top: 5em;
}

#feature-of-ones-cubo > .img-wrap > img {
    height: 100%;
}

#feature-of-ones-cubo-list > li {
    margin-top: 5em;
}

#feature-of-ones-cubo-list .title {
    font-size: 1.6rem;
    margin: 0;
}

#feature-of-ones-cubo-list .title > .text {
    font-size: 1.25em;
}

#feature-of-ones-cubo-list .title > .label {
    background-color: #5d3624;
    color: #fff;
    height: 2.5em;
    line-height: 2.5em;
    margin-right: 1.25em;
    text-align: center;
    width: 6.25em;
}

#feature-of-ones-cubo-list .desc {
    font-size: 1.5rem;
    line-height: 2;
    margin: .9em 0 -.6em 0;
}

#ones-cubo-images-section-wrap {
    background-color: #f4f4f4;
    margin-top: 10em;
    padding: 10em 1.75em 15em;
}

#ones-cubo-images-section > .title {
    color: #58301f;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#ones-cubo-images-section > .desc {
    line-height: 2.1428571429;
    margin: 1.4em 0 -.6em 0 ;
}

#lineup-popup-image-list {
    margin-top: 3.7em;
}

#lineup-popup-image-list > .lineup-thumb {
    font-size: 1rem;
    height: 24em;
    margin-top: 1.3em;
    width: 24%;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object {
    height: 100% !important;
}

#lineup-popup-image-list > .lineup-thumb > img {
    display: block;
    height: 100%;
}

#ones-cubo-images-section-wrap + .read-more,
#beglan-images-section + .read-more {
    margin-top: 3.5714285714em;
}

#lineup-slider-image-list-wrap {
    margin-top: 5em;
}

#lineup-slider-image-list-wrap > .title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin: -.3em 0;
}

#lineup-slider-image-list-wrap > .sub-title {
    font-size: 1.8rem;
    line-height: 1;
    margin: 1.4em 0 0 0;
}

#lineup-slider-wrapper {
    background-color: #fff;
    height: 40em;
    margin-top: 3em;
    position: relative;
}

#lineup-slider-container {
    height: 100%;
    margin: 0 auto;
    max-width: 60em;
    overflow: hidden;
}

#lineup-slider-container img {
    display: block;
    width: auto;
}

.lineup-next,
.lineup-prev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 4em;
    position: absolute;
    top: 18.5em;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 4em;
}

.lineup-next:hover,
.lineup-prev:hover {
    opacity: .7;
}

.lineup-next {
    background-image: url(images/lineup/lineup_next.png);
    right: 1em;
}

.lineup-prev {
    background-image: url(images/lineup/lineup_prev.png);
    left: 1em;
}

.lineup-pagination {
    background-color: #fff;
    bottom: calc(-2.1428571429em - 1.4285714286em );
    border-radius: 1.0714285714em;
    font-size: 1.4rem;
    height: 2.1428571429em;
    left: auto;
    line-height: 2.1428571429em;
    position: absolute;
    right: 50%;
    text-align: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 7.1428571429em;
}

#lineup-to-other-content > li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 14em;
    margin-top: 10em;
    text-align: center;
    width: 48%;
}

#lineup-to-other-content > li > a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 100%;
    padding-top: 5em;
}

#lineup-to-other-content > li:nth-of-type(1) {
    background-image: url(images/lineup/works.jpg);
}

#lineup-to-other-content > li:nth-of-type(2) {
    background-image: url(images/lineup/housing.jpg);
}

#lineup-to-other-content > li:nth-of-type(3) {
    background-image: url(images/lineup/modelhouse.jpg);
}

#lineup-to-other-content .title {
    font-size: 2.6rem;
    line-height: .95;
    margin-top: 0;
}

#lineup-to-other-content .desc {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.1em;
}

#lineup-to-other-content {
    padding: 0 1.75em;
}

#lineup-sub-first-section.beglan > .title {
    line-height: .8;
    margin: -.06em 0 -.02em 0;
}

#lineup-sub-first-section.beglan > .lead > p {
    line-height: 2.5;
    margin: -.9em 0;
}

.lineup-beglan-feature-section {
    margin-top: 10em;
    padding: 0 1.75em;
}

.lineup-beglan-feature-section > .title {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

.lineup-beglan-feature-section > .desc {
    line-height: 2.1428571429;
    margin: .8em 0 -.7em 0;
}

.lineup-beglan-feature-section img {
    display: block;
}

.lineup-beglan-feature-section > .images {
    margin-top: 5em;
}

.lineup-beglan-feature-section > .images > .img-wrap:nth-of-type(1) {
    width: 50%;
}

.lineup-beglan-feature-section > .images > .img-wrap:nth-of-type(2) {
    width: 49.9%;
}

#beglan-images-section {
    margin-top: 10em;
    padding: 0 1.75em;
}

#beglan-images-section > .title {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

/*---------------------------------------------
 * Events single
 *---------------------------------------------*/
.entry-image {
    max-height: 500px;
    width: 100%;
}

#event-content {
    margin-top: 5em;
}

#event-image {
    margin-top: 6em;
}

#events-entry .read-more {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 3.8em auto 0;
}


/*---------------------------------------------
 * Event Common
 *---------------------------------------------*/
#page-form {
    max-width: 800px;
    margin: 0 auto;
}

/*---------------------------------------------
 * Seismic diagnosis 耐震診断
 *---------------------------------------------*/
#sd-header {
    margin-top: 6em;
}

#sd-header img {
    height: 30em;
}

#page-seismic-diagnosis h2 {
    color: #eb6100;
    font-size: 3.4rem;
    line-height: 1.1;
    margin-top: 0;
    text-align: center;
}

#page-seismic-diagnosis h2 > span {
    font-size: 147%;
    color: #663200;
}

#sd-header > p {
    line-height: 2;
    margin-top: .5em;
}

#sd-header > h2 {
    margin-top: .9em;
}

#sd-case {
    margin-top: 5em;
}

#sd-case-table-wrap {
    margin-top: 1em;
    overflow-x: scroll;
}

#sd-case-table-wrap > table {
    border: solid 1px #ccc;
    border-collapse: collapse;
    font-size: 1.4rem;
    font-weight: bold;
    width : 100%;
}

#sd-case-table-wrap > table > thead th {
    background-color: #eb6100;
    color: #fff;
    font-weight: bold;
    height: 2.5em;
    padding: 0 .4em;
}

#sd-case-table-wrap > table th,
#sd-case-table-wrap > table td {
    border: 1px solid #ccc;
}

#sd-case-table-wrap > table > tbody td {
    background-color: #f4f4f4;
    padding: .5em 0 .5em .6em;
}

#sd-case > table > tbody td:first-child {
    background-color: #ffefe3;
}

#sd-images {
    margin: 0 auto;
    max-width: 70em;
}

#sd-images img {
    border-radius: 1em;
    height: 11.5em;
    margin-top: 3em;
    width: 16em;
}

#sd-images > p {
    font-size: 1.2rem;
    margin-top: .4em;
    text-align: right;
}

#sd-for {
    margin-top: 3em;
}

#sd-for > p {
    color: #784e2a;
    font-size: 2rem;
    font-weight: bold;
    margin-top: .9em;
    text-align: center;
}

#sd-for > p > span {
    color: #eb6100;
}

#sd-for > img {
    height: 30em;
    margin-top: 3.2em;
}

#sd-flow {
    margin-top: 5.4em;
}

#sd-flow > img {
    height: 34em;
    margin-top: 2.5em;
}

#sd-link {
    background-color: #eb6100;
    color: #fff;
    display: block;
    font-size: 3.4rem;
    font-weight: bold;
    height: 2.3529em;
    line-height: 2.3529em;
    margin: 1.7647em auto 0 auto;
    text-align: center;
    width: 62.5%;
}


/*---------------------------------------------
 * Event form
 *---------------------------------------------*/
#app-form-header {
    padding: 10em 0 5em;
}

#app-form-header > h2 {
    font-size: 4rem;
    line-height: 1.2;
    margin: -.15em 0 0 0;
}

#app-form-header > p {
    margin: 2em 0 -.4em;
}

#app-form-header a {
    color: #1a8cc6;
}

#app-form-header span {
    color: #e60012;
}

#app-form-wrap {
    background-color: #f4f4f4;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
}

#app-form {
    padding: 4em 2em;
}

form input[type="text"],
form button,
form select,
form select:checked {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    outline: 0;
    border: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

option:not(:checked) {
  color: black;
}

#app-form input {
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 1.6rem;
    padding: .8em;
}

#app-form .e-name {
    border: none;
}

#app-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 1.6rem;
    height: 2.82em;
    padding-left: 6%;
    width: 12.5em;
}

.e-name {
    background-color: #ccc;
    box-sizing: border-box;
    width: 100%;
}

.app-form-block {
    margin-top: 3.9em;
}

.app-form-block.border {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin-top: 4em;
    padding: 3.9em 0 4em;
}

.app-form-block h3 {
    font-size: 2rem;
    line-height: 1;
    margin: 0 .8em 0 0;
}

.app-form-block h4 {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
}

.require-text  {
    line-height: 1.3;
}

.require-text.small {
    font-size: 1.4rem;
}

.cf-massage-title {
    line-height: 1;
}

.require-text,
.cf-massage-title {
    font-size: 1.6rem;
    margin-top: 1.2em;
}

.app-form-block.border > .require-text {
    margin-top: 0;
}

.app-form-block.border > .require-text.small {
    margin-top: 1.2em;
}

.app-form-block.address > .require-text:nth-of-type(n+2),
.app-form-block.address > .cf-massage-title {
    margin-top: 2.4em;
}

.app-form-block.address > .require-text,
.app-form-block.address > .cf-massage-title {
    font-weight: bold;
}

.require-text::after {
    background-color: #e60012;
    content: "必須";
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    height: 1.5em;
    display: inline-block;
    line-height: 1.6em;
    margin-left: .3em;
    padding: 0 .4em;
    vertical-align: text-bottom;
}

#app-form .app-form-input.num > input {
    width: 2em;
}

#app-form .app-form-input.num > input:nth-of-type(1) {
    margin-right: 1.2em;
}

#app-form .app-form-input.num > p {
    margin: 0 .8em 0 0;
}

#app-form .app-form-input.num > p:nth-of-type(3) {
    font-size: 1.2rem;
}

.select-box-wrapper {
    margin-top: 1.8em;
}

.select-box {
    position: relative;
}

.select-box::after {
    content: "";
    background: url("images/form/arrow_down.png") no-repeat;
    background-size: .8em .7em;
    height: .7em;
    pointer-events: none;
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .8em;
}

.select-box.disabled::after {
    content: normal;
}

.text-notes {
    margin: -1.1em 0 -.7em;
}

.text-notes > span,
.text-notes > a {
    color: #0075a9;
    font-size: 2rem;
}

.submit-note {
    font-size: 1.4rem;
    text-align: center;
}

.submit-note > span {
    color: #2998ca;
    font-weight: bold;
}

.app-form-name > input,
.app-form-contact > input {
    width: 45.8%;
}

.app-form-input {
    margin-top: .7em;
}

.app-form-address > input:nth-of-type(1) {
    margin-right: 1.2em;
}

.app-form-address > input:nth-of-type(2),
.app-form-address > input:nth-of-type(3) {
    margin-top: .5em;
    width: 100%;
}

.app-form-address > .select-box {
    margin-top: .9em;
}

.app-form-block.privacy-notes {
    background-color: #e0e0e0;
    padding: 2em 2.2em;
}

.app-form-block.privacy-notes > p {
    line-height: 1.7;
    margin-top: 1.1em;
}

.app-form-block.privacy-notes a {
    color: #333;
    text-decoration: underline;
}

.submit-btn {
    background-color: #eb6100;
    border: none;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.4em;
    margin: 2.5em auto 0 auto;
    text-align: center;
    width: 12.5em;
}

.submit-btn.contact {
    background-color: #eb6100;
}

.submit-note {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: -.4em;
}

.submit-note > span {
    color: #de5c02;
    font-weight: bold;
}

.submit-note.event > span {
    color: #eb6100;
}

.submit-note.contact > span {
    color: #eb6100;
}

.send-complete {
    color: #1a8cc6;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

#post-code-field + p {
    margin: 0;
    width: 65%;
}


#app-form #top-kuracipe {
    height: 450px;
    margin-top: 5.9em;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    width: 1000px;
}

#app-form #top-kuracipe svg {
    width: 26rem;
}

#app-form #top-kuracipe p {
    font-size: 1.3rem;
}

#app-form #top-kuracipe svg {
    margin-top: 2em;
}

#contact-type {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 1.6rem;
    height: 2.3125em;
    line-height: 2.3125em;
    padding: .3em .5em;
}

#contact-type > input:not(:first-child) {
    margin-left: 1em;
}


#booking-caution {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1000;
}

#booking-caution > .content {
    background-color: #fff;
    box-sizing: border-box;
    height: 35em;
    max-width: 90vw;
    padding: 3em;
    position: absolute;
    right: 50%;
    top: 50%;
    -wedbkit-transform: translate(50%, 50%);
    transform: translate(50%, -50%);
    width: 80em;
}

#booking-caution h2 {
    font-size: 4rem;
    margin-top: 1.3em;
    text-align: center;
}

#booking-caution .read-more {
    font-size: 1.9rem;
    margin-top: 3em;
    width: 13em;
}

/*---------------------------------------------
 * 404 Not found
 *---------------------------------------------*/
#not-found > p {
    padding: 0 1.1em;
}

/*---------------------------------------------
 * Single Models
 *---------------------------------------------*/
#model-entry {
    padding: 9em 0 0 0;
}

.model-entry-title {
    font-size: 5rem;
    line-height: 1.1;
    margin: 0;
}

#model-entry-content {
    margin-top: 2em;
}

.model-sub-headline {
    font-size: 2rem;
    margin: 0;
}

.model-sub-headline.second {
    margin-top: .7em;
}

.model-desc {
    line-height: 1.7;
    margin-top: .4em;
}

.model-desc.second {
    line-height: 2.3;
    margin: 0;
}

.model-contact {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 1.7em;
}

.model-images {
    margin-top: 2.4em;
}

.model-images > div {
    max-width: 480px;
}

.model-images > div > img:nth-of-type(2) {
    margin-top: 3.6em;
}

.model-images > img:nth-of-type(2) {
    margin-top: 4em;
    max-height: none;
    max-width: 100%;
}

.model-images img {
    max-width: 100%;
}

.model-sub-section {
    margin-top: 5em;
}

.model-sub-section > p {
    background-color: #333;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
    line-height: 1.5;
    padding-left: .6em;
}

.model-swiper-container {
    background-color: #f4f4f4;
    margin-top: 2em;
    overflow: hidden;
}

.swiper-slide.model > img {
    display: block;
    margin: 0 auto;
    height: 400px;
    max-height: 400px;
    max-width: 600px;
    width: 600px;

}

.model-swiper-pagination {
    margin-top: 1em;
}

.model-swiper-pagination > .swiper-pagination-bullet-active {
    background-color: #333;
}

.model-swiper-pagination > .swiper-pagination-bullet {
    height: 1em;
    width: 1em;
}

.model-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .5em -1px .5em;
}

.swiper-button-prev.model,
.swiper-button-next.model {
    background-color: #333;
    background-size: 1em 2em;
    border-radius: 50%;
    height: 4em;
    width: 4em;
}

.swiper-button-prev.model {
    background-image: url("images/models/arrow_left.png");
    background-position: 48% 50%;
}

.swiper-button-next.model {
    background-image: url("images/models/arrow_right.png");
    background-position: 52% 50%;
}

#model-map {
    margin-top: 6em;
}

#model-map > iframe {
    margin-top: 2em;
    max-width: 100%;
}

/*---------------------------------------------
 * Page Consultation
 *---------------------------------------------*/
#page-consul {
    margin-top: 8.7em;
    padding: 0 1.5em;
}

#consul-lead-text > p:first-of-type {
    font-size: 4.6rem;
    font-weight: bold;
    letter-spacing: -.05em;
    line-height: 1.31;
    margin-top: 0;
}

#consul-lead-text > p:first-of-type > .large {
    font-size: 1.52173913043em;
}

#consul-lead-text > p:first-of-type .fw-normal:first-of-type {
    margin-left: -.4em;
}

#consul-lead-text > p:first-of-type .fw-normal:last-of-type {
    letter-spacing: -0.4em;
}

#consul-lead-text > p:first-of-type .orange {
    color: #eb6100;
}

#consul-lead-text > p:nth-of-type(2) {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 1.7em;
}

#consul-lead-text > p:nth-of-type(3) {
    font-size: 1.4rem;
    line-height: 2.14285714286;
    margin-top: .4em;
}

#consul-image {
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    height: 50em;
    margin-top: 9.1em;
    padding: .9em;
}

#consul-image > img {
    height: 100%;
}

#consult-recommend {
    margin-top: 10em;
}

#consult-recommend > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    text-align: center;
}

#consult-recommend > .content {
    margin-top: 3.6em;
}

#consult-recommend .img-wrap {
    height: 50em;
    width: 47.5%;
}

#consult-recommend .img-wrap > img {
    height: 100%;
}

#consult-recommend ul {
    font-size: 1.6rem;
    line-height: 2.5;
    margin-top: -.8em;
    width: 24em;
}

#consul-book-btn {
    background-color: #eb6100;
    color: #fff;
    display: block;
    font-size: 3rem;
    font-weight: bold;
    margin: 3.1em auto 0;
    max-width: 100%;
    text-align: center;
    padding: .5834em 0;
    width: 16.6666666667em;
}

#consul-merit-wrap {
    background-color: #f4f4f4;
    margin: 10em -1.5em 0 -1.5em;
    padding: 6em 0 5.4em;
}

#consul-merit > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#consul-merit-list > li {
    margin-top: 4em;
    width: 31%;
}

#consul-merit-list > li > .img-wrap {
    height: 20em;
}

#consul-merit-list > li > .img-wrap > img {
    height: 100%;
}

#consul-merit-list > li .title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.1em;
}

#consul-merit-list > li .title > span {
    color: #eb6100;
}

#consul-merit-list > li .desc {
    font-size: 1.3rem;
    line-height: 1.84615384615;
    margin-top: .7em;
}

#consul-flow > .title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 2.1em 0 0 0;
}

#consul-flow > .title > .orange {
    color: #eb6100;
    font-size: 1.75em;
}

#consul-flow > .title .fw-normal:first-of-type {
    margin-left: -.4em;
}

.nest-list-wrap.consul {
    margin-top: 4.7em;
    padding: 0;
}

#page-consul #app-cta {
    margin: 10em 0 4em;
}

.nest-list-wrap {
    margin-top: 10em;
    padding: 0 3em;
}

.nest-list {
    padding: 0;
}

.nest-list .img-wrap {
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: .6em;
    width: 50%;
}

.nest-list .content {
    width: 44.5%;
}

.nest-list .img-wrap > img {
    display: block;
}

.nest-list .title {
    font-size: 4rem;
    line-height: 1;
    margin: 0;
}

.nest-list .desc {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: .7em;
}

.nest-list > li:nth-of-type(even) > .img-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.nest-list > li:not(:first-child) {
    margin-top: 6em;
}


/*---------------------------------------------
 * Model Form
 *---------------------------------------------*/
#app-form .model-event-name {
    color: #333;
    padding-left: 1em;
    width: 100%;
}

#app-form .flatpickr-current-month input.cur-year {
    border: none;
    padding: 0 0 0 .5em;
}

#app-form .flatpickr-monthDropdown-months {
    border: none;
    height: auto;
    pointer-events: none;
    width: auto;
}

.flatpickr-current-month .numInputWrapper {
    pointer-events: none;
}

#calendar,
#model-calendar {
    margin: 1.9em 0 4.2em;
}

.flatpickr-day {
    border: none;
    border-radius: 0;
    background-color: #eee;
    color: #2998ca;
    font-weight: bold;
    max-width: none;
    -webkit-flex-basis: 13.5%;
    -ms-flex-preferred-size: 13.5%;
    flex-basis: 13.5%;
    height: 2.4em;
    line-height: 2.4em;
    margin: 1px;
    width: 13.5%;
}

.dayContainer {
    min-width: auto;
}

.flatpickr-day.sunday:hover,
.flatpickr-day.saturday:hover,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected,
.flatpickr-day.saturday.selected,
.flatpickr-day.sunday.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus,
.flatpickr-day:hover {
    background-color: #2998ca;
    color: #fff;
}

.flatpickr-day.disabled:hover {
    background-color: #eee !important;
}

.flatpickr-day.sunday,
.flatpickr-day.disabled.sunday {
    background-color: #ffdada;
}

.flatpickr-day.disabled.sunday:hover {
    background-color: #ffdada !important;
}

.flatpickr-day.saturday,
.flatpickr-day.disabled,saturday {
    background-color: #cdeefd;
}

.flatpickr-day.disabled.saturday:hover {
    background-color: #cdeefd !important;
}

.flatpickr-day.disabled.sunday,
.flatpickr-day.disabled.sunday:hover,
.flatpickr-day.prevMonthDay.sunday,
.flatpickr-day.prevMonthDay.sunday:hover {
    background-color: #ffdada;
}

.flatpickr-day.disabled.saturday,
.flatpickr-day.disabled.saturday:hover,
.flatpickr-day.nextMonthDay.saturday {
    background-color: #cdeefd;
}

.flatpickr-day.nextMonthDay.sunday {
    background-color: #ffdada;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.sunday:hover,
.flatpickr-day.selected.saturday:hover {
    /*background-color: #ea6383;*/
    border: none;
}

.flatpickr-calendar.inline {
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    padding: 1em;
    width: 28em;
}

.flatpickr-days,
.dayContainer {
    max-width: 100%;
    width: 100%;
}

.flatpickr-day.today {
    border: none;
}

.flatpickr-day:hover,
.flatpickr-day.today:hover {
    /*background-color: #ea6383;*/
    border: none;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    background-color: #eee;
    color: #999;
}

.flatpickr-weekdaycontainer > .flatpickr-weekday:not(:nth-of-type(6)):not(:last-of-type) {
    color: #333;
}

.flatpickr-weekdaycontainer > .flatpickr-weekday:nth-of-type(6) {
    color: #00a0d5;
}

.flatpickr-weekdaycontainer > .flatpickr-weekday:last-of-type {
    color: #ff0000;
}

.flatpickr-current-month {
    padding: 0;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    line-height: 2;
}

.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #ccc;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    background-color: #eee;
}

#app-form .numInput.cur-year,
.flatpickr-current-month input.cur-year[disabled] {
    -webkit-text-fill-color: #333;
    color: #333;
    font-size: 100%;
    font-weight: bold;
    opacity: 1;
}

.flatpickr-current-month .numInputWrapper {
    width: 3em;
}

.flatpickr-calendar::before,
.flatpickr-calendar::after {
    content: normal;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57,57,57,0.3);
    cursor: not-allowed;
}

.flatpickr-day.flatpickr-disabled:hover {
    background-color: #eee;
}

.flatpickr-day.flatpickr-disabled.saturday:hover {
    background-color: #cdeefd;
}

.flatpickr-day.flatpickr-disabled.sunday:hover {
    background-color: #ffdada;
}

/*---------------------------------------------
 * Contact Form
 *---------------------------------------------*/
#contact-form-header {
    padding: 10em 1.75em 5em;
}

#contact-form-header > p:nth-of-type(1) {
    margin-top: -.4em;
}

#contact-form-header > p:nth-of-type(2) {
    color: #e60012;
    margin: .6em 0 -.4em;
}

#app-form.contact {
    padding: .1em 1.75em 4em;
}

.cf-message {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 1.6rem;
    height: 10em;
    outline: none;
    padding: .6em;
    width: 100%;
}


/*---------------------------------------------
 * Thanks page
 *---------------------------------------------*/
#form-thanks {
    margin-top: 10em;
    text-align: center;
}

#form-thanks > h2 {
    color: #1a8cc6;
    font-size: 4em;
}

#form-thanks > p {
    margin: -.4em 0;
}


#fixed-footer-link .st-btn {
    background-color: #000;
    background-image: url(images/global/footer/arrow_up.png);
    background-repeat: no-repeat;
    background-size: 2.1em 2.4em;
    background-position: center;
    border: none;
    display: block;
    font-size: 1rem;
    height: 6em;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 6em;
}

.st-btn:hover {
    cursor: pointer;
}

#scroll-top-btn-sp-wrap {
    background-color: #222;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    height: 4em;
    margin-top: 10em;
}

#scroll-top-btn-sp-wrap:hover {
    opacity: .9!important;
}

#scroll-top-btn-sp-wrap::after {
    background-color: transparent;
    background-image: url(images/global/footer/arrow_up.png);
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    content: "";
    font-size: 1rem;
    height: 1.4em;
    outline: none;
    width: 1.4em;
}

/*.scroll-top-btn {*/
/*    background-color: transparent;*/
/*    background-image: url(images/global/footer/arrow_up.png);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    border: none;*/
/*    font-size: 1rem;*/
/*    height: 1.4em;*/
/*    outline: none;*/
/*    width: 1.4em;*/
/*}*/

/*.scroll-top-btn:hover {*/
/*    cursor: pointer;*/
/*}*/

.vbox-next {
    right: 100px;
}

.vbox-prev {
    left: 100px;
}

.vbox-next span,
.vbox-prev span {
    border: 3px solid transparent;
    height: 30px;
    width: 30px;
}

.vbox-close {
    background-color: transparent !important;
    top: 0;
    right: 60px;
    width: 50px;
    height: 70px;
    font-size: 60px;
}

#doc-request {
    background-color: #fff;
    border: 1px solid #eb6100;
    margin-top: 3.8em;
}

#doc-request > h3 {
    background-color: #eb6100;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.094em 1.438em;
}

#doc-request > p {
    color: #999;
    margin-bottom: -.5em;
}

.doc-request-inputs > label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    margin-right: 1em;
}

/*---------------------------------------------
 * Blog Archive
 *---------------------------------------------*/
#blog-entry-list {
    margin-top: 6em;
}

#blog-entry-list > li {
    border-bottom: 1px solid #ccc;
    padding: 2em 0;
}

#blog-entry-list .img-wrap {
    height: 16em;
    margin-right: 4em;
    width: 24em;
}

#blog-entry-list .img-wrap > img {
    height: 100%;
}

#blog-entry-list .date-cat {
    color: #999;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0;
}

#blog-entry-list .title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.25;
    margin-top: .6em;
}

#blog-entry-list .title > a {
    color: #333;
}

#blog-entry-list .excerpt {
    margin-top: 2em;
}

#blog-entry-list-wrap {
    padding: 0 1.5em;
}

#blog-entry-list-wrap > .pagination {
    margin-top: 5.3em;
}

#blog-search-form {
    border: 2px solid #333;
    border-radius: 1em;
    box-sizing: border-box;
    height: 6em;
    margin-top: 8em;
    padding: 0 2em;
    width: 100%;
}

#blog-search-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: #999;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: .05em;
    width: 100%;
}

#blog-search-form input {
    background-color: transparent;
    color: #999;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: .05em;
}

.select-box-wrap {
    border-right: 1px solid #999;
    margin-right: 2.2em;
    padding-right: 2em;
    width: 20em;
}

.select-box-wrap::after {
    content: "";
    background-image: url(images/blog/arrow_down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: .9em;
    margin-left: -1.5em;
    pointer-events: none;
    width: 1.5em;
}

#blog-search-form > #submit {
    background-color: transparent;
    background-image: url(images/blog/search_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 2.6em;
    width: 2.6em;
}

#blog-search-form > #submit:hover {
    cursor: pointer;
}

/*---------------------------------------------
 * Blog Single
 *---------------------------------------------*/
.wp-block-image {
    margin: 0;
}

#entry-header {
    border: 2px solid #333;
    box-sizing: border-box;
    margin-top: 8em;
    padding: 4em;
    position: relative;
}

#entry-header > .title {
    font-size: 3rem;
    line-height: 1.25;
    margin: -.2em 0 0 0;
    width: calc(100% - 4em);
}

#entry-header > .blog-date.entry {
    background-color: #1e0800;
    color: #fff;
    font-size: 1.6rem;
    height: 2.5em;
    line-height: 2.5em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1.875em;
    width: 8.75em;
}

#entry-header > p {
    font-size: 1.6rem;
    line-height: 1;
    margin: 0;
}

#blog-entry-author {
    margin-top: 3.3em;
}

#blog-entry-author > .img-wrap {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 10em;
    margin-right: 2em;
    padding: .5em;
    width: 10em;
}

#blog-entry-author > .img-wrap > img {
    border-radius: 50%;
    display: block;
    height: 100%;
}

#blog-entry-author > p {
    color: #999;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
}

#entry-content.blog {
    margin-top: 8em;
}

#entry-content.blog p {
    font-size: 1.6rem;
    line-height: 1.875;
}

#blog-entry-main {
    padding: 0 1.5em;
}

#entry-header {
    padding: 2em;
}

#entry-header > .title {
    font-size: 2.6rem;
    margin-top: 1em;
    width: 100%;
}

#entry-header > .blog-date.entry {
    font-size: 1.4rem;
    top: 0;
}

#blog-entry-author > .img-wrap {
    height: 7em;
    margin-right: 1.5em;
    width: 7em;
}

#entry-content.blog {
    margin-top: 4em;
}

#entry-content.blog + .read-more.second {
    margin-top: 3.2em;
}

/*---------------------------------------------
 * Page Trettio
 *---------------------------------------------*/
#page-trettio {
    margin-top: 10em;
}

#lead-trettio {
    padding: 0 1.5em;
}

#lead-trettio > .img-wrap {
    margin-right: 4%;
    width: 48%;
}

#lead-trettio > .content {
    width: 46.4%;
}

#lead-trettio .title {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.38888888889;
    margin: -.2em 0 0 0;
}

#lead-trettio .desc {
    font-size: 1.6rem;
    letter-spacing: -.01em;
    line-height: 1.875;
}

#fdpi {
    background-color: #f4f4f4;
    margin-top: 9.2em;
}

#fdpi-nav {
    padding: 3.7em 0;
}

#fdpi-nav a {
    color: #668d9b;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
}

#fdpi-nav li {
    margin: 0 3.7em;
}

.section-fdpi {
    padding-bottom: 6em;
}

.section-fdpi > .title-wrap {
    background-color: #668d9b;
    padding: 1em 0;
}

.section-fdpi > .title-wrap > .title {
    color: #fff;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0 .5em;
}

.section-fdpi > .title-wrap .desc {
    font-size: .4em;
    font-weight: normal;
    line-height: 1.4;
}

#facad-image-list,
#design-image-list {
    margin-top: 2em;
    padding: 0 1.5em;
}

#facad-image-list > li,
#design-image-list > li {
    margin-top: 4%;
    width: 48%;
}

#facad-image-list img,
#design-image-list img {
    display: block;
}

#design-image-list .title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin-top: .8em;
}

#design-image-list .desc {
    letter-spacing: -.02em;
    margin-bottom: -.4em;
    margin-top: 1.2em;
}

#facad-footer {
    margin-top: 3.4em;
    padding: 0 1.5em;
}

#facad-footer > p {

}

#facad-footer > h4 {
    color: #5a8399;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.1em;
}

#facad-footer > .images {
    margin-top: 2em;
}

#facad-footer img {
    width: 31%;
}

#plan-list {
    margin-top: 2em;
}

#plan-list > li {
    margin: 4% 3% 0;
    width: 34%;
}

#plan-list .title {
    background-color: #999;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
    padding: .688em 0;
}

#plan-list img {
    margin-top: 18%;
}

#plan > p {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 3.3em;
    padding: 0 1.3em;
}

#plan > p:last-of-type {
    margin-top: 0;
}

#plan-image {
    margin-top: 5.5em;
    padding: 0 1.5em;
}

#plan-image > img {
    max-width: 94.6em;
}

#interior-image {
    margin-top: 6em;
    padding: 0 1.5em;
}

.interior-slider-wrap {
    margin-top: 5.4em;
    padding: 0 1.5em;
}

.interior-slider-wrap > .title,
.interior-slider-wrap > .subtitle {
    color: #668d9b;
}

.interior-slider-wrap > .title {
    font-size: 3.6rem;
    line-height: 1.38888888889;
    margin: 0;
}

.interior-slider-wrap > .subtitle {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    margin-top: .4em;
}

.interior-slider-wrap > .desc {
    margin-top: 2.2em;
}

#interior-coordinate-list > .swiper-slide,
#standard-spec-list > .swiper-slide {
    background-color: #fff;
    height: 54em;
}

#interior-coordinate-list > .swiper-slide > img {
    height: 54em !important;
    width: 62.3em !important;
}

#standard-spec-list > .swiper-slide > img {
    height: 40em !important;
    width: 36em !important;
}

.trettio-swiper-wrap {
    margin-top: 5.5em;
}

.trettio-swiper-container {
    background-color: #fff;
    border: 1px solid #eaeaea;
    overflow: hidden;
}

.trettio-prev,
.trettio-next {
    background-image: url(images/trettio/chevron-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.9em 3.5em;
    height: 4.5em;
    position: absolute;
    top: 43%;
    width: 2.9em;
    z-index: 10;
}

.trettio-prev:hover,
.trettio-next:hover {
    cursor: pointer;
}

.trettio-prev {
    left: -4.4em;
}

.trettio-next {
    right: -4.4em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.trettio-pagination {
    margin-top: 2em;
}

.trettio-pagination > .swiper-pagination-bullet {
    background-color: #ccc;
    height: 1em;
    margin: 0 .5em;
    opacity: 1;
    width: 1em;
}

.trettio-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #668d9b;
}

#standard-spec-list .title {
    color: #668d9b;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0;
    position: absolute;
    right: 50%;
    top: .75em;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

#trettio-links {
    margin-top: 6em;
}

#trettio-links > a {
    color: #fff;
    font-size: 1rem;
    height: 16em;
    margin: 0 3em;
    max-width: 100%;
    width: 32em;
}

#trettio-links > a:hover {

}

#trettio-links > a > p {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 100%;
}

#trettio-links > a img {
    height: 100%;
}



/*---------------------------------------------
 * コストメリット
 *---------------------------------------------*/
#page-cost {
    padding: 0 2em;
}

#cost-up {
    margin-top: 4.3em;
}

#page-cost h3 {
    color: #9cc813;
    font-size: 4em;
    margin-top: 2em;
}

#page-cost h3 > span {
    font-size: 130%;
    font-weight: 300;
}

#page-cost h3 + p {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: .3em;
}

#page-cost .figure {
    /*display: block;*/
    margin: 5.3em auto 0 auto;
    max-width: 100%;
    width: 88em;
}

#page-cost .figure > img:first-child {
    margin-right: 2.4em;
    width: 47.3em;
}

#page-cost .figure > img:last-child {
    width: 38.3em;
}

#cost-up > h4 {
    background-color: #999;
    border-radius: 0.8333em;
    color: #fff;
    font-size: 3rem;
    height: 1.666em;
    line-height: 1.666em;
    margin: 0 auto;
    max-width: 100%;
    width: 15.333em;
}

#cost-up > h4 + p {
    font-size: 1.6rem;
    margin-top: .6em;
}

#cost-up > div {
    background-color: #f4f4f4;
    background-image: url("./images/beginner/cost/3.png");
    background-repeat: no-repeat;
    background-position: 96% 70%;
    background-size: 35.5em;
    border-radius: 1em;
    margin-top: 3.3em;
    padding: 1.8em 0 3.5em 2em;
}

#cost-up > div > p:first-child {
    margin-top: -.3em;
}

#cost-up > div > p:last-of-type {
    color: #1a8cc6;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
}

#cost-up .period2,
#cost-up .period4 {
    bottom: 4%;
    font-size: 1.2rem;
}

#cost-up .period2 {
    right: 31%;
}

#cost-up .period4 {
    right: 8%;
}

#cost-up > p:last-of-type {
    font-size: 2rem;
    margin-top: .7em;
}


/*---------------------------------------------
 * 基本構造
 *---------------------------------------------*/
#page-basic {
    padding: 0 2em;
}

#page-basic > section {
    margin-top: 10em;
}

#page-basic > section:first-of-type {
    margin-top: 5em;
}

#page-basic > section > header > img {
    height: 50em;
    width: 50em;
}

#page-basic > section > header > *:last-child {
    padding-left: 4.4em;
}

#page-basic section > header > div {
    width: 45.6em;
}

#page-basic h2 {
    font-size: 3rem;
    margin: 0;
}

#page-basic h2 > span {
    background-color: #8b7967;
    border-radius: .357em;
    color: #fff;
    font-size: 1.4rem;
    margin-left: 1.3em;
    padding: .479em 1.393em .379em;
}

#page-basic header .section-desc {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 1.4em;
}

#page-basic header p:not(.section-desc) {
    line-height: 1.72;
    letter-spacing: -.2px;
}

#eqr-list {
    margin: 0 -1.7em;
}

#eqr-list > li {
    border: 5px solid #eaeaea;
    box-sizing: border-box;
    height: 32.5em;
    margin: 4em 1.7em 0 1.7em;
    padding: 2em;
    width: 31em;
}

#eqr-list > li:first-child {
    width: 100%;
}

#eqr-list > li:first-child > img {
    height: 24.9em;
    width: 74.1em;
}

#eqr-list > li > img {
    height: 13.5em;
    width: 18.2em;
}

#eqr-list > li:nth-of-type(5) > img {
    height: 13.5em;
    width: 13.7em;
}

#eqr-list > li > p {
    margin-top: .3em;
    width: 100%;
}

#eqr-list > li > .check {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: .4em;
}

#eqr-list > li > .check > span {
    color: #e40004;
    font-size: 1.4rem;
    margin-right: .4em;
}

.hi-airtight {
    background-color: #f4f4f4;
    margin-top: 4em;
    padding: 2.9em;
}

.hi-airtight > h3 {
    font-size: 2rem;
    margin: 0;
}

.hi-airtight > h3::before {
    background-image: url(images/beginner/basic/column.png);
    background-repeat: no-repeat;
    background-size: 2.95em 2.5em;
    content: "";
    height: 2.5em;
    margin-right: .6em;
    width: 2.95em;
}

.hi-airtight > p {
    font-size: 1.6rem;
    line-height: 1.9;
    margin-top: .7em;
}

.hi-airtight.first > img {
    height: 14.3em;
    margin-top: 2em;
    width: 44em;
}

.hi-airtight.second > img {
    height: 14.2em;
    margin-top: 2em;
    width: 29.7em;
}

#basic-structure {
    border: 5px solid #eaeaea;
    height: 32em;
    margin-top: 4em;
}

#basic-structure > img {
    height: 21.6em;
    width: 80em;
}

#durability {
    height: 12.8em;
    margin-top: 4em;
}


/*---------------------------------------------
 * 7つの安心7つの保証
 *---------------------------------------------*/
#page-warranty > .page-desc {
    margin-top: .3em;
}

/*---------------------------------------------
 * About
 *---------------------------------------------*/



/*---------------------------------------------
 * Land archive
 *---------------------------------------------*/
#modelhouse-archives {
    margin-top: 10em;
}

#modelhouse-map {
    background-color: #ccc;
    height: 55em;
    height: 34.375vw;
    margin-top: 5em;
    width: 100%;
}

#modelhouse-archives > .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#modelhouse-entry-list {
    margin-top: 6em;
    padding: 0 1.75em;
}

#modelhouse-entry-list::after {
    content: "";
    display: block;
    width: 31em;
}

#modelhouse-entry-list > li {
    margin-top: 4em;
    width: 31%;
}

#modelhouse-entry-list > li > a {
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 1rem;
    height: 100%;
    width: 100%;
}

#modelhouse-entry-list > li .name {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: .65em 0 0;
}

#modelhouse-entry-list > li .name > span:not(.num) {
    padding-top: .3em;
}

#modelhouse-entry-list > li p {
    margin: 0;
}

#modelhouse-entry-list > li .address {
    margin: 1em 0 0 0;
}

#modelhouse-entry-list > li .name > .num {
    background-image: url(images/modelhouse/pin2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    height: 2em;
    line-height: 1.5em;
    margin-right: .5em;
    text-align: center;
    width: 1.5em;
}

#modelhouse-entry-list > li .img-wrap {
    height: 21em;
}

#modelhouse-entry-list > li img {
    display: block;
    height: 100%;
}

#modelhouse-entry-list > li > a > p:last-of-type:not(.address) {
    margin: 0 0 -.5em 0;
}


/*---------------------------------------------
 * Land single
 *---------------------------------------------*/
#land-entryheader {
    margin-top: 7.3em;
}

#land-entryheader > .title {
    font-size: 3.6rem;
    line-height: 1.2;
    margin: 0;
}

#land-top-images {
    margin-top: 7.5em;
}

#land-top-images img {
    height: 100%;
}

#land-top-images > .img-wrap {
    height: 50em;
    width: 64%;
}

#land-top-images > .img-wrap-wrap {
    width: 34%;
}

#land-top-images > .img-wrap-wrap > .img-wrap {
    height: 24em;
    width: 100%;
}

#land-top-images > .img-wrap-wrap > .img-wrap:last-of-type {
    margin-top: 2em;
}

#land-data {
    margin-top: 7.8em;
}

#land-data > .title,
#sales-area > .title,
#land-location > .title {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
}

#land-data-list {
    margin-top: 1.8em;
}

#land-data-list > li {
    padding: 1.35em 0;
}

#land-data-list > li:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}

#land-data-list p {
    font-size: 1.6rem;
    margin: 0;
}

#land-data-list .data.facility {
    white-space: pre-line;
}

#land-data-list .item {
    font-weight: bold;
    line-height: 1;
    width: 15em;
}

#sales-area-wrap {
    background-color: #f4f4f4;
    margin-top: 6em;
    padding: 7.8em 0;
}

#sales-area .img-wrap {
    height: 50em;
    margin-top: 3.9em;
    width: 100%;
}

#sales-area img {
    display: block;
    height: 100%;
}

#land-location {
    margin-top: 7.8em;
}

#land-location > .map {
    margin-top: 4em;
}

#land-location > .map > iframe {
    border: none;
    display: block;
    max-width: 100%;
}

#land-location,
#sales-area-wrap,
#land-data,
#land-entryheader {
    padding-left: 1.5em;
    padding-right: 1.5em;
}


/*---------------------------------------------
 * Housing Archive
 *---------------------------------------------*/
#housing-archives {
    padding: 0 1.75em;
}

#housing-archive-list {
    margin-top: 5em;
}

#housing-archive-list::after {
    content: "";
    width: 31%;
}

#housing-archive-list > li {
    margin-top: 5em;
    width: 31%;
}

#housing-archive-list > li > a {
    color: #222;
    display: block;
}

#housing-archive-list .img-wrap {
    height: 20em;
}

#housing-archive-list .img-wrap > img {
    height: 100%;
}

#housing-archive-list .title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 1em;
}

#housing-archive-list p {
    margin: 0;
}

#housing-archive-list .content {
    margin-top: .6em;
}

#housing-archive-list .land-area {
    margin-top: .3em;
}

#housing-archive-list .total-floor-area {
    margin-bottom: -.4em;
}


/*---------------------------------------------
 * 分譲住宅・土地 詳細ページ
 *---------------------------------------------*/
#realestate-entry {
    margin-top: 10em;
}

#cat-icon-wrap {
    border: 1px solid #444;
    border-radius: 50%;
    box-sizing: border-box;
    height: 10em;
    margin: 0 auto;
    width: 10em;
}

#cat-icon-wrap::after {
    background-image: url(images/housing/arrow_down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    font-size: 1rem;
    height: 1em;
    position: absolute;
    right: 50%;
    top: 72%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1.6em;
}

#cat-icon-wrap > .cat-name {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

#realestate-entry .entry-title {
    font-size: 4rem;
    line-height: 1;
    margin: 1.125em 0 0;
    padding-bottom: 1em;
    position: relative;
}

#realestate-entry .entry-title::after {
    background-color: #443525;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1em;
}

#realestate-entry-header {
    padding: 0 1.75em;
}

#realestate-entry-header > p {
    font-size: 1.4rem;
    line-height: 2.1428571429;
    margin: 2.3em 0 -.7em;
    text-align: center;
    white-space: pre-wrap;
}

#realestate-photo-gallery {
    /*background-color: #f4f4f4;*/
    margin-top: 5em;
}

.fotorama__nav__shaft {
    float: left;
}

.fotorama__thumb-border {
    border-color: #222;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-top: 1px !important;
}

.fotorama__nav__shaft > .fotorama__thumb-border {
    margin-top: 1px !important;
}

.re-single-section {
    margin-top: 10em;
}

.re-single-section h3 {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.re-single-section dl {
    font-size: 1.6rem;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 1.7em;
}

.re-single-section dl > div {
    padding: 1em;
}

.re-single-section dl > div:last-of-type:nth-of-type(odd) {
    margin-bottom: -1.3em;
}

.re-single-section dl > div:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.re-single-section dl > div:nth-of-type(even) {
    background-color: #f4f4f4;
}

.re-single-section dl dt {
    font-weight: bold;
    width: 11.25em;
}

.re-single-section dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}

#re-recommend-point dd {
    white-space: pre-line;
}

#re-map {
    padding: 0 1.75em;
}

#re-map > iframe {
    margin-top: 4.8em;
    max-height: 50vw;
    max-width: 100%;
}

#re-map > p {
    font-size: 1.4rem;
    margin: .9em 0 -.45em;
}

.fotorama__arr--prev {
    left: 0;
    -webkit-transform: scale(-1, 1) !important;
    -ms-transform: scale(-1, 1) !important;
    transform: scale(-1, 1) !important;
}

.fotorama__arr--next {
    right: 0;
}

.fotorama__arr--prev,
.fotorama__arr--next {
    background-color: rgba(0, 0, 0, .6) !important;
    background-image: url(./images/global/header/arrow_right.png);
    background-size: 1em 2em;
    background-position: center center;
    border-radius: .5em 0 0 .5em;
    height: 8em;
    opacity: 1 !important;
    padding: 0;
    width: 4em;
}

.fotorama__img {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}


/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #999;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #999;
}

/* Firefox 18- */
:-moz-placeholder {
    color: #999; opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #999; opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #999;
}


/*---------------------------------------------
 * Firefox
 *---------------------------------------------*/
/*@-moz-document url-prefix() {*/
/*    .header-nav-link {*/
/*        font-size: 1.3rem;*/
/*    }*/

/*    body:not(.home) .header-nav-link::after {*/
/*        bottom: -1.55em;*/
/*    }*/

/*    #footer-nav a {*/
/*        font-size: 1.3rem;*/
/*    }*/
/*}*/


/*---------------------------------------------
 * Safari
 *---------------------------------------------*/
/*_::-webkit-full-page-media, _:future, :root body:not(.home) .header-nav-link::after {*/
/*    bottom: -1.35em;*/
/*}*/


/*---------------------------------------------
 * IE
 *---------------------------------------------*/
@media all and (-ms-high-contrast: none) {

    select::-ms-expand {
        display: none;
    }

    .nest-list-title {
        line-height: 1.4;
        margin: 0;
    }

    .step-title > span {
        padding: 1em 1.1em .6em 1.1em;
    }

    #step-tel::before,
    #app-cta-area .store-tel::before {
        margin-top: -.4em;
    }

    .inquire-link.step {
        margin-top: 0;
        padding: 1.1em .625em .815em .625em;
    }

    .inquire-link.footer {
        padding: .8em .8em .5em .8em;
    }

    #copyright > a {
        margin-right: auto;
    }

    .read-more {
        line-height: 3.2em;
    }

    .inquire-link.front,
    .flatpickr-day {
        line-height: 2.8em;
    }

    .inspection-flow li {
        line-height: 2.2em;
    }

    #house-building-flow,
    #entry-list:not(.work),
    #brand-entry,
    #model-entry,
    #corp-company {
        margin: 0 auto;
        max-width: 1000px;
    }

    #entry-list.events {
        margin: 0 auto;
        max-width: 800px;
    }

    #entry-list.news {
        margin: 6em auto 0 auto;
    }

    #app-cta-button {
        padding: .45em 0 .25em 0;
    }

    .news-entry-title::before {
        line-height: 2.45em;
        top: 0;
    }

    .corp-dl dt,
    .corp-dl dd {
        padding: 1.6em 0 1.25em 0;
    }

    .require-text::after {
        line-height: 1.8em;
        vertical-align: text-top;
    }

    .flatpickr-rContainer {
        width: 100%;
    }

    .cat-event,
    .cat-tour,
    .cat-new {
        line-height: 2.4em;
    }

    .catalog-title {
        margin: 0;
    }

    #trust-images > div:not(.multi),
    #trust-images > .multi > img {
        padding: 0;
        margin: 0 0 1px 1px;
    }

    .step-list img {
        width: auto;
    }

    .step-label {
        line-height: 2em;
    }

    #catalog-inputs input {
        margin-top: -.1em;
    }

    #clear-check-btn {
        line-height: 1em;
    }

    .catalog-tags > span {
        line-height: 1.8em;
    }

    .flatpickr-current-month .numInputWrapper {
        width: 10ch;
    }

    .entry-list-link.events {
        line-height: 2.8em;
    }

    #events-aside > p {
        padding: .1em 0;
    }

    #event-image > span {
        line-height: 2.1em;
    }

    #sd-link {
        line-height: 2.7em;
    }

    #contact-type > label {
        margin-top: .2em;
    }

    .slideCell,
    .slideFrame > .slideGuide > .slideCell.desc-wrap {
        width: auto;
    }

    .card .lead {
        letter-spacing: -.01em;
    }

    .pagination {
        display: block;
    }

    .fs-title {
        line-height: 1.2;
    }

    #event-summary-list {
        -ms-flex-pack: distribute;
    }

    #reservation-area > .inner {
        -ms-flex-pack: justify;
    }
}

/* 1599px */
@media (max-width: 99.9375em) {
    .white-block {
        right: 5em;
        -webkit-transform: translate(0, -50%) !important;
        transform: translate(0, -50%) !important;
    }

    .nest-list-item:nth-of-type(even) .white-block {
        left: 5em;
        webkit-transform: translate(0, -50%) !important;
        transform: translate(0, -50%) !important;
    }
}

/* 1228px */
@media (max-width: 76.75em) {
    #about-nav > .title {
        margin: 0 auto 1.1764705882em calc(100vw - 1004px);
    }

}

/* 1220px */
@media (max-width: 76.25em) {

    #logo + div {
        margin-top: 1em;
    }

}

/* 1199px */
@media (max-width: 74.9375em) {

    #gnav-logo + div {
        margin-top: 1em;
    }

}

/* 1100px */
@media (max-width: 68.75em) {
    .trettio-next {
        right: 1.6em;
    }

    .trettio-prev {
        left: 1.6em;
    }
}

/* 1099px */
@media (max-width: 68.6875em) {
    #logo + div,
    #gnav-logo + div {
        width: 100%;
    }

    #header-nav,
    .header-nav,
    #sub-gnav-list {
        width: 100%;
    }

    .header-nav > li,
    .header-nav > li:last-of-type,
    #sub-gnav-list > li,
    #sub-gnav-list > li:last-of-type {
        margin-right: 0;
    }


    #header-nav,
    #sub-gnav-list {
        padding: 1em 0 0;
    }

    #contact-info,
    #sub-contact-info {
        position: absolute;
        right: 4em;
        top: 4em;
    }

    #sub-gnav {

    }

}

/* 1003px */
@media (max-width: 62.6875em) {
    #about-nav {
        padding: 0 2em;
    }

    #about-nav-list > li {
        min-width: auto;
        width: 25%;
    }

    #about-nav > .title {
        margin: 0 auto 1.1764705882em 0;
    }

}

/* 1000px */
@media (max-width: 62.5em) {

    .header-container {
        /*width: 95vw;*/
    }

    #site-description {
        display: none;
    }

    .header-nav > li:not(:last-child),
    #sub-gnav-list > li,
    #sub-gnav-list > li:last-of-type {
        margin-right: 0;
    }

    .header-nav,
    #sub-gnav-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #top-mv > .title-wrap {
        left: 3.6em;
    }

    #page-main.privacy,
    #page-main.sd,
    #page-main.app-form,
    #page-main.events,
    #hbf-list {
        padding: 0 1.75em;
    }

    #news,
    #blogs {
        width: 60%;
    }

    #news > ul::after {
        content: normal;
    }

    .archives {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #news {
        margin-bottom: 2em;
    }

    #wrapper #process-list,
    #works-list,
    #instagram-list,
    #pickup-content-list {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    #works-list,
    #pickup-content-list {
        margin-top: 0;
    }

    #process-list > li,
    #instagram-list > li {
        margin-top: 2em;
    }

    #wrapper #process-list,
    #wrapper #works-list,
    #wrapper #pickup-content-list,
    .footer-inquire {
        padding: 0 1.75em;
    }

    #entry-list {
        margin: 0 .5em;
    }

    .inquire-link.footer {
        margin: 1em auto 0 auto;
        width: 50%;
    }

    #company-info::before {
        left: calc((100vw - 100%) / -20);
    }

    .footer-inquire  {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    #catalog-archive {
        padding: 0 2em;
    }

    #page-main.works {
        padding: 0;
    }

    .gray-100vw {
        padding: 4em 1.5em;
        width: calc(100vw - 3em);
    }

    #house-lineup-list > .gray-100vw {
        padding: 3em 1.5em;
    }

    #house-lineup-list > li {
        padding: 3em 1.5em;
    }

    .warranty {
        height: auto;
        padding: 2em;
    }

    .warranty > h3 {
        border-right-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .warranty h4 {
        margin-top: .5em;
    }

    #warranty-images > img {
        max-height: 30vw;
        max-width: 50%;
        padding: 0 1em;
    }

    #warranty-images > img:first-child {
        max-width: 90%;
        width: 60%;
    }

    #inspection-flow > img {
        height: 37vw;
        width: 37vw;
    }

    #page-about-cost .gray-100vw {
        padding: 0em 2em;
    }

    .plan-qa > div {
        padding: 3.5em 0 3em 0;
    }

    #corp-company > iframe {
        height: 56.25vw;
        max-width: 100%;
    }

    #voice-style-1 .vs-1 > img,
    #voice-style-1 .vs-3 > img {
        height: 45vw;
        width: 45vw;
    }

    .entry-list-image {
        height: 25vw;
    }

    .model-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .model-images > div > img:nth-of-type(1) {
        margin-top: 3.6em;
    }

    .entry-list-item {
        margin-top: 3.2vw;
    }

    .hbfl-item {
        font-size: 0.94vw;
        height: calc((100vw - 18.4em) / 4);
        width: calc((100vw - 18.4em) / 4);
    }

    .hbfl-item:not(.circle) > section {
        margin-top: 4.2vw;
    }

    .hbfl-item img {
        height: 4vw;
    }

    .hbfl-item:not(.circle) > section {
        padding: 0 .8em;
    }

    #top-other-reform {
        padding: 0 2em;
    }

    #footer-nav {
        padding: 0 2em 3em 2em;
    }

    #footer2 {
        padding: 1.6em 2em;
    }

    #formula > .icon-circle {
        margin: 0 1vw;
        height: 18.5vw;
        width: 18.5vw;
    }

    #formula > .trust-circle {
        margin-left: 4vw;
    }

    #formula > .trust-circle::before {
        left: -6.6vw;
    }

    #faction > a:first-child {
        margin-right: 0;
    }

    #corp-company {
        padding: 0 2em;
    }

    .start-case-section {
        padding: 0 2em;
    }

    #page-cost .figure > img:first-child {
        margin-right: 0;
    }

    #page-cost .figure > img:last-child {
        margin-top: 2em;
    }

    #brands-lead {
        padding: 0 2em;
    }

    #page-basic > section > header > *:last-child {
        padding-left: 0;
    }

    #page-basic > section > header > div {
        margin-top: 2em;
    }

    #logo-copyright {
        display: none;
    }

}

/* 956px */
@media (max-width: 59.75em) {

}

/* 950px */
@media (max-width: 59.375em) {
    #logo + div {
        width: 100%;
    }
}


/* 906px */
@media (max-width: 56.625em) {
    #reservation-area > .inner {
        padding-right: calc((100vw - 24em)/5);
    }
}


/* 820px */
@media (max-width: 51.25em) {

    #post-code-field + p {
        width: 100%;
    }

}

/* 768px */
@media (max-width: 48em) {

    :root {
      --spwr: 7.5;
    }

    html {
        font-size: calc(100vw / 37.5);
    }

    p {
        font-size: calc(28vw / var(--spwr));
    }

    #header {
        border-bottom: 0;
        width: 100vw;
    }

    #subpage-header {
        height: 22em;
        padding-top: 0;
        width: 100vw;
    }

    #subpage-header > .img-wrap {
        width: 100%;
    }

    #logo img {
        left: 0;
        top: 0;
        position: absolute;
        z-index: 200;
    }

    .header-container,
    body:not(.home) .header-container {
        padding: 0 0 .1em 0;
        position: static;
    }

    body.home #header {
        display: block;
    }

    #header {
        background-color: transparent;
        box-shadow: none;
        display: block;
        -webkit-transition: background-color ease .4s;
        transition: background-color ease .4s;
    }

    #header.bg-visible {
        background-color: #fff;
        box-shadow: 0px -6px 20px #999;
    }

    #header #sp-menu-btn > .menu-icon {
        -webkit-transition: fill ease .4s, stroke ease .4s;
        transition: fill ease .4s, stroke ease .4s;
    }

    #header.bg-visible #sp-menu-btn > .menu-icon {
        fill: #333;
    }

    #header.bg-visible #logo .head-logo-white {
        opacity: 0;
    }

    #header.bg-visible.menu-open #logo .head-logo-white {
        opacity: 1;
    }

    #header .head-logo-color {
        display: none;
    }

    .head-logo-white {
        display: block;
        opacity: 1;
    }

    #header.bg-visible #logo img,
    #header.menu-open #logo img {
        -webkit-transition: opacity ease .4s;
        transition: opacity ease .4s;
    }

    #header.bg-visible #logo .head-logo-color {
        display: block;
        opacity: 1;
    }

    #header.bg-visible #logo .head-logo-color,
    #header.bg-visible #logo .head-logo-white {
        width: calc(150vw / var(--spwr));
    }

    #header.bg-visible #logo .head-logo-white,
    #header.bg-visible.menu-open #logo .head-logo-color {
        opacity: 0;
    }

    body.home > #header #logo a {
        display: block;
    }

    #sp-menu-content {
        height: auto;
        overflow: scroll;
    }

    #sp-menu-btn {
        -webkit-transition: top .3s ease,
        transform .3s ease,
        -webkit-transform .3s ease;
        transition: top .3s ease,
        transform .3s ease,
        -webkit-transform .3s ease;
    }

    #header.bg-visible #sp-menu-btn {
        top: 55%;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
    }

    #header.bg-visible.menu-open #sp-menu-btn > .menu-icon {
        fill: #fff;
    }

    /*#header.bg-visible #sp-menu-btn,*/
    /*#header.menu-open #sp-menu-btn {*/
    /*    top: 55%;*/
    /*    -webkit-transform: translateY(-55%);*/
    /*    transform: translateY(-55%);*/
    /*}*/

    #header.bg-visible #logo {
        margin-top: calc(21vw / var(--spwr));
    }

    /*#header.bg-visible #logo,*/
    /*#header.menu-open #logo {*/
    /*    margin-top: -.2em;*/
    /*}*/

    /*body:not(.home) #header.bg-visible #logo,*/
    /*body:not(.home) #header.menu-open #logo {*/
    /*    margin-top: 1em;*/
    /*}*/

    #header {
        /*box-shadow: 0px -6px 20px #999;*/
        box-sizing: border-box;
        font-size: 1.25rem;
        height: calc(120vw / var(--spwr));
        left: 0;
        padding: 0;
        position: fixed !important;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        z-index: 1000;
    }

    /*body:not(.home) > #header {*/
    /*    height: auto;*/
    /*}*/

    /*body:not(.home) #logo {*/
    /*    margin: 1em 0 0 0;*/
    /*}*/

    #logo,
    body:not(.home) #logo {
        margin-left: calc(35vw / var(--spwr));
        margin-top: calc(45vw / var(--spwr));
        position: relative;
        -webkit-transition: margin-top .3s ease;
        transition: margin-top .3s ease;
        width: calc(200vw / var(--spwr));
    }

    #logo img {
        /*height: 1.86em;*/
        width: 100%;
    }

    #sp-menu-btn > .menu-icon {
        fill: #fff;
        font-size: 1.25rem;
        height: calc(58vw / var(--spwr));
        width: calc(58vw / var(--spwr));
    }


    #subpage-header > .about {
        background-image: url(images/global/subpage-header/about_sp.jpg);
    }

    #subpage-header > .events {
        background-image: url(images/global/subpage-header/events_sp.jpg);
        background-position: 60%;
    }

    #subpage-header > .privacy {
        background-image: url(images/global/subpage-header/privacy_sp.jpg);
    }

    #subpage-header > .works {
        background-image: url(images/global/subpage-header/works_sp.jpg);
        background-position: 46%;
    }

    #subpage-header > .lineup {
        background-image: url(images/global/subpage-header/lineup_sp.jpg);
        background-position: 46%;
    }

    #subpage-header > .housing {
        background-image: url(images/global/subpage-header/housing_sp.jpg);
    }

    #subpage-header > .modelhouse {
        background-image: url(images/global/subpage-header/modelhouse_sp.jpg);
    }

    #subpage-header > .voice {
        background-image: url(images/global/subpage-header/voice_sp.jpg);
        background-position: 35%;
    }

    #subpage-header > .about_us {
        background-image: url(images/global/subpage-header/about_us_sp.jpg);
    }

    #subpage-header > .contact {
        background-image: url(images/global/subpage-header/contact_sp.jpg);
        background-position: 86%;
    }

    #subpage-header > .news {
        background-image: url(images/global/subpage-header/news.jpg);
        background-position: 26%;
    }

    #slider::after {
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(255, 255, 255, 0)) );
        background: linear-gradient( rgba(0, 0, 0, .6), rgba(255, 255, 255, 0) );
        content: "";
        height: calc(200vw / var(--spwr));
    }

    /* Menu button */
    #sp-menu-btn {
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        display: block;
        position: absolute;
        right: calc(44vw / var(--spwr));
        top: calc(66vw / var(--spwr));
        /*-webkit-transform: translateY(-85%);*/
        /*transform: translateY(-85%);*/
        z-index: 200;
    }

    .menu-line {
        -webkit-transition: opacity ease .5s, -webkit-transform ease .5s;
        transition: opacity ease .5s, -webkit-transform ease .5s;
        transition: transform ease .5s, opacity ease .5s;
        transition: transform ease .5s, opacity ease .5s, -webkit-transform ease .5s;
    }

    .top-line.cross {
        -webkit-transform: translate(6.7px, 0px) rotate(45deg);
        transform: translate(6.7px, 0px) rotate(45deg);
    }

    .middle-line.cross {
        opacity: 0;
    }

    .bottom-line.cross {
        -webkit-transform: translate(-8px, 7.1px) rotate(-45deg);
        transform: translate(-8px, 7.1px) rotate(-45deg);
    }

    #sp-menu {
        background-color: #222;
        box-sizing: border-box;
        display: block;
        height: 100vh;
        overflow: scroll;
        padding: calc(191vw / var(--spwr)) 0 8.2em;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateX(calc(100% + 20vw));
        transform: translateX(calc(100% + 20vw));
        transition: -webkit-transform .5s ease-out;
        transition: transform .5s ease-out;
        transition: transform .5s ease-out, -webkit-transform .5s ease-out;
        width: calc(600vw / var(--spwr));
        z-index: 100;
    }

    #sp-menu.show {
        -webkit-transform: none;
        transform: none;
    }

    #sp-header-nav {
        margin-bottom: 1.2em;
        text-align: center;
    }

    #sp-menu-sns > a {
        padding: 0 .5em;
    }

    #sp-menu-sns img {
        width: 3.5em;
    }

    #sp-menu-sns {
        margin-top: 1em;
    }

    #sp-menu-content > .sns-links {
        margin-top: 1.5em;
    }

    #sp-menu-content > .sns-links > a > img {
        height: 2.5em;
        width: 2.5em;
    }

    #sp-menu-content > .sns-links > a {
        font-size: 1rem;
        margin: 0 .8em;
    }

    .sp-header-nav-link {
        color: #fff;
        display: block;
        font-size: calc(40vw / var(--spwr));
        line-height: 2;
        padding: 0;
    }

    .sp-header-nav {
        margin: 0;
        padding: 0 calc(75vw / var(--spwr));
        text-align: left;
    }

    /*.sp-header-nav::after {*/
    /*    content: "";*/
    /*    width: 25.5%;*/
    /*}*/

    .sp-header-nav > li {
        /*margin-top: 1.3em;*/
        /*width: 25.5%;*/
    }

    .sp-header-nav-link > p {
        color: #fff;
        font-size: 1.3rem;
        font-weight: bold;
        margin-top: .1em;
        text-align: center;
        white-space: pre;
    }

    .sp-header-nav > li:nth-of-type(2) p {
        margin-left: -.4em;
    }

    #sp-menu .si-tel {
        font-size: 3rem;
        margin-top: .6em;
    }

    #sp-menu .si-tel > a {
        color: #fff;
    }

    #sp-menu .si-tel > span {
        padding: .5em .6em .4em .6em;
    }

    #sp-menu-content > a {
        color: #fff;
        display: block;
        font-size: calc(32vw / var(--spwr));
        font-weight: bold;
        height: calc(80vw / var(--spwr));
        line-height: calc(80vw / var(--spwr));
        margin: calc(20vw / var(--spwr)) auto 0 auto;
        width: calc(480vw / var(--spwr));
    }

    #sp-menu-content > .inquire-link.sp-menu {
        background-color: #de5c02;
        margin-top: calc(35vw / var(--spwr)) !important;
        text-align: center;
    }

    #sp-menu-content > .tel-link.sp-menu {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        display: flex;
        font-weight: bold;
        letter-spacing: .1em;
        text-align: center;
    }

    #header .store-info.sp-store-info {
        background-color: #fff;
        border-radius: 1.5em;
        margin: 1em auto 0 auto;
        padding: .7em .4em;
        width: 80vw;
    }

    .sp-store-info > .si-tel {
        font-size: 3rem;
        line-height: 1.4;
        width: 100%;
    }

    .sp-store-info > .si-tel > a {
        color: #eb6877;
    }

    .sp-store-info > .si-open {
        font-size: 1.35rem;
        position: static;
        width: 100%;
    }

    #sp-menu-bg {
        background-color: rgba(0, 0, 0, .5);
        display: none;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: -1;
    }

    #sp-menu-sns {
        margin-top: calc(30vw / var(--spwr));
    }

    #sp-menu-sns > a {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: calc(60vw / var(--spwr));
        width: calc(94vw / var(--spwr));
    }

    /* #sp-menu-sns > a:nth-of-type(1) {
        background-image: url(images/global/header/fb_white.png);

    } */

    #sp-menu-sns > a:nth-of-type(1) {
        background-image: url(images/global/header/ig_white.png);
    }

    #slider .swiper-pagination-bullet {
        height: 100%;
        width: calc(60vw / var(--spwr));
    }

    .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
        bottom: 2px;
        display: block;
        height: calc(20vw / var(--spwr));
        padding-top: 2px;
    }

    #slider .swiper-pagination-bullet-active {
        background-color: #eb6100;
    }

    #slider-title {
        left: auto;
        max-width: none;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        width: calc(100% - 2em);
    }

    #slider-title > .en {
        font-size: calc(75vw / var(--spwr));
        letter-spacing: 0;
        line-height: 1.4;
    }

    #slider-title > .ja {
        font-size: calc(40vw / var(--spwr));
        margin-top: calc(50vw / var(--spwr) - .6em);
    }

    .fs-title {
        /*font-size: calc(80vw / var(--spwr));*/
        /*font-family: 'Roboto', sans-serif;*/
        /*font-weight: 700;*/
        /*line-height: .8;*/
        /*margin-bottom: -.06em;*/
    }

    .fs-subtitle {
        font-size: calc(24vw / var(--spwr));
        line-height: 1.2;
        margin-bottom: -.1em;
        margin-top: calc(40vw / var(--spwr));
    }

    #wrapper #process-list {
        padding: 0;
        width: 100vw;
    }

    #process-list > li > img {
        border-width: 1em;
        font-size: .8em;
        height: 27vw;
        width: 27vw;
    }

    #process-list p {
        font-size: 1.5rem;
    }

    #archives .read-more {
        font-size: 1.4rem;
    }

    #archives ul {
        margin-top: 2em;
    }

    #news,
    #blogs {
        width: 85%;
    }

    #lineup-list {
        margin-top: 4em;
    }

    #lineup-list > li {
        padding: 2.5em 0;
    }

    #lineup-list .title {
        font-size: 2.8em;
    }

    #lineup-list .desc {
        font-size: 1.6rem;
    }

    #body.home #works-list {
        margin-top: 0;
    }

    #works-wrap {
        margin-top: 4em;
    }

    #works-list > li {
        width: 39vw;
    }

    #works-list > li img {
        height: 39vw;
    }

    #works-list p {
        margin-top: .3em;
    }

    #instagram > .fs-title,
    #pickup-content > .fs-title {
        font-size: 2.9rem;
    }

    .colorful-subtitle.no-border {
        width: auto;
    }

    #instagram-list {
        margin-top: 2.8em;
    }

    #instagram-list > li {
        margin-top: 0;
        padding: .4em;
    }

    #instagram-list > li:nth-of-type(n+4) {
        display: none;
    }

    #instagram-list > li img {
        height: 26.5vw;
        width: 26.5vw;
    }

    #pickup-content-list > li {
        margin-top: 0;
        padding: .5em;
    }

    #pickup-content-list > li img {
        height: 25.5vw;
        width: 40.5vw;
    }

    #footer-inquire {
        margin-top: 3em;
        padding: 1.8em 0 2em 0;
    }

    .footer-inquire  {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #footer-inquire h3 {
        margin-bottom: .5em;
        margin-top: 0;
    }

    #company-info::before {
        border-left: 0;
        border-top: 1px solid #999;
        height: 1px;
        left: 0;
        top: 0;
        width: 100%;
    }

    .inquire-link.footer {
        width: 100%;
    }

    #copyright {
        border-top: 0;
        padding: 8.5em 0 0 0;
    }

    #copyright > p {
        padding: .5em 0;
        text-align: center;
        width: 100vw;
    }

    #copyright > a {
        padding: .5em 0;
    }

    #archive-nav {
        margin-top: 2vw;
    }

    .page-nav-list a:hover::after {
        content: normal;
    }

    #passion-text-1 img {
        margin-top: 3em;
    }

    #passion-text-2 img {
        margin-right: 0;
        max-width: 100%;
        height: 50vw;
        width: 100%;
    }

    #passion-text-2 p {
        margin-top: 1em;
    }

    #passion-text-2 > div {
        width: 100%;
    }

    #house-linup-images > li {
        height: 18vw;
        margin: 1.8em .5em 0 .5em;
        width: 40vw;
    }

    .hll-image {
        height: 50vw;
        margin-right: 0;
        width: 100%;
    }

    .hll-content {
        margin-top: 1em;
        width: 100%;
    }

    .hll-logo {
        top: -1px;
    }

    .hll-content > .read-more {
        margin-top: 2em;
    }

    #inspection-flow,
    #am-content {
        padding: 3em 2em;
    }

    .inspection-flow,
    #am-content > div {
        margin-right: 0;
    }

    .inspection-flow-title {
        margin: 0;
    }

    .inspection-flow-title > span {
        margin-right: -2em;
    }

    #inspection-flow > img,
    #am-content > img {
        height: 100%;
        margin: 4em auto 0 auto;
        width: 100%;
    }

    .cl-item > img {
        height: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .clic-title {
        margin-top: 1em;
    }

    #craftsman-list > .gray-100vw {
        padding: 6em 2em;
    }

    #craftsman-list > .gray-100vw img {
        margin: 0 auto;
    }

    .cli-content {
        width: 100%;
    }

    .step-title {
        margin: .5em 0 0 0;
    }

    .step-title > span {
        margin-right: 8em;
        -webkit-transform: translateY(-.14em);
        transform: translateY(-.14em);
    }

    .hbfl-item > section > div {
        width: 100%;
    }

    #step-contact > div {
        margin-right: 0;
    }

    .plan-list > ul {
        margin-top: 2em;
        padding-right: 0;
    }

    .plan-list img {
        margin: 0 auto;
        max-width: none;
        width: 100%;
    }

    #mortgage-knowledge li {
        margin-top: 1em;
        width: 100%;
    }

    .corp-dl dt {
        width: 29%;
    }

    .corp-dl dd {
        padding-left: .5em;
        width: 65%;
    }

    .corp-dl img {
        height: auto;
        width: 100%;
    }

    #corp-company .cc-contact {
        padding-right: 0;
        margin-top: .5em;
    }

    #entry-list {
        margin: 0 2em;
    }

    .entry-list-item {
        box-sizing: border-box;
        margin-top: 3.7em;
        max-width: 100%;
        width: 100%;
    }

    .entry-list-image {
        height: 47vw;
        max-height: 55vw;
    }

    .pagination {
        margin-top: calc(80vw / var(--spwr));
    }

    .block-title {
        margin-top: .5em;
    }

    .block-4-1 {
        padding-right: 0;
        width: 100%;
    }

    .block-4-2 > img:nth-of-type(1) {
        margin-top: 1.4em;
    }

    .block-4-2 {
        width: 100%;
    }

    #catalog-archive-main {
        padding-right: 0;
        width: 100%;
    }

    #sidebar {
        margin-top: 4em;
        max-width: 100%;
    }

    .news-entry-title::before {
        display: inline-block;
        margin-right: 1em;
        position: static;
        -webkit-transform: translateY(-.4em);
        transform: translateY(-.4em);
    }

    .news-entry-title {
        padding-left: 0;
    }

    #app-cta-area .store-info {
         border-right: 0;
         margin-right: 0;
         padding: 0;
    }

    #app-cta-area .store-tel {
        font-size: 3.7rem;
    }

    #app-cta-area .store-info > .store-open {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: .4em -.3em 0 0;
    }

    .model-images > img:nth-of-type(2) {
        max-height: 21.1em;
    }

    #app-cta-button {
        margin-top: .6em;
        width: 100%;
    }

    #app-cta > section > p {
        letter-spacing: -.03em;
        line-height: 1.5;
    }

    #news-entry + .read-more {
        margin: 2.1em auto 0 auto;
        -webkit-transform: none;
        transform: none;
    }

    .app-form-name > input {
        width: 42%;
    }

    .app-form-contact > input {
        box-sizing: border-box;
        width: 100%;
    }

    .app-form-address > .select-box {
        margin-top: .5em;
    }

    .app-form-address > input:nth-of-type(1) {
        margin-left: 0;
    }

    #model-map > iframe {
        max-height: 20em;
    }


    #page-about-cost .lead-desc {
        text-align: left;
    }

    .swiper-slide.model > img {
        height: 59vw;
    }

    .page-title {
        font-size: calc(50vw / var(--spwr));
        margin: calc(100vw / var(--spwr) - .17em) 0 -.18em;
    }

    .hbfl-item {
        margin-top: 4em;
    }

    .hbfl-item:nth-of-type(1) {
        margin-top: 3em;
    }

    #plan-per {
        margin-top: .4em;
    }

    #page-about-cost > ul {
        margin-top: 2.7em;
    }

    .plan-qa > div {
        padding: 2.7em 0;
    }

    #warranty-list > li, #warranty-images {
        margin-top: 3.4em;
    }

    #inspection-flow {
        margin-top: 4em;
    }

    #am-content {
        margin-top: 3em;
    }

    #house-linup-images {
        margin-top: 2.7em;
    }

    #publish-survey > .plan-list {
        margin-top: 3em;
    }

    .plan-list {
        margin: 2.6em 0;
    }

    #mortgage-knowledge li:not(:first-child) {
        margin-top: 1.5em;
    }

    #mortgage-knowledge {
        padding-bottom: 3em;
    }

    #publish-survey {
        padding-bottom: .6em;
    }

    #mortgage-knowledge > ul {
        margin-top: 2em;
    }

    .news-entry-title {
        font-size: 2.4rem;
    }

    #event-summary-list > li {
        width: 100%;
    }

    #event-summary-list > li:nth-of-type(n+2) {
        margin-top: 1em;
    }

    #event-summary {
        height: auto;
        margin-top: 2.5em;
    }

    #event-summary-list .text {
        font-size: 1.4rem;
        margin: 0;
        overflow-x: scroll;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }

    #event-summary-list .item {
        margin: 0 .8em 0 0;
        width: 6.5em;
    }

    .block-title {
        font-size: 2rem;
    }

    #news-archives > #archive-nav {
        margin-top: 2.5em;
    }

    #news-entry > #entry-content {
        margin-top: 5em;
    }

    #entry-content > p:first-child {
        margin-top: 0;
    }

    #reservation-section.events > .guidance {
        /*font-size: calc(28vw / var(--spwr));*/
        /*line-height: 1.7;*/
        /*margin-top: calc(80vw / var(--spwr) - .7em)*/
        margin-top: 1.8em;
    }

    #app-cta h3 {
        font-size: 3.2rem;
        line-height: 1.2;
    }

    #app-cta-area {
        margin-top: 2em;
    }

    #app-cta-area .store-open {
        font-size: 1.8rem;
    }

    .catalog-title {
        line-height: 1.25;
    }

    #catalog-archive {
        margin-top: 3em;
    }

    #sidebar > .sidebar-widget-wrap:last-of-type {
        margin-bottom: 0;
    }

    #model-entry {
        padding: 4.5em 0 0 0;
    }

    #app-form-header {
        padding: 5em 1.75em 2.5em;
    }

    #app-form-header > p {
        margin-bottom: -.4em;
        margin-top: calc(80vw / var(--spwr) - .5em);
        text-align: left;
    }

    #form-thanks {
        margin-top: 4em;
        padding: 0 1.75em;
    }

    #form-thanks > p {
        text-align: left;
    }

    #archive-nav {
        display: none;
    }

    #archive-nav-sp {
        display: block;
        margin-top: 5em;
        /*padding: 0 calc(40vw / var(--spwr));*/
    }

    #archive-nav-select {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        border: 2px solid #333;
        font-size: calc(32vw / var(--spwr));
        outline: 0;
        padding: calc(24vw / var(--spwr)) calc(30vw / var(--spwr));
        width: 100%;
    }

    .select-box::after {
        background-size: cover;
        height: calc(17.5vw / var(--spwr));
        right: calc(20vw / var(--spwr));
        width: calc(20vw / var(--spwr));
    }

    #fixed-footer-link {
        display: none;
    }

    .swiper-container {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

    .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
        margin-left: calc(35vw / var(--spwr));
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin-right: 2px;
    }

    #copyright > p {
        left: 0;
    }

    #copyright #sp-footer-logo {
        border-bottom: 1px solid #fff;
        padding: 2.2em 0 1.5em 0;
        text-align: center;
        width: 100%;
    }

    #sp-footer-logo > svg {
        width: 12em;
    }

    #copyright {
        padding: 0;
    }

    #st-btn-wrap {
        /*height: 40px;*/
        margin: 0 auto;
        right: 0;
        top: 0;
        width: 100vw;
        z-index: 10;
    }

    .st-btn {
        background-color: #523213;
        background-image: url("images/global/footer/arrow_up.png");
        background-repeat: no-repeat;
        background-size: 2.1em 2.4em;
        background-position: center;
        border: none;
        height: 4.5em;
        right: 0;
        top: 0;
        -webkit-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        width: 4.5em;
    }

    .st-btn:focus {
        outline: none;
    }

    .st-btn:hover {
        cursor: pointer;
        opacity: .7 !important;
    }

    .hbfl-item {
        font-size: unset;
        height: auto;
        width: 100%;
    }

    .hbfl-item h3 {
        font-size: 1.95rem;
    }

    .hbfl-item p {
        font-size: 1.4rem;
    }

    .step-num {
        font-size: 2.4rem;
    }

    .hbfl-item:not(.circle) > section {
        margin-top: 12.5vw;
        padding-bottom: 1.5em;
    }

    .hbfl-item img {
        height: 17vw;
    }

    .hbfl-item.circle {
        height: 20em;
        margin-left: auto;
        margin-right: auto;
        width: 20em;
    }

    .hbfl-item:nth-of-type(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .hbfl-item:nth-of-type(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .hbfl-item:nth-of-type(7) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .hbfl-item:nth-of-type(8) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .hbfl-item:nth-of-type(14) {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .hbfl-item:nth-of-type(15) {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .hbfl-item:nth-of-type(16) {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .hbfl-item:nth-of-type(-n+3)::after,
    .hbfl-item:nth-of-type(9)::after,
    .hbfl-item:nth-of-type(10)::after,
    .hbfl-item:nth-of-type(11)::after {
        bottom: -4.5em;
        content: "";
        height: 4.5em;
        position: absolute;
        right: 50%;
        top: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 3px;
    }

    .hbfl-item:nth-of-type(5)::after,
    .hbfl-item:nth-of-type(6)::after,
    .hbfl-item:nth-of-type(7)::after,
    .hbfl-item:nth-of-type(13)::after,
    .hbfl-item:nth-of-type(14)::after,
    .hbfl-item:nth-of-type(15)::after {
        content: "";
        height: 4.2em;
        left: 50%;
        position: absolute;
        top: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 3px;
        bottom: -4.2em;
    }

    .hbfl-item:nth-of-type(5)::after,
    .hbfl-item:nth-of-type(13)::after {
        bottom: -4em;
        height: 4em;
        left: 50%;
        width: 3px;
    }

    .hbfl-item:nth-of-type(5)::before {
        border-top: 2em solid #1a8cc6;
    }

    .hbfl-item:nth-of-type(5)::before,
    .hbfl-item:nth-of-type(13)::before {
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-bottom: 0;
        bottom: -4.3em;
        content: "";
        left: 50%;
        position: absolute;
        top: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hbfl-item:nth-of-type(13) {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .hbfl-item:nth-of-type(10)::before {
        border-bottom: 0;
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-top: 2em solid #e7a202;
        bottom: -4.3em;
        content: "";
        right: 50%;
        position: absolute;
        top: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .hbfl-item:nth-of-type(10)::after,
    .hbfl-item:nth-of-type(13)::after {
        bottom: -4.1em;
        height: 4.1em;
    }

    .hbfl-item:nth-of-type(4)::after,
    .hbfl-item:nth-of-type(8)::after,
    .hbfl-item:nth-of-type(12)::after {
        height: 4.2em;
    }

    .hbfl-item:nth-of-type(15)::after {
        bottom: -4.4em;
    }

    .hbfl-item:nth-of-type(13)::before {
        border-top: 2em solid #62ac0d;
    }

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

    #page-article {
        padding-top: 0;
    }

    .page-nav-sp-list::after {
        color: #bbb;
        content: "〉";
        font-size: 1.4em;
        position: absolute;
        right: .6em;
        top: 0;
    }

    .page-nav-sp-list > a {
        color: #333;
        display: block;
        font-size: 1.8rem;
        height: 100%;
        width: 100%;
    }

    .page-nav-sp-list {
        background-color: #f4f4f4;
        height: 3.66em;
        line-height: 3.66em;
        margin-bottom: 1px;
        padding-left: 2em;
        width: 100%;
    }

    .category-title-sp {
        font-size: 2.9rem;
        font-weight: normal;
        margin: 1.8em 0 0 0;
        text-align: center;
    }

    .page-nav-sp-list.active {
        background-color: #e6e6e6;
    }

    .nest-list-image {
        height: calc(100vw/1.6);
        object-position: 0;
        width: 100%;
    }

    .white-block,
    .nest-list-item:nth-of-type(even) .white-block {
        -webkit-transform: translate(0, -5em) !important;
        transform: translate(0, -5em) !important;
    }

    #beginner-about-list > li:nth-of-type(3) .nest-list-image {
        object-position: 15%;
    }
    #beginner-about-list > li:nth-of-type(1) {
        padding-bottom: 10em !important;
    }
    #beginner-about-list > li:nth-of-type(1) .note{
        margin-top: -2em !important;
        font-size: 1.2rem;
    }
    .nest-list-item,
    .white-block,
    .nest-list-image {
        position: static;
    }

    .nest-list-item {
        height: auto;
    }

    .white-block,
    .nest-list-item:nth-of-type(even) .white-block {
        height: auto;
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%);
        width: calc(100vw - 3.5em);
    }

    #works-archives > .page-title {
        padding: 1.2em .3em 0 .3em;
    }

    #works-archives > .archive-desc {
        padding: 0 1em;
    }

    .entry-list-item.events img {
        height: calc((100vw - 3em)/2);
    }

    .entry-image {
        height: calc((100vw - 3em)/2);
    }

    .events-entry-title.events {
        font-size: 2.5rem;
    }

    .entry-list-item.events {
        margin-top: 4rem;
    }

    #app-form #top-kuracipe {
        height: auto;
        margin-top: 3.9em;
         -webkit-transform: translateX(-4em);
        transform: translateX(-4em);
        width: 100vw;
    }

    #contact-form-header {
        padding: 5em 1.75em 2.5em;
    }

    #app-form.contact {
        padding: 2.5em 1.75em 4em;
    }

    #app-form.contact > .app-form-block:first-of-type {
        margin-top: calc(-40vw / var(--spwr));
    }

    #contact-form-header > p {
        font-size: calc(28vw / var(--spwr));
    }

    .app-form-address > input:nth-of-type(2),
    .app-form-address > input:nth-of-type(3),
    .app-form-address > .select-box {
        margin-top: calc(20vw / var(--spwr));
    }

    #post-code-field + p {
        line-height: 1;
        margin-top: calc(20vw / var(--spwr));
    }

    #contact-form-header > p:nth-of-type(1) {
        margin: -.3em 0 0 0;
    }

    #contact-form-header > p:nth-of-type(2) {
        margin-bottom: -.3em;
        margin-top: calc(40vw / var(--spwr) - .6em);
    }

    .blog-thumbnail {
        height: 50vw;
        margin-right: 0;
        width: 100%;
    }

    #catalog-archive-main > .read-more {
        margin: 2em auto 0 auto;
    }

    .entry-list-item.news::after {
        position: absolute;
        right: 0;
    }

    .entry-list-item.news {
        padding: 2em 2em 2em 1em;
    }

    #entry-list.news {
        margin: 4em 0 0 0;
    }

    .white-block {
        /*font-size: .4rem;*/
        padding: 2.5em;
    }

    .vbox-next {
        right: 15px;
    }

    .vbox-prev {
        left: 15px;
    }

    .vbox-close {
        background-color: transparent !important;
        bottom: 10px;
        right: 50%;
        top: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 50px;
    }

    .read-more {
        font-size: calc(26vw / var(--spwr));
        height: calc(80vw / var(--spwr));
        line-height: calc(80vw / var(--spwr));
        margin: calc(40vw / var(--spwr)) auto 0 auto;
        width: calc(400vw / var(--spwr));
    }

    .fs-description {
        line-height: 1.4;
        text-align: left;
    }

    .nest-list-item {
        margin-top: 0;
    }

    .nest-list-cat {
        margin: 0;
    }

    .entry-list-desc {
        margin-top: .4em;
    }

    #top-other-reform-list > li {
        height: auto;
        margin-top: 1em;
        padding: .2em;
        width: 41.5vw;
    }

    #top-other-reform-list img {
        height: 11.1vw;
        width: 11.1vw;
    }

    #top-other-reform-list {
        margin-top: 0;
    }

    #top-other-reform {
        margin-top: -3em;
    }

    #company-info > p:first-child {
        font-size: 2rem;
        margin-top: .5em;
    }

    #company-info {
        margin-left: 0;
        margin-top: .3em;
        width: 100%;
    }

    #footer2 {
        margin: 2.2em 2em 0 2em;
        padding: 2.2em 0 2.2em 3em;
    }

    #footer2 > a:first-of-type {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #footer > .inner {
        padding: 2.5em 1.5em;
    }

    #footer > .inner > .copyright {
        background-color: #4c4b4b;
        border-radius: 1em;
        color: #fff;
        font-weight: 300;
        margin: 0 auto;
        text-align: center;
        width: 10em;
    }

    #sp-footer-links {
        border-top: 1px solid #fff;
        margin-top: 2em;
        padding-top: 2em;
    }

    #footer2 > a {
        font-weight: normal;
        line-height: 1;
        margin: 0;
        padding: 0;
        width: auto;
    }

    #footer2 > a:first-of-type {
        border: none;
        margin: 0;
        padding: 0;
    }

    #footer2 > a:last-of-type {
        border-right: 1px solid #fff;
        margin: 0 1.5em 0 0;
        padding: 0 1.5em 0 0;
    }

    #sp-footer-links > a {
        color: #fff;
    }

    #sp-footer-links > a:first-child {
        margin-right: 1em;
        padding-right: 1.2em;
        position: relative;
    }

    #sp-footer-links > a:first-child::after {
        background-color: #fff;
        content: "";
        height: 1em;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
    }

    #fixed-sp-btns {
        background-color: #222;
        bottom: 0;
        border-top: 1px solid #fff;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 5em;
        left: 0;
        position: fixed;
        -webkit-transform: translateY(5em);
        transform: translateY(5em);
        -webkit-transition: transform .3s ease;

        transition: transform .3s ease;
        width: 100vw;
        z-index: 9;
    }

    #fixed-sp-btns.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #fixed-sp-btns > a:first-of-type {
        border-left: 1px solid #fff;
        width: 17.33333333%;
        width: 25%;
    }

    #fixed-sp-btns > a {
        border-right: 1px solid #fff;
    }

    #fixed-sp-btns > a > p {
        color: #fff;
        font-size: calc(26vw / var(--spwr));
        line-height: 1;
        margin: 0;
    }

    #wrapper {
        margin-bottom: calc(100vw / var(--spwr));
    }

    .nest-list-desc {
        margin-top: .4em;
    }

    #formula {
        margin-top: 3em;
        padding: 0 2em;
    }

    #formula > .icon-circle {
        background-size: 12vw 9.5vw;
        margin: 0 1.5vw;
        height: 25vw;
        width: 25vw;
    }

    .icon-circle > p {
        bottom: .8em;
        font-size: 1.4rem;
    }

    #formula > .trust-circle {
        margin-top: 3em;
    }

    #formula > .trust-circle::before {
        font-size: 4rem;
        left: 57%;
        top: -.75em;
        -webkit-transform: translate(-57%, 0);
        transform: translate(-57%, 0);
        webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }

    .nest-list-item .icon-circle {
        height: 9em;
        width: 9em;
    }

    .nest-list-item .insurance-circle, .nest-list-item .reform-circle {
        left: 1em;
        top: 1em;
    }

    .nest-list-item .icon-circle > p {
        /*font-size: 1rem;*/
    }

    .nest-list-title.beginner {
        font-size: 2.2rem;
    }

    #beginner-about-trust {
        margin-top: 3.5em;
    }

    #beginner-about-trust > .trust-circle {
        background-size: 7em 6em;
        height: 12em;
        width: 12em;
    }

    #beginner-about-trust > .trust-circle > p {
        font-size: 2rem;
    }

    #beginner-about-trust > h3 {
        font-size: 3rem;
        padding: 0 .66666667em;
    }

    #trust-images > div {
        height: 50vw;
        width: 100vw;
    }

    #trust-images > .multi > img {
        width: 50vw;
    }

    #trust-images > div:first-child > p {
        top: 1.1em;
    }

    #trust-images p {
        left: 1.6em;
    }

    #trust-images p {
        bottom: 1.1em;
    }

    #beginner-feature-list img {
        height: 25vw;
    }

    .point-label {
        height: 5em;
        left: -1.5em;
        top: -1.5em;
        width: 5em;
    }

    .point-label > p {
        font-size: 1.2rem;
    }


    .point-label > span {
        font-size: 2.8rem;
        margin-top: -.2em;
    }

    #beginner-feature-list h2 {
        font-size: 1.8rem;
    }

    #beginner-feature-list > li {
        margin-top: 3.6em;
    }

    .step-list img {
        height: calc((100vw - 4em) / 1.5);
        margin-right: 0;
        width: 100%;
    }

    .step-label-wrap {
        margin-top: 1em;
    }

    .beginner-flow-title {
        font-size: 3rem;
        padding: 0 .66666667em;
    }

    .step-list h3 {
        font-size: 2.3rem;
        line-height: 1.3;
    }

    .step-label {
        font-size: 2.1rem;
    }

    .step-list > li {
        margin-top: 3em;
    }

    .special-list > li {
        display: block;
        height: auto;
    }

    .special-content {
        padding: 2.3em 1.2em 1.3em 1.2em;
        position: static;
        -webkit-transform: none;
        transform: none;
    }

    .special-label-wrap {
        height: 7em;
        width: 100%;
    }

    .special-label-wrap::after {
        background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #ea68a2)) no-repeat top left/50% 100%,
    -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #ea68a2)) no-repeat top right/50% 100%;
        background: -webkit-linear-gradient(bottom left, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/50% 100%,
        -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top right/50% 100%;
        background: -o-linear-gradient(bottom left, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/50% 100%,
        -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top right/50% 100%;
        background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top left/50% 100%,
    linear-gradient(to top left, rgba(255,255,255,0) 50%, #ea68a2 50.5%) no-repeat top right/50% 100%;
        bottom: -1em;
        height: 1em;
        right: 0;
        top: auto;
        width: 100%;
    }

    .special-label {
        margin-top: .5em;
        text-align: center;
        width: 100%;
    }

    .special-content > h3 {
        font-size: 2.5rem;
        line-height: 1.2em;
    }

    .catalog-list-item > a > img {
        height: 61vw;
    }

    #showroom-guide-wrap > .matome {
        width: 83%;
    }

    #showroom-guide-wrap > .matome > .text {
        font-size: 2rem;
    }

    #faction > a {
        width: calc(100% - 4em);
    }

    #faction > a > img {
        height: 42vw;
    }

    .faction-section > h2 {
        font-size: 2.2rem;
        margin: 0 0 0 -.4em;
    }

    .faction-section > p {
        font-size: 1.7rem;
    }

    .faction-step-list img {
        height: 57.34vw;
        margin: 0 0 1.5em 0;
        width: 100%;
    }

    .faction-step-list h3 {
        font-size: 1.8rem;
        line-height: 1.2;
        padding: 0 1em;
    }

    .faction-step-list .step-wrap {
        height: 5em;
        line-height: 5em;
    }

    .faction-step-list > li,
    .faction-step-list > li:first-child {
        margin-top: 3em;
    }

    #faction > a {
        margin-top: 3em;
    }

    #app-cta > section {
        padding: 3em 1.5em;
    }

    #event-image,
    #event-content {
        margin-top: 3em;
    }

    #app-form-header > h2 {
        font-size: calc(60vw / var(--spwr));
        line-height: 1;
    }

    #sd-for > img {
        height: 33vw;
    }

    #sd-header img {
        height: 26vw;
    }

    #sd-flow > img {
        height: 35vw;
    }

    #sd-link {
        font-size: 2.3rem;
        width: 100%;
    }

    #sd-images img {
        height: 33vw;
        margin-top: 1em;
        width: 41.4vw;
    }

    #sd-case-table-wrap > table {
        width: 80em;
    }

    #sd-case-table-wrap::-webkit-scrollbar {
        height: .5em;
    }

    #sd-case-table-wrap::-webkit-scrollbar-track {
        /*background-color: #f4f4f4;*/
    }

    #sd-case-table-wrap::-webkit-scrollbar-thumb {
        background-color: #eb6100;
        border-bottom: 1px solid #fff;
        border-radius: 1em;
    }

    body #header #sp-menu .si-tel,
    body:not(.home) #header #sp-menu .si-tel {
        color: #fff;
    }

    body:not(.home) #header #sp-menu .si-tel > span {
        border: 1px solid #fff;
    }

    .corp-dl {
        width: auto;
    }

    #craftsman-intro > p {
        margin-top: 2em;
    }

    #contact-type {
        height: auto;
        padding: .5em .8em;
    }

    #contact-type > label {
        width: 85%;
    }

    #contact-type > input {
        width: 10%;
    }

    #contact-type > input,
    #contact-type > input:not(:first-child) {
        margin-left: 0;
    }

    #showroom-guide {
        height: auto;
    }

    #showroom-guide > .images {
        height: 56vw;
        width: 100%;
    }

    #showroom-guide > .text {
        padding: 1em 2em;
    }

    .slideCell,
    .slideCell > img {
        width: 40vw;
    }

    .slideCell > img {
        height: 37.5vw;
    }

    .slideFrame > .slideGuide > .slideCell {
        margin-right: 3em;
    }

    .white-block > div {
        margin-bottom: 0;
    }

    .nest-list-item .read-more {
        font-size: 1.6rem;
        height: 2.5em;
        line-height: 2.5em;
        margin-top: 1.6em;
        width: 11em;
    }

    .front-section-wrap {
        margin-top: 2em;
    }

    .instashow-gallery-media {
        height: calc(100vw/3) !important;
        width: calc(100vw/3) !important;
    }

    .instashow-gallery-view > .instashow-gallery-media:nth-of-type(n+4) {
        display: none;
    }

    .instashow-popup {
        z-index: 9999999 !important;
    }

    .entry-list-cat.events {
        font-size: 1.6rem;
    }

    #events-entry .read-more {
        margin: 3em auto 3em;
    }

    #form-thanks > h2 {
        font-size: 3em;
    }

    .lg-actions .lg-next:before,
    .lg-actions .lg-prev:after {
        font-size: medium;
    }

    .lg-toolbar .lg-close:after {
        font-size: 3rem;
    }

    .lg-toolbar .lg-icon {
        -webkit-transform: none;
        transform: none;
    }

    .lg-actions .lg-next {
        right: .5em;
    }

    .lg-actions .lg-prev {
        left: .5em;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        padding: 4px 10px 9px;
    }

    .start-case-section.first,
    .start-case-section .cv-area {
        margin-top: 3em;
    }

    .start-case-section > header > p {
        font-size: 3rem;
    }

    .start-case-section > header > h2 {
        font-size: 2rem;
        margin: .2em 0 .5em;
    }

    .start-case-section .event-image {
        height: 19.46vw;
    }

    .start-case-section .event-image p {
        font-size: 2.3rem;
    }

    .start-case-section .event-image span {
        font-size: 1rem;
    }

    .cv-area > p {
        padding: 0 2em;
    }

    .start-case-section .cv-area > div > a {
        height: 18.09vw;
        max-width: 67%;
        margin: 0 auto;
    }

    .start-case-section .cv-area > div:last-child {
        margin-top: 3em;
    }

    .start-case-section > .content h3 {
        padding: 0 1em;
    }

    .start-case-section .links > .event-image:nth-of-type(n+3) {
        margin-top: .8em;
    }

    #reform-intro {
        margin-top: 3em;
    }

    #privacy {
        margin-top: 5em;
    }

    /*#privacy h2.title {*/
    /*    font-size: calc(32vw / var(--spwr));*/
    /*    margin-top: calc(60vw / var(--spwr) - .6em);*/
    /*}*/

    /*#privacy ul {*/
    /*    font-size: calc(28vw / var(--spwr));*/
    /*    margin-bottom: calc(-15vw / var(--spwr));*/
    /*    margin-top: calc(60vw / var(--spwr) - .8em);*/
    /*}*/

    #sidebar {
        margin-top: 3em;
        max-width: 100%;
    }

    #about-us h1,
    #about-us h2 {
        font-size: 2.6rem;
    }

    #page-cost h3 {
        font-size: 2.4em;
        line-height: 1.3;
        margin-top: 1.5em;
    }

    #page-cost h3 > span {
        margin-top: -.14em;
    }

    #page-cost .figure,
    #cost-up > div {
        margin-top: 1.5em;
    }

    #cost-up > h4 {
        font-size: 2rem;
    }

    #cost-up {
        margin-top: 3em;
    }

    #cost-up > div {
        background-size: 90%;
        background-position: center 86%;
        padding: 1.8em 1.5em 10em 1.5em;
    }

    #cost-up .period2, #cost-up .period4 {
        bottom: 5%;
    }

    #cost-up .period4 {
        right: 11%;
    }

    #cost-up .period2 {
        right: 60%;
    }

    #cost-up > p:last-of-type {
        font-size: 1.8rem;
    }

    #page-cost .figure > img:first-child {
        height: 58.5vw;
        width: 100%;
    }

    #page-cost .figure > img:last-child {
        height: 57.9vw;
        width: 80%;
    }

    .special-list {
        margin-top: 3em;
    }

    .page-title.brands {
        padding-top: 1.1em;
    }

    #price-range {
        margin-top: 3em;
        padding: 3em 0;
    }

    #price-range > div {
        padding: 0 2em;
    }

    #price-range img {
        height: auto;
    }

    #price-range span {
        margin: 0 auto;
        width: 100%;
    }

    #price-range.gray-100vw {
        width: 100vw;
    }

    #brands {
        margin-top: 3em;
    }

    #brands > .page-title {
        text-align: left;
        padding: 0 .666em;
    }

    #brand-list > a {
        margin: 3em 2em 0 2em !important;
    }

    #brand-list img {
        height: 55.809vw;
    }

    .fotorama__stage {
        height: 50vw !important;
    }

    .fotorama__img {
        height: 100% !important;
        margin: 0 auto;
        top: 0 !important;
        width: auto !important;
    }

    .fotorama {
        /*margin-left: -2em;*/
        width: 100vw;
    }

    .fotorama__arr--prev,
    .fotorama__arr--next {
        background-position: 1em center;
    }

    .fotorama__arr--next {
        background-position: 1em center;
    }

    .fotorama__stage__frame .fotorama__img {
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        width: auto !important;
    }

    .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        left: 0 !important;
    }

    .fotorama__arr--prev {
        /*left: -1em;*/
    }

    .fotorama__arr--next {
        /*right: -1em;*/
    }

    .brand-house {
        height: 50.799vw;
    }

    #brand-desc {
        padding: 3em 2em;
    }

    #brand-photo-gallery {
        margin-top: 3em;
    }

    #company-info a {
        display: inline;
    }

    .hbfl-item:nth-of-type(16) img {
        margin-top: 2em;
    }

    #page-basic > section > header > img {
        height: calc(100vw - 4em);
    }

    #page-basic > section:first-of-type {
        margin-top: 3em;
    }

    #page-basic header .section-desc {
        margin-top: .8em;
    }

    #eqr-list > li {
        height: auto;
    }

    #eqr-list > li:first-child > img {
        height: auto;
        width: 100%;
    }

    #eqr-list > li > img {
        height: 34vw;
        width: 46vw;
    }

    #eqr-list > li,
    #durability {
        margin-top: 2em;
    }

    #eqr-list > li:nth-of-type(5) > img {
        height: 40.6vw;
        width: 41vw;
    }

    #page-basic > section {
        margin-top: 6em;
    }

    .hi-airtight {
        margin-top: 3em;
        padding: 2em;
    }

    .hi-airtight.first > img,
    .hi-airtight.second > img,
    #basic-structure > img,
    #durability {
        height: auto;
    }

    #basic-structure {
        height: auto;
        margin-top: 2em;
        padding: 1em;
    }

    #page-basic > section:last-child {
        margin-top: 3em;
    }

    #page-basic > section:last-child > header > div {
        margin-top: 0;
    }

    .works-swiper-container {
        margin-top: calc(40vw / var(--spwr));
        max-width: 100%;
    }

    .land-prev,
    .land-next {
        background-color: rgba(255, 255, 255, .9);
        background-image: url(images/front/chevron-left.png);
        background-position: 45% 50%;
        background-repeat: no-repeat;
        background-size: .8em 1.52em;
        height: 4.7em;
        position: absolute;
        top: 39%;
        width: 2.6em;
        z-index: 1;
    }

    .land-prev:hover,
    .land-next:hover,
    .land-prev:focus,
    .land-next:focus,
    .works-prev:hover,
    .works-next:hover,
    .works-prev:focus,
    .works-next:focus {
        outline: 0;
    }

    .land-prev {
        left: 0;
    }

    .land-next {
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .news-swiper-container {
        position: relative;
    }

    .works-prev,
    .works-next {
        background-size: .8em 1.5em;
        top: 36%;
    }

    .works-prev {
        left: -2.9em;
    }

    .works-next {
        right: -2.9em;
    }

    #works-pagination {
        position: absolute;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        top: calc(600vw / var(--spwr));
        z-index: 1;
    }

    #works-pagination > .swiper-pagination-bullet {
        background: #fff;
        height: calc(12vw / var(--spwr));
        margin: 0 calc(6vw / var(--spwr));
        opacity: .5;
        width: calc(12vw / var(--spwr));
    }

    #works-pagination > .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }

    .feature-pagination {
        bottom: auto !important;
        left: auto !important;
        position: absolute;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        top: calc(427vw / var(--spwr));
        width: auto !important;
        z-index: 1;
    }

    .feature-pagination > .swiper-pagination-bullet {
        background: #fff;
        height: calc(12vw / var(--spwr));
        margin: 0 calc(6vw / var(--spwr)) !important;
        opacity: .5;
        width: calc(12vw / var(--spwr));
    }

    .feature-pagination > .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }

    #feature-wrap .content > .title {
        font-size: calc(50vw / var(--spwr));
        margin-top: -.15em;
    }

    #feature-wrap .content > .desc {
        line-height: 1.7;
        margin-bottom: 0;
        margin-top: calc(25vw / var(--spwr) - .8em);
    }

    #feature-wrap .content {
        margin-bottom: calc(-11vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    .works-single-section > .title {
        font-size: calc(80vw / var(--spwr));
        margin-bottom: -.1em;
        margin-top: -.15em;
    }

    #outline-list p {
        font-size: calc(32vw / var(--spwr))
    }

    #outline-list > li {
        padding: calc(34vw / var(--spwr)) 0 calc(32vw / var(--spwr));
    }

    #outline-list > li:first-of-type {
        padding: 0 0 calc(32vw / var(--spwr));
    }

    #top-modelhouse {
        margin-top: 3em;
    }

    #top-modelhouse {
        padding: 0 1.5em;
    }

    #scroll-top-btn-sp-wrap {
        margin-top: 3em;
    }

    .scroll-top-btn {
        height: 2em;
    }

    #about-list {
        margin-top: calc(65vw / var(--spwr));
        padding-bottom: 0em;
    }

    #about-list > li {
        height: calc((100vw - (70vw / var(--spwr)))/1.9125);
        margin-top: calc(35vw / var(--spwr));
        width: 100%;
    }

    #about-list > li .title {
        font-size: calc(48vw / var(--spwr));
    }

    #house-lineup-list {
        margin-top: 3em;
    }

    #about-nav {
        margin-top: calc(100vw / var(--spwr));
        padding: 0 calc(35vw / var(--spwr));
    }

    #about-nav-list > li {
        height: calc(((100vw - (105vw / var(--spwr)))/2)/1.4285714286);
        margin-top: calc(35vw / var(--spwr));
        width: calc((100vw - (105vw / var(--spwr)))/2);
    }

    #about-nav-list > li:not(:last-of-type) {
        margin-right: 0;
    }

    #about-nav-list > li > a {
        font-size: calc(36vw / var(--spwr));
        line-height: calc((100vw - 1.6em)*.48*.71428571428);
    }

    #design-desc > .title {
        font-size: 1.5rem;
    }

    #design-desc > .content > img {
        height: calc((100vw - 3em)*.71428571428);
        width: 100%;
    }

    #design-desc > .content > p {
        margin-top: .5em;
        width: 100%;
    }

    .w-content-wrap.gray {
        margin-top: 3em;
        padding-bottom: 3em;
    }

    .w-content > h3 {
        padding: 1.1em 0 .4em 0;
    }

    .w-block {
        padding: 2em;
    }

    .w-block > div:first-child {
         margin-right: 0;
    }

    .w-block h4 {
        font-size: 1.8rem;
        margin: .5em 0 0 0;
    }

    .w-block.last .first,
    .w-block.last .second {
        width: 100%;
    }

    .w-block.last .second {
        margin-top: .5em;
    }

    .w-block.last > .img-wrap {
        margin: 3em 0;
    }

    #cost-tables > .table-wrap {
        margin-top: 2em;
        width: 100%;
    }

    #cost-tables > .table-wrap > table {
        font-size: 1.2rem;
    }

    .arrow-htag {
        margin-top: 2em;
    }

    #publish-survey > .plan-list,
    .plan-list {
        padding: 2.2em 2.3em;
    }

    #page-about-cost .lead-text {
        text-align: left;
    }

    #land-desc > img,
    #land-desc > p {
        width: 100%;
    }

    #page-flow-nav > button {
        font-size: 1.6rem;
        height: 3em;
        line-height: 3em;
        margin: 0 .5em;
        width: 40%;
    }

    .step-list {
        padding: 0 2em 3em 2em;
    }

    #page-flow-nav,
    #beginner-flow-free {
        margin-top: 4em;
    }

    #works-lead {
        margin-top: 3em;
    }

    #entry-list.works {
        margin: 0 auto;
    }

    .entry-list-item.works {
        margin-top: 4;
        width: 100%;
    }

    .entry-list-item.works .img-wrap {
        height: calc(100vw/1.48055555556);
    }

    #works-section .img-wrap {
        height: calc((100vw - 3em));
        width: 100%;
    }

    #works-section .content {
        margin-top: 3em;
        width: 100%;
    }

    #works-section .content > p {
        margin-top: .5em;
    }

    #news-archive-list {
        /*margin-top: 1em;*/
    }

    #news-archive-list > li {
        margin-top: 4em;
        width: 100%;
    }

    #news-archive-list a > .img-wrap {
        height: calc((100vw - 3.5em)/1.4761904762);
    }

    #news-archive-list .title {
        font-size: calc(32vw / var(--spwr));
    }

    #news-archive-list .title {
        margin-top: .7em;
    }

    .pagination a,
    .pagination span {
        font-size: calc(30vw / var(--spwr));
    }

    #news-archive-list-wrap {
        margin-top: 0;
    }

    #news-archive-list a > .cat {
        font-size: 1.6rem;
    }

    #entry-header.news {
        margin-top: calc(100vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    #app-form {
        padding: 2.5em 1.75em;
    }

    #page-main.app-form {
        padding: 0;
    }

    .app-form-block {
        margin-top: calc(80vw / var(--spwr));
    }

    #app-form.events > .app-form-block:nth-of-type(2) {
        margin-top: calc(40vw / var(--spwr));
    }

    #app-form.events > .app-form-block:nth-of-type(2) > .text-notes {
        margin: -.4em 0 -.7em;
    }

    .app-form-block:nth-of-type(3).border {
        margin-top: 4em;
    }

    .app-form-block.border {
        padding: calc(80vw / var(--spwr)) 0;
    }

    #app-form select {
        font-size: calc(32vw / var(--spwr));
        height: calc(96vw / var(--spwr));
        width: calc(350vw / var(--spwr));
    }

    .require-text,
    .cf-massage-title {
        font-size: calc(32vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr) - .1em);
    }

    .require-text.small {
        font-size: calc(28vw / var(--spwr));
    }

    #app-form > .select-box {
        margin-bottom: -.8vw;
    }

    #model-calendar {
        margin: calc(40vw / var(--spwr) - .3em) 0 calc(80vw / var(--spwr));
    }

    #calendar,
    #model-calendar {
        margin-bottom: calc(80vw / var(--spwr));
    }

    #app-form .flatpickr-monthDropdown-months,
    #app-form .flatpickr-current-month input.cur-year {
        font-size: calc(34vw / var(--spwr));
        padding: 0;
    }

    .flatpickr-months .flatpickr-month {
        height: calc(52vw / var(--spwr));
    }

    .flatpickr-calendar.inline {
        width: calc(100vw - (80vw / var(--spwr)));
    }

    .flatpickr-current-month .numInputWrapper {
        width: calc(90vw / var(--spwr));
    }

    .flatpickr-current-month {
        top: calc(-10vw / var(--spwr));
    }

    .text-notes {
        margin: calc(40vw / var(--spwr) - .4em) 0 -.7em;
    }

    .app-form-block:nth-of-type(3) {
        margin-top: 0;
    }

    .text-notes > span, .text-notes > a {
        font-size: calc(40vw / var(--spwr));
    }

    .ab-list .content,
    .ab-list .img-wrap {
        width: 100%;
    }

    #relief {
        margin-top: 2.9em;
    }

    .ab-section > .title {
        font-size: 2rem;
    }

    .ab-list .title {
        font-size: 1.6rem;
        margin-top: 1.2em;
    }

    .ab-list .title > .num {
        font-size: 1.3em;
    }

    .ab-list p {
        margin-top: 1.2em;
    }

    .ab-list > li:not(:first-child) {
        padding-top: 3em;
    }

    #warranty > .ab-list > li:last-child {
        padding-top: 2em;
    }

    .ab-list > li {
        margin-top: 3.5em;
    }

    #warranty {
        margin-top: 4.5em;
    }

    .card {
        margin-top: 3em;
    }

    .card > .grey {
        padding: 2.7em;
    }

    .card > .green {
        padding: 3em;
    }

    .card .name {
        font-size: 2.8rem;
    }

    .card .lead {
        font-size: 1.8rem;
    }

    #card .title {
        margin: 0;
    }

    .card > .green > .title {
        font-size: 3.4rem;
    }

    #page-consul {
        margin-top: -.5em;
    }

    #consul-lead-text > p:first-of-type {
        font-size: 2.4rem;
        text-align: center;
    }

    #page-article.consul {
        padding-top: 2.2em;
    }

    #consul-lead-text > p:nth-of-type(2) {
        font-size: 1.8rem;
    }

    #consul-image {
        height: calc(100vw*.5);
        margin-top: 3.3em;
    }

    #consult-recommend > .title {
        font-size: 3.5rem;
    }

    #consult-recommend {
        margin-top: 3.5em;
    }

    #consult-recommend .img-wrap {
        height: calc((100vw - 3em)/.76);
        width: 100%;
    }

    #consult-recommend ul {
        margin-top: 2.2em
    }

    #consul-book-btn {
        font-size: 2.2rem;
        margin: 2em auto 0;
    }

    #consul-merit {
        margin-top: 0;
    }

    #consul-flow > .title {
        margin-top: 1.1em;
    }

    .nest-list .desc {
        line-height: 1.75;
    }

    #consul-merit-list > li {
        margin-top: 3em;
        width: 100%;
    }

    #consul-merit-list > li > .img-wrap {
        height: calc((100vw - 3em)/1.54166666667);
    }

    #consul-flow > .title {
        font-size: 2.4rem;
    }

    .nest-list-wrap.consul {
        margin-top: 2.5em;
    }

    #page-consul #app-cta {
        margin: 3em 0 4em;
    }

    #consult-recommend > .content li {
        line-height: 1.4;
        margin-top: .7em;
        padding-left:1em;
        text-indent:-1em;
    }
    #consul-merit-wrap {
        margin: 3em -1.5em 0 -1.5em;
        padding: 3em 1.5em 3em;
    }

    #consul-merit > .title {
        font-size: 3rem;
    }

    .nest-list .img-wrap, .nest-list .content {
        width: 100%;
    }

    .nest-list .title {
        font-size: 2.4rem;
        margin-top: .4em;
    }

    .design-section-list > li:not(:first-child), .nest-list > li:not(:first-child) {
        margin-top: 3em !important;
    }

    .page-nav {
        margin-top: 3em;
    }

    #page-trettio {
        margin-top: 3em;
    }

    #lead-trettio > .img-wrap,
    #lead-trettio > .content {
        margin-right: 0;
        width: 100%;
    }

    #lead-trettio .title {
        font-size: 2.9rem;
        margin-top: .2em;
    }

    #lead-trettio .desc {
        font-size: 1.5rem;
        letter-spacing: -.04em;
    }

    #fdpi {
        margin-top: 2.6em;
    }

    #fdpi-nav li {
        margin: 1em 3.7em;
    }

    #fdpi-nav {
        padding: 2.2em 0;
    }

    #facad-image-list > li,
    #design-image-list > li {
        margin-top: 1.5em;
        width: 100%;
    }

    #design-image-list > li {
        margin-top: 3em;
    }

    .section-fdpi {
        padding-bottom: 3em;
    }

    #design-image-list {
        margin-top: 0;
    }

    #design-image-list .title {
        font-size: 2.2rem;
    }

    #plan-list > li {
        margin: 3em 0 0 0;
        padding: 0 1.5em;
        width: 100%;
    }

    #plan-list img {
        margin-top: 1.5em;
    }

    #plan-list {
        margin-top: 0;
    }

    #plan > p {
        margin-top: 1em;
        padding-left: 4.8em;
        text-indent: -3.5em;
    }

    #plan-image,
    #interior-image {
        margin-top: 3em;
    }

    .interior-slider-wrap > .title {
        font-size: 3.2rem;
        line-height: 1.2;
    }

    .interior-slider-wrap {
        margin-top: 2.4em;
    }
    .trettio-swiper-wrap {
        margin-top: 2.6em;
    }

    #interior-coordinate-list > .swiper-slide > img {
        height: calc((100vw - 5em)/1.1537037037) !important;
        padding: 1em;
        width: 100% !important;
    }

    #interior-coordinate-list > .swiper-slide,
    #standard-spec-list > .swiper-slide {
        height: auto;
    }

    .trettio-prev,
    .trettio-next {
        font-size: .8rem;
        top: 38%;
    }

    .trettio-prev:focus,
    .trettio-next:focus,
    .trettio-prev:hover,
    .trettio-next:hover {
        -webkit-appearance: none;
        border: none;
        outline: none;
    }

    .trettio-pagination > .swiper-pagination-bullet {
        font-size: .8rem;
    }

    .trettio-pagination {
        margin-top: 1.5em;
    }

    #interior > .interior-slider-wrap:last-of-type {
        margin-top: 2.7em;
    }

    #standard-spec-list > .swiper-slide > img {
        height: calc((100vw - 3em)*1.11180124224) !important;
        padding: 1em;
        width: 100% !important;
    }

    #trettio-links {
        margin-top: 1.5em;
    }

    #trettio-links > a {
        margin: 1.5em 0 0;
    }

    #top-product-list > li:last-of-type > a::after {
        background-image: url(images/front/product/blank_icon.png);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: .5em;
        content: "";
        height: 1em;
        position: absolute;
        right: .5em;
        width: 1em;
    }

    #about-list > li img {
        height: 100%;
    }

    #app-cta-area .store-tel::before {
        -webkit-transform: translateY(.08em);
        transform: translateY(.08em);
    }

    #app-cta-area .store-tel.modelhouse::before {
        -webkit-transform: translateY(-.02em);
        transform: translateY(-.02em);
    }

    #scroll-top-btn-sp-wrap::after {
        height: calc(28vw / var(--spwr));
        width: calc(28vw / var(--spwr));
    }

    #works-section {
        margin-top: 6em;
    }

    #news-archive-list .cat {
        font-size: 1.8rem;
    }

    #news-archive-list .status {
        right: .8em;
        top: calc((100vw - 3em)*.65359477124 - 4.16666666667em - .8em);
    }

    .page-nav-list {
        margin: 0 1.5em;
    }

    .works-prev,
    .works-next {
        background-color: rgba(255, 255, 255, .9);
        background-image: url(images/front/chevron-left.png);
        background-position: 45% 50%;
        background-repeat: no-repeat;
        background-size: .8em 1.52em;
        height: 4.7em;
        position: absolute;
        top: 49vw;
        width: 2.6em;
        z-index: 1;
    }

    .event-prev:hover,
    .event-next:hover,
    .event-prev:focus,
    .event-next:focus,
    .works-prev:hover,
    .works-next:hover,
    .works-prev:focus,
    .works-next:focus {
        outline: 0;
    }

    .works-prev {
        border-radius: 0em .6em .6em 0;
        left: 0;
    }

    .works-next {
        border-radius: 0em .6em .6em 0;
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #top-works-list .img-wrap::before,
    #top-works-list .img-wrap::after {
        content: normal;
    }

    #top-works-list .desc {
        font-size: calc(26vw / var(--spwr));
        line-height: 1.5384615385;
        margin-top: calc(40vw / var(--spwr) - .7em);
        padding: 0 calc(40vw / var(--spwr));
        width: calc(100vw - (80vw / var(--spwr)));
    }

    #top-works-list .read-more {
        margin-top: calc(40vw / var(--spwr) - .3em);
    }

    #top-modelhouse-wrap {
        margin-top: calc(80vw / var(--spwr));
    }

    #top-modelhouse {
        height: auto;
        padding: calc(80vw / var(--spwr)) 0;
    }

    #top-modelhouse .link-btn {
        font-size: calc(26vw / var(--spwr));
        height: calc(80vw / var(--spwr));
        line-height: calc(80vw / var(--spwr));
        margin: calc(40vw / var(--spwr) - .5em) auto 0;
        width: calc(400vw / var(--spwr));
    }

    #top-modelhouse .desc {
        font-size: calc(26vw / var(--spwr));
        line-height: 1.9230769231;
        margin-top: calc(40vw / var(--spwr) - .6em);
        padding: 0 calc(75vw / var(--spwr));
    }

    .nest-list-title {
        font-size: 2rem;
    }

    .nest-list-cat {
        margin-top: .6em;
    }

    .nest-list-desc {
        font-size: 1.2rem;
    }

    #logo-copyright {
        margin: 0 auto;
    }

    #logo-copyright > .copyright {
        display: none;
    }

    #logo-copyright > img {
        width: 53.333333vw;
    }

    .works-nav-link {
        margin: 0 0.7em;
        width: 8.5em;
    }

    #works-nav {
        margin-top: 3em;
    }

    #works-video iframe {
        height: calc((100vw - 3em)/1.77777777778);
        margin-top: 2em;
    }

    .text-block > p {
        margin-top: 1em;
    }

    #work-entry-blocks > .read-more {
        margin-top: 3.3em;
    }

    .entry-list-item.works.related {
        margin-top: 4em;
    }

    #related-works + .read-more {
        /*font-size: 1.4rem;*/
        /*margin-top: 1.7857142857em;*/
    }

    #entry-list.events {
        margin: 0;
    }

    #events-archives {
        margin-bottom: 4em;
    }

    #events-archives > .pagination {
        margin-top: 3em;
    }

    #entry-content {
        margin-top: 1.5em;
    }

    #app-cta {
        margin-top: 3.5em;
    }

    #single-cat-title {
        font-size: 3.2rem;
    }

    #top-modelhouse {
        background-image: url(images/front/about/sp_bg.jpg);
        background-position: center;
    }

    #top-blog,
    #top-blog-list > li {
        width: 100%;
    }

    #top-blog-list {
        margin-top: -.3em;
    }

    #top-blog > .read-more {
        margin-top: calc(40vw / var(--spwr));
    }

    #scroll-top-btn-sp-wrap {
        height: calc(69vw / var(--spwr));
        margin-top: calc(35vw / var(--spwr));
    }

    body:not(.home) #scroll-top-btn-sp-wrap {
        margin-top: calc(80vw / var(--spwr));
    }

    #footer > .address {
        font-size: calc(24vw / var(--spwr));
        line-height: 1.3333333333;
        margin-top: calc(40vw / var(--spwr) - .2em);
    }

    #footer {
        padding: calc(40vw / var(--spwr)) 0 calc(40vw / var(--spwr) - .3em);
    }

    #footer-other-links {
        margin-top: calc(40vw / var(--spwr) - .7vw);
        padding-top: calc(40vw / var(--spwr));
    }

    #footer-logo + p {
        font-size: calc(24vw / var(--spwr));
        margin-top: calc(20vw / var(--spwr) - .1em)
    }

    #footer-other-links > a {
        font-size: calc(24vw / var(--spwr));
    }

    #footer-copyright {
        font-size: calc(24vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr));
    }

    #footer-copyright > span {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }

    #footer-logo {
        width: calc(220vw / var(--spwr));
    }

    .footer-cat-links > li:last-child {
        border: none;
    }

    .footer-cat-links > .contact .tel::before {
    }

    .footer-cat-links > .contact .tel {
        font-size: 3.4rem;
    }

    .footer-cat-links > .contact p {
        margin-left: .1em;
    }

    .footer-cat-links > .link .img-wrap > img {
        display: block;
        height: 100%;
    }

    .footer-cat-links > .link .img-wrap {
        height: 6em;
        width: 9em;
    }

    #sp-footer-logo {
        margin: 0 auto;
        width: 14em;
    }

    #sp-contact-privacy {
        border-top: 1px solid #fff;
        margin-top: 2em;
        padding-top: 2.4em;
        text-align: center;
        width: 100%;
    }

    #sp-contact-privacy > a {
        color: #fff;
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1;
    }

    #sp-contact-privacy > a:nth-of-type(1) {
        border-right: 1px solid #fff;
        margin-right: .5em;
        padding-right: .8em;
    }

    .sp-copyright {
        background-color: #113a60;
        border-radius: 0.9em;
        color: #fff;
        font-size: 1.2rem;
        margin: 2em auto 0;
        padding: 0 1em;
    }

    .entry-list-title {
        font-size: calc(40vw / var(--spwr));
    }

    .entry-list-title.works {
        font-size: 1.4rem;
    }

    .entry-list-desc.works {
        margin-top: 0;
    }

    #works-entry-header > .title {
        font-size: 2.6rem;
    }

    #works-entry {
        margin-top: 2.6em;
    }

    #works-entry-header {
        padding: 0 1.5em 1em;
    }

    #brand-entry-blocks {
        margin-top: 3em;
    }

    #brand-block-3 {
        height: calc((100vw - 3em)*.6);
    }

    .block-4-1 {
        height: calc((100vw - 3em)*1.5);
    }

    #brand-block-4,
    .block-4-2 > img:nth-of-type(2) {
        margin-top: 1.5em;
    }

    .block-4-2 > img {
        height: calc((100vw - 3em)/1.41176470588) !important;
    }

    #model-entry-list .img-wrap {
        height: calc((100vw - 3em)*.70588235294);
        margin: 0;
        width: 100%;
    }

    #model-entry-list .content {
        margin-top: 1em;
    }

    #model-entry-list .copy {
        font-size: 1.8rem;
    }

    #model-entry-list .title {
        font-size: 3.6rem;
    }

    #model-entry-list .detail > p {
        font-size: 1.4rem;
    }

    #model-entry-list .detail > p > a {
        color: #333;
    }

    #model-entry-list .summary > .read-more {
        margin: 2em auto 0;
    }

    #model-entry-list .summary {
        margin-top: 2em;
    }

    #model-entry-list > .item:last-of-type {
        padding: 4em 1.5em 4em;
    }

    #blog-entry-header > .title {
        font-size: 3rem;
    }

    #entry-post-meta > .writer,
    #entry-post-meta > .date,
    .entry-tag-list a {
        font-size: 1.2rem;
    }

    #blog-entry-article > .read-more {
        margin: 2.7em auto 0;
    }

    #page-concept > #about-head {
        background-position: 58%;
    }

    #page-design > #about-head {
        background-position: 51%;
    }

    #page-exterior > #about-head {
        background-position: 65%;
    }

    #page-interior > #about-head {
        background-position: 53%;
    }

    #entry-header {
        margin-top: calc(80vw / var(--spwr));
        padding: calc(40vw / var(--spwr));
    }

    #entry-header > .blog-date.entry {
        font-size: calc(28vw / var(--spwr));
    }

    #entry-header > .title {
        font-size: calc(52vw / var(--spwr));
        margin-bottom: -.2em;
        margin-top: calc(70vw / var(--spwr));
    }

    #blog-entry-author > .img-wrap {
        height: calc(140vw / var(--spwr));
        width:calc(140vw / var(--spwr));
    }

    #blog-entry-author > p {
        font-size: calc(32vw / var(--spwr));
    }

    #blog-entry-author,
    #entry-content.blog,
    #entry-content.blog + .read-more.second {
        margin-top: calc(80vw / var(--spwr));
    }

    #entry-content.blog p {
        font-size: calc(28vw / var(--spwr));
    }

    #about-us-nav-list > li > a {
        font-size: calc(32vw / var(--spwr));
    }

    #about-us-nav-list > li {
        height: calc(86vw / var(--spwr));
        margin: 0 calc(20vw / var(--spwr));
        width: calc(240vw / var(--spwr));
    }

    .news-entry-title > .cat {
        margin: .2em 1em 0 0;
    }

    #modelhouse-archive-list-wrap {
        margin-top: 8em;
    }

    #modelhouse-archive-list-wrap > .fs-title {
        line-height: 1.25;
    }

    #modelhouse-archive-list-wrap > #modelhouse-entry-list {
        margin-top: 0;
    }

    #modelhouse-entry-list > li {
        margin-top: 4em;
        width: 100%;
    }

    #modelhouse-archives {
        margin-top: 5em;
    }

    #modelhouse-map {
        height: calc(100vh - 11em);
    }

    #modelhouse-entry-list {
        margin-top: 1em;
    }

    #modelhouse-archives > .land-entry.title {
        margin-top: 1.8em;
    }

    #modelhouse-entry-list > li .img-wrap {
        height: calc((100vw - 3.5em)/1.4761904762);
    }

    #land-entryheader {
        margin-top: 3.3em;
    }

    #land-entryheader > .img-wrap {
        height: calc((100vw - 3em)*.6);
    }

    #land-data {
        margin-top: 3.8em;
    }

    #land-data-list .item {
        width: 100%;
    }

    #sales-area-wrap {
        margin-top: 3em;
        padding: 4em 1.5em;
    }

    #sales-area .img-wrap {
        height: calc((100vw - 1.5em)/1.6);
    }

    #land-location {
        margin-top: 3.2em;
    }

    #land-location > .map {
        margin-top: 3em;
    }

    #land-location > .map > iframe {
        height: calc((100vw - 3em)/2);
    }

    #land-top-images {
        margin-top: 3.5em;
    }

    #land-top-images > .img-wrap,
    #land-top-images > .img-wrap-wrap {
        width: 100%;
    }

    #land-top-images > .img-wrap {
        height: calc((100vw - 3em) / 1.28);
    }

    #land-top-images > .img-wrap-wrap > .img-wrap {
        height: calc((100vw - 3em) / 1.41666666667);
    }

    #land-top-images > .img-wrap-wrap {
        margin-top: 1.5em;
    }

    #land-top-images > .img-wrap-wrap > .img-wrap:last-of-type {
        margin-top: 1.5em;
    }

    #top-about {
        height: auto;
        margin-top: calc(100vw / var(--spwr));
    }

    #top-about > .img-wrap {
        height: 50vw;
        width: 100vw;
    }

    #top-about > .img-wrap:nth-child(2) {
        margin-right: 0;
    }

    #top-about > .img-wrap:last-of-type {
        margin-top: 1px;
    }

    .fs-title-wrap {
        left: calc(28vw / var(--spwr));
        top: calc(-20vw / var(--spwr));
    }

    .fs-title.line + .fs-subtitle {
        font-size: calc(24vw / var(--spwr));
        font-weight: normal;
        margin-top: calc(22vw / var(--spwr));
    }

    .fs-title.line {
        border-bottom: calc(4vw / var(--spwr)) solid #222;
        font-size: calc(60vw / var(--spwr));
        padding-bottom: calc(18vw / var(--spwr) - .07em);
        text-align: left;
    }

    #top-about .text > p {
        font-size: calc(26vw / var(--spwr));
        line-height: 2.3076923077;
        margin-bottom: -.7em;
    }

    #top-about .read-more {
        box-sizing: border-box;
        border: none;
        font-size: calc(26vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr));
        width: calc(400vw / var(--spwr));
    }

    #top-event-wrap {
        margin: calc(40vw / var(--spwr)) 0 0;
        padding: calc(80vw / var(--spwr)) calc(40vw / var(--spwr));
    }

    #top-event-list .img-wrap {
        height: calc(315vw / var(--spwr) / 1.5);
    }

    #top-event-list .title {
        font-size: calc(26vw / var(--spwr));
        line-height: 1.3846153846;
        margin-bottom: -.3em;
        margin-top: calc(20vw / var(--spwr) - .2em);
    }

    #top-event-list > li {
        margin-top: calc(40vw / var(--spwr));
        width: calc(315vw / var(--spwr));
    }

    #top-event-list {
        margin-top: -.3em;
    }

    #top-works.front-section {
        margin-top: calc(80vw / var(--spwr));;
    }

    #top-works > .read-more {
        display: none;
    }

    #top-works-list .img-wrap {
        height: calc(466vw / var(--spwr));
    }

    #top-works-list .title {
        font-size: calc(40vw / var(--spwr));
        margin-top: calc(60vw / var(--spwr) - .25em);
    }

    #top-etc {
        margin-top: calc(80vw / var(--spwr));
        padding: 0 calc(75vw / var(--spwr));
    }

    #top-etc-list > li {
        height: calc(240vw / var(--spwr));
        margin: 0;
        width: 100%;
    }

    #top-etc-list .title {
        font-size: calc(60vw / var(--spwr));
        line-height: .7;
        top: calc(78vw / var(--spwr));
    }

    #top-etc-list .desc {
        font-size: calc(24vw / var(--spwr));
        top: calc(162vw / var(--spwr));
    }

    #top-etc-list > li:not(:first-of-type) {
        margin-top: calc(40vw / var(--spwr));
    }

    #page-concept > .header > .inner {
        height: auto;
        padding: calc(40vw / var(--spwr)) calc(40vw / var(--spwr)) calc(40vw / var(--spwr));
    }

    #page-concept > .header > .inner > .img-wrap {
        margin: 0 auto;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }

    #page-concept > .header {
        padding: calc(80vw / var(--spwr)) 0;
    }

    #page-concept > .header .content {
        margin-top: calc(40vw / var(--spwr));
        padding: 0;
        width: 100%;
    }

    #page-concept > .header .content > .img-wrap {
        width: 14em;
    }

    #page-concept > .header .content > p {
        font-size: calc(50vw / var(--spwr));
    }

    #about-happiness > p {
        font-size: calc(32vw / var(--spwr));
    }

    #about-happiness > p:first-of-type {
        margin-top: calc(80vw / var(--spwr) - .5em);
    }

    #about-happiness > .title {
        font-size: calc(52vw / var(--spwr));
    }

    #about-happiness {
        padding: calc(80vw / var(--spwr) - .1em) calc(40vw / var(--spwr)) 0;
    }

    #concept-ceo > .img-wrap {
        margin: 0;
        max-width: none;
        width: 100%;
    }

    #concept-ceo {
        margin-top: calc(80vw / var(--spwr) - 1.5em);
        padding: 0 calc(40vw / var(--spwr));
    }

    #concept-ceo > .content {
        margin-top: calc(40vw / var(--spwr) - 3vw);
    }

    #works-mv {
        margin-top: calc(50vw / var(--spwr));
    }

    #works-description,
    .feature-swiper-container {
        margin-top: calc(80vw / var(--spwr));
    }

    .feature-swiper-container {
        margin: calc(80vw / var(--spwr)) auto 0;
        overflow: hidden;
        width: calc(100vw - (80vw / var(--spwr)));
    }

    #works-description {
        padding: 0 calc(40vw / var(--spwr));
    }

    #works-description > p {
        font-size: calc(28vw / var(--spwr));
    }

    #works-description > p:first-of-type {
        margin-top: -.6em;
    }

    #works-description > p:last-of-type {
        margin-bottom: -.6em;
    }

    #works-feature-list > li {
        height: calc(450vw / var(--spwr));
    }

    .feature-prev:focus,
    .feature-next:focus {
        border: none;
        outline: 0;
    }

    .feature-prev,
    .feature-next {
        height: 3em;
        width: 3em;
    }

    .works-single-section {
        margin-top: calc(160vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    #outline-list {
        margin-top: calc(80vw / var(--spwr) - 2.7vw);
    }

    #gallery-list {
        margin: calc(40vw / var(--spwr)) 0 0;
    }

    #gallery-list > li {
        height: calc((100vw - (120vw / var(--spwr))) / 2);
        margin: calc(40vw / var(--spwr)) 0 0;
        width: calc((100vw - (120vw / var(--spwr))) / 2);
    }

    .read-more.second {
        margin-top: calc(80vw / var(--spwr));
    }

    #page-modelhouse > .header {
        margin-top: calc(80vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    #page-modelhouse > .header > .title {
        font-size: calc(60vw / var(--spwr));
    }

    #page-modelhouse > .header > .lead {
        font-size: calc(32vw / var(--spwr));
        letter-spacing: -.05em;
        line-height: 1.4;
        margin-top: calc(60vw / var(--spwr) - .4em);
    }

    #page-modelhouse > .header > .desc {
        letter-spacing: -.03em;
        margin-top: calc(40vw / var(--spwr) - .8em);
    }

    #page-modelhouse > .header > .address {
        margin-bottom: -.35em;
        margin-top: calc(80vw / var(--spwr) - 1em);
    }

    #modelhouse-description {
        margin-top: calc(80vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    #modelhouse-description > .title {
        font-size: calc(32vw / var(--spwr));
        line-height: 1.25;
        margin-top: -.15em;
    }

    #modelhouse-description > .desc {
        margin-bottom: -1.1em;
        margin-top: calc(40vw / var(--spwr) - .8em);
    }

    #page-modelhouse > .header > .address a {
        color: #333;
    }

    #modelhouse-map {
        margin-top: calc(80vw / var(--spwr));
    }

    #gallery-list.modelhouse {
        margin: 1.2em 0 0;
    }

    #modelhouse-map > iframe {
        height: calc((100vw - (80vw / var(--spwr))) / 2);
    }

    .access-section > p {
        margin-bottom: -0.5em;
        margin-top: calc(40vw / var(--spwr) - .4em);
    }

    #reservation-section,
    #reservation-section.events {
        /*margin-top: 5em;*/
    }

    #reservation-section > .title {
        font-size: calc(80vw / var(--spwr));
    }

    #reservation-section > .subtitle {
        font-size: calc(24vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr));
    }

    #reservation-section > .guidance {
        font-size: calc(32vw / var(--spwr));
        margin-bottom: -.4em;
        margin-top: calc(80vw / var(--spwr) - .45em);
        padding: 0 calc(40vw / var(--spwr));
    }

    #reservation-area {
        height: auto;
    }

    #reservation-area > .inner {
        padding: calc(100vw / var(--spwr)) 0 calc(60vw / var(--spwr));
    }

    .reservation-address > .open {
        font-size: calc(24vw / var(--spwr));
        margin-top: calc(30vw / var(--spwr));
    }

    .reservation-name {
        border-radius: 0 calc(10vw / var(--spwr)) calc(10vw / var(--spwr)) 0;
        height: auto;
        padding: calc(35vw / var(--spwr)) 0 calc(35vw / var(--spwr)) calc(60vw / var(--spwr));
        width: calc(600vw / var(--spwr) - 3px);
    }

    .reservation-address > .tel {
        font-size: calc(58vw / var(--spwr));
        margin-top: calc(60vw / var(--spwr) - .1em);
        text-align: center;
    }

    .reservation-name > p:nth-of-type(1) {
        font-size: calc(50vw / var(--spwr));
    }

    .reservation-name > p:nth-of-type(2) {
        font-size: calc(32vw / var(--spwr));
        margin-top: calc(28vw / var(--spwr));
    }

    .reservation-btn {
        margin: calc(60vw / var(--spwr)) auto 0;
        font-size: calc(60vw / var(--spwr));
        height: calc(120vw / var(--spwr));
        line-height: calc(120vw / var(--spwr));
        width: calc(538vw / var(--spwr));
    }

    .reservation-btn::after {
        height: calc(29vw / var(--spwr));
        margin: 0 0 calc(20vw / var(--spwr)) calc(22vw / var(--spwr));
        width: calc(57vw / var(--spwr));
    }

    #news-archive-list-wrap.single {
        margin-top: 8em;
    }

    #reservation-area,
    #reservation-section.events > #reservation-area {
        margin: 2.5em 1.75em 0;
    }

    .app-form-block h3 {
        font-size: calc(36vw / var(--spwr));
        margin: 0 calc(30vw / var(--spwr)) 0 0;
    }

    #app-form input {
        font-size: calc(32vw / var(--spwr));
        line-height: 3em;
        height: 3em;
        padding: 0 calc(20vw / var(--spwr));
    }

    #app-form .app-form-input.num > input {
        width: calc(120vw / var(--spwr));
    }

    .require-text::after {
        font-size: calc(24vw / var(--spwr));
        height: calc(34vw / var(--spwr));
        line-height: calc(34vw / var(--spwr));
        margin-left: calc(8vw / var(--spwr));
        -webkit-transform: translateY(-.1em);
        transform: translateY(-.1em);
    }

    #app-form .app-form-input.num > p {
        margin: 0 calc(16vw / var(--spwr)) 0 0;
    }

    #app-form .app-form-input.num > p:nth-of-type(3) {
        font-size: calc(24vw / var(--spwr));
        margin-bottom: -.3em;
    }

    .app-form-input {
        margin-top: calc(16vw / var(--spwr));
    }

    .cf-message {
        font-size: calc(32vw / var(--spwr))
    }

    .app-form-block h4 {
        font-size: calc(32vw / var(--spwr));
        margin-top: -.3em;
    }

    .app-form-block.privacy-notes {
        padding: calc(60vw / var(--spwr));
    }

    .app-form-block.privacy-notes > p {
        margin-bottom: -.4em;
        margin-top: calc(60vw / var(--spwr) - .6em);
    }

    .submit-btn {
        font-size: calc(32vw / var(--spwr));
        height: calc(80vw / var(--spwr));
        line-height: calc(80vw / var(--spwr));
        margin-top: calc(80vw / var(--spwr));
        padding: 0;
        width: calc(400vw / var(--spwr));
    }

    .submit-note {
        font-size: calc(28vw / var(--spwr));
        margin-bottom: -.5em;
        margin-top: calc(40vw / var(--spwr) - .35em);
    }

    .news-entry-title + .img-wrap {
        height: 50vw;
        margin-top: calc(50vw / var(--spwr));
        position: relative;
        width: 100vw;
    }

    .news-entry-title + .img-wrap > img {
        left: calc(-40vw / var(--spwr));
        position: absolute;
    }

    #reservation-section.events .reservation-name {
        /*padding: 2.2em 0;*/
    }

    #news-entry > .read-more {
        margin-top: calc(80vw / var(--spwr));
    }

    #blog-entry-list-wrap {
        padding: 0 calc(40vw / var(--spwr));
    }

    #blog-search-form {
        height: auto;
        margin-top: calc(80vw / var(--spwr));
        padding: calc(7vw / var(--spwr)) calc(34vw / var(--spwr)) calc(15vw / var(--spwr));
    }

    .select-box-wrap {
        border: none;
        border-bottom: 1px solid #ccc;
        margin: calc(18vw / var(--spwr)) 0 0 0;
        padding: 0 0 calc(18vw / var(--spwr)) 0;
        width: calc(100% - calc(8vw / var(--spwr)));
    }

    #blog-search-form select,
    #blog-search-form input {
        font-size: calc(32vw / var(--spwr));
        line-height: 1;
        padding: 0;
    }

    #blog-search-form input {
        margin: calc(20vw / var(--spwr)) 0 0 -.05em;
    }

    .select-box-wrap::after {
        height: calc(18vw / var(--spwr));
        margin-right: calc(5vw / var(--spwr));
        width: calc(30vw / var(--spwr));
    }

    #blog-search-form > #submit  {
        margin-top: calc(14vw / var(--spwr));
        height: calc(48vw / var(--spwr));
        width: calc(48vw / var(--spwr));
    }

    #blog-entry-list {
        margin-top: 0;
    }

    #blog-entry-list .img-wrap {
        height: calc((100vw - (80vw / var(--spwr))) / 1.5);
        margin-right: 0;
        width: 100%;
    }

    #blog-entry-list > li {
        padding: calc(80vw / var(--spwr)) 0;
    }

    #blog-entry-list .excerpt {
        margin-bottom: -.4em;
        margin-top: calc(40vw / var(--spwr) - .6em);
    }

    #blog-entry-list .content {
        margin-top: calc(40vw / var(--spwr));
    }

    #blog-entry-list .title {
        font-size: calc(48vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr) - .3em);
    }

    #blog-entry-list-wrap > .pagination {
        margin-top: calc(80vw / var(--spwr));
    }

    #about-us h2.title {
        font-size: 3rem;
    }

    #about-us h2.title + p {
        margin-top: calc(40vw / var(--spwr));
    }

    #about-us-nav {
        margin-top: 4em;
    }

    #about-us .map {
        height: calc((100vw - 3.5em)*.4);
        margin-top: 2.5em;
    }

    .company-table tr > td {
        display: block;
        width: 100%;
    }

    .company-table tr > td:first-of-type {
        border: none;
        padding: 1.5em 0 0 0;
        text-align: left;
    }

    .company-table tr > td:last-of-type {
        padding: 0;
    }

    .company-table tr > td:last-of-type,
    .company-table tr > td:last-of-type p {
        font-size: calc(28vw / var(--spwr));
    }

    .company-table {
        margin-top: 0;
        width: 100%;
    }

    #officer-list > li > .img-wrap {
        width: 100%;
    }

    #officer-list > li > div:first-of-type {
        margin-right: 0;
    }

    #officer-list > li > .content {
        margin-top: calc(40vw / var(--spwr));
    }

    #officer-list > li {
        margin-top: calc(80vw / var(--spwr));
    }

    #officer-list > li .name {
        font-size: calc(60vw / var(--spwr));
    }

    #officer-list > li .position {
        font-size: calc(36vw / var(--spwr));
        line-height: 1;
        margin-top: calc(40vw / var(--spwr) - .15em);
    }

    #officer-list > li .name-en {
        margin-top: calc(20vw / var(--spwr) - .2em);
    }

    #officer-list > li .about-me {
        margin-bottom: -.4em;
        margin-top: calc(40vw / var(--spwr) - .6em);
    }

    #staff-list > li {
        margin-top: calc(80vw / var(--spwr));
    }

    #staff-list > li .name {
        font-size: calc(48vw / var(--spwr));
    }

    #staff-list > li > .img-wrap {
        margin-right: 0;
        width: 100%;
    }

    #staff-list > li > .content {
        margin-top: calc(40vw / var(--spwr));
    }

    #staff-list > li .name-en {
        line-height: .7;
        margin-top: calc(20vw / var(--spwr));
    }

    #staff-list > li .hobby {
        margin-top: calc(40vw / var(--spwr) - .3em);
    }

    #staff-list > li .about-me {
        margin-bottom: -.45em;
    }

    #page-recruit {
        margin-top: calc(80vw / var(--spwr));
        padding: 0 calc(40vw / var(--spwr));
    }

    #page-recruit > .title {
        font-size: calc(48vw / var(--spwr));
    }

    #page-recruit > .title:nth-of-type(2) {
        font-size: calc(48vw / var(--spwr));
    }

    #page-recruit > p {
        margin-top: calc(80vw / var(--spwr) - .4em);
    }

    #doc-request > h3 {
        font-size: calc(32vw / var(--spwr));
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .doc-request-inputs > label {
        font-size: calc(32vw / var(--spwr));
        margin-right: calc(30vw / var(--spwr));
    }

    .doc-request-inputs {
        padding: 1em 3.5em;
        width: 100%;
    }

    #app-form .doc-request-inputs > input {
        border-radius: 50%;
        margin-right: calc(10vw / var(--spwr));
    }

    #concept-ceo > .content > p {
        font-size: calc(50vw / var(--spwr));
        margin-bottom: -.35em;
    }

    #breadcrumb-list > li,
    #breadcrumb-list a {
        font-size: calc(24vw / var(--spwr));
    }

    #breadcrumb-list {
        padding: calc(9vw / var(--spwr)) calc(20vw / var(--spwr));
    }

    #privacy-header > .title {
        font-size: calc(50vw / var(--spwr));
    }

    #on-slider-nav {
        left: calc(70vw / var(--spwr));
        position: absolute;
        top: 58%;
        -webkit-transform: translateY(-58%);
        transform: translateY(-58%);
        z-index: 2;
    }

    #on-slider-nav a {
        color: #fff;
        /*font-size: calc(50vw / var(--spwr));*/
        /*font-size: calc(30vh / var(--spwr));*/
        font-size: calc(100vh / 25);
        /*line-height: 2;*/
        line-height: calc(100vh / 14);
    }

    #on-slider-contact-btn {
        background-color: #de5c02;
        bottom: calc(60vw / var(--spwr) + 4px);
        border-radius: 50%;
        color: #fff;
        font-size: calc(36vw / var(--spwr));
        font-weight: bold;
        height: calc(216vw / var(--spwr));
        position: absolute;
        right: calc(40vw / var(--spwr));
        width: calc(216vw / var(--spwr));
        z-index: 1;
    }

    #top-about .read-more.sp-none {
        display: none;
    }

    #top-about .read-more.pc-none {
        background-color: #fff;
        color: #222;
        display: block;
    }

    .sp-section {
        margin-top: calc(100vw / var(--spwr));
        padding: 0 calc(35vw / var(--spwr));;
    }

    #top-content-list a {
        color: #222;
        display: block;
        position: relative;
    }

    #top-content-list a > .name {
        background-color: #fff;
        height: calc(120vw / var(--spwr));;
        left: 0;
        padding: 0 calc(20vw / var(--spwr));
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #top-content-list a > .name > .en {
        font-size: calc(40vw / var(--spwr));
        line-height: .8;
        margin: calc(29vw / var(--spwr)) 0 0;
    }

    #top-content-list a > .name > .ja {
        font-size: calc(20vw / var(--spwr));
        line-height: 1;
        margin: calc(17vw / var(--spwr)) 0 0;
    }

    #top-content-list > .item {
        margin-top: calc(50vw / var(--spwr));
    }

    #top-content-list > .item img {
        display: block;
    }

    #top-content-list > .item:not(:first-of-type) {
        margin-top: calc(35vw / var(--spwr));
    }

    #top-more-list {
        background-color: #f4f4f4;
        margin-top: calc(50vw / var(--spwr));
        padding: calc(35vw / var(--spwr));
    }

    #top-more-list > li:not(:first-of-type) {
        margin-top: calc(20vw / var(--spwr));
    }

    #top-more-list > li > a {
        color: #fff;
        display: block;
        position: relative;
    }

    #top-more-list .title,
    #top-more-list .desc {
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    #top-more-list .title {
        font-size: calc(40vw / var(--spwr));
        line-height: .9;
        margin: 0;
        top: calc(55vw / var(--spwr));
    }

    #top-more-list .desc {
        font-size: calc(20vw / var(--spwr));
        line-height: 1;
        margin: 0;
        top: calc(99vw / var(--spwr));
    }

    #top-more-list img {
        display: block;
    }

    #page-about {
        padding: 0 calc(35vw / var(--spwr));
    }

    #subpage-title {
        font-size: calc(60vw / var(--spwr));
    }

    #subpage-title-wrap {
        color: #fff;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, 30%);
        transform: translate(-50%, 30%);
        width: 100%;
        z-index: 11;
    }

    #subpage-subtitle {
        font-size: calc(24vw / var(--spwr));
        margin: .85em 0 0 0;
    }

    #subpage-header::before {
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(rgba(255, 255, 255, 0)) );
        background: linear-gradient( rgba(0, 0, 0, .7), rgba(255, 255, 255, 0) );
        content: "";
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    #about-header > .title {
        font-size: 3rem;
    }

    #about-header > .lead {
        font-size: 2rem;
        margin-top: calc(50vw / var(--spwr) - .3em);
        text-align: left;
    }

    #about-header,
    .about-section-wrap {
        padding: 5em 1.75em;
    }

    #about-header > .desc {
        font-size: calc(28vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr) - .9em);
        text-align: left;
    }


    #earthquake-resistant > .img-wrap {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        height: calc((100vw - (70vw / var(--spwr)))*.6);
        margin: 0;
    }

    #earthquake-resistant > .content {
        margin-top: calc(36vw / var(--spwr));
        width: 100%;
    }

    #earthquake-resistant .title {
        font-size: calc(60vw / var(--spwr));
    }

    #earthquake-resistant .desc {
        line-height: 2.1428571429;
        margin: calc(70vw / var(--spwr) - .7em) 0 -.7em;
    }

    .plan-type {
        margin-top: calc(70vw / var(--spwr));
    }

    .plan-type > .plan {
        height: calc(120vw / var(--spwr));
        line-height: calc(120vw / var(--spwr));
        margin: 0 auto;
        width: 100%;
    }

    .plan-type > .plan.second {
        margin-top: calc(35vw / var(--spwr));
    }

    .plan-type > .plan > p > span {
        font-size: calc(32vw / var(--spwr));
    }

    .plan-main-content {
        margin-top: calc(50vw / var(--spwr));
        padding: 0 calc(65vw / var(--spwr)) calc(100vw / var(--spwr));
    }

    .plan-main-content > section {
        padding-top: calc(100vw / var(--spwr));
    }

    .plan-main-content .title {
        font-size: calc(48vw / var(--spwr));
        padding-bottom: calc(80vw / var(--spwr));
    }

    .plan-main-content .desc {
        margin-top: calc(80vw / var(--spwr) - .55em);
    }

    #seismic-class-list > li {
        width: 100%;
    }

    #seismic-class-list > li:nth-of-type(1) .seismic-class {
        height: calc(182vw / var(--spwr));
        width: calc(200vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(1) .seismic-class > p {
        font-size: calc(28vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(1) .seismic-class > p > span {
        font-size: calc(40vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(2) .seismic-class > p {
        font-size: calc(32vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(2) .seismic-class > p > span {
        font-size: calc(48vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(2) .seismic-class {
        height: calc(218vw / var(--spwr));
        width: calc(240vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(3) .seismic-class > p {
        font-size: calc(40vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(3) .seismic-class > p > span {
        font-size: calc(56vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(3) .seismic-class {
        height: calc(254vw / var(--spwr));
        width: calc(280vw / var(--spwr));
    }

    #seismic-class-list > li > .seismic-class-wrap {
        height: auto;
    }

    #seismic-class-list > li > p {
        margin: calc(20vw / var(--spwr) - .4em) 0 -.3em;
    }

    #seismic-class-list {
        /*margin-top: calc(50vw / var(--spwr));*/
        padding: 0;
    }

    #seismic-class-list > li:nth-of-type(-n+2) {
        margin-bottom: calc(200vw / var(--spwr));
    }

    #seismic-class-list > li:nth-of-type(-n+2)::after {
        bottom: calc(-117vw / var(--spwr));
        content: "";
        height: calc(30vw / var(--spwr));
        right: 48%;
        -webkit-transform: translateX(48%) rotate(90deg);
        transform: translateX(50%) rotate(90deg);
        width: calc(56vw / var(--spwr));
    }

    #jwood-list {
        margin-top: calc(100vw / var(--spwr));
    }

    #jwood-list > li {
        /*width: 100%;*/
    }

    #fireproof-crimeprevention-list .title {
        font-size: calc(60vw / var(--spwr));
    }

    #fireproof-crimeprevention-list > li:nth-of-type(odd) .content,
    #fireproof-crimeprevention-list > li:nth-of-type(even) .content {
        padding: 0;
    }

    #fireproof-crimeprevention-list > li > .content {
        margin-top: calc(36vw / var(--spwr));
        width: 100%;
    }

    #fireproof-crimeprevention-list > li > .img-wrap {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }

    #fireproof-crimeprevention-list .desc {
        margin: calc(50vw / var(--spwr) - .7em) 0 -.7em;
    }

    #fireproof-crimeprevention-list > li:nth-of-type(even) {
        margin-top: calc(100vw / var(--spwr));
    }

    #energy-saving > .img-wrap {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin: 0;
    }

    #energy-saving .title {
        font-size: calc(60vw / var(--spwr));
    }

    #energy-saving > .content {
        margin-top: calc(36vw / var(--spwr));
        width: 100%;
    }

    #energy-saving .desc {
        margin: calc(70vw / var(--spwr) - .7em) 0 -.6em;
    }

    .plan-main-content h4 {
        font-size: calc(40vw / var(--spwr));
        margin: calc(50vw / var(--spwr)) 0 0;
    }

    .plan-main-content h4 + p {
        margin: calc(40vw / var(--spwr) - .65em) 0 -.4em;
    }

    .energy-saving-img.second {
        margin: calc(100vw / var(--spwr)) auto 0;
    }

    #about-nav > .title {
        font-size: calc(68vw / var(--spwr));
        margin: -.1em auto 0 0;
    }

    .question,
    .answer {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .question {
        font-size: 1rem;
        height: auto;
        min-height: 7.2em;
        padding: 2em 3em 2em 1.5em;
        width: 100%;
    }

    .answer {
        font-size: 1rem;
        padding: 2em;
    }

    .answer > .desc {
        line-height: 1.7;
    }

    .question > h2 {
        font-size: 1.8rem;
        line-height: 1.25;
        margin: 0;
        text-align: left;
    }

    .question::before,
    .question::after {
        font-size: .8rem;
        bottom: 50%;
        right: 2em;
        /*width: 1em;*/
    }

    .answer.right::before {
        right: 75%;
    }

    .answer.left::before,
    .answer.right::before {
        border-right: .71999999999em solid transparent;
        border-bottom: 1.2em solid #222;
        border-left: .71999999999em solid transparent;
        font-size: 1.2rem;
        top: -1.1em;
    }

    #flow-list-wrap {
        margin-top: -5em;
    }

    #flow-list {
        background-position: center;
    }

    #flow-list .content-ul {
        width: 100%;
    }

    #flow-list .content::before,
    #flow-list .content::after {
        content: normal !important;
    }

    #flow-list .supplement.before {
        left: -1.1em;
        height: calc(100% - 28.75em);
        top: 28.77em;
    }

    #flow-list .supplement.after {
        left: -2.2em;
        top: 57%;
    }

    #flow-list .step3-list + .supplement.before,
    #flow-list .step4-list + .supplement.before,
    #flow-list .step5-list + .supplement.before {
        top: 12.5em;
    }

    #flow-list .step4-list + .supplement.before {
        height: calc(100% - 12.5em);
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    #flow-list .step5-list + .supplement.before {
        height: calc(100% - 8.75em);
    }

    #flow-list .step3-list + .supplement.before {
        height: calc(100% - 12.5em);
    }

    #flow-list .step4-list + .supplement.before > span {
        height: auto;
        padding: 1.25em 0;
    }

    #flow-list .content-ul.multi,
    #flow-list .step2-list,
    #flow-list .content-ul.multi > li:not(:first-child),
    #flow-list .content-ul.single,
    #flow-list .meeting,
    #flow-list .contract,
    #flow-list .live,
    #flow-list .build {
        margin-top: 3em;
    }

    #flow-list-wrap > .inner section {
        background-color: #eaeaea;
        margin-top: 5em;
        max-width: none;
        padding: 2em 0;
    }

    #flow-list-wrap > .inner > section:first-of-type {
        padding: 5em 0 0 0;
    }

    #flow-list-wrap > .inner {
        padding: 0 2.2em 11em;
    }

    #flow-list .content-ul.multi.under-section {
        margin-top: 3em;
    }

    #flow-list .title {
        font-size: 2rem;
    }

    #flow-list .supplement .vertical {
        display: inline-block;
        margin: .1em 0 .1em 0;
        -webkit-transform: rotate(90deg) translate(0, .05em);
        transform: rotate(90deg) translate(0 ,.05em);
    }

    #flow-list .step4-list + .supplement.before > span {
        margin-left: .2em;
    }

    #flow-list .desc {
        font-size: 1.34rem;
    }

    #beginner-about-list {
        padding-bottom: 0;
    }

    #about-concept-list {
        margin-top: -.3em;
    }

    #about-concept-list .content, #about-concept-list .img-wrap {
        width: 100%;
    }

    #about-concept-list > li {
        height: auto;
    }

    #about-concept-list > li:nth-of-type(n+2) {
        margin-top: 5em;
    }

    #about-concept-list > li > .content {
        padding: 0 1.75em;
    }

    #about-concept-list .title {
        font-size: 2rem;
        line-height: 1.4;
        margin-top: .7em;
    }

    #about-concept-list .desc {
        font-size: 1.4rem;
        line-height: 1.7142857143;
        margin: .5em 0 -.6em 0;
    }

    #about-concept-list > li:last-of-type .desc {
        margin: .5em 0 -.4em 0;
    }

    #entry-header.news .img-wrap {
        height: calc((100vw - 3.5em)*.6);
    }

    #work-block-1 {
        height: 50vw;
    }

    #work-entry,
    #work-block-2 {
        margin-top: 5em;
    }

    #related-works {
        margin-top: 8em;
    }

    .work-entry-title {
        font-size: 3rem;
    }

    #work-block-3 {
        margin-top: 2.5em;
    }

    .works-thumb {
        height: calc((100vw - 3px)/4);
        margin-bottom: 1px;
        padding: 0;
        width: calc((100vw - 3px)/4);
    }

    #work-block-3 > .works-thumb:not(:nth-of-type(4n)),
    #realestate-photo-gallery > .works-thumb:not(:nth-of-type(4n)) {
        margin-right: 1px;
    }

    #lineup {
        margin-top: 5em;
    }

    #lineup-list .img-wrap {
        height: calc((100vw - 3.5em)*.6);
        margin: 0;
        width: 100%;
    }

    #lineup-list .content {
        padding: 1.75em 1.75em 0 1.75em;
        width: 100%;
    }

    #lineup-list .read-more {
        margin: 2.4em auto 0 auto;
    }

    #housing-archive-list > li {
        width: 100%;
    }

    #housing-archive-list {
        margin-top: -2.5em;
    }

    .fotorama__stage {
        height: calc(100vw / 1.66666666667) !important;
    }

    .fotorama__img {
        height: 100% !important;
        margin: 0 auto;
        top: 0 !important;
        width: auto !important;
    }

    .fotorama {
        width: 100vw;
    }

    .fotorama__arr--prev,
    .fotorama__arr--next {
        /*background-size: 1.2em 2.2em;*/
        height: 5.5em;
        width: 2.75em;
    }

    .fotorama__stage__frame .fotorama__img {
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        width: auto !important;
    }

    .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        height: 100% !important;
        left: 0 !important;
        width: 100% !important;
    }

    .re-single-section dl dt {
        width: 7em;
    }

    #realestate-entry {
        margin-top: 5em;
    }

    #realestate-entry-header > p {
        padding: 0;
        text-align: left;
    }

    .re-single-section {
        margin-top: 7.5em;
    }

    .re-single-section dl {
        padding-top: .85em;
    }

    #re-map > iframe {
        height: calc((100vw - 3.5em)/2);
        margin-top: 2.5em;
    }

    #modelhouse-entry-header {
        margin-top: 5em;
    }

    #modelhouse-entry-header > .title {
        font-size: 3rem;
    }

    #modelhouse-entry-header > .img-wrap {
        height: calc((100vw - 3.5em)/1.6);
        margin-top: 2.5em;
    }

    #modelhouse-summary .img-wrap {
        height: calc((100vw - 3.5em)/1.5);
        width: 100%;
    }

    #modelhouse-summary > .content {
        margin: 2.5em 0 0 0;
    }

    #modelhouse-images > li:nth-of-type(2) .img-wrap,
    #modelhouse-images > li > .img-desc-wrap > .img-wrap {
        height: calc((100vw - 3.5em)/0.7407407407);
    }

    #modelhouse-images > li:nth-of-type(1) .img-wrap {
        height: calc((100vw - 3.5em)/1.6);
    }

    #voice-archives {
        margin-top: 1em;
    }

    .entry-list-item.voice {
        width: 100%;
    }

    .entry-list-item.voice .img-wrap {
        height: calc((100vw - 3.5em)/1.6);
    }

    #voice-style-1 > #voice-header {
        height: auto;
    }

    #voice-style-1 .voice-header-image {
        height: 54.054054054vw;
        width: 100vw;
    }

    #voice-style-1 .voice-header-content {
        margin-top: 0;
        max-width: none;
        padding: 2.4em 1.75em;
    }

    #voice-style-1 .voice-header-title {
        margin-top: -.2em;
        font-size: 3rem;
    }

    #voice-style-1 .vs-1 > .voice-qa,
    #voice-style-1 .vs-3 > .img-wrap {
        padding-right: 0;
    }

    #voice-style-1 .vs-1 > .img-wrap,
    #voice-style-1 .vs-3 > .img-wrap {
        height: calc(100vw - 3.5em);
        margin: 0 auto;
        width: 100%;
    }

    #voice-style-1 .vs-2 > img {
        height: calc((100vw - 3.5em)*.6);
    }

    #voice-style-1 .vs-3 > img {
        height: 100%;
        font-family: 'object-fit: contain;';
        -o-object-fit: contain;
        object-fit: contain;
    }

    .vs-1 > .voice-qa > .vq:first-of-type,
    .vs-3 > .voice-qa > .vq:first-of-type {
            margin-top: .7em;
    }

    .voice-section {
        margin-top: 4em;
    }

    .voice-section.vs-2,
    .voice-section.vs-3 {
        margin-top: 4em;
    }

    #voice-entry > .read-more {
        margin-bottom: 0;
        margin-top: 2.5em;
    }

    #voice-entry {
        margin-top: 5em;
    }

    .voice-qa > p:last-of-type {
        margin-bottom: -.4em;
    }

    #related-voice-list-wrap {
        margin-top: 8em;
    }

    #related-voice-list > li {
        margin-top: 4em;
        width: 100%;
    }

    #related-voice-list-wrap + .read-more {
        /*font-size: 1.4rem;*/
        /*margin-top: 1.7857142857em;*/
    }

    #lineup-sub-first-section {
        margin-top: 5em;
    }

    #lineup-sub-first-section > .images {
        margin-top: 2.5em;
    }

    #lineup-sub-first-section > .images > div {
        width: 100%;
    }

    #lineup-sub-first-section > .images > .img-wrap {
        height: calc((100vw - 3.5em)/.8);
    }

    #lineup-sub-first-section > .images > .img-wrap-wrap > .img-wrap:nth-of-type(2) {
        margin-top: 1.75em;
    }

    #lineup-sub-first-section > .images > .img-wrap-wrap > .img-wrap {
        height: calc((100vw - 3.5em)/1.7142857143);
        margin-top: 1.75em;
    }

    #feature-of-ones-cubo > .img-wrap {
        height: calc((100vw - 3.5em)/2);
        margin-top: 2.5em;
    }

    #feature-of-ones-cubo {
        margin-top: 5em;
    }

    #lineup-sub-first-section > .lead {
        margin-top: 2.5em;
    }

    #ones-cubo-images-section-wrap {
        margin-top: 5em;
        padding: 5em 1.75em 7.5em;
    }

    #lineup-popup-image-list > .lineup-thumb {
        height: calc((100vw - 7em)/3);
        width: calc((100vw - 7em)/3);
    }

    #lineup-to-other-content {
        margin-top: 3.25em;
    }

    #lineup-to-other-content > li {
        height: calc((100vw - 3.5em)/2.2142857143);
        margin-top: 1.75em;
        width: 100%;
    }

    #lineup-to-other-content > li > a {
        padding-top: 5.5em;
    }

    #lineup-slider-container {
        max-width: calc((100vw - 12em));
    }

    #lineup-slider-wrapper {
        height: calc((100vw - 3.5em)/2);
    }

    .lineup-next,
    .lineup-prev {
        height: 3em;
        top: 7em;
        width: 3em;
        z-index: 1;
    }

    .lineup-next {
        right: .6em;
    }

    .lineup-prev {
        left: .6em;
    }

    .lineup-next:focus,
    .lineup-prev:focus {
        outline: none;
    }

    #feature-of-ones-cubo-list .title > .text {
        margin-top: .2em;
    }

    #lineup-sub-first-section > .title {
        font-size: 4rem;
    }

    #lineup-sub-first-section.beglan > .lead > p {
        /*font-size: 1.4rem;*/
        line-height: 1.7142857143;
    }

    .lineup-beglan-feature-section {
        margin-top: 5em;
    }

    .lineup-beglan-feature-section > .images {
        margin-top: 2.5em;
    }

    .lineup-beglan-feature-section > .images > .img-wrap:nth-of-type(1),
    .lineup-beglan-feature-section > .images > .img-wrap:nth-of-type(2) {
        width: 100%;
    }

    .lineup-beglan-feature-section > .images > .img-wrap:nth-of-type(2) {
        margin-top: 1px;
    }

    #beglan-images-section {
        margin-top: 5em;
    }

    #lineup-popup-image-list {
        margin-top: 1.2em;
    }

    #ones-cubo-images-section-wrap + .read-more,
    #beglan-images-section + .read-more {
        margin-top: 2em;
    }

    .company-section {
        margin-top: 5em;
    }

    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object {
        height: auto !important;
    }

    #top-news {
        margin: 5em 0 0;
    }

    #top-news .img-wrap {
        height: 9em;
        margin-right: 2em;
        width: 9em;
    }

    #top-news .date {
        margin-top: 0;
    }

    #top-news h3 {
        line-height: 1.25;
        margin-top: .8em;
    }

    #top-event .read-more {
        display: block;
        margin: 2em auto 0;
        position: static;
    }

    #top-news li {
        margin-top: 1.75em;
        width: 100%;
    }

    #top-news-list {
        margin-top: .2em;
    }

    #top-news h3 > a {
        font-size: 1.6rem;
    }

    #top-news .read-more {
        box-sizing: border-box;
        border: none;
        display: block;
        font-size: calc(26vw / var(--spwr));
        height: calc(80vw / var(--spwr));
        line-height: calc(80vw / var(--spwr));
        margin-top: calc(40vw / var(--spwr));
        margin: 2em auto 0;
        position: static;
        width: calc(400vw / var(--spwr));

    }

    #top-news-wrap {
        padding: 0 1.75em;
    }

    #entry-header.news.truth > .inner {
        padding-bottom: 2.55em;
    }

    #entry-header.news.truth > .inner > .date {
        /*margin-top: .4em;*/
    }

    #news-entry > #entry-content.news {
        margin-top: 1.7em;
    }
}


/* 414px */
@media (max-width: 25.875em) {

    #archives li {
        width: 70vw;
    }

    #archives li img {
        height: 44vw;
        width: 70vw;
    }

    #archives .read-more {
        font-size: 1.6rem;
    }

    #works-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-right: 2.5em;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    #works-list > li {
        margin-right: 2em;
        width: 70vw;
    }

    #works-list > li img {
        height: 70vw;
        width: 70vw;
    }

    #wrapper #works-list {
        padding: 0 3em;
    }

}