<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
Theme Name: 奥野工務店 2022
Theme URI: 
Author: 奥野工務店
Author URI: 
Description:  
Version: 202203
*/

/* CSS Document */

html,
body {
    font-size: 62.5%;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt";
    line-height: 1.578;
    color: #000;
    position: relative;
}

body {
    position: relative;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #2E2D66;
}

/*pcの時*/
a[href^="tel:"] {
    pointer-events: none;
}

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

    /*spの時*/
    a[href^="tel:"] {
        pointer-events: auto;
    }
}

img {
    width: 100%;
    height: auto;
}

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

input,
select {
    vertical-align: middle;
    border: 1px solid #999;
}

input,
select,
textarea {
    margin: 0;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
}

i.fas {
    margin: 0 10px;
}

br.pcbr {
    display: none;
}

img.pcimg {
    display: none;
}

@media screen and (min-width:480px) {
    img.pcimg {
        display: block;
    }

    img.spimg {
        display: none;
    }
}

@media screen and (min-width:769px) {
    br.spbr {
        display: none;
    }

    br.pcbr {
        display: block;
    }
}

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #FFF;
    text-align: center;
    color: #473E31;
}

/* Loading画像中央配置　*/
#splash_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
    width: 160px;
    height: auto;
}

.box {
    opacity: 0;
}

.floatshadow:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1);
    border-color: transparent;
}

/* 左から */
.fadeLeftTrigger {
    opacity: 0;
}

.fadeLeft {
    animation-name: fadeLeftAnime;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeLeftAnime {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 右から */
.fadeRightTrigger {
    opacity: 0;
}

.fadeRight {
    animation-name: fadeRightAnime;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeRightAnime {
    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger {
    opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeTrigger {
    opacity: 0;
}

.fade {
    animation-name: fadeAnime;
    animation-duration: 1.0s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.fade2 {
    animation-name: fadeAnime;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time05 {
    animation-delay: 0.5s;
}

.delay-time1 {
    animation-delay: 1s;
}

.delay-time15 {
    animation-delay: 1.5s;
}

.delay-time2 {
    animation-delay: 2s;
}

.delay-time25 {
    animation-delay: 2.5s;
}

.delay-time3 {
    animation-delay: 3s;
}

.delay-time35 {
    animation-delay: 3.5s;
}

.delay-time4 {
    animation-delay: 4s;
}


header {
    padding-bottom: 90px;
}

#headnav.drawer-navbar {
    width: 100%;
    height: auto;
    padding: 15px 0px 15px 0px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: none;
}

#headnav .drawer-brand {
    height: 100%;
    padding: 0;
}

#headnav .drawer-brand a {
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
}

#headnav.drawer-navbar .drawer-navbar-header {
    background-color: transparent;
    border-bottom: none;
    width: 150px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

#headnav .drawer-container {
    background-color: transparent;
}

#headnav .drawer-nav {
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    padding-top: 0;
}

#headnav .drawer-navbar .drawer-nav {
    padding-top: 0;
}

nav li {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 0 0 0;
    text-align: center;
}

nav li .drawer-menu-item {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 10px 20px;
    line-height: 1;
}

#headnav .banner-menu {}

#headnav .banner-menu li {
    padding: 15px 0px;
    text-align: center;
}

#headnav .banner-menu li img {
    height: 30px;
    width: auto;
}

@media screen and (min-width:480px) {
    #headnav.drawer-navbar {
        padding: 15px 20px 15px 0px;
    }

    #headnav.drawer-navbar .drawer-navbar-header {
        text-align: center;
    }
}

@media screen and (min-width:769px) {
    header {
        padding-bottom: 140px;
    }

    #headnav.drawer-navbar .drawer-navbar-header {
        width: 220px;
        height: 88px;
    }

    #headnav .drawer-brand {
        height: 88px;
    }

    #headnav .drawer-brand a {
        width: 220px;
        height: 88px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    nav li {
        border-right: 1px solid #B3B3B3;
    }

    nav .drawer-dropdown-menu li {
        border-right: none;
    }

    nav .drawer-dropdown-menu li a {
        padding-top: 0.25em;
        padding-bottom: 0.25em;
    }

    nav li:last-of-type {
        border-right: none;
    }
}

@media screen and (min-width:1024px) {
    #headnav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px 0 20px;
    }

    #headnav.drawer-navbar {
        position: fixed;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        padding: 25px 0px 25px 0px;
    }

    #headnav .drawer-nav {
        background-color: transparent;
        height: auto;
    }

    #headnav .drawer-container {
        width: 100%;
        max-width: 1092px;
        display: flex;
        justify-content: space-between;
        background-color: transparent;
    }

    #headnav .banner-menu {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 20px;
        margin: 0;
    }

    #headnav .banner-menu li {
        padding: 0px 20px;
    }

    #headnav .banner-menu li img {
        height: 30px;
        width: auto;
    }
}

section {
    margin-bottom: 80px;
}

.section-subtitle {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
}

.section-title {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 3.6rem;
    font-weight: 600;
    color: #8CB808;
    text-transform: uppercase;
}


@media screen and (min-width:480px) {
    .section-subtitle {
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.6rem;
        font-weight: 400;
    }

    .section-title {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-size: 3.6rem;
        font-weight: 600;
        color: #8CB808;
    }
}

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


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

　トップページ
 
------------------------------------------------------- */

/* ----- ラインナップ ------ */

#homevisual {
    display: flex;
    flex-direction: column-reverse;
}

#homevisual .lineup-menu ul {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

#homevisual .lineup-menu ul li {
    list-style-type: none;
    margin-bottom: 30px;
}

.lineup-menu .modellogo-chao img {
    width: 100px;
}

.lineup-menu .modellogo-rocky img {
    width: 100px;
}

.lineup-menu .modellogo-levante img {
    width: 200px;
}

.lineup-menu .modellogo-shinkokin img {
    width: 150px;
}

#homevisual .homeimages {
    margin-bottom: 50px;
}

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

@media screen and (min-width:768px) {
    #homevisual {
        position: relative;
        height: 690px;
        display: block;
    }

    #homevisual .lineup-menu {
        width: 35.83vw;
        height: 630px;
        box-sizing: border-box;
        padding: 30px 0;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(244, 238, 225, 0.5);
    }

    #homevisual .homeimages {
        width: 69.86vw;
        height: 640px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: -1;
    }

    #homevisual .lineup-menu ul li {
        margin-bottom: 0px;
    }
}

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

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

/* ----- ニュース ------ */

#news .section-header {
    width: 100%;
    max-width: 964px;
    margin: 0 auto -18px auto;
    padding: 0px 0px 0px 65px;
    box-sizing: border-box;
}

#news .section-header .container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

#news .section-header .section-title {
    line-height: 1;
    border-right: 1px solid #707070;
    padding-top: 35px;
    padding-right: 20px;
    letter-spacing: 0.1em;
}

#news .section-header .section-subtitle {
    padding-bottom: 3px;
    padding-left: 20px;
}

#news .section-body {
    width: 100%;
    max-width: 964px;
    margin: 0 auto 50px auto;
    padding: 50px 20px 20px 20px;
    background-color: #F4EEE1;
    box-sizing: border-box;
}

#news .section-body article {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30px;
}

#news .news-eyecatch {
    width: 80%;
    margin: 0 auto;
}

.news-summary {
    margin-bottom: 20px;
}

.news-summary .post-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.news-summary .post-meta li {
    list-style-type: none;
    font-size: 1.4rem;
    font-weight: 600;
    margin-right: 20px;
}

.news-summary .post-meta .post-cat span {
    padding: 7px 25px;
    display: block;
    background-color: #E7DDC5;
    border-radius: 3px;
}

.news-summary .post-title {
    font-size: 2.1rem;
    font-weight: 900;
    margin-bottom: 20px;
}

.news-summary .post-summary {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.785;
}

.news-eyecatch .viewpdf {
    margin-top: 30px;
    margin-bottom: 30px;
}

.news-eyecatch .additionalimg {
    width: 48%;
    margin-top: 10px;
}

.news-eyecatch .viewpdf a,
.post-summary .btn a {
    display: block;
    margin: 0 auto;
    width: 200px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 40px;
    background-color: #8CB808;
    color: #FFF;
    text-align: center;
}

#news .btn a {
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}

#news .post-summary .btn {
    margin: 20px 0 0 0;
}

#news-archives .post-summary .btn a {
    margin: 0 0 0 0;
}

#news .btn .link-archives a {
    font-size: 1.8rem;
    font-weight: 400;
    border: 1px solid #8CB808;
    color: #8CB808;
}

#news .btn .link-archives a:hover {
    font-size: 1.8rem;
    font-weight: 400;
    background-color: #8CB808;
    color: #FFF;
}

@media screen and (min-width:768px) {
    #news .section-body {
        width: 100%;
        max-width: 964px;
        padding: 50px 65px 20px 65px;
        background-color: #F4EEE1;
        box-sizing: border-box;
    }

    #news .section-body article {
        flex-direction: row;
        margin-bottom: 30px;
    }

    #news .section-body article&gt;div {
        padding: 15px;
        width: 50%;
        box-sizing: border-box;
    }

    #news .news-eyecatch {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .news-eyecatch .viewpdf {
        margin-bottom: 0;
    }

    .news-eyecatch .additionalimg {
        width: 48%;
        margin-top: 10px;
    }
}


/* ----- 動画 ------ */

#movies .section-header {
    background-color: #f9f6ef;
    max-width: 572px;
    width: 100%;
    margin: 0 auto 70px auto;
    padding: 40px 0 30px 0;
}

.movie-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px;
}

.movie-container {
    max-width: 572px;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

.movie-container .movie {
    width: 100%;
    padding-top: 56.34%;
    position: relative;
    border: 1px solid #707070;
}

.movie-container .movie video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.movie-container h4 {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 1em 0;
}

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

@media screen and (min-width:768px) {
    #movies .section-header {
        background-color: #f9f6ef;
        max-width: 572px;
        width: 100%;
        margin: 0 auto;
        padding: 40px 0 30px 0;
    }

    .movie-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 50px;
    }

    .movie-container {
        max-width: 572px;
        width: 100%;
        margin: 0 24px 24px 24px;
        text-align: center;
    }

    .movie-container:first-child {
        max-width: 100%;
        margin: 0 auto 24px auto;
    }

    .movie-container .movie {
        width: 572px;
        padding-top: 322px;
    }

    .movie-container:first-child .movie {
        margin: 0 auto 0 auto;
    }
}


/* ----- オーナーズボイス ------ */

#ownersvoice {
    margin-bottom: 0;
}

#ownersvoice .section-header {
    margin-bottom: 30px;
}

#ownersvoice .section-header .container {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#ownersvoice .section-header .section-title {
    line-height: 1;
    margin-right: 25px;
}

#ownersvoice .section-body {
    background-color: #E7DDC5;
    padding-bottom: 45px;
}

.voice-header {
    width: 100%;
}

.voice-header .voice-eyscatch {}

.voice-header .voice-eyscatch img {}

.voice-header .voice-title {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 40px 20px 60px 20px;
    margin-top: 50px;
    box-sizing: border-box;
    z-index: 10;
}

.voice-header .voice-title h4 {
    font-size: 3.6rem;
    font-weight: 900;
    margin-bottom: 1em;
}

.voice-header .voice-title p {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 0em;
}

.voice-contents {
    width: 100%;
    max-width: 1200px;
    margin: -140px auto 60px auto;
    box-sizing: border-box;
    padding: 160px 20px 20px 20px;
}

.voice-contents .voice-text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 30px;
}

.voice-contents .voice-images {}

.voice-contents .voice-images img {}

.voice-navi {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto 0 auto;
}

.voice-navi-title {
    padding-top: 15px;
    margin-bottom: 30px;
}

.voice-navi-title h3 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 0.5em;
    text-align: center;
}

.voice-navi-title p {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
}

.voice-navi-list {
    display: flex;
    flex-wrap: wrap;
}

.voice-navi-list li {
    width: 150px;
    height: 130px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin: 15px;
    padding: 0;
    list-style-type: none;
}

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

@media screen and (min-width:768px) {
    #ownersvoice .section-header {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 30px;
    }

    #ownersvoice .section-header .container {
        width: 50vw;
        box-sizing: border-box;
        padding-left: 36px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    #ownersvoice .section-header .section-title {
        line-height: 1;
        margin-right: 25px;
    }

    #ownersvoice .section-body {
        background-color: #E7DDC5;
        padding-bottom: 45px;
    }

    .voice-header {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .voice-header .voice-eyscatch {
        width: 50vw;
    }

    .voice-header .voice-eyscatch img {
        margin-top: -70px;
    }

    .voice-header .voice-title {
        width: 40vw;
        background-color: rgba(255, 255, 255, 0.7);
        padding: 40px 20px 60px 120px;
        margin-top: 50px;
        margin-left: -92px;
        box-sizing: border-box;
        z-index: 10;
    }

    .voice-header .voice-title h4 {
        font-size: 3.6rem;
        font-weight: 900;
        margin-bottom: 1em;
    }

    .voice-header .voice-title p {
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: 0em;
    }

    .voice-contents {
        width: 100%;
        max-width: 1160px;
        margin: -140px auto 60px auto;
        display: flex;
        align-items: flex-end;
        padding-top: 160px;
    }

    .voice-contents .voice-text {
        width: 57%;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2;
        margin-bottom: 0;
    }

    .voice-contents .voice-images {
        width: 40%;
    }

    .voice-contents .voice-images img {
        margin-left: 100px;
    }

    .voice-navi {
        width: 100%;
        max-width: 1160px;
        margin: 0 auto 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .voice-navi-title {
        padding-top: 15px;
        margin-bottom: 0;
    }

    .voice-navi-title h3 {
        font-size: 3.2rem;
        font-weight: 700;
        color: #8CB808;
        margin-bottom: 0.5em;
        text-align: left;
    }

    .voice-navi-title p {
        font-size: 1.6rem;
        font-weight: 400;
        text-align: left;
    }

    .voice-navi-list {
        width: 768px;
        display: flex;
        flex-wrap: wrap;
    }

    .voice-navi-list li {
        width: 150px;
        height: 130px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        margin: 15px;
        padding: 0;
        list-style-type: none;
    }
}


/* ----- スタッフ ------ */

#staff {
    background: url(images/bg-staff.png) center bottom no-repeat;
    background-size: cover;
    margin-bottom: 80px;
}

#staff .section-header .container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#staff .section-header a {
    display: block;
    margin-top: 65px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 65px;
    max-width: 670px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 45px 0 30px 0;
    box-sizing: border-box;
    color: #000;
}

#staff .section-header .section-title {
    font-size: 3.2rem;
    color: #000;
}

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

@media screen and (min-width:768px) {
    #staff {
        background: url(images/bg-staff.png) center bottom no-repeat;
        background-size: cover;
        margin-bottom: 106px;
    }

    #staff .section-header .container {
        width: 100%;
        height: 30vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #staff .section-header a {
        display: block;
        margin-top: 65px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        max-width: 670px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        padding: 45px 0 30px 0;
        box-sizing: border-box;
        color: #000;
    }
}

/* ----- コンセプト一覧 ------ */

#concept {
    margin-bottom: 60px;
}

#concept .section-header {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

#concept .section-header .container {
    background-color: #f9f6ef;
    padding: 15px 25px 15px 15px;
    box-sizing: border-box;
}

#concept .section-header .section-title,
#concept .section-header .section-subtitle {
    text-align: center;
}

.concept-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: 65px auto 0 auto;
}

.concept-list .concept {
    max-width: 376px;
    width: 100%;
    margin: 0 20px 65px 20px;
    box-sizing: border-box;
}


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

@media screen and (min-width:768px) {
    #concept .section-header .container {
        width: calc(396px - calc(50% - 50vw));
        background-color: #f9f6ef;
        margin-left: calc(50% - 50vw);
        height: 150px;
        padding: 15px 25px 0 15px;
        box-sizing: border-box;
    }

    #concept .section-header .section-title,
    #concept .section-header .section-subtitle {
        text-align: right;
    }

    .concept-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1280px;
        margin: 40px auto 0 auto;
    }

    .concept-list .concept {
        width: 376px;
        margin: 0 20px 65px 20px;
    }
}


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

　下層ページ
 
------------------------------------------------------- */

/* ----- 共通部分 ------ */

#pageheader {}

#headerimages {}

#pageheader .section-header {
    padding-top: 45px;
    margin-bottom: 50px;
}

.pghouse #pageheader .section-header .section-subtitle {
    font-size: 1.8rem;
    font-weight: 700;
}

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

@media screen and (min-width:768px) {
    #pageheader {
        position: relative;
        height: 340px;
    }

    #pageheader .section-header {
        width: 35.83vw;
        height: 220px;
        box-sizing: border-box;
        padding: 35px 0 30px 0;
        margin-bottom: 0px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(244, 238, 225, 0.5);
    }

    #pageheader .section-header .container {
        padding-right: 8vw;
    }

    #pageheader .section-header .section-title,
    #pageheader .section-header .section-subtitle {
        text-align: right;
    }

    #pageheader .headerimages {
        width: 69.86vw;
        height: 300px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: -1;
        overflow: hidden;
    }

    #pageheader .headerimages img {
        object-fit: cover;
        object-position: bottom;
    }

    .pghouse #pageheader {
        position: relative;
        height: 700px;
    }

    .pghouse #pageheader .section-header {
        width: 35.83vw;
        height: auto;
        box-sizing: border-box;
        padding: 30px 0;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(244, 238, 225, 0.5);
    }

    .pghouse #pageheader .headerimages {
        width: 69.86vw;
        height: auto;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: 1;
    }

    .pghouse #pageheader .headerimages p {
        max-width: 964px;
        margin-right: 20px;
    }

    #pgmodel-chao #pageheader .section-header .section-title img {
        width: 150px;
        height: auto;
    }

    #pgmodel-levante #pageheader .section-header .section-title img {
        width: 220px;
        height: auto;
    }

    #pgmodel-rocky #pageheader .section-header .section-title img {
        width: 150px;
        height: auto;
    }

    #pgmodel-shinkokin #pageheader .section-header .section-title img {
        width: 200px;
        height: auto;
    }
}

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

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


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

モデルページ 共通
 
------------------------------------------------------- */

.pghouse h3 {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

.pghouse p {
    font-size: 1.6rem;
    line-height: 1.785;
}

#pgmodel-chao #pageheader .section-header .section-title img {
    width: 100px;
}

#pgmodel-rocky #pageheader .section-header .section-title img {
    width: 100px;
}

#pgmodel-levante #pageheader .section-header .section-title img {
    width: 200px;
}

#pgmodel-shinkokin #pageheader .section-header .section-title img {
    width: 150px;
}

@media screen and (min-width:480px) {
    .pghouse h3 {
        font-size: 3.2rem;
        line-height: 1.785;
    }

    .pghouse p {
        font-size: 1.8rem;
        line-height: 1.785;
    }
}

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


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

モデル chao ページ
 
------------------------------------------------------- */

#pgmodel-chao h3 {
    color: #947864;
}

#pgmodel-chao #pageheader {
    margin-bottom: 80px;
}

#pgmodel-chao #modelinfo {
    background: url(images/bg_modelchao-modelinfo.jpg) center top no-repeat;
    background-size: cover;
    margin-bottom: 70px;
    padding-top: 10px;
}

#pgmodel-chao #modelinfo .section01 {
    max-width: 1004px;
    margin: 30px auto 0px auto;
}

#pgmodel-chao #modelinfo .section01 .col:first-of-type {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

#pgmodel-chao #modelinfo .section01 .col:last-of-type {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

#pgmodel-chao #modelinfo .section01 h3 {
    margin-bottom: 30px;
}

#pgmodel-chao #modelinfo .section01 h3+p {
    font-size: 1.6rem;
    margin-bottom: 50px;
    line-height: 1.785;
}

#pgmodel-chao #modelinfo .section01 .photo {
    margin-bottom: 30px;
}

#pgmodel-chao #modelinfo .section02 {
    margin: 0 auto 0 auto;
    padding: 0 5px 75px 5px;
}

#pgmodel-chao #modelinfo .section02 .photo {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

#pgmodel-chao #modelfeatures .section-summary {
    max-width: 1004px;
    padding: 0 20px;
    margin: 0 auto 110px auto;
    box-sizing: border-box;
}

#pgmodel-chao #modelfeatures .section-body {
    max-width: 964px;
    margin: 0 auto 140px auto;
}

#pgmodel-chao #modelfeatures .feature-item {
    margin-bottom: 40px;
}

#pgmodel-chao #modelfeatures .feature-item .feature-discription {
    width: 100%;
}

#pgmodel-chao #modelfeatures .feature-item .feature-discription .discription-text {
    background-color: #F4EEE1;
    padding: 30px 30px 30px 30px;
    margin-left: 0px;
    box-sizing: border-box;
    max-width: 598px;
}

#pgmodel-chao #modelfeatures .feature-item:nth-of-type(even) .feature-discription .discription-text {
    padding: 30px 30px 30px 30px;
    margin-left: auto;
    margin-right: 0px;
}

#pgmodel-chao #modelfeatures .feature-item .feature-discription h4 {
    font-size: 2.1rem;
    color: #947864;
    margin-bottom: 1em;
}

#pgmodel-chao #modelfeatures .feature-item .feature-discription h4 span {
    font-size: 1.4rem;
    color: #947864;
    display: block;
    margin-bottom: ;
}

#pgmodel-chao #modelfeatures .feature-item .feature-discription p {
    font-size: 1.4rem;
}

#pgmodel-chao #modelfeatures .feature-item .feature-image {
    width: 100%;
    z-index: 1;
}

#pgmodel-chao #modelfeatures .feature-item .feature-image img {
    width: 100%;
}

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

@media screen and (min-width:768px) {
    #pgmodel-chao #pageheader {
        margin-bottom: 200px;
    }

    #pgmodel-chao #modelinfo {
        margin-bottom: 70px;
        padding-top: 0px;
    }

    #pgmodel-chao #modelinfo .section01 {
        max-width: 1004px;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin: 0 auto 50px auto;
    }

    #pgmodel-chao #modelinfo .section01 .col:first-of-type {
        width: 557px;
        padding: 0 20px;
        margin-top: -145px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #pgmodel-chao #modelinfo .section01 .col:last-of-type {
        width: 406px;
        padding: 0 20px;
        margin-top: -145px;
    }

    #pgmodel-chao #modelinfo .section01 h3 {
        margin-bottom: 80px;
    }

    #pgmodel-chao #modelinfo .section01 h3+p {
        font-size: 1.8rem;
        margin-bottom: 50px;
        line-height: 1.785;
    }

    #pgmodel-chao #modelinfo .section01 .photo {
        margin-bottom: 0px;
    }

    #pgmodel-chao #modelinfo .section01 .photo:first-of-type {
        margin-bottom: 20px;
    }

    #pgmodel-chao #modelinfo .section02 {
        display: flex;
        justify-content: center;
        margin: 0 auto 0 auto;
        padding-bottom: 75px;
    }

    #pgmodel-chao #modelinfo .section02 .photo {
        padding: 15px;
        width: 396px;
        box-sizing: border-box;
    }

    #pgmodel-chao #modelfeatures .feature-item {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-bottom: 90px;
    }

    #pgmodel-chao #modelfeatures .feature-item:nth-of-type(even) {
        flex-direction: row;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-discription {
        width: 62%;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-discription .discription-text {
        background-color: #F4EEE1;
        padding: 30px 30px 30px 60px;
        margin-left: -30px;
        box-sizing: border-box;
        max-width: 598px;
    }

    #pgmodel-chao #modelfeatures .feature-item:nth-of-type(even) .feature-discription .discription-text {
        padding: 30px 60px 30px 30px;
        margin-left: auto;
        margin-right: -30px;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-discription h4 {
        font-size: 2.4rem;
        color: #947864;
        margin-bottom: 1em;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-discription h4 span {
        font-size: 1.8rem;
        color: #947864;
        display: block;
        margin-bottom: ;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-discription p {
        font-size: 1.6rem;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-image {
        width: 38%;
        z-index: 1;
    }

    #pgmodel-chao #modelfeatures .feature-item .feature-image img {
        margin-top: -30px;
    }
}


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

モデル levante ページ
 
------------------------------------------------------- */

#pgmodel-levante h3 {
    color: #8CB808;
}

#pgmodel-levante #pageheader {
    margin-bottom: 70px;
}

#pgmodel-levante #modelinfo .summary {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#pgmodel-levante .columns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#pgmodel-levante #modelinfo .message {
    width: 180px;
    margin-bottom: 30px;
}

#pgmodel-levante #modelinfo .msgphoto {
    width: 100%;
}

#pgmodel-levante #modelfeatures .feature-item {
    width: ;
    margin: 0 auto 80px auto;
    padding: 0 20px;
}

#pgmodel-levante #modelfeatures .feature-item .col {
    width: 100%;
}

#pgmodel-levante #modelfeatures .feature-item h3 {
    max-width: 1005px;
    margin: 0 auto 40px auto;
    padding: 0 20px;
    font-size: 2.4rem;
    box-sizing: border-box;
}

#pgmodel-levante #modelfeatures .lead-contents {
    max-width: 1005px;
    margin: 0 auto 60px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#pgmodel-levante #modelfeatures .lead-contents p {
    font-size: 1.4rem;
    margin-bottom: 1.5em;
}

#pgmodel-levante #modelfeatures .detail-items {
    max-width: 1186px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
}

#pgmodel-levante #modelfeatures .detail-items .col {
    width: 100%;
    margin-bottom: 20px;
}

#pgmodel-levante #modelfeatures .feature01 .detail-items .col:last-of-type {
    margin-bottom: 0px;
}

#pgmodel-levante #modelfeatures .detail-item-footnote {
    width: 100%;
}

#pgmodel-levante #modelfeatures .detail-items p {
    font-size: 1.4rem;
}

#pgmodel-levante #modelfeatures .detail-items .photo {
    margin-bottom: 10px;
}

@media screen and (min-width:480px) {
    #pgmodel-levante #modelinfo .message {
        width: 225px;
    }

    #pgmodel-levante #modelfeatures .feature-item h3 {
        font-size: 3.2rem;
    }

    #pgmodel-levante #modelfeatures .feature-item .col {
        width: 475px;
    }

    #pgmodel-levante #modelfeatures .detail-items .col {
        width: 366px;
        margin-bottom: 50px;
    }

    #pgmodel-levante #modelfeatures .detail-items p {
        font-size: 1.6rem;
    }

    #pgmodel-levante #modelfeatures .detail-items .photo {
        margin-bottom: 25px;
    }

    #pgmodel-levante #modelfeatures .lead-contents p {
        font-size: 1.6rem;
    }
}

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

    #pgmodel-levante .columns {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
    }

    #pgmodel-levante #modelinfo .msgphoto {
        width: 572px;
    }

    #pgmodel-levante #modelfeatures .feature01 .detail-items .col {
        margin-bottom: 0px;
    }
}


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

モデル Rocky ページ
 
------------------------------------------------------- */

#pgmodel-rocky h3 {
    color: #947864;
}

#pgmodel-rocky #pageheader {
    margin-bottom: 70px;
}

#pgmodel-rocky #modelinfo .section01 {
    display: flex;
    justify-content: center;
    margin: 0 auto 7px auto;
}

#pgmodel-rocky #modelinfo .section01 .col:first-of-type {
    width: 768px;
    padding: 0 8px;
}

#pgmodel-rocky #modelinfo .section01 .col:last-of-type {
    width: 376px;
    padding: 0 8px;
}

#pgmodel-rocky #modelinfo .summary {
    background: url(images/bg_modelrocky-modelinfo.png) center top no-repeat;
    background-size: cover;
    margin-bottom: 8px;
    padding-top: 20px;
}

#pgmodel-rocky #modelinfo .section02 {
    max-width: 1176px;
    margin: 0 auto 0 auto;
}

#pgmodel-rocky #modelinfo .section02 .col {
    padding: 0;
    margin: 0;
}

#pgmodel-rocky #modelinfo .section02 .col:last-of-type {
    width: 100%;
}

#pgmodel-rocky #modelinfo .section02 .col:last-of-type .photo {
    height: 100%;
    overflow: hidden;
}

#pgmodel-rocky #modelinfo .section02 .col:last-of-type .photo img {
    height: 100%;
    object-fit: cover;
}

#pgmodel-rocky #modelinfo .section02 .col:first-of-type {
    padding: 32px 8px 8px 16px;
}

#pgmodel-rocky #modelinfo .summary h3 {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px 0 20px;
    margin: 0 auto 30px auto;
    color: #FFF;
    box-sizing: border-box;
}

#pgmodel-rocky #modelinfo .summary .section02 p {
    font-size: 1.6rem;
    margin-bottom: 1em;
    line-height: 1.785;
    color: #FFF;
}

#pgmodel-rocky #modelinfo .summary .section02 p br {
    display: none;
}

#pgmodel-rocky #modelinfo .section02 img {
    display: block;
}

#pgmodel-rocky #modelinfo .section03 {
    display: flex;
    justify-content: center;
    margin: 0 auto 100px auto;
}

#pgmodel-rocky #modelinfo .section03 .col {
    padding: 8px;
    width: 392px;
    box-sizing: border-box;
}

#pgmodel-rocky #modelfeatures .section-summary {
    max-width: 1004px;
    padding: 0 20px;
    margin: 0 auto 70px auto;
    box-sizing: border-box;
}

#pgmodel-rocky #modelfeatures .section-body {
    max-width: 1160px;
    margin: 0 auto 70px auto;
}

#pgmodel-rocky #modelfeatures .feature-item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 50px;
}

#pgmodel-rocky #modelfeatures .feature-item:nth-of-type(even) {
    flex-direction: column;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-discription {
    width: 100%;
}

#pgmodel-rocky #modelfeatures .feature-item:nth-of-type(1) .feature-discription {
    background-color: #9FAB5D;
}

#pgmodel-rocky #modelfeatures .feature-item:nth-of-type(2) .feature-discription {
    background-color: #C1918C;
}

#pgmodel-rocky #modelfeatures .feature-item:nth-of-type(3) .feature-discription {
    background-color: #CBAC65;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-discription .discription-text {
    padding: 30px 20px 30px 20px;
    box-sizing: border-box;
}

#pgmodel-rocky #modelfeatures .feature-item:nth-of-type(even) .feature-discription .discription-text {
    padding: 30px 20px 30px 20px;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-discription h4 {
    font-size: 2.1rem;
    color: #FFF;
    margin-bottom: 1em;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-discription p {
    font-size: 1.4rem;
    color: #FFF;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-image {
    width: 100%;
}

#pgmodel-rocky #modelfeatures .feature-item .feature-image img {
    display: block;
}

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

    #pgmodel-rocky #modelinfo .summary .section02 p br {
        display: block;
    }
}

@media screen and (min-width:768px) {
    #pgmodel-rocky #modelinfo .section02 {
        max-width: 1176px;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin: 0 auto 0 auto;
    }

    #pgmodel-rocky #modelinfo .section02 .col:first-of-type {
        width: calc(100% - 408px);
        padding: 0 8px;
        margin: 0;
    }

    #pgmodel-rocky #modelinfo .section02 .col:last-of-type {
        padding: 8px 8px 0px 8px;
        width: 392px;
        box-sizing: border-box;
    }

    #pgmodel-rocky #modelinfo .summary .section02 p {
        font-size: 1.8rem;
        margin-bottom: 1em;
        line-height: 1.785;
        color: #FFF;
    }

    #pgmodel-rocky #modelfeatures .feature-item {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-bottom: 50px;
    }

    #pgmodel-rocky #modelfeatures .feature-item:nth-of-type(even) {
        flex-direction: row;
    }

    #pgmodel-rocky #modelfeatures .feature-item .feature-discription {
        width: 50%;
    }

    #pgmodel-rocky #modelfeatures .feature-item .feature-discription .discription-text {
        padding: 40px 15px 15px 50px;
        box-sizing: border-box;
    }

    #pgmodel-rocky #modelfeatures .feature-item:nth-of-type(even) .feature-discription .discription-text {
        padding: 30px 60px 30px 30px;
    }

    #pgmodel-rocky #modelfeatures .feature-item .feature-discription h4 {
        font-size: 2.4rem;
        color: #FFF;
        margin-bottom: 1em;
    }

    #pgmodel-rocky #modelfeatures .feature-item .feature-discription p {
        font-size: 1.6rem;
        color: #FFF;
    }

    #pgmodel-rocky #modelfeatures .feature-item .feature-image {
        width: 50%;
    }
}


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

モデル 新古今 ページ
 
------------------------------------------------------- */

#pgmodel-shinkokin h3 {
    color: #8CB808;
}

#pgmodel-shinkokin .feature-item h4 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #947864;
    margin-bottom: 0.5em;
}

#pgmodel-shinkokin .feature-item h5 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #947864;
    margin-bottom: 1.5em;
}

#pgmodel-shinkokin p {
    margin-bottom: 1.5em;
}

#pgmodel-shinkokin #pageheader {
    margin-bottom: 70px;
}

#pgmodel-shinkokin #modelinfo .summary {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#pgmodel-shinkokin .columns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#pgmodel-shinkokin #modelinfo .message {
    width: 180px;
    margin-bottom: 30px;
}

#pgmodel-shinkokin #modelinfo .msgphoto {
    width: 100%;
}

#pgmodel-shinkokin #modelfeatures .feature-item {
    margin: 0 auto 80px auto;
    padding: 0 20px;
}

#pgmodel-shinkokin #modelfeatures .feature-item .col {}

#pgmodel-shinkokin #modelfeatures .feature-item h3 {
    max-width: 1004px;
    margin: 0 auto 40px auto;
    padding: 0px;
    font-size: 2.4rem;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .lead-contents {
    max-width: 1004px;
    margin: 0 auto 60px auto;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .lead-contents p {
    font-size: 1.6rem;
    margin-bottom: 1.5em;
}

#pgmodel-shinkokin #modelfeatures .detail-items {
    max-width: 1004px;
    margin: 0 auto;
    box-sizing: border-box;
    flex-wrap: wrap;
}

#pgmodel-shinkokin #modelfeatures .detail-items .col {}

#pgmodel-shinkokin #modelfeatures .second-contents {
    max-width: 964px;
    margin: 0 auto 60px auto;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .feature01 .detail-items col {
    margin-bottom: 70px;
}

#pgmodel-shinkokin #modelfeatures .feature02 h3 {
    max-width: 964px;
    margin: 0 auto;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .feature02 .lead-contents {
    max-width: 964px;
    margin: 40px auto 40px auto;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .feature02 .lead-contents .col {
    width: 100%;
}

#pgmodel-shinkokin #modelfeatures .feature02 .lead-contents .col h4 {
    margin-bottom: 1em;
}

#pgmodel-shinkokin #modelfeatures .feature02 .detail-items {
    max-width: 1190px;
    padding: 0px;
}

#pgmodel-shinkokin #modelfeatures .feature02 .detail-items .col {
    padding: 0 15px;
    box-sizing: border-box;
}

#pgmodel-shinkokin #modelfeatures .feature02 .detail-items .col1 {}

#pgmodel-shinkokin #modelfeatures .feature02 .detail-items03 {}

#pgmodel-shinkokin #modelfeatures .feature02 .detail-items p {
    font-size: 1.4rem;
}

#pgmodel-shinkokin #modelfeatures .feature02 .photo {
    margin-bottom: 10px;
}

@media screen and (min-width:480px) {
    #pgmodel-shinkokin #modelinfo .message {
        width: 225px;
    }
}

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

    #pgmodel-shinkokin .feature-item h4 {
        font-size: 3.2rem;
        font-weight: 700;
        color: #947864;
        margin-bottom: 0.5em;
    }

    #pgmodel-shinkokin .feature-item h5 {
        font-size: 2.4rem;
        font-weight: 700;
        color: #947864;
        margin-bottom: 1.5em;
    }

    #pgmodel-shinkokin .columns {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
    }

    #pgmodel-shinkokin #modelinfo .msgphoto {
        width: 572px;
    }

    #pgmodel-shinkokin #modelfeatures .feature-item .col {
        width: 475px;
    }

    #pgmodel-shinkokin #modelfeatures .feature-item h3 {
        padding: 0 20px;
        font-size: 3.2rem;
    }

    #pgmodel-shinkokin #modelfeatures .lead-contents {
        margin: 0 auto 40px auto;
        padding: 0 20px;
    }

    #pgmodel-shinkokin #modelfeatures .detail-items {
        max-width: 1004px;
        margin: 0 auto 0px auto;
        padding: 0 20px;
        box-sizing: border-box;
        flex-wrap: wrap;
    }

    #pgmodel-shinkokin #modelfeatures .feature01 .detail-items {
        margin: 0 auto 40px auto;
    }

    #pgmodel-shinkokin #modelfeatures .feature01 .detail-items .col {
        margin-bottom: 0px;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .detail-items {
        max-width: 1190px;
        padding: 0px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .detail-items p {
        font-size: 1.6rem;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .photo {
        margin-bottom: 25px;
    }

    #pgmodel-shinkokin #modelfeatures .detail-items .col {
        width: 455px;
        margin-bottom: 50px;
    }

    #pgmodel-shinkokin #modelfeatures .second-contents {
        max-width: 1004px;
        margin: 0 auto 60px auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    #pgmodel-shinkokin #modelfeatures .second-contents .col:first-of-type {
        width: 552px;
    }

    #pgmodel-shinkokin #modelfeatures .second-contents .col:last-of-type {
        width: 375px;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .detail-items .col {
        width: 396px;
        padding: 0 15px;
        margin-bottom: 0;
        box-sizing: border-box;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .detail-items .col1 {
        width: 794px;
    }

    #pgmodel-shinkokin #modelfeatures .feature02 .detail-items03 {
        align-items: flex-end;
        margin-top: -250px;
    }
}


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

モデル  ページ
 
------------------------------------------------------- */


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

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


/* ----- モデル 共通部分 ------ */

#modelmaterials .container {
    max-width: 1004px;
    padding: 0 20px;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}

#modelmaterials .material-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 1192px;
    padding: 0 10px;
    margin: 0 auto 80px auto;
    box-sizing: border-box;
}

.material-list .material-item {
    margin: 0 12px 24px 12px;
    width: 366px;
}

.material-item img {
    margin-bottom: 15px;
}

.material-item h4 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #947864;
    margin-bottom: 0.25em;
}

.material-item p {
    font-size: 1.4rem;
}

#modelspec .container {
    max-width: 1004px;
    padding: 0 20px;
    margin: 0 auto 110px auto;
    box-sizing: border-box;
}

#modelspec h3 {
    margin-bottom: 30px;
}

.spectable {
    border-bottom: 1px solid #707070;
    margin-top: 30px;
}

#pgmodel-shinkokin .spectable h4,
#pgmodel-levante .spectable h4 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1899DB;
    padding: 0.4em 0 0 0.4em;
    margin-bottom: 1em;
}

#pgmodel-chao .spectable h4,
#pgmodel-rocky .spectable h4 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #947864;
    padding: 0.4em 0 0 0.4em;
    margin-bottom: 1em;
}

.spectable table {
    width: 100%;
    max-width: 688px;
    font-size: 1.4rem;
}

.spectable table th {
    width: 30%;
    font-weight: 600;
    padding: 1em;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #707070;
    background-color: #F4EEE1;
}

.spectable table td {
    width: 70%;
    padding: 1em;
    box-sizing: border-box;
    border-bottom: 1px solid #707070;
}

.spectable table tr:last-of-type th,
.spectable table tr:last-of-type td {
    border-bottom: none;
}

#modelspec .container .footnote {
    margin-top: 1em;
    font-size: 1.4rem;
}

@media screen and (min-width:480px) {
    #modelmaterials .container {
        margin: 0 auto 90px auto;
    }

    #modelmaterials .material-list {
        margin: 0 auto 170px auto;
    }

    .material-item h4 {
        font-size: 2.4rem;
    }

    .material-item p {
        font-size: 1.6rem;
    }

    .spectable {
        display: flex;
        border-bottom: 1px solid #707070;
    }

    #pgmodel-shinkokin .spectable h4,
    #pgmodel-levante .spectable h4 {
        width: 18.5%;
        font-size: 2.4rem;
        margin-bottom: 0;
    }

    #pgmodel-chao .spectable h4,
    #pgmodel-rocky .spectable h4 {
        width: 18.5%;
        font-size: 2.4rem;
        margin-bottom: 0;
    }

    .spectable table {
        width: 81.5%;
        font-size: 1.6rem;
    }

    #modelspec .container .footnote {
        font-size: 1.6rem;
    }
}

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


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

コンセプト ページ
 
------------------------------------------------------- */

#whatskomikomi {
    margin-bottom: 130px;
}

#concepts .section-body {
    width: 100%;
    max-width: 1006px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.concept-contents {
    margin-bottom: 100px;
    margin-top: -100px;
    padding-top: 100px;
}

.concept-contenttitle,
.concept-contentbody {}

.concept-contenttitle h3 {
    margin-bottom: 50px;
}

.concept-contents p {
    font-size: 1.6rem;
    margin-bottom: 1.5em;
    line-height: 1.785;
}

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

@media screen and (min-width:768px) {
    .concept-contents {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 100px;
        margin-top: -140px;
        padding-top: 140px;
    }

    .concept-contents:nth-of-type(even) {
        flex-direction: row-reverse;
    }

    .concept-contenttitle,
    .concept-contentbody {
        width: 48.56%;
    }

    .concept-contenttitle h3 {
        margin-bottom: 50px;
    }

    .concept-contents p {
        font-size: 1.6rem;
        margin-bottom: 1.5em;
        line-height: 1.785;
    }

    #concept01 .fig-image {
        width: 100%;
    }

    #concept01 .fig-image img {
        max-width: 762px;
        display: block;
        margin: 0 auto;
    }
}


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

自然素材 ページ
 
------------------------------------------------------- */

#pgmaterials #pageheader {
    margin-bottom: 50px;
}

#pgmaterials #pageheader .section-header .section-title {
    line-height: 1.2;
    margin-bottom: 10px;
}

#pgmaterials #pageheader .section-header {
    padding-top: 45px;
}

#materials .section-header h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    text-align: center;
    margin-bottom: 90px;
}

#premierleven.concept-contents {
    max-width: 1006px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto 100px auto;
}

#premierleven.concept-contents .concept-contenttitle {
    width: 392px;
}

#premierleven.concept-contents .concept-contentbody {
    width: calc(100% - 430px);
    padding-top: 20px;
}

#premierleven.concept-contents h4 {
    font-size: 2.4rem;
    font-size: 700;
    margin-bottom: 1em;
    margin-left: -110px;
    color: #8CB808;
}

#premierleven.concept-contents h5 {
    font-size: 2.1rem;
    font-size: 500;
    margin-bottom: 1em;
}

#sickhouse.concept-subcontents {
    max-width: 1160px;
    padding: 0 20px 30px 20px;
    box-sizing: border-box;
    margin: 0 auto 70px auto;
    background-color: #f9f6ef;
    background-image: url(images/contentsbg-sickhouse.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sickhouse.concept-subcontents .concept-contenttitle {
    max-width: 750px;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    margin: -40px auto 50px auto;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
}

#sickhouse.concept-subcontents .concept-contenttitle h3 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: #0099DB;
    margin-bottom: 0;
    line-height: 1.2;
}

#sickhouse .concept-contentbody {
    max-width: 864px;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 auto;
}

#sickhouse .concept-contentbody .column {
    font-size: 1.6rem;
    margin-bottom: 50px;
}

#sickhouse .concept-contentbody .column h4 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 0.75em;
}

#sickhouse .concept-contentbody .column p {
    margin-bottom: 1em;
}

#sickhouse .concept-contentbody .subcolumn {
    font-size: 1.4rem;
}

#sickhouse .concept-contentbody .subcolumn h5 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 1em;
}

#sickhouse .concept-contentbody .subcolumn h6 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5em;
}

#sickhouse .concept-contentbody .subcolumn p {
    margin-bottom: 1em;
}

#sickhouse .concept-contentbody .subcolumn strong {
    font-weight: 700;
    color: #8CB808;
}

#xeolite {
    width: 100%;
}

#xeolite.concept-contentbody h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    text-align: center;
    margin-bottom: 90px;
}

#xeolite .col3 {
    margin-bottom: 100px;
}

#xeolite .col3 .col {
    margin: 20px 20px 40px 20px;
}

#xeolite .col3 .col h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.278em;
}

#xeolite .col3 .col p {
    font-size: 1.6rem;
}

#xeolite .col2 {
    max-width: 966px;
    padding: 0 20px;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}

#xeolite .col2 .col {
    margin: 20px;
}

#xeolite .col2 .col h4 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.278em;
    color: #0099DB;
}

#xeolite .col2 .col p {
    font-size: 1.4rem;
}

#xeolite .col2 .col&gt;p {
    margin-bottom: 1em;
}

#xeolite .col2 .col strong {
    font-size: 1.8rem;
    font-weight: 700;
    color: #707070;
}

#xeolite .col2 .col h4 span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #707070;
    display: block;
}

#xeolite #material-wood.col2 .col h4 {
    margin-bottom: 0.5em;
}

#xeolite #material-wood.col2 .col h4:last-of-type {
    margin-bottom: 1.278em;
}

#xeolite .col2 .col ul {
    font-size: 1.4rem;
    margin-left: 1.5em;
    margin-bottom: 0.5em;
}

#xeolite .col2 .col .footnote {
    font-size: 1.2rem;
}

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

@media screen and (min-width:768px) {
    #pgmaterials #pageheader {
        margin-bottom: 100px;
    }

    #materials .section-header h3 {
        font-size: 3.2rem;
        ;
        margin-bottom: 90px;
    }

    #sickhouse.concept-subcontents .concept-contenttitle h3 {
        font-size: 2.4rem;
    }

    #sickhouse .concept-contentbody {
        max-width: 864px;
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    #sickhouse .concept-contentbody .column {
        width: 53%;
        margin-left: 11%;
        font-size: 1.6rem;
    }

    #sickhouse .concept-contentbody .column h4 {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 0.75em;
    }

    #sickhouse .concept-contentbody .column p {
        margin-bottom: 1em;
    }

    #sickhouse .concept-contentbody .subcolumn {
        width: 32%;
        font-size: 1.4rem;
    }

    #xeolite.concept-contentbody h3 {
        font-size: 3.2rem;
        ;
        margin-bottom: 90px;
    }

    #xeolite .col3 {
        margin-bottom: 100px;
        display: flex;
        justify-content: center;
    }

    #xeolite .col3 .col {
        width: 356px;
        margin: 20px;
    }

    #xeolite .col3 .col h4 {
        font-size: 2.1rem;
        font-weight: 700;
    }

    #xeolite .col2 {
        max-width: 1006px;
        padding: 0 20px;
        margin: 0 auto 50px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }

    #xeolite .col2 .col {
        width: 454px;
        margin: 20px;
    }

    #xeolite .col2 .col h4 {
        font-size: 2.7rem;
        font-weight: 700;
        margin-bottom: 1.278em;
        color: #0099DB;
    }

    #xeolite .col2 .col h4 span {
        font-size: 1.8rem;
        font-weight: 500;
        color: #707070;
        display: block;
    }

    #xeolite .col2 .col p {
        font-size: 1.6rem;
    }

    #xeolite .col2 .col strong {
        font-size: 2.1rem;
        font-weight: 700;
        color: #707070;
    }

    #xeolite #material-wood.col2 .col h4 {
        margin-bottom: 0.5em;
    }

    #xeolite #material-wood.col2 .col h4:last-of-type {
        margin-bottom: 1.278em;
    }

    #xeolite .col2 .col ul {
        font-size: 1.6rem;
        margin-left: 1.5em;
        margin-bottom: 0.5em;
    }

    #xeolite .col2 .col .footnote {
        font-size: 1.4rem;
    }
}


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

フォロー ページ
 
------------------------------------------------------- */

#afterservice .section-header .container {
    max-width: 808px;
    padding: 0 20px;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}

#afterservice .section-header .container h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 1.5em;
}

#afterservice .section-header .container p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.5em;
    line-height: 1.8;
}

#afterservice .service-contents {
    max-width: 784px;
    padding: 0px 0px;
    margin: 0 auto 30px auto;
    box-sizing: border-box;
}

.service-contents .contenttitle {
    margin: 0 8px;
    padding: 15px 15px 15px 20px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
}

.service-contents .contenttitle h3 {
    font-size: 2.1rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 0em;
}

.service-contents .contentbody {
    margin: 0 8px;
    padding: 25px 25px 0 25px;
}

.service-contents .contentbody p {
    font-size: 1.4rem;
}

#afterservice .banner {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}

#afterservice .banner img {
    width: 231px;
    height: 63px;
    margin-bottom: 5px;
}

#afterservice .banner .footnote {
    font-size: 1.4rem;
}

#afterservice .maintenance-contents {
    max-width: 1004px;
    padding: 0 20px;
    margin: 0 auto 140px auto;
    box-sizing: border-box;
}

#afterservice .maintenance-contents .figimg {
    margin-bottom: 40px;
}

#afterservice .maintenance-contents h4 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0099DB;
    margin-bottom: 0.75em;
}

#afterservice .maintenance-contents ul {
    font-size: 1.4rem;
    margin-bottom: 30px;
    margin-left: 1.5em;
}

#afterservice .maintenance-contents .insurance-list {
    margin-bottom: 0px;
}

#afterservice .maintenance-contents .insurance-list li {
    list-style-type: disc;
    margin-bottom: 0.25em;
}

#afterservice .maintenance-contents .foonote {
    margin-left: 2.25em;
}

#afterservice .maintenance-contents .foonote li {
    list-style-type: none;
    margin-bottom: 0.25em;
    text-indent: -2em;
}

#afterservice .maintenance-contents .foonote2 {
    margin-left: 1.25em;
}

#afterservice .maintenance-contents .foonote2 li {
    list-style-type: none;
    margin-bottom: 0.25em;
    text-indent: -1em;
}

#afterservice .caution-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #F00;
    margin-top: 0.5em;
}

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

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

    #afterservice .section-header .container {
        margin: 0 auto 90px auto;
    }

    #afterservice .section-header .container h3 {
        font-size: 3.2rem;
        font-weight: 700;
        color: #8CB808;
        margin-bottom: 1.5em;
    }

    #afterservice .section-header .container p {
        font-size: 1.8rem;
        font-weight: 500;
        margin-bottom: 1.5em;
        line-height: 1.8;
    }

    #afterservice .service-contents {
        max-width: 784px;
        padding: 0px 0px;
        margin: 0 auto 60px auto;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
    }

    .service-contents .contenttitle {
        width: 48.95%;
        margin: 0 8px;
        padding: 15px 15px 15px 20px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
    }

    .service-contents .contenttitle h3 {
        font-size: 2.4rem;
        font-weight: 700;
        color: #8CB808;
        margin-bottom: 0em;
    }

    .service-contents .contentbody {
        width: 48.95%;
        margin: 0 8px;
        padding: 25px 0 0 0;
    }

    .service-contents .contentbody p {
        font-size: 1.6rem;
    }

    #afterservice .banner .footnote {
        font-size: 1.6rem;
    }
}


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

お客様の声ページ
 
------------------------------------------------------- */

#customersvoices .section-body {
    margin-bottom: 140px;
}

#customersvoices .voice-contents {
    max-width: 1004px;
    padding: 140px 20px 0px 20px;
    margin: -140px auto 80px auto;
    box-sizing: border-box;
}

.voice-contents .contenttitle {
    width: 294px;
    margin: 0 auto;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

.voice-contents .contenttitle h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.1rem;
    font-weight: 100;
    color: #8CB808;
    margin-bottom: 30px;
}

.voice-contents .contenttitle h3 span {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    font-weight: 100;
    color: #8CB808;
}

#customersvoices .voice-contents:nth-of-type(even) .contenttitle h3 {
    color: #0099DB;
}

#customersvoices .voice-contents:nth-of-type(even) .contenttitle h3 span {
    color: #0099DB;
}

.voice-contents .contenttitle .customername {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.voice-contents .contenttitle p {
    font-size: 1.4rem;
}

.voice-contents .contenttitle .customerinfo {
    font-size: 2.1rem;
    font-weight: 700;
    color: #947864;
}

.voice-contents .contentbody {
    margin: 0;
    padding-top: 30px;
}

.voice-contents .contentbody h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1em;
    color: #8CB808;
}

#customersvoices .voice-contents:nth-of-type(even) .contentbody h4 {
    color: #0099DB;
}

.voice-contents .contentbody p {
    font-size: 1.4rem;
    margin-bottom: 1em;
}

.voice-contents .contentbody ul {
    font-size: 1.4rem;
    margin-bottom: 2em;
    margin-left: 1.5em;
}

.voice-contents .contentbody ul li {
    font-size: 1.4rem;
    margin-bottom: 0.5em;
}

.voice-photos {
    margin-top: 30px;
    margin-left: 0;
}

.voice-photos li {
    margin: 0 15px;
    box-sizing: border-box;
    list-style-type: none;

}

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

@media screen and (min-width:768px) {
    #customersvoices .voice-contents {
        max-width: 1004px;
        padding: 160px 20px 0px 20px;
        margin: -140px auto 80px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .voice-contents .contenttitle {
        width: 294px;
        margin: 0;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: right;
    }

    .voice-contents .contenttitle h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 2.1rem;
        font-weight: 100;
        color: #8CB808;
        margin-bottom: 30px;
    }

    .voice-contents .contenttitle h3 span {
        font-family: 'Roboto', sans-serif;
        font-size: 3.2rem;
        font-weight: 100;
        color: #8CB808;
    }

    #customersvoices .voice-contents:nth-of-type(even) .contenttitle h3 {
        color: #0099DB;
    }

    #customersvoices .voice-contents:nth-of-type(even) .contenttitle h3 span {
        color: #0099DB;
    }

    .voice-contents .contenttitle .customername {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .voice-contents .contenttitle p {
        font-size: 1.4rem;
    }

    .voice-contents .contenttitle .customerinfo {
        font-size: 2.1rem;
        font-weight: 700;
        color: #947864;
    }

    .voice-contents .contentbody {
        width: calc(100% - 324px);
        margin: 0;
        padding-top: 30px;
    }

    .voice-contents .contentbody h4 {
        font-size: 2.1rem;
        font-weight: 700;
        margin-bottom: 1em;
        color: #8CB808;
    }

    #customersvoices .voice-contents:nth-of-type(even) .contentbody h4 {
        color: #0099DB;
    }

    .voice-contents .contentbody p {
        font-size: 1.6rem;
        margin-bottom: 1em;
    }

    .voice-contents .contentbody ul {
        font-size: 1.6rem;
        margin-bottom: 2em;
        margin-left: 1.5em;
    }

    .voice-contents .contentbody ul li {
        font-size: 1.6rem;
        margin-bottom: 0.5em;
    }

    .voice-photos {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        margin-left: 0;
    }

    .voice-photos li {
        width: 50%;
        margin: 0 15px;
        box-sizing: border-box;
        list-style-type: none;

    }
}



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

スケジュール ページ
 
------------------------------------------------------- */
#schedule .section-body {
    max-width: 808px;
    margin: 0 auto;
    margin-bottom: 140px;
    background: url(images/bgbar-schedule.png) 40px 0 repeat-y;
}

#schedule .schedule-contents {
    max-width: 808px;
    padding: 0px 20px;
    margin: 0 auto 40px auto;
    box-sizing: border-box;
}

.schedule-contents .contenttitle {
    margin: 0;
    padding: 5px 15px 0px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

.schedule-contents .contenttitle h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.1rem;
    font-weight: 100;
    color: #8CB808;
    margin-bottom: 0px;
}

.schedule-contents .contenttitle h3 span {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    font-weight: 100;
    color: #8CB808;
}

#schedule .schedule-contents:nth-of-type(even) .contenttitle h3 {
    color: #0099DB;
}

#schedule .schedule-contents:nth-of-type(even) .contenttitle h3 span {
    color: #0099DB;
}

.schedule-contents .contenttitle .steptitle {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.schedule-contents .contentbody {
    margin: 20px 0 0 40px;
    padding-top: 0px;
}

.schedule-contents .contentbody p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1em;
    color: #8CB808;
}

#schedule .schedule-contents:nth-of-type(even) .contentbody p {
    color: #0099DB;
}

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

@media screen and (min-width:768px) {
    #schedule .section-body {
        max-width: 808px;
        margin: 0 auto;
        margin-bottom: 140px;
        background: url(images/bgbar-schedule.png) 167px 0 repeat-y;
    }

    #schedule .schedule-contents {
        max-width: 808px;
        padding: 0px 20px;
        margin: 0 auto 40px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .schedule-contents .contenttitle {
        width: 294px;
        margin: 0;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    .schedule-contents .contenttitle h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 2.1rem;
        font-weight: 100;
        color: #8CB808;
        margin-bottom: 0px;
    }

    .schedule-contents .contenttitle h3 span {
        font-family: 'Roboto', sans-serif;
        font-size: 3.2rem;
        font-weight: 100;
        color: #8CB808;
    }

    #schedule .schedule-contents:nth-of-type(even) .contenttitle h3 {
        color: #0099DB;
    }

    #schedule .schedule-contents:nth-of-type(even) .contenttitle h3 span {
        color: #0099DB;
    }

    .schedule-contents .contenttitle .steptitle {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .schedule-contents .contentbody {
        width: calc(100% - 324px);
        margin: 0;
        padding-top: 0px;
    }

    .schedule-contents .contentbody p {
        font-size: 1.6rem;
        font-weight: 500;
        margin-bottom: 1em;
        color: #8CB808;
    }
}


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

ごあいさつ ページ
 
------------------------------------------------------- */

#presidentgreeting .section-body {
    margin-bottom: 140px;
    max-width: 1006px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.president-photo {
    width: 228px;
    margin: 0 auto 30px auto;
}

.president-greeting h4 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 2em;
    color: #B25800;
}

.president-greeting p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1em;
    line-height: 1.785;
}

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

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

    #presidentgreeting .greeting-contents {
        display: flex;
        justify-content: space-between;
    }

    .president-greeting {
        width: calc(100% - 278px);
    }
}

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

会社概要 ページ
 
------------------------------------------------------- */

#companyprofile .section-header {
    margin-bottom: 70px;
}

#companyprofile .section-header h3 {
    text-align: center;
    font-size: 2.7rem;
    font-weight: 700;
    margin-bottom: 30px;
}

#companyprofile .section-header h4 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    color: #B25800;
    margin-bottom: 30px;
}

#companyprofile .section-header .summary {
    font-size: 1.8rem;
    text-align: center;
}

#companyprofile .section-body {
    margin-bottom: 140px;
    max-width: 1006px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 1.6rem;
}

#companyprofile h4 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1em;
    margin-top: 50px;
}

#companyprofile .president-greeting {
    margin-left: 270px;
}

#companyprofile table {
    width: 100%;
    margin-bottom: 30px;
}

#companyprofile th {
    border-bottom: 1px dotted #666;
    width: 30%;
    text-align: left;
    padding: 10px;
    color: #B25800;
}

#companyprofile td {
    border-bottom: 1px dotted #666;
    text-align: left;
    padding: 10px;
    line-height: 1.5;
}

#companyprofile .jireithumbs {
    margin-left: 80px;
}

#companyprofile .jireithumbs li {
    float: left;
}

#companyprofile .jireithumbs li a {
    width: 256px;
    height: 256px;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 256px;
    border: 1px solid #ccc;
}

#companyprofile .jireithumbs li a:hover {
    background-color: #F0F0F0;
}

#companyprofile .jireithumbs li a img {}

#companyprofile .backtppage {
    clear: left;
}

#companyprofile .backtppage a {
    display: block;
    width: 12em;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #E7DDC5;
    text-align: center;
    border-radius: 5px;
}

#companyprofile .backtppage a:hover {
    background-color: #E7DDC5;
}

#companyprofile #jirei {
    margin-left: 60px;
    margin-bottom: 45px;
    overflow: hidden;
}

#companyprofile .jireiarticle {
    width: 350px;
    padding: 20px;
    margin-right: 50px;
    margin-bottom: 30px;
    border: 1px dotted #666;
    float: left;
}

#companyprofile .jireidata {
    ;
}

#companyprofile .jireithumb {
    width: 340px;
    margin: 0 auto;
}

#companyprofile .jireithumb table {
    margin-bottom: 0;
}

#companyprofile .jireithumb td {
    border-bottom: none;
    text-align: center;
    padding: 5px;
}

#companyprofile .jireiarticle .detaillink {
    text-align: right;
    margin-bottom: 0;
    padding: 5px;
}

#companyprofile .detaillink a {
    display: block;
    width: 12em;
    padding: 10px;
    margin: 10px auto 0 auto;
    border: 1px solid #E7DDC5;
    text-align: center;
    border-radius: 5px;
}

#companyprofile .detaillink a:hover {
    background-color: #E7DDC5;
}

#companyprofile #gmap {
    width: 959px;
    padding-top: 41.7%;
    margin-bottom: 30px;
    position: relative;
}

#companyprofile #gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

    #companyprofile .president-greeting {
        margin-left: 0px;
    }

    #companyprofile .president-photo img {
        width: 228px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #companyprofile #gmap {
        width: 100%;
        padding-top: 41.7%;
        margin-bottom: 30px;
        position: relative;
    }

    #companyprofile #gmap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #companyprofile #jirei {
        margin-left: 0px;
        margin-right: 0px;
    }

    #companyprofile .jireiarticle {
        width: 100%;
        padding: 10px;
        margin-right: 0px;
        margin-bottom: 30px;
        border: 1px dotted #666;
        box-sizing: border-box;
    }

    #companyprofile .jireidata {
        ;
    }

    #companyprofile .jireithumb {
        width: 100%;
        margin: 0 auto;
    }

    #companyprofile#jireidetail .layouttbl {
        width: 100%;
        margin: 0 auto;
    }

    #companyprofile #jireidetail .layouttbl td {
        border-bottom: none;
        padding-top: 0;
    }

    #companyprofile .jireithumbs {
        margin-left: 0px;
    }

    #companyprofile .jireithumbs li {
        float: none;
    }

    #companyprofile .jireithumbs li a {
        width: 256px;
        height: 256px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px;
        text-align: center;
        line-height: 256px;
        border: 1px solid #ccc;
    }

    #companyprofile .jireithumbs li a img {
        max-height: 256px;
        width: auto;
    }
}

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

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

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

スタッフ ページ
 
------------------------------------------------------- */

#okunostaff .section-header .container {
    padding: 0 20px;
    margin-bottom: 50px;
}

#okunostaff .section-header .container {}

#okunostaff .section-header .contentstitle {}

#okunostaff .section-header .contentstitle h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1em;
}

#okunostaff .section-header .contentstitle p {
    font-size: 1.6rem;
    font-weight: 500;
}

#okunostaff .section-header .contentsnote {
    padding-left: 20px;
    border-left: 1px solid #707070;
}

#okunostaff .section-header .contentsnote ul {
    margin-left: 0;
}

#okunostaff .section-header .contentsnote ul li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 0.2em;
    margin-right: 1em;
    font-size: 1.4rem;
}

.staff-list {
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.staff-list .personalinfo {
    width: 366px;
    margin: 12px 12px 72px 12px;
}

.staff-list .personalinfo img {
    margin-bottom: 20px;
}

.staff-list .personalinfo p {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 0px;
}

.staff-list .personalinfo h4 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.2em;
}

.staff-list .personalinfo h4 span {
    font-size: 1.4rem;
    font-weight: 300;
    margin-left: 2em;
}

.staff-list .personalinfo ul {
    margin-left: 2em;
}

.staff-list .personalinfo ul li {
    list-style-type: none;
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 0.25em;
    text-indent: -1em;
}

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

@media screen and (min-width:768px) {
    #okunostaff .section-header .container {
        padding: 20px;
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #okunostaff .section-header .contentstitle {
        padding-right: 50px;
    }

    #okunostaff .section-header .contentstitle h3 {
        font-size: 3.2rem;
        font-weight: 700;
        margin-bottom: 0em;
    }

    #okunostaff .section-header .contentsnote {
        padding-left: 50px;
    }

    #okunostaff .section-header .contentsnote ul li {
        display: block;
        list-style-type: none;
        margin-bottom: 0.2em;
        margin-right: 0;
        font-size: 1.4rem;
    }
}


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

施工実績 ページ
 
------------------------------------------------------- */

#okhomeworks .section-header {
    margin-bottom: 70px;
}

#okhomeworks .section-header h3 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
}

#okhomeworks .section-body {
    margin-bottom: 140px;
}

#jirei {
    max-width: 1176px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.jireiarticle {
    width: 366px;
    border: 5px solid #F4EEE1;
    margin: 10px 8px;
    padding: 15px 8px 0 8px;
    box-sizing: border-box;
}

.reformjirei .jireiarticle {
    width: 572px;
    border: 5px solid #F4EEE1;
    margin: 10px 8px 30px 8px;
    padding: 15px 8px 0 8px;
    box-sizing: border-box;
}

.jireidata h4 {
    border-bottom: 1px solid #F4EEE1;
    font-size: 2.1rem;
    font-weight: 500;
    padding: 0 0 5px 5px;
    margin-bottom: 0.5em;
}

.reformjirei h5 {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 8px;
    margin-bottom: 0.5em;
    color: #947864;
    display: inline-block;
    background-color: #F4EEE1;
    border-radius: 3px;
}

.jireidata p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 25px;
}

.jireithumb {
    margin-bottom: 20px;
}

.jireithumb .layouttbl {
    width: 100%;
}

.jireithumb .layouttbl td {
    padding: 0 5px;
}

.jireiarticle .detaillink a {
    display: block;
    width: 190px;
    box-sizing: border-box;
    margin: 30px auto;
    padding: 10px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    border: 1px solid #F4EEE1;
    border-radius: 5px;
}


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

@media screen and (min-width:768px) {
    #okhomeworks .section-header h3 {
        text-align: center;
        font-size: 2.7rem;
        font-weight: 700;
    }
}


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

オクノ不動産 ページ
 
------------------------------------------------------- */

#okunoestate .section-header {
    margin-bottom: 70px;
    padding: 0 20px;
}

#okunoestate .section-header h3 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 30px;
}

#okunoestate .section-header h4 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    color: #B25800;
    margin-bottom: 30px;
}

#okunoestate .section-header .summary {
    font-size: 1.8rem;
    text-align: center;
}

#okunoestate .section-body {
    margin-bottom: 140px;
}

.estatelist {
    max-width: 1176px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.estatelist li {
    width: 366px;
    margin: 10px 8px;
    box-sizing: border-box;
    list-style-type: none;
}

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

@media screen and (min-width:768px) {
    #okunoestate .section-header h3 {
        text-align: center;
        font-size: 2.7rem;
        font-weight: 700;
        margin-bottom: 30px;
    }
}

.estate-detail {
    max-width: 1004px;
    margin: 0 auto 140px auto;
    padding: 0 20px;
    font-size: 1.6rem;
}

.estate-detail h5 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1em;
    margin-top: 50px;
}

.kukakuzu-yabara {
    max-width: 439px;
    height: auto;
    margin: 0 auto;
}

.kukakuzu-yoshiki {
    max-width: 197px;
    height: auto;
    margin: 0 auto;
}

.estate-detail table {
    width: 100%;
    margin-bottom: 30px;
}

.estate-detail th {
    border-bottom: 1px solid #707070;
    width: 30%;
    text-align: left;
    padding: 10px;
    color: #B25800;
}

.estate-detail td {
    border-bottom: 1px solid #707070;
    text-align: left;
    padding: 10px;
    line-height: 1.5;
}

.estate-detail .kukaku {
    border: 1px solid #666;
}

.estate-detail .kukaku th,
.estate-detail .kukaku td {
    width: 20%;
    text-align: center;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;

}

.estate-detail th {
    background-color: #E7DDC5;
}

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

    #estate #map {
        width: 100%;
        padding-top: 41.7%;
        margin-bottom: 30px;
        position: relative;
    }

    #estate #map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}


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

リフォーム ページ
 
------------------------------------------------------- */

#reform .section-header {
    margin-bottom: 70px;
}

#reform .section-header h3 {
    text-align: center;
    font-size: 2.7rem;
    font-weight: 700;
    margin-bottom: 30px;
}

#reform .section-header h4 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    color: #B25800;
    margin-bottom: 30px;
}

#reform .section-header .summary {
    font-size: 1.8rem;
    text-align: center;
}

#reform .section-body {
    margin-bottom: 140px;
}

#reform .section-body {
    max-width: 1004px;
    margin: 0 auto 140px auto;
    padding: 0 20px;
    font-size: 1.6rem;
}

#reform .section-body h4 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 2em;
    margin-top: 50px;
}

.reformpoints {
    max-width: 808px;
    margin: 0 auto;
    margin-bottom: 140px;
    background: url(images/bgbar-schedule.png) 20px 0 repeat-y;
}

.reformpoints .reformpoint-contents {
    max-width: 768px;
    margin: 0 auto 40px auto;
    box-sizing: border-box;
}

.reformpoint-contents .contenttitle {
    margin: 0;
    padding: 5px 15px 0px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

.reformpoint-contents .contenttitle h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.1rem;
    font-weight: 300;
    color: #8CB808;
    margin-bottom: 0px;
}

.reformpoint-contents .contenttitle h5 span {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    font-weight: 100;
    color: #8CB808;
}

.reformpoints .reformpoint-contents:nth-of-type(even) .contenttitle h5 {
    color: #0099DB;
}

.reformpoints .reformpoint-contents:nth-of-type(even) .contenttitle h5 span {
    color: #0099DB;
}

.reformpoint-contents .contenttitle .steptitle {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.reformpoint-contents .contentbody {
    margin: 20px 0 0 40px;
    padding-top: 0px;
}

.reformpoint-contents .contentbody p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1em;
    color: #8CB808;
}

.reformpoints .reformpoint-contents:nth-of-type(even) .contentbody p {
    color: #0099DB;
}

#reformlogo {
    max-width: 320px;
    margin: 0 auto 1em auto;
}

#reform .reformmeyasu {
    margin-bottom: 1.5em;
    margin-left: 75px;
}

#reform .reformmeyasu li {
    display: inline-block;
    padding: 10px;
}

#reform .reformmeyasu img {
    width: 120px;
    height: 120px;
}

#reform #schedule h5 {
    background-color: #E7DDC5;
    padding: 10px;
    margin-top: 22px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 1.15em;
    width: 300px;
    float: left;
    clear: both;
}

#reform .schedulestep {
    width: 600px;
    height: 100px;
    margin-bottom: 20px;
    float: right;
}

#reform .schedulestep img {
    float: left;
}

#reform .schedulestep p {
    float: right;
    width: 450px;
}

#reform .samplelist {
    clear: both;
    padding-bottom: 30px;
    border-bottom: 1px dotted #666;
    margin-bottom: 30px;
}

#reform .samplelist .samples {
    width: 350px;
    float: left;
}

#reform .samplelist .samples h5 {
    background-color: #E7DDC5;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 1.15em;
}

#reform .samplelist img {
    float: right;
}

#okhomeworks.works-reform .section-header,
#okhomeworks.works-shinchiku .section-header {
    max-width: 840px;
    padding: 0px 20px;
    margin: 0 auto 40px auto;
    box-sizing: border-box;
}

#okhomeworks.works-reform .section-header .case-title,
#okhomeworks.works-shinchiku .section-header .case-title {
    margin: 0 0 30px 0;
    padding: 20px 15px 20px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

.case-title h3 {
    font-size: 2.4rem;
    font-weight: 100;
    color: #8CB808;
}

.case-title h4 {
    font-size: 1.68rem;
    font-weight: 400;
    padding: 8px;
    margin: 0 auto 10px auto;
    color: #947864;
    background-color: #F4EEE1;
    border-radius: 3px;
    text-align: center;
}

.case-summary {}

.case-summary p {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 2;

}

#okhomeworks.works-shinchiku .mainimg {
    max-width: 545px;
    margin: 0 auto;
}

#okhomeworks .detail-contents {
    max-width: 840px;
    padding: 0px 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

#okhomeworks .detail-contents .layouttbl {
    width: 545px;
    margin: 0 auto;
}

#okhomeworks .detail-contents .layouttbl td {
    border-bottom: none;
    padding-top: 0;
}

#okhomeworks .detail-contents .jireithumbs.img-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 60px 0;
}

#okhomeworks .detail-contents .jireithumbs li {
    margin: 15px 15px 15px 15px;
    list-style-type: none;
    width: 100%;
    box-sizing: border-box;
    border: none;
}

#okhomeworks .detail-contents .jireithumbs li a {
    display: block;
    text-align: center;
}

#okhomeworks .detail-contents .jireithumbs li a:hover {
    background-color: #F0F0F0;
}

#okhomeworks .detail-contents .jireithumbs li a img {
    width: 234px;
    height: 234px;
    object-fit: contain;
}

#okhomeworks .jirei-before-after {
    margin-top: 80px;
    margin-bottom: 80px;
}

#okhomeworks .jirei-before-after li {
    padding-bottom: 15px;
    margin-top: 60px;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
}

#okhomeworks .jirei-before-after span {
    display: block;
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 30px;
}

#okhomeworks .detail-contents .jirei-before-after.img-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li {
    padding: 0 0 0 0;
    margin: 60px 15px 20px 15px;
    list-style-type: none;
    width: 100%;
    max-width: 234px;
    box-sizing: border-box;
    border: none;
}

#okhomeworks .detail-contents .jirei-before-after.img-list.tile li {
    padding: 0 0 0 0;
    margin: 0 15px 15px 15px;
    list-style-type: none;
    width: 100%;
    box-sizing: border-box;
    border: none;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.x2 {
    width: 100%;
    max-width: 498px;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.sq {
    width: 234px;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.x15 {
    width: 273px;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.sqhalf {
    width: 133px;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.one3 {
    width: calc(25% - 30px);
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.per65 {
    width: calc(65.6% - 30px);
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.per35 {
    width: calc(34.4% - 30px);
}

.detail-contents .img-list li img {
    display: block;
    margin: 0 auto;
}

#okhomeworks .detail-contents .jirei-before-after.img-list li.sq img {
    margin-bottom: 20px;
}

#okhomeworks .img-list span {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
}

#okhomeworks .backtppage a {
    display: block;
    width: 190px;
    padding: 10px;
    margin: 30px auto;
    border: 1px solid #E7DDC5;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}

#okhomeworks .backtppage a:hover {
    background-color: #E7DDC5;
}


#reform table {
    width: 100%;
    margin-bottom: 30px;
}

#reform th {
    border-bottom: 1px dotted #666;
    width: 30%;
    text-align: left;
    padding: 10px;
    color: #B25800;
}

#reform td {
    border-bottom: 1px dotted #666;
    text-align: left;
    padding: 10px;
    line-height: 1.5;
}

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

    #reform h2 {
        width: 161px;
        height: 50px;
        background-image: url(../img/tit_menu_reform.png);
        background-repeat: no-repeat;
        text-indent: -9999px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }

    #reform .contentsheader ul {
        padding: 0 10px;
    }

    #reform .contentsheader li {
        line-height: 1.875;
    }

    #reform .reformmeyasu {
        margin-left: 0px;
        text-align: center;
    }

    #reform .point h5 {
        width: 100%;
        max-width: 300px;
        height: 100px;
        padding: 10px 20px 0 20px;
        float: none;
        font-size: 1.25em;
        font-weight: bold;
        line-height: 1.35;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    #reform .point .pointmark1 {
        background-size: contain;
    }

    #reform .point .pointmark2 {
        background-size: contain;
    }

    #reform .point .pointmark3 {
        background-size: contain;
    }

    #reform .point .pointmark4 {
        background-size: contain;
    }

    #reform .point .pointmark5 {
        background-size: contain;
    }

    #reform .point p {
        width: 100%;
        float: none;
        padding-top: 10px;
    }

    #reform #schedule {
        padding-right: 0px;
    }

    #reform #schedule h5 {
        background-color: #E7DDC5;
        width: 100%;
        float: none;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    #reform .schedulestep {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        float: none;
    }

    #reform .schedulestep img {
        float: none;
        width: 120px;
        height: auto;
        text-align: center;
        margin: 0 auto 10px;
        display: block;
    }

    #reform .schedulestep p {
        float: none;
        width: 100%;
    }

    #reform .samplelist {
        clear: both;
        padding-bottom: 30px;
        border-bottom: 1px dotted #666;
        margin-bottom: 30px;
    }

    #reform .samplelist .samples {
        width: 100%;
        float: none;
    }

    #reform .samplelist .samples h5 {
        background-color: #E7DDC5;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 5px;
        font-weight: normal;
        font-size: 1.15em;
    }

    #reform .samplelist img {
        float: none;
    }

    #reform .samplelist img {
        float: none;
    }

    #reform #jireidetail .layouttbl {
        width: 100%;
        margin: 0 auto;
    }

    #reform #jireidetail .layouttbl td {
        border-bottom: none;
        padding-top: 0;
    }

    #reform #jireidetail .summary br {
        display: none;
    }

    #reform .jireithumbs {
        margin-left: 0px;
    }

    #reform .jireithumbs li {
        float: none;
        padding-bottom: 15px;
    }

    #reform .jireithumbs li a {
        width: 256px;
        height: 256px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        text-align: center;
        line-height: 256px;
        border: 1px solid #ccc;
    }

    #reform .jireithumbs li a img {
        max-height: 256px;
        width: auto;
    }

    #reform .jireithumbs li span {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

}

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

@media screen and (min-width:480px) {
    #reform .reformmeyasu img {
        width: 180px;
        height: 180px;
    }

    #reform .reformmeyasu li {
        margin: 0 auto;
        text-align: center;
    }
}

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

    #okhomeworks.works-reform .section-header,
    #okhomeworks.works-shinchiku .section-header {
        max-width: 840px;
        padding: 0px 20px;
        margin: 0 auto 100px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #okhomeworks.works-reform .section-header .case-title,
    #okhomeworks.works-shinchiku .section-header .case-title {
        width: 294px;
        margin: 0;
        padding: 20px 15px 20px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    .case-title h3 {
        font-size: 3.2rem;
        font-weight: 100;
        color: #8CB808;
        margin-bottom: 10px;
    }

    .case-title h4 {
        font-size: 1.8rem;
        font-weight: 400;
        padding: 8px;
        margin: 0 auto 10px auto;
        color: #947864;
        background-color: #F4EEE1;
        border-radius: 3px;
        text-align: center;
    }

    .case-summary {
        width: calc(100% - 344px);
    }

    .case-summary p {
        font-size: 1.8rem;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 2;
    }

    #okhomeworks .detail-contents .jireithumbs.img-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 60px 0;
    }

    #okhomeworks .detail-contents .jireithumbs li {
        margin: 15px 15px 15px 15px;
        list-style-type: none;
        width: calc(33% - 30px);
        box-sizing: border-box;
        border: none;
    }

    #okhomeworks .detail-contents .jirei-before-after.img-list {
        justify-content: flex-start;
    }

    #okhomeworks .detail-contents .jirei-before-after.img-list li {
        margin: 60px 15px 20px 15px;
        width: calc(33% - 30px);
    }

    #okhomeworks .detail-contents .jirei-before-after.img-list.tile li {
        margin: 0 15px 15px 15px;
        width: calc(33% - 30px);
    }

    #okhomeworks .detail-contents .jirei-before-after.img-list li.x2 {
        width: calc(66% - 30px);
    }

    .reformpoints {
        max-width: 808px;
        margin: 0 auto;
        margin-bottom: 140px;
        background: url(images/bgbar-schedule.png) 167px 0 repeat-y;
    }

    .reformpoints .reformpoint-contents {
        max-width: 808px;
        padding: 0px 20px;
        margin: 0 auto 40px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .reformpoint-contents .contenttitle {
        width: 294px;
        margin: 0;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    .reformpoint-contents .contenttitle h5 {
        font-family: 'Roboto', sans-serif;
        font-size: 2.1rem;
        font-weight: 300;
        color: #8CB808;
        margin-bottom: 0px;
    }

    .reformpoint-contents .contenttitle h5 span {
        font-family: 'Roboto', sans-serif;
        font-size: 3.2rem;
        font-weight: 100;
        color: #8CB808;
    }

    .reformpoints .reformpoint-contents:nth-of-type(even) .contenttitle h5 {
        color: #0099DB;
    }

    .reformpoints .reformpoint-contents:nth-of-type(even) .contenttitle h5 span {
        color: #0099DB;
    }

    .reformpoint-contents .contenttitle .steptitle {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .reformpoint-contents .contentbody {
        width: calc(100% - 324px);
        margin: 0;
        padding-top: 0px;
    }

    .reformpoint-contents .contentbody p {
        font-size: 1.6rem;
        font-weight: 500;
        margin-bottom: 1em;
        color: #8CB808;
    }

}

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

リンク ページ
 
------------------------------------------------------- */

#linklist .section-body {
    max-width: 884px;
    margin: 0 auto 140px auto;
    padding: 0 20px;
    font-size: 1.6rem;
}

#linklist .section-body h4 {}

.link-list em {
    color: #999;
    font-size: 0.85em;
    padding-left: 1em;
}

.link-list {
    margin-bottom: 70px;
}

.link-list li {
    border-bottom: 1px dotted #707070;
    padding: 1em 10px;
    list-style-type: none;
}

.link-listtable {
    margin-bottom: 70px;
    width: 100%;
    box-sizing: border-box;
}

.link-listtable th,
.link-listtable td {
    padding: 20px 0;
    border-bottom: 1px dotted #707070;
    vertical-align: middle;
}

.link-listtable .link-banner img {
    width: auto;
    height: 40px;
}

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

    .link-listtable th,
    .link-listtable td {
        display: block;
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }

    .link-listtable th {
        display: block;
        45 width: 100%;
        padding-bottom: 0px;
        text-align: center;
        border-bottom: none;
    }

    .link-listtable th img {
        width: auto;
    }
}


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

プライバシー ページ
 
------------------------------------------------------- */

#pageheader .section-header {
    padding-top: 45px;
}

#pgprivacypolicy #pageheader .section-title {
    line-height: 1.2;
    margin-bottom: 10px;
}

#privacypolicy .section-header {
    max-width: 884px;
    margin: 0 auto 70px auto;
    padding: 0 20px;
}

#privacypolicy .section-header .summary {
    font-size: 1.6rem;
    line-height: 2;
}

#privacypolicy .section-body {
    max-width: 884px;
    margin: 0 auto 140px auto;
    padding: 0 20px;
    font-size: 1.4rem;
}

#privacypolicy h4 {
    font-size: 1.6rem;
    margin-bottom: 1em;
    margin-top: 50px;
}

#privacypolicy ol {
    margin-bottom: 1em;
    margin-left: 20px;
}

#privacypolicy li {
    line-height: 1.8;
    padding-bottom: 10px;
}

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

@media screen and (min-width:768px) {
    #privacypolicy .section-header .summary {
        font-size: 1.8rem;
        line-height: 2;
    }

    #privacypolicy .section-body {
        max-width: 884px;
        margin: 0 auto 140px auto;
        padding: 0 20px;
        font-size: 1.6rem;
    }

    #privacypolicy h4 {
        font-size: 1.6rem;
        margin-bottom: 1em;
        margin-top: 50px;
    }
}

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

プライバシー ページ
 
------------------------------------------------------- */

#pgfaq #pageheader .section-title {
    line-height: 1.2;
    margin-bottom: 10px;
}

#faqlist .section-header {
    max-width: 884px;
    margin: 0 auto 70px auto;
    padding: 0 20px;
}

#faqlist .section-header .summary {
    font-size: 1.6rem;
    line-height: 2;
}

#faqlist .section-body {
    max-width: 884px;
    margin: 0 auto 140px auto;
    padding: 0 20px;
    font-size: 1.4rem;
}

.faq-item {
    margin-bottom: 70px;
}

.faq-item .q-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 1em;
    margin-top: 50px;
}

.faq-item p {
    margin-bottom: 1em;
}

.faq-item ol {
    margin-bottom: 1em;
    margin-left: 20px;
}

.faq-item li {
    line-height: 1.8;
    padding-bottom: 10px;
}

.qafigtbl {
    margin-bottom: 50px;
}

.qafigtbl th,
.qafigtbl td {
    box-sizing: border-box;
    padding: 1em;
    border-bottom: 1px solid #707070;
}

.qafigtbl .th25 {
    width: 30%;
    vertical-align: middle;
}

.qafigtbl td {
    width: 35%;
}

#faq02.faq-item .image-photo {
    max-width: 500px;
    float: right;
    margin-left: 50px;
}

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

@media screen and (min-width:768px) {
    #faqlist .section-header .summary {
        font-size: 1.8rem;
        line-height: 2;
    }

    #faqlist .section-body {
        max-width: 884px;
        margin: 0 auto 140px auto;
        padding: 0 20px;
        font-size: 1.6rem;
    }

    .faq-item {
        margin-bottom: 70px;
    }

    .faq-item .q-title {
        font-size: 2.4rem;
        font-weight: 700;
        color: #8CB808;
        margin-bottom: 1em;
        margin-top: 50px;
    }
}

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

お問い合わせ ページ
 
------------------------------------------------------- */


#contactmail .section-header {
    max-width: 1004px;
    padding: 0px 20px;
    margin: 0 auto 100px auto;
    box-sizing: border-box;
}

#contactmail .section-header .section-title {
    margin: 0 0 30px 0;
    padding: 20px 15px 5px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

#contactmail .section-header .section-summary {}

#contactmail .section-header .section-title h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 10px;
}

#contactmail .section-header .section-title h4 {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 8px;
    margin: 0 auto 10px auto;
    color: #947864;
    background-color: #F4EEE1;
    border-radius: 3px;
    text-align: center;
}

#contactmail .section-header .section-summary p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 2;
}

.mailform {
    max-width: 808px;
    padding: 0px 20px;
    margin: 0 auto 100px auto;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.mailform table {
    margin-bottom: 50px;
}

.mailform table tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mailform th {
    width: 100%;
    text-align: left;
    padding: 30px 10px 10px 10px;
    box-sizing: border-box;
    vertical-align: top;
}

.mailform td {
    width: 100%;
    text-align: left;
    padding: 0px 10px 30px 10px;
    border-bottom: 1px solid #707070;
    box-sizing: border-box;
    vertical-align: top;
}

.mailform td input[type="text"],
.mailform td input[type="email"],
.mailform td textarea {
    width: 100%;
    box-sizing: border-box;
}

.mailform td.cb,
.mailform td.rb {}

.mailform td.cb label,
.mailform td.rb label {
    padding: 4px 0px 4px 0px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

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

    .mailform td.cb,
    .mailform td.rb {
        display: flex;
        flex-wrap: wrap;
    }

    .mailform td.cb label,
    .mailform td.rb label {
        padding: 8px 8px;
    }
}

.mailform td input[type="checkbox"],
.mailform td input[type="radio"] {
    margin: 0;
    width: 0;
    opacity: 0;
}

.mailform td.cb .mwform-checkbox-field-text {
    position: relative;
    display: block;
    padding-left: 42px;
    line-height: 32px;
}

.mailform td.rb .mwform-radio-field-text {
    position: relative;
    display: block;
    padding-left: 32px;
    line-height: 24px;
}

.mailform td.cb input[type="checkbox"]+.mwform-checkbox-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border: solid 1px #888888;
    background: #FFFFFF;
    border-radius: 0px;
}

.mailform td.rb input[type="radio"]+.mwform-radio-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: solid 1px #888888;
    background: #FFFFFF;
    border-radius: 50%;
}

.mailform td.cb input[type="checkbox"]:checked+.mwform-checkbox-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
    background-size: contain;
}

.mailform td.rb input[type="radio"]:checked+.mwform-radio-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #333333;
}

/*
.mailform td label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
  }
.mailform td label::before,
.mailform td label::after {
    content: "";
    display: block; 
    position: absolute;
  }
.mailform td label::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }
.mailform td label::after {
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    opacity: 0;
    height: 5px;
    width: 10px;
    transform: rotate(-45deg);
    top: 2px;
    left: 10px;
  }
.mailform td input:checked + label::after {
    opacity: 1;
  }
*/
.mailform ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.mailform ul li {
    list-style-type: none;
    margin-right: 30px;
    margin: 5px;
}

.mailform th span {
    font-size: 1.4rem;
    font-weight: 400;
}

.mailform td select {
    margin-bottom: 10px;
}

.mailform p {
    font-size: 1.4rem;
    margin-bottom: 1.5em;
}

.mailform h4 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #947864;
    margin-bottom: 1.5em;
}

.mailform blockquote {
    font-size: 1.4rem;
    margin-bottom: 1.5em;
    padding: 20px 15px 20px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

.mailform .sendbtn {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.mailform .sendbtn input {
    width: 100%;
    background-color: #947864;
    font-size: 1.6rem;
    font-weight: 500;
    color: #FFF;
    border: none;
    border-radius: 3px;
    margin: 0px 0px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.mailform .sendbtn input:hover {
    background-color: #F4EEE1;
    color: #000;
}

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

@media screen and (min-width:768px) {
    #contactmail .section-header {
        max-width: 1004px;
        padding: 0px 20px;
        margin: 0 auto 100px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #contactmail .section-header .section-title {
        width: 294px;
        margin: 0;
        padding: 20px 15px 20px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    #contactmail .section-header .section-summary {
        width: calc(100% - 344px);
    }

    .mailform th {
        width: 37%;
        text-align: left;
        padding: 30px 10px;
        border-bottom: 1px solid #707070;
        box-sizing: border-box;
        vertical-align: top;
    }

    .mailform td {
        width: 63%;
        text-align: left;
        padding: 30px 10px;
        border-bottom: 1px solid #707070;
        box-sizing: border-box;
        vertical-align: top;
    }

    .mailform p {
        font-size: 1.6rem;
        margin-bottom: 1.5em;
    }

    .mailform h4 {
        font-size: 1.8rem;
        font-weight: 700;
        color: #947864;
        margin-bottom: 1.5em;
    }

    .mailform blockquote {
        font-size: 1.6rem;
        margin-bottom: 1.5em;
        padding: 20px 15px 20px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    .mailform .sendbtn {
        display: flex;
        justify-content: center;
        margin: 50px 0;
    }

    .mailform .sendbtn input {
        width: 270px;
        background-color: #947864;
        font-size: 1.8rem;
        font-weight: 500;
        color: #FFF;
        border: none;
        border-radius: 3px;
        margin: 0 20px;
        cursor: pointer;
    }
}


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

見学会 ページ
 
------------------------------------------------------- */


#housetour-form .section-header {
    max-width: 1004px;
    padding: 0px 20px;
    margin: 0 auto 100px auto;
    box-sizing: border-box;
}

#housetour-form .section-header .section-title {
    margin: 0 0 30px 0;
    padding: 20px 15px 5px 15px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 10px solid #F4EEE1;
    text-align: left;
}

#housetour-form .section-header .section-summary {}

#housetour-form .section-header .section-title h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #8CB808;
    margin-bottom: 10px;
    text-align: center;
}

#housetour-form .section-header .section-title h4 {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 8px;
    margin: 0 auto 10px auto;
    color: #947864;
    background-color: #F4EEE1;
    border-radius: 3px;
    text-align: center;
}

#housetour-form .section-header .section-summary h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

#housetour-form .section-header .section-summary p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 2;
}

.reservation-btn a {
    display: block;
    margin: 20px auto;
    border: 3px solid #FF0000;
    background-color: #FF0000;
    border-radius: 5px;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    color: #FFFFFF;
}

.reservation-btn a:hover {
    background-color: #FFFFFF;
    color: #FF0000;
}

.eventinfo {
    max-width: 808px;
    padding: 0px 20px;
    margin: 50px auto 100px auto;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.eventinfo h4 {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}

.eventinfo .subcopy {
    text-align: center;
    font-weight: 600;
    font-size: rem;
    margin-bottom: 2em;
}

.eventinfo .flyer-housetour {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 30px auto;
}

.eventinfo h5 {
    padding-left: 0px;
    padding-top: 50px;
    font-size: 1.142em;
    font-weight: 600;
}

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

.eventinfo h6 {
    padding-left: 0px;
    padding-top: 50px;
    margin-bottom: 30px;
    font-size: 1.142em;
    font-weight: 600;
    text-align: center;
}

.eventinfo p {
    margin-bottom: 1em;
}

.eventinfo .cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0;
}

.eventinfo .col {
    margin-bottom: 20px;
    list-style-type: none;
}

.googledoc {
    max-width: 450px;
    height: 340px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.googledoc iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -40px;
    left: 0;
}

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

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

    #housetour-form .section-header {
        max-width: 1004px;
        padding: 0px 20px;
        margin: 0 auto 100px auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #housetour-form .section-header .section-title {
        width: 294px;
        margin: 0;
        padding: 20px 15px 20px 15px;
        box-sizing: border-box;
        background-color: #FFF;
        border: 10px solid #F4EEE1;
        text-align: left;
    }

    #housetour-form .section-header .section-summary {
        width: calc(100% - 344px);
    }

    .eventinfo .col {
        width: 48%;
        margin-bottom: 0px;
    }
}


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

ページ下部 共通
 
------------------------------------------------------- */

/* ----- モデル一覧セクション ------ */

#products {
    background-color: #f9f6ef;
    padding: 70px 0;
}

.page #products {
    margin-bottom: 0px;
}

#products .section-header {
    margin-bottom: 45px;
}

#products .section-header .section-title {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 3.6rem;
    font-weight: 600;
    color: #8CB808;
}

#products .section-header .section-subtitle {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
}

#products .products-list {
    max-width: 1280px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 50px auto;
}

#products .products-list .products-container {
    margin: 15px;
    background-color: #FFF;
    width: 278px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.model-coverphoto img {
    display: block;
}

.komi2price {
    position: relative;
    background-color: #E7DDC5;
    text-align: center;
    padding: 10px;
    line-height: 1;
    color: #D10101;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
}

.komi2price strong {
    font-size: 2.4rem;
    font-weight: 700;
    padding-left: 5px;
}

.komi2price span {
    position: absolute;
    left: 20px;
    top: -22px;
    display: block;
    width: 70px;
    height: 38px;
    opacity: 0;
}

.products-container a:hover span {
    opacity: 1;
}

.products-container .model-logo {
    width: 100%;
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

#model-chao .model-logo img {
    width: 86px;
}

#model-rocky .model-logo img {
    width: 87px;
}

#model-levante .model-logo img {
    width: 172px;
}

#model-shinkokin .model-logo img {
    width: 130px;
}

.products-container .model-style {
    display: block;
    width: 150px;
    box-sizing: border-box;
    margin: 0 auto 20px auto;
    background-color: #947864;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 30px;
}

.products-container .model-catch {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.whatskomikomi {
    max-width: 802px;
    margin: 0 auto;
    padding: 0 20px;
}

.whatskomikomi .fig-image {
    margin-bottom: 40px;
}

.whatskomikomi h3 {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 1em;
}

.whatskomikomi .section-subtitle {
    margin-bottom: 30px;
}

.whatskomikomi .section-subtitle span {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    padding: 20px 50px;
    color: #8CB808;
    background-color: #FFF;
}

.whatskomikomi p {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1.5em;
}

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

@media screen and (min-width:768px) {
    #products .products-list {
        max-width: 1280px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto 100px auto;
    }

    .whatskomikomi .section-subtitle {
        margin-bottom: 70px;
    }

    .whatskomikomi .section-subtitle span {
        font-size: 3.2rem;
        font-weight: 700;
        padding: 20px 50px;
        color: #8CB808;
        background-color: #FFF;
    }
}


/* ----- お問い合わせセクション ------ */

#contact {
    width: 100%;
    background: url(images/bg-contact.jpg) center bottom no-repeat;
    background-size: cover;
    margin-bottom: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 20px 0 20px;
    box-sizing: border-box;
}

#contact .section-header {
    display: block;
    max-width: 670px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 45px 0 30px 0;
    margin-bottom: 45px;
    box-sizing: border-box;
    color: #000;
}

#contact .section-header .section-title {
    font-size: 3.2rem;
    color: #000;
}

#contact .section-header .section-subtitle {
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0em;
}

#contact .section-body {
    max-width: 670px;
    width: 100%;
}

#contact .section-body .contact-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#contact .section-body .contact-list li {
    width: 278px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #000;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 30px;
}

#contact .section-body .contact-list li img {
    width: 250px;
    text-align: center;
}

#contact .section-body .contact-list li a {
    width: 100%;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

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

@media screen and (min-width:768px) {
    #contact {
        width: 100%;
        height: 30vw;
        background: url(images/bg-contact.jpg) center bottom no-repeat;
        background-size: cover;
        margin-bottom: 106px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 0;
    }

    #contact .section-header {
        display: block;
        max-width: 670px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        padding: 45px 0 30px 0;
        margin-bottom: 45px;
        box-sizing: border-box;
        color: #000;
    }

    #contact .section-body .contact-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    #contact .section-body .contact-list li {
        margin-bottom: 0px;
    }
}


/* ----- Footer ------ */

footer {
    margin-bottom: 50px;
    position: relative;
}

footer .container {
    width: 100%;
    max-width: 1220px;
    padding: 0px 15px 0px 15px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .footer-logo {
    text-align: center;
    margin: 0 auto;
}

footer .footer-logo h3 {
    width: 180px;
    margin: 0 auto 30px auto;
}

footer .footer-logo h4 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 15px;
}

footer .footer-logo p {
    font-size: 1.4rem;
    line-height: 2;
}

footer .footer-nav {
    margin-top: 90px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

footer .footer-nav ul {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

footer .footer-nav ul li {
    margin-bottom: 1em;
    font-size: 1.4rem;
    font-weight: 600;
    list-style-type: none;
    text-align: center;
}

footer .footer-nav ul li ul {
    padding-left: 1em;
    margin-top: 1em;
    width: auto;
}

footer .footer-nav ul li ul li {
    margin-bottom: 0.5em;
    font-weight: 400;
}

footer .footer-nav a {
    color: #000;
}

.pgtop {
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: 40px;
    height: 40px;
}

.pgtop a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #2E2D66;
}

.pgtop i.fas {
    color: #FFF;
    font-size: 2.1rem;
    line-height: 40px;
    text-align: center;
}

.copyright {
    width: 100%;
    max-width: 1190px;
    padding: 0px 15px 0px 15px;
    margin: 0 auto 50px auto;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left;
    box-sizing: border-box;
}

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

@media screen and (min-width:769px) {
    footer .footer-logo {
        width: 28.8%;
        text-align: left;
        margin: 0;
    }

    footer .footer-logo h3 {
        width: 180px;
        margin: 0 0 30px 0;
    }

    footer .footer-nav {
        margin-top: 90px;
        border-left: 1px solid #CCCCCC;
        padding-left: 35px;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    footer .footer-nav ul {
        padding-left: 20px;
        margin-bottom: 0;
        width: 200px;
        box-sizing: border-box;
    }

    footer .footer-nav ul li {
        text-align: left;
    }

    .pgtop {
        position: absolute;
        top: auto;
        bottom: -70px;
        right: 30px;
        width: 40px;
        height: 40px;
    }

}</pre></body></html>