@charset "utf-8";

/* @import url(https://fonts.googleapis.com/css2?family=Cardo&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Cardo&family=Lusitana:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Old+Mincho:wght@600&display=swap');

@font-face {
    font-family: 'vicons';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/vicons/vicons.eot?1u5j7r');
    src:
        url('../fonts/vicons/vicons.eot?#iefix1u5j7r') format('embedded-opentype'),
        url('../fonts/vicons/vicons.woff?1u5j7r') format('woff'),
        url('../fonts/vicons/vicons.ttf?1u5j7r') format('truetype'),
        url('../fonts/vicons/vicons.svg?1u5j7r#vicons') format('svg');
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;padding: 0;}
.oldie body,.oldie div,.oldie dl,.oldie dt,.oldie dd,.oldie ul,.oldie ol,.oldie li,.oldie h1,.oldie h2,.oldie h3,.oldie h4,.oldie h5,.oldie h6,.oldie form,.oldie fieldset,.oldie input,.oldie textarea,.oldie p,.oldie blockquote,.oldie th,.oldie td { zoom:1;}   /* IE6 & 7 */
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight: normal; }
address,em { font-style: normal; }
table {border-collapse: collapse;border-spacing: 0; }
th { font-weight:normal;text-align: left; }
legend { display: none; }
img,fieldset { border: 0; }
li { list-style-type: none; }
article, aside, dialog, figure, footer, header,hgroup, nav, section {
display: block;
margin: 0;
padding: 0;
}
html { overflow-y: scroll;background:transparent; }
body {
/* font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}
input,textarea { outline: none; }
object,embed { vertical-align: top; }
img {
vertical-align: bottom;
font-size: 0;
line-height: 0;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
zoom: 1;
}
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0; }
.clearfix { zoom: 1; } /* for IE */
.clear { clear: both; }
.none { display:none; }
.block { display:block; }

.icon { font-family: 'vicons'; font-size: inherit; font-weight: normal; font-style: normal; line-height: inherit; position: relative; display: inline-block; transform: translate(0, 0); vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon::before { display: inline-block; width: 100%; }
.icon-box:before { content: '\e600'; }
.icon-write:before { content: '\e601'; }
.icon-clock:before { content: '\e602'; }
.icon-reply:before { content: '\e603'; }
.icon-reply-all:before { content: '\e604'; }
.icon-forward:before { content: '\e605'; }
.icon-flag:before { content: '\e606'; }
.icon-search:before { content: '\e607'; }
.icon-trash:before { content: '\e608'; }
.icon-envelope:before { content: '\e609'; }
.icon-bubble:before { content: '\e60a'; }
.icon-bubbles:before { content: '\e60b'; }
.icon-user:before { content: '\e60c'; }
.icon-users:before { content: '\e60d'; }
.icon-cloud:before { content: '\e60e'; }
.icon-download:before { content: '\e60f'; }
.icon-upload:before { content: '\e610'; }
.icon-rain:before { content: '\e611'; }
.icon-sun:before { content: '\e612'; }
.icon-moon:before { content: '\e613'; }
.icon-bell:before { content: '\e614'; }
.icon-folder:before { content: '\e615'; }
.icon-pin:before { content: '\e616'; }
.icon-sound:before { content: '\e617'; }
.icon-microphone:before { content: '\e618'; }
.icon-camera:before { content: '\e619'; }
.icon-image:before { content: '\e61a'; }
.icon-cog:before { content: '\e61b'; }
.icon-calendar:before { content: '\e61c'; }
.icon-book:before { content: '\e61d'; }
.icon-map-marker:before { content: '\e61e'; }
.icon-store:before { content: '\e61f'; }
.icon-support:before { content: '\e620'; }
.icon-tag:before { content: '\e621'; }
.icon-heart:before { content: '\e622'; }
.icon-video-camera:before { content: '\e623'; }
.icon-trophy:before { content: '\e624'; }
.icon-cart:before { content: '\e625'; }
.icon-eye:before { content: '\e626'; }
.icon-cancel:before { content: '\e627'; }
.icon-chart:before { content: '\e628'; }
.icon-target:before { content: '\e629'; }
.icon-printer:before { content: '\e62a'; }
.icon-location:before { content: '\e62b'; }
.icon-bookmark:before { content: '\e62c'; }
.icon-monitor:before { content: '\e62d'; }
.icon-cross:before { content: '\e62e'; }
.icon-plus:before { content: '\e62f'; }
.icon-left:before { content: '\e630'; }
.icon-up:before { content: '\e631'; }
.icon-browser:before { content: '\e632'; }
.icon-windows:before { content: '\e633'; }
.icon-switch:before { content: '\e634'; }
.icon-dashboard:before { content: '\e635'; }
.icon-play:before { content: '\e636'; }
.icon-fast-forward:before { content: '\e637'; }
.icon-next:before { content: '\e638'; }
.icon-refresh:before { content: '\e639'; }
.icon-film:before { content: '\e63a'; }
.icon-home:before { content: '\e63b'; }


body {
	color:#4c5050;
	font-size:14px;
	line-height:1.5;
	position:relative;
}

a,
a:link {
	color:#313542;
	text-decoration:none;
}

a:visited {
	color:#313542;
}

a:hover {
	color:#3f64c3;
	text-decoration:underline;
}

a:active {
	color:#5d7ccc;
}

/*----------------------------------------------------------------
基本配置（ヘッダー）
-----------------------------------------------------------------*/

header {
    background-color: rgba(255, 255, 255, 0.9);
    height: 90px;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.home header {
    background-color: transparent;
}
header.fixed {
    height: 60px;
    opacity: 0.8;
}
header.fixed:hover {
    height: 90px;
    opacity: 1;
}
.page header {
    box-shadow: none;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.page header.fixed {
    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    opacity: 0.8;
    position: fixed;
}
.page header.fixed:hover {
    height: 90px;
    opacity: 1;
}
.single header {
    box-shadow: none;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.single header.fixed {
    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    opacity: 0.8;
    position: fixed;
}
.single header.fixed:hover {
    height: 90px;
    opacity: 1;
}
.archive header {
    box-shadow: none;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.archive header.fixed {
    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    opacity: 0.8;
    position: fixed;
}
.archive header.fixed:hover {
    height: 90px;
    opacity: 1;
}
#header-inner {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#head-logo {
    float: left;
    width: 280px;
}
#header-inner h1 {
    padding: 17px 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
header.fixed #header-inner h1 {
    padding: 8px 24px;
}
header.fixed:hover #header-inner h1,
body.open header.fixed #header-inner h1 {
    padding: 6px 30px;
}
#header-inner h1 img {
    height: 56px;
    width: 172px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#header-inner h1.aniv img {
    display: inline-block;
    height: 78px;
    width: 244px;
}
header.fixed #header-inner h1 img {
    height: 43px;
    width: 132px;
}
header.fixed #header-inner h1.aniv img {
    height: 48px;
    width: 150px;
}
header.fixed:hover #header-inner h1 {
    padding: 17px 30px;
}
header.fixed:hover #header-inner h1 img,
body.open header.fixed #header-inner h1 img {
    height: 56px;
    width: 172px;
}
#header-nav {
    float: right;
    padding: 0;
    position: relative;
    width: calc(100% - 280px);
}
#header-nav > li {
    float: left;
    width: calc(100% / 7);
}
.ie #header-nav > li {
    width: 14.2%;
}
#header-nav > li > a {
    background-repeat: no-repeat;
    background-position: center 50%;
    color: #4c5050;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 90px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
header.fixed #header-nav > li > a {
    height: 60px;
}
header.fixed:hover #header-nav > li > a,
body.open header.fixed #header-nav > li > a {
    height: 90px;
}


#header-nav > li > a:hover,
.page-feature #header-nav > li#hnav-feature > a,
.page-service #header-nav > li#hnav-service > a,
.page-new #header-nav > li#hnav-service > a,
.page-renovation #header-nav > li#hnav-service > a,
.page-works #header-nav > li#hnav-works > a,
.single-works-new #header-nav > li#hnav-works > a,
.single-works-renovation #header-nav > li#hnav-works > a,
.single-works-reduction #header-nav > li#hnav-works > a,
.page-modelhouse #header-nav > li#hnav-modelhouse > a,
.page-company #header-nav > li#hnav-company > a,
.page-contact #header-nav > li#hnav-contact > a,
.page-technology #header-nav > li#hnav-tech > a,
.page-standard #header-nav > li#hnav-std > a,
.post-type-archive-land #header-nav > li#hnav-land > a,
.post-type-archive-modelplan #header-nav > li#hnav-modelplan > a {
    background-position: center 45%;
}
#header-nav > li > a:after {
    border-bottom: 1px solid #6BB763;
    content: "";
    left: 50%;
    position: absolute;
    top: 55px;
    width: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#header-nav > li > a:hover:after {
    content: "";
}

#header-nav > li#hnav-feature a:hover:after,
.page-feature #header-nav > li#hnav-feature a:after {
    width: 120px;
    transform: translate(-60px,0);
    -webkit-transform: translate(-60px,0);
}
#header-nav > li#hnav-service a:hover:after,
.page-service #header-nav > li#hnav-service a:after,
.page-new #header-nav > li#hnav-service a:after,
.page-renovation #header-nav > li#hnav-service a:after {
    width: 90px;
    transform: translate(-45px,0);
    -webkit-transform: translate(-45px,0);
}
#header-nav > li#hnav-works a:hover:after,
.page-works #header-nav > li#hnav-works a:after,
.single-works-new #header-nav > li#hnav-works a:after,
.single-works-renovation #header-nav > li#hnav-works a:after,
.single-works-reduction #header-nav > li#hnav-works a:after {
    width: 64px;
    transform: translate(-32px,0);
    -webkit-transform: translate(-32px,0);
}
#header-nav > li#hnav-modelhouse a:hover:after,
.page-modelhouse #header-nav > li#hnav-modelhouse a:after {
    width: 90px;
    transform: translate(-45px,0);
    -webkit-transform: translate(-45px,0);
}
#header-nav > li#hnav-company a:hover:after,
.page-company #header-nav > li#hnav-company a:after {
    width: 64px;
    transform: translate(-32px,0);
    -webkit-transform: translate(-32px,0);
}
#header-nav > li#hnav-contact a:hover:after,
.page-contact #header-nav > li#hnav-contact a:after {
    width: 92px;
    transform: translate(-46px,0);
    -webkit-transform: translate(-46px,0);
}
#header-nav > li#hnav-land a:hover:after,
.post-type-archive-land #header-nav > li#hnav-land a:after {
    width: 64px;
    transform: translate(-32px,0);
    -webkit-transform: translate(-32px,0);
}
#header-nav > li#hnav-tech a:hover:after,
.page-technology #header-nav > li#hnav-tech a:after {
    width: 80px;
    transform: translate(-40px,0);
    -webkit-transform: translate(-40px,0);
}
#header-nav > li#hnav-std a:hover:after,
.page-standard #header-nav > li#hnav-std a:after {
    width: 80px;
    transform: translate(-40px,0);
    -webkit-transform: translate(-40px,0);
}
#header-nav > li#hnav-modelplan a:hover:after,
.post-type-archive-modelplan #header-nav > li#hnav-modelplan a:after {
    width: 90px;
    transform: translate(-45px,0);
    -webkit-transform: translate(-45px,0);
}

#btn-mobile-menu {
    cursor: pointer;
    display: none;
    height: 37px;
    padding: 26px 31px 27px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
header.fixed #btn-mobile-menu {
    padding: 11px 14px 12px;
}
header.fixed:hover #btn-mobile-menu,
body.open header.fixed #btn-mobile-menu {
    padding: 26px 29px 27px;
}
#btn-mobile-menu.on {
    position: fixed;
}
#btn-mobile-menu i {
    background-color: #484F4F;
    display: block;
    height: 2px;
    margin: 8px auto;
    opacity: 1;
    width: 32px;
    transform: translate(0,0) rotate(0);
    -webkit-transform: translate(0,0) rotate(0);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

#btn-mobile-menu.on i.ltop {
    transform: translate(0,10px) rotate(45deg);
    -webkit-transform: translate(0,10px) rotate(45deg);
}
#btn-mobile-menu.on i.lmid {
    opacity: 0;
}
#btn-mobile-menu.on i.lbottom {
    transform: translate(0,-10px) rotate(-45deg);
    -webkit-transform: translate(0,-10px) rotate(-45deg);
}



#btn-mobile-menu2 {
    background-color: #92CA8C;
    border-radius: 10px;
    cursor: pointer;
    display: none;
    height: 48px;
    line-height: 48px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 120px;
}
#btn-mobile-menu2 span {
    color: #fff;
    font-family: 'Cardo', serif;
    font-size: 17px;
    padding-right: 5px;
}
#btn-mobile-menu2 span:before {
    content: "Menu";
}
#btn-mobile-menu2 i {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #FFF;
    margin-right: -32px;
    margin-top: -2px;
    position: absolute;
    right: 50%;
    top: 50%;
}
#btn-mobile-menu2.on span:before {
    content: "Close";
}

header.fixed #btn-mobile-menu2 {
    top: 6px;
}
header:hover #btn-mobile-menu2,
.open header.fixed #btn-mobile-menu2 {
    top: 20px;
}





#mobile-menu {
    background-color: #FFF;
    border-top: 1px solid #CCC;
    display: none;
    left: 0;
    overflow-y: auto;
    position: absolute;
    top: 90px;
    width: 100%;
}
#mobile-menu ul li {
    border-bottom: 1px solid #CCC;
}
#mobile-menu ul li a {
    color: #63B035;
    display: block;
    font-size: 21px;
    padding: 20px 0;
    text-indent: 20px;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#mobile-menu ul li a:hover {
    background-color: rgba(99, 176, 53, 0.3);
    text-decoration: none;
}

/*----------------------------------------------------------------
基本配置（フッター）
-----------------------------------------------------------------*/

footer {
    background-color: #252525;
    color: #fff;
    padding: 0;
    width: 100%;
}
#ft-inner {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#ft-inner > nav {
    padding: 40px 0;
}
#ft-nav {
    float: left;
    width: 780px;
}
#ft-nav > li {
    float: left;
    margin-right: 10px;
}
#ft-nav > li#ft-nav-home {
    width: 85px;
}
#ft-nav > li#ft-nav-standard {
    width: 190px;
}
#ft-nav > li#ft-nav-service {
    width: 163px;
}
#ft-nav > li#ft-nav-works {
    width: 139px;
}
#ft-nav > li#ft-nav-company {
    margin-right: 0;
    width: 163px;
}
#ft-nav > li > dl > dt > a {
    background: url("../images/ft-arrow01.png") no-repeat scroll 0 1px transparent;
    color: #FFF;
    font-size: 15px;
    line-height: 28px;
    padding: 0 0 0 17px;
}
#ft-nav > li > dl > dt > a:hover {
    background: url("../images/ft-arrow01_on.png") no-repeat scroll 0 1px transparent;
    color: #bde57a;
}
#ft-nav > li dd li {
    line-height: 28px;
}
#ft-nav > li > dl > dd {
    line-height: 28px;
    padding: 0 0 0 17px;
}
#ft-nav > li > dl > dd > a, #ft-nav > li dd dt a {
    background: url("../images/ft-arrow02.png") no-repeat scroll 0 center transparent;
    color: #FFF;
    font-size: 14px;
    padding: 0 0 0 11px;
}
#ft-nav > li > dl > dd > a:hover, #ft-nav > li dd dt a:hover {
    background: url("../images/ft-arrow02_on.png") no-repeat scroll 0 center transparent;
    color: #bde57a;
}
#ft-nav > li > dl > dd > ul > li {
    float: left;
}
#ft-nav > li dd dd {
    line-height: 25px;
    padding: 0 0 0 12px;
}
#ft-nav > li dd dd > a {
    background: url("../images/ft-arrow03.png") no-repeat scroll 0 center transparent;
    color: #FFF;
    font-size: 13px;
    padding: 0 0 0 10px;
}
#ft-nav > li dd dd > a:hover {
    background: url("../images/ft-arrow03_on.png") no-repeat scroll 0 center transparent;
    color: #bde57a;
}
#ft-bnr-area {
    float: right;
    width: 184px;
}
#ft-info {
    font-size: 13px;
    line-height: 18px;
    padding: 12px 0;
    width: 420px;
}
#ft-info.aniv {
    width: 450px;
}
#ft-info > p {
    float: left;
}
#ft-main-address {
    float: right;
    padding: 9px 0 0;
}
#ft-main-address a {
    color: #FFF;
    text-decoration: underline;
}

#ft-bottom {
    bottom: 0;
    padding: 0 0 12px;
    position: absolute;
    right: 0;
}
#ft-copy {
    color: #888;
    font-size: 10.4px;
    font-style: italic;
    text-align: right;
}

.home footer {
    background-color: transparent;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
}



#btn-page-top {
    background: url("../images/btn-page-top.png") no-repeat scroll 0 0 rgba(255,255,255,0.95);
    display: none;
    height: 48px;
    overflow: hidden;
    position: fixed;
    right: 48px;
    text-indent: 100%;
    bottom: 48px;
    white-space: nowrap;
    width: 48px;
    z-index: 20;
}

#ft-sp-nav {
    border-bottom: 2px solid #6DB462;
    border-top: 2px solid #6DB462;
    display: none;
}
#ft-sp-nav a {
    background: -moz-linear-gradient(top, white, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
    display: block;
    position: relative;
    text-decoration: none;
}
#ft-sp-nav a i {
    background-color: #666;
    border-radius: 50%;
    color: #FFF;
    display: block;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 18px;
    text-align: center;
    text-indent: 2px;
    top: 50%;
    width: 16px;
}
#ft-sp-nav a:hover {
    color: #6DB462;
}
#ft-sp-nav .pic-nav li {
    border-bottom: 1px solid #CCC;
}
#ft-sp-nav .pic-nav li a {
    height: 70px;
}
#ft-sp-nav .nopic-nav li:nth-child(n+2) {
    border-top: 1px solid #CCC;
}
#ft-sp-nav .nopic-nav li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 44px;
    height: 44px;
    padding-left: 16px;
}

#ft-sp-nav .pic-nav .link-pic {
    float: left;
}
#ft-sp-nav .pic-nav .link-pic img {
    height: 70px;
    width: auto;
}
#ft-sp-nav .pic-nav .link-txt {
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    font-weight: 700;
    height: 70px;
    line-height: 70px;
    padding-left: 24px;
    width: calc(100% - 98px);
}

/*----------------------------------------------------------------
基本配置（トップページ）
-----------------------------------------------------------------*/

#opening {
    background-color: #eee;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    width: 100vw;
}
#opening #openingSet {
    padding: 0;
    position: absolute;
    text-align: center;
    top: 32%;
    width: 100%;
}
#opening #openingSet #openingCatch {
    display: none;
    margin-bottom: 5%;
}
#opening #openingSet #openingLogo {
    display: none;
}



.home #container {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.home-content-lead {
    font-size: 31px;
    font-style: italic;
    margin: 0 0 25px;
}

@keyframes slideShow {
    0% {
        opacity: 0;
        z-index: 4;
        transform: translate(0,0);
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
        transform: translate(-4%,0);
    }
    50% {
        opacity: 0;
        z-index: 1;
        transform: translate(-5%,0);
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
@keyframes slideShow2 {
    0% {
        opacity: 0;
        z-index: 4;
        transform: translate(0,0);
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
        transform: translate(4%,0);
    }
    50% {
        opacity: 0;
        z-index: 1;
        transform: translate(5%,0);
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
@-webkit-keyframes slideShow {
    0% {
        opacity: 0;
        z-index: 4;
        -webkit-transform: translate(0,0);
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
        -webkit-transform: translate(-4%,0);
    }
    50% {
        opacity: 0;
        z-index: 1;
        -webkit-transform: translate(-5%,0);
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
@-webkit-keyframes slideShow2 {
    0% {
        opacity: 0;
        z-index: 4;
        -webkit-transform: translate(0,0);
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
        -webkit-transform: translate(4%,0);
    }
    50% {
        opacity: 0;
        z-index: 1;
        -webkit-transform: translate(5%,0);
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
@keyframes slideShow3 {
    0% {
        opacity: 0;
        z-index: 4;
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
    }
    50% {
        opacity: 0;
        z-index: 1;
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
@-webkit-keyframes slideShow3 {
    0% {
        opacity: 0;
        z-index: 4;
    }
    3% {
        opacity: 1;
        z-index: 3;
    }
    25% {
        opacity: 1;
        z-index: 2;
    }
    50% {
        opacity: 0;
        z-index: 1;
    }
    75% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: 4;
    }
}
#visualslides {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#visualslides li {
    margin: -7% 0 0;
    position: absolute;
    top: 0;
    width: 105%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#visualslides li > img {
    height: auto;
    width: 100%;
}

#visualslides li#slide01 {
    animation: slideShow 16s linear 3s infinite normal;
    -webkit-animation: slideShow 16s linear 3s infinite normal;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    left: 0;
    z-index: 1;
}
#visualslides li#slide02 {
    animation: slideShow2 16s linear 7s infinite normal;
    -webkit-animation: slideShow2 16s linear 7s infinite normal;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    right: 0;
    z-index: 1;
}
#visualslides li#slide03 {
    animation: slideShow 16s linear 11s infinite normal;
    -webkit-animation: slideShow 16s linear 11s infinite normal;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    left: 0;
    z-index: 1;
}
#visualslides li#slide04 {
    animation: slideShow2 16s linear 15s infinite normal;
    -webkit-animation: slideShow2 16s linear 15s infinite normal;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    right: 0;
    z-index: 1;
}
#visualslides li#slide00 {
    visibility: hidden;
    position: relative;
    z-index: 0;
}

.notfirst #visualslides li#slide01 {
    animation: slideShow 16s linear .5s infinite normal;
    -webkit-animation: slideShow 16s linear .5s infinite normal;
}
.notfirst #visualslides li#slide02 {
    animation: slideShow2 16s linear 4.5s infinite normal;
    -webkit-animation: slideShow2 16s linear 4.5s infinite normal;
}
.notfirst #visualslides li#slide03 {
    animation: slideShow 16s linear 8.5s infinite normal;
    -webkit-animation: slideShow 16s linear 8.5s infinite normal;
}
.notfirst #visualslides li#slide04 {
    animation: slideShow2 16s linear 12s infinite normal;
    -webkit-animation: slideShow2 16s linear 12s infinite normal;
}





#home-content-body {
    background: url("../images/bg-pat01.jpg") repeat scroll 0 0 transparent;
}

#home-content-philosophy {
    background: url("../images/bg-home-philosophy.png") no-repeat scroll 95% bottom #FFF;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#home-content-philosophy .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0 200px;
    width: 820px;
}
#home-content-philosophy h2 {
    height: 152px;
    margin: 0 auto 70px;
    position: relative;
    width: 152px;
}

.ie .sq01 {
    display: none;
}
.noie .sq01 {
    fill: transparent;
    stroke: #9fce83;
    stroke-dasharray: 0 305 0 305;
    stroke-dashoffset: 152;
    stroke-width: 2px;
    transition: stroke-width 0.6s, stroke-dashoffset 0.8s, stroke-dasharray 0.8s, fill 0.9s ease 0.6s;
    -webkit-transition: stroke-width 0.6s, stroke-dashoffset 0.8s, stroke-dasharray 0.8s, fill 0.9s ease 0.6s;
}
.ie .sq1,
.ie .sq2 {
    background-color: transparent;
    height: 100%;
    width: 100%;
    transition: background 0.9s ease 0.4s;
    -webkit-transition: background 0.9s ease 0.4s;
}
.ie .sq1 .sq-line {
    background-color: #9fce83;
    position: absolute;
}
.ie .sq2 .sq-line {
    background-color: #bca05f;
    position: absolute;
}
.ie .sq1 .sq-top,
.ie .sq2 .sq-top {
    height: 2px;
    left: 0;
    top: 0;
    width: 0;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
}
.ie .sq1 .sq-right,
.ie .sq2 .sq-right {
    height: 0;
    right: 0;
    top: 0;
    width: 2px;
    transition: height 0.3s ease 0.3s;
    -webkit-transition: height 0.3s ease 0.3s;
}
.ie .sq1 .sq-bottom,
.ie .sq2 .sq-bottom {
    bottom: 0;
    height: 2px;
    right: 0;
    width: 0;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
}
.ie .sq1 .sq-left,
.ie .sq2 .sq-left {
    bottom: 0;
    height: 0;
    left: 0;
    width: 2px;
    transition: height 0.3s ease 0.3s;
    -webkit-transition: height 0.3s ease 0.3s;
}
.ie .show .sq1 {
    background-color: #9fce83;
}
.ie .show .sq2 {
    background-color: #bca05f;
}
.ie .show .sq1 .sq-top,
.ie .show .sq2 .sq-top {
    width: 100%;
}
.ie .show .sq1 .sq-right,
.ie .show .sq2 .sq-right {
    height: 100%;
}
.ie .show .sq1 .sq-bottom,
.ie .show .sq2 .sq-bottom {
    width: 100%;
}
.ie .show .sq1 .sq-left,
.ie .show .sq2 .sq-left {
    height: 100%;
}
.text {
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
    height: 152px;
    line-height: 152px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    width: 152px;
}
.home-content-lead {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.noie #home-content-philosophy.show .sq01 {
    fill: #9fce83;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-philosophy h2 .text {
    background-image: url("../images/header-home-philosophy.png");
}
#home-content-philosophy .home-content-lead {
    background: url("../images/lead-home-philosophy.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin: 0 auto 35px;
    opacity: 0;
    width: 474px;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s;
    -webkit-transition: -webkit-transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s;
}
#home-content-philosophy.show .home-content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-philosophy .home-content-section-inner > p {
    color: #474b4b;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 32px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.0s ease 1.3s;
    -webkit-transition: all 1.0s ease 1.3s;
}
#home-content-philosophy.show .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-concept {
    background: url("../images/bg-perspective-gray.jpg") no-repeat scroll 93% bottom transparent;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#home-content-concept:after {
    background: url("../images/bg-perspective-color.jpg") no-repeat scroll 93% bottom transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transform: translate(40px,0);
    -webkit-transform: translate(40px,0);
    transition: opacity 2.2s ease-out 2.0s, transform 1.4s ease-out 1.7s;
    -webkit-transition: opacity 2.2s ease-out 2.0s, transform 1.4s ease-out 1.7s;
}
#home-content-concept.show:after {
    opacity: 0.85;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-concept .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0;
    position: relative;
    width: 1000px;
    z-index: 3;
}
#home-content-concept h2 {
    height: 152px;
    position: absolute;
    width: 152px;
    transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
}
.ie .sq02 {
    display: none;
}
.noie .sq02 {
    fill: transparent;
    stroke: #bca05f;
    stroke-dasharray: 0 305 0 305;
    stroke-dashoffset: 152;
    stroke-width: 2px;
    transition: stroke-width 0.7s, stroke-dashoffset 0.9s, stroke-dasharray 0.9s, fill 1s ease 0.7s;
    -webkit-transition: stroke-width 0.7s, stroke-dashoffset 0.9s, stroke-dasharray 0.9s, fill 1s ease 0.7s;
}
.noie #home-content-concept.show .sq02 {
    fill: #bca05f;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-concept h2 .text {
    background-image: url("../images/header-home-concept.png");
    opacity: 0;
    transition: opacity 0.7s ease 0.3s;
    -webkit-transition: opacity 0.7s ease 0.3s;
}
#home-content-concept.show h2 .text {
    opacity: 1;
}
#home-content-concept .home-content-lead {
    background: url("../images/lead-home-concept.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    margin: 0 0 30px 211px;
    opacity: 0;
    width: 248px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.6s;
    -webkit-transition: all 1.0s ease 0.6s;
}
#home-content-concept.show .home-content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-concept .home-content-section-inner > p {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 0 0 450px 230px;
    opacity: 0;
    width: 770px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.1s;
    -webkit-transition: all 1.0s ease 1.1s;
}
#home-content-concept.show .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.btn-more01,
.btn-more02 {
    font-family: serif;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    position: absolute;
}
.btn-more01:hover,
.btn-more02:hover {
    text-decoration: none;
}
#home-content-concept .btn-more01 {
    color: #4c5050;
    opacity: 0;
    right: 10px;
    top: 300px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.6s;
    -webkit-transition: all 1.0s ease 1.6s;
}
#home-content-concept.show .btn-more01 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.btn-more01 span,
.btn-more01 i,
.btn-more02 span,
.btn-more02 i {
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.btn-more01 span,
.btn-more01 i {
    background-image: url("../images/btn-more01.png");
}
.btn-more02 span,
.btn-more02 i {
    background-image: url("../images/btn-more02.png");
}
.btn-more01 .char01,
.btn-more02 .char01 {
    background-position: 0 0;
    width: 16px;
}
.btn-more01 .char02,
.btn-more02 .char02 {
    background-position: -16px 0;
    width: 12px;
}
.btn-more01 .char03,
.btn-more02 .char03 {
    background-position: -28px 0;
    width: 10px;
}
.btn-more01 .char04,
.btn-more02 .char04 {
    background-position: -38px 0;
    width: 15px;
}
.btn-more01 i,
.btn-more02 i {
    background-position: -53px 0;
    width: 13px;
}
.btn-more01:hover .char01,
.btn-more02:hover .char01 {
    animation: changeOpacity 0.7s ease-in-out;
    -webkit-animation: changeOpacity 0.7s ease-in-out;
}
.btn-more01:hover .char02,
.btn-more02:hover .char02 {
    animation: changeOpacity 0.7s ease-in-out 0.12s;
    -webkit-animation: changeOpacity 0.7s ease-in-out 0.12s;
}
.btn-more01:hover .char03,
.btn-more02:hover .char03 {
    animation: changeOpacity 0.7s ease-in-out 0.24s;
    -webkit-animation: changeOpacity 0.7s ease-in-out 0.24s;
}
.btn-more01:hover .char04,
.btn-more02:hover .char04 {
    animation: changeOpacity 0.7s ease-in-out 0.36s;
    -webkit-animation: changeOpacity 0.7s ease-in-out 0.36s;
}
.btn-more01:hover i,
.btn-more02:hover i {
    animation: changeOpacity 0.7s ease-in-out 0.48s;
    -webkit-animation: changeOpacity 0.7s ease-in-out 0.48s;
}

@keyframes changeOpacity {
    40%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes changeOpacity {
    40%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

#concept-element {
    height: 446px;
    left: 50%;
    margin-left: -550px;
    position: absolute;
    top: 284px;
    width: 320px;
    z-index: 2;
}
#concept-element span {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 446px;
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    width: 320px;
}
#concept-element span#concept-elem01 {
    background-image: url("../images/concept-elem01.png");
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: opacity 0.7s ease 2.0s, transform 1.0s ease 2.2s;
    -webkit-transition: opacity 0.7s ease 2.0s, -webkit-transform 1.0s ease 2.2s;
}
#concept-element span#concept-elem02 {
    background-image: url("../images/concept-elem02.png");
    opacity: 0;
    transform: translate(30px,0);
    -webkit-transform: translate(30px,0);
    transition: opacity 0.6s ease 2.0s, transform 0.9s ease 2.2s;
    -webkit-transition: opacity 0.6s ease 2.0s, -webkit-transform 0.9s ease 2.2s;
}
#concept-element span#concept-elem03 {
    background-image: url("../images/concept-elem03.png");
    opacity: 0;
    transform: translate(0,30px);
    -webkit-transform: translate(0,30px);
    transition: opacity 0.5s ease 2.0s, transform 0.8s ease 2.2s;
    -webkit-transition: opacity 0.5s ease 2.0s, -webkit-transform 0.8s ease 2.2s;
}
#concept-element span#concept-elem04 {
    background-image: url("../images/concept-elem04.png");
    opacity: 0;
    transform: translate(-18px,0);
    -webkit-transform: translate(-18px,0);
    transition: opacity 0.5s ease 2.0s, transform 0.8s ease 2.2s;
    -webkit-transition: opacity 0.5s ease 2.0s, -webkit-transform 0.8s ease 2.2s;
}

.show #concept-element span#concept-elem01 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.show #concept-element span#concept-elem02 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.show #concept-element span#concept-elem03 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.show #concept-element span#concept-elem04 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

#home-content-method {
    background-color: #FFF;
    background-image: url(../images/bg-home-method.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
#home-content-method .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0 120px;
    width: 1000px;
}
#home-content-method h2 {
    height: 152px;
    margin: 0 auto 65px;
    position: relative;
    width: 152px;
    transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
}
#home-content-method.show .sq01 {
    fill: #9fce83;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-method h2 .text {
    background-image: url("../images/header-home-method.png");
    opacity: 0;
    transition: opacity 0.7s ease 0.3s;
}
#home-content-method.show h2 .text {
    opacity: 1;
}
#home-content-method .inner-box {
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
    padding: 65px 55px 100px;
    position: relative;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.6s;
    -webkit-transition: all 1.0s ease 0.6s;
    width: 890px;
}
#home-content-method.show .inner-box {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-method .home-content-lead {
    background: url("../images/lead-home-method.png") no-repeat scroll 0 0 transparent;
    background-position: center center;
    height: 50px;
    margin: 0 0 20px;
    opacity: 0;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.6s;
    -webkit-transition: all 1.0s ease 0.6s;
}
#home-content-method.show .home-content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-method .inner-box p {
    color: #FFF;
    font-size: 16px;
    line-height: 2;
    opacity: 0;
    text-shadow: 0 1px 0 #000;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.1s;
    -webkit-transition: all 1.0s ease 1.1s;
}
#home-content-method.show .inner-box p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-method .inner-box .btn-more02 {
    bottom: 75px;
    opacity: 0;
    right: 55px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.6s;
    -webkit-transition: all 1.0s ease 1.6s;
}
#home-content-method.show .inner-box .btn-more02 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}


#home-content-feature {
    background-color: #FFF;
}
#home-content-feature .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0;
    width: 1000px;
}
#home-content-feature h2 {
    height: 152px;
    margin: 0 auto 60px;
    position: relative;
    width: 152px;
    transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
}
#home-content-feature.show .sq01 {
    fill: #9fce83;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-feature h2 .text {
    background-image: url("../images/header-home-feature.png");
}
#home-content-feature li {
    background-color: #000;
    float: left;
    height: 388px;
    opacity: 0;
    overflow: hidden;
    width: 250px;
    transform: translate(0,-50px);
    -webkit-transform: translate(0,-50px);
}
#home-content-feature li:nth-child(1) {
    transition: transform 1.3s ease 0.6s, opacity 1.3s ease 0.6s, width 0s ease 0s;
    -webkit-transition: -webkit-transform 1.3s ease 0.6s, opacity 1.3s ease 0.6s, width 0s ease 0s;
}
#home-content-feature li:nth-child(2) {
    transition: transform 1.3s ease 1.0s, opacity 1.3s ease 1.0s, width 0s ease 0s;
    -webkit-transition: -webkit-transform 1.3s ease 1.0s, opacity 1.3s ease 1.0s, width 0s ease 0s;
}
#home-content-feature li:nth-child(3) {
    transition: transform 1.3s ease 1.4s, opacity 1.3s ease 1.4s, width 0s ease 0s;
    -webkit-transition: -webkit-transform 1.3s ease 1.4s, opacity 1.3s ease 1.4s, width 0s ease 0s;
}
#home-content-feature li:nth-child(4) {
    transition: transform 1.3s ease 1.8s, opacity 1.3s ease 1.8s, width 0s ease 0s;
    -webkit-transition: -webkit-transform 1.3s ease 1.8s, opacity 1.3s ease 1.8s, width 0s ease 0s;
}
#home-content-feature.show li {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-feature li a {
    display: block;
    height: 388px;
    position: relative;
    width: 250px;
}
#home-content-feature li a > img {
    height: 388px;
    opacity: 1;
    width: 250px;
    transition: opacity 1.4s, transform 2.5s;
    -webkit-transition: opacity 1.4s, transform 2.5s;
}
#home-content-feature li a:hover > img {
    opacity: 0.7;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
#home-content-feature li a .list-inner {
    height: 200px;
    left: 25px;
    position: absolute;
    top: 94px;
    width: 200px;
}
#home-content-feature .bracket-topLeft {
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    height: 30px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 70px;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}
#home-content-feature .bracket-topRight {
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 70px;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}
#home-content-feature .bracket-bottomLeft {
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    bottom: 30px;
    height: 30px;
    left: 30px;
    position: absolute;
    width: 70px;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}
#home-content-feature .bracket-bottomRight {
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    bottom: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    width: 70px;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}
#home-content-feature a:hover .bracket-topLeft {
    height: 30px;
    left: 5px;
    top: 5px;
    width: 30px;
}
#home-content-feature a:hover .bracket-topRight {
    height: 30px;
    right: 5px;
    top: 5px;
    width: 30px;
}
#home-content-feature a:hover .bracket-bottomLeft {
    bottom: 5px;
    height: 30px;
    left: 5px;
    width: 30px;
}
#home-content-feature a:hover .bracket-bottomRight {
    bottom: 5px;
    height: 30px;
    right: 5px;
    width: 30px;
}
#home-content-works {
    background: url("../images/bg-pat02.jpg") repeat scroll 0 0 #FFF;
    overflow: hidden;
    position: relative;
}
#home-content-works .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0;
    position: relative;
    width: 1056px;
    z-index: 2;
}
#home-content-works > .home-content-section-inner {
    height: 168px;
}
#home-content-works h2 {
    height: 152px;
    margin: 0 0 60px;
    position: absolute;
    width: 152px;
    transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
}
#home-content-works.show .sq02 {
    fill: #bca05f;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-works h2 .text {
    background-image: url("../images/header-home-works.png");
    opacity: 0;
    transition: opacity 0.7s ease 0.3s;
    -webkit-transition: opacity 0.7s ease 0.3s;
}
#home-content-works.show h2 .text {
    opacity: 1;
}
#home-content-works .home-content-lead {
    background: url("../images/lead-home-works.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin: 0 0 30px 205px;
    opacity: 0;
    width: 376px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.6s;
    -webkit-transition: all 1.0s ease 0.6s;
}
#home-content-works.show .home-content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-works .home-content-section-inner > p {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 0 0 0 205px;
    opacity: 0;
    width: 770px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.1s;
    -webkit-transition: all 1.0s ease 1.1s;
}
#home-content-works.show .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-works-list {
    background: url("../images/bg-pat03.jpg") repeat scroll 0 0 #FFF;
    height: 322px;
    overflow: hidden;
    width: 100%;
}
#home-content-works-list .home-content-section-inner {
    position: relative;
}
#home-content-works .btn-more02 {
    color: #FFF;
    opacity: 0;
    right: 0px;
    top: 40px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 1.6s;
    -webkit-transition: all 1.0s ease 1.6s;
}
#home-content-works.show .btn-more02 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-content-works-list li {
    background-color: rgba(255,255,255,0.3);
    float: left;
    padding: 3px;
    position: relative;
}
#home-content-works-list li.top-works01,
#home-content-works-list li.top-works02,
#home-content-works-list li.top-works03 {
    margin-right: 24px;
}
#home-content-works-list li a {
    display: block;
    overflow: hidden;
    position: relative;
}

#home-content-works-list li a:before {
    background-color: rgba(255,255,255,0);
    bottom: 2px;
    content: "";
    left: 2px;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#home-content-works-list li a:hover:before {
    background-color: rgba(255,255,255,0.5);
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
}
#home-content-works-list li a:after {
    border: 1px solid #555;
    bottom: -5px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    z-index: 1;
}
#home-content-works-list li a:hover:after {
    bottom: 5px;
    left: 5px;
    right: 5px;
    top: 5px;
}
#home-content-works-list li p {
    color: #333;
    font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-style: italic;
    font-weight: bold;
    left: 10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 52%;
    transition: all 0.6s ease-out 0.3s;
    -webkit-transition: all 0.6s ease-out 0.3s;
    width: 90%;
}
#home-content-works-list li a:hover p {
    opacity: 0.8;
}
#home-content-works-list li i {
    color: #333;
    font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 54px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 2px #555;
    top: 17%;
    width: 100%;
    z-index: 2;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
}
#home-content-works-list li a:hover i {
    opacity: 0.8;
}


#home-content-works #bg-plan {
    background: url("../images/bg-plan02.png") no-repeat scroll 0 -243px transparent;
    height: 824px;
    position: absolute;
    right: 0;
    top: 0;
    width: 665px;
}
#home-content-news .home-content-section-inner {
    margin: 0 auto;
    padding: 78px 0;
    position: relative;
    width: 1000px;
}
#home-content-news h2 {
    height: 152px;
    margin: 0 0 60px;
    position: absolute;
    width: 152px;
    transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
}
#home-content-news.show .sq01 {
    fill: #9fce83;
    stroke-dasharray: 304 0 304 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-news h2 .text {
    background-image: url("../images/header-home-news.png");
    opacity: 0;
    transition: opacity 0.7s ease 0.3s;
    -webkit-transition: opacity 0.7s ease 0.3s;
}
#home-content-news.show h2 .text {
    opacity: 1;
}
#home-content-news .btn-more01 {
    color: #4c5050;
    opacity: 0;
    right: 0;
    top: 74px;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.9s;
    -webkit-transition: all 1.0s ease 0.9s;
}
#home-content-news.show .btn-more01 {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#home-news-list-wrap {
    font-size: 16px;
    height: 300px;
    margin: 24px 0 0 205px;
    opacity: 0;
    transform: translate(-30px,0);
    -webkit-transform: translate(-30px,0);
    transition: all 1.0s ease 0.4s;
    -webkit-transition: all 1.0s ease 0.4s;
}
.show #home-news-list-wrap {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}


#home-news-list-wrap li {
    background: url("../images/dotline01.png") repeat-x scroll 0 bottom transparent;
    font-size: 16px;
    padding: 0 0 1px;
}
#home-news-list-wrap li.withoutlink {
    padding: 24px 4px;
}
#home-news-list-wrap li.withlink a {
    display: block;
    padding: 24px 4px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#home-news-list-wrap li.withlink a:hover {
    background-color: rgba(255,255,255,0.6);
    padding: 24px 24px;
    text-decoration: none;
}
#home-news-list-wrap .post-date {
    color: #313542;
    font-family: serif;
    font-size: 15px;
    padding-right: 60px;
}
#home-news-list-wrap a .post-title {
    color: #313542;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#home-news-list-wrap a:hover .post-title {
    color: #63b035;
}


#home-content-foot {
    background-color: #e9eae9;
    margin: 0;
    width: 100%;
}
#contact-information {
    box-sizing: border-box;
    float: right;
    font-size: 15px;
    padding: 55px 0 55px 20px;
    width: 420px;
}

#ft-instagram {
    box-sizing: border-box;
    float: left;
    padding: 25px 20px 35px 0;
    width: 580px;
}
.hdr-instagram {
    line-height: 1;
    margin-bottom: -6px;
    position: relative;
}
.hdr-instagram::after {
    background-color: #000;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.hdr-instagram img {
    height: auto;
    width: 108px;
}

#fb-information {
    box-sizing: border-box;
    float: left;
    font-size: 15px;
    padding: 55px 20px 55px 0;
    width: 500px;
}
#fb-information .fb_iframe_widget {
    border-right: 1px solid #919191;
    padding-right: 20px;
}

#contact-information > p {
    font-size: 15px;
    letter-spacing: 0.3px;
    padding: 30px 0;
    text-align: center;
}
#contact-information li {
    background-color: #FFF;
    border: none;
    box-sizing: border-box;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 352px;
    z-index: 1;
    transition: color 1s cubic-bezier(0.75, 0, 0.125, 1);
}
#contact-information li.btn-call {
    margin-top: 10px;
}
#contact-information li a,
#contact-information li p {
    border: 1px solid #919191;
    display: block;
    height: 68px;
    position: relative;
    width: 350px;
    transition: all 1s cubic-bezier(0.75, 0, 0.125, 1);
}
#contact-information li::before,
#contact-information li::after {
    box-sizing: border-box;
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 352px;
    height: 70px;
    transition: opacity 1s cubic-bezier(0.75, 0, 0.125, 1);
}
#contact-information li::before {
    border: 2px solid #a0cf84;
    opacity: 0;
}
#contact-information li::before {
    background-color: #FFF;
}
#contact-information li:hover::before {
    box-shadow: 0 0 7px 0 #a0cf84;
    opacity: 1;
}
#contact-information li:hover::after {
    background-color: #a0cf84;
    opacity: 0;
}
#contact-information li a:hover,
#contact-information li p:hover {
    border: 1px solid #a0cf84;;
}
#contact-information li.btn-mail a i {
    background: url("../images/foot-btn-mail.png") no-repeat scroll center center transparent;
    display: block;
    height: 68px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 350px;
}
#contact-information li.btn-call p i {
    background: url("../images/foot-btn-call.png") no-repeat scroll center 15px transparent;
    display: block;
    height: 68px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 350px;
}
#contact-information li.btn-mail a:hover i {
    background: url("../images/foot-btn-mail_on.png") no-repeat scroll center center transparent;
}
#contact-information li.btn-call p:hover i {
    background: url("../images/foot-btn-call_on.png") no-repeat scroll center 15px transparent;
}
#contact-information li.btn-call p span {
    bottom: 2px;
    display: block;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 350px;
}
#contact-information li.btn-call p:hover span {
    color: #63B035;
}


/*----------------------------------------------------------------
基本配置（下層ページ）
-----------------------------------------------------------------*/

#page-title {
    background-color: #a0cf84;
    height: 100px;
    position: relative;
    width: 100%;
    z-index: 20;
}
#page-title h1,
#page-title h2 {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-indent: 100%;
    z-index: 10;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-foot {
    background-color: #e9eae9;
    margin: 0;
    width: 100%;
}
#content-foot-inner {
    margin: 0 auto;
    width: 1000px;
}
.content-ft-inner {
    display: flex;
    flex-wrap: wrap;
}
.page-contact #content-foot {
    background-color: #EEFFEE;
}
.page-service #content-foot {
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.25);
    position: relative;
}

.bk-sq,
.wh-sq {
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 120px;
}
.bk-sq .bracket-top {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    height: 0;
    left: 59px;
    position: absolute;
    top: -1px;
    width: 0;
}
.bk-sq .bracket-bottom {
    bottom: -1px;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    height: 0;
    left: 59px;
    position: absolute;
    width: 0;
}

.show .bk-sq .bracket-top {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px;
    transition: height 0.5s ease 0.5s, width 0.5s ease 0s, left 0.5s ease 0s, top 0s ease 0s;
    -webkit-transition: height 0.5s ease 0.5s, width 0.5s ease 0s, left 0.5s ease 0s, top 0s ease 0s;
}
.show .bk-sq .bracket-bottom {
    bottom: 0;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    width: 118px;
    transition: height 0.5s ease 0.5s, width 0.5s ease 0s, left 0.5s ease 0s, bottom 0s ease 0s;
    -webkit-transition: height 0.5s ease 0.5s, width 0.5s ease 0s, left 0.5s ease 0s, bottom 0s ease 0s;
}
.page-feature .show .bk-sq .bracket-top,
.page-feature .show .wh-sq .bracket-top {
    transition: height 0.5s ease 1.2s, width 0.5s ease 0.7s, left 0.5s ease 0.7s, top 0s ease 0.7s;
    -webkit-transition: height 0.5s ease 1.2s, width 0.5s ease 0.7s, left 0.5s ease 0.7s, top 0s ease 0.7s;
}
.page-feature .show .bk-sq .bracket-bottom,
.page-feature .show .wh-sq .bracket-bottom {
    transition: height 0.5s ease 1.2s, width 0.5s ease 0.7s, left 0.5s ease 0.7s, bottom 0s ease 0.7s;
    -webkit-transition: height 0.5s ease 1.2s, width 0.5s ease 0.7s, left 0.5s ease 0.7s, bottom 0s ease 0.7s;
}
.wh-sq .bracket-top {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    height: 0;
    left: 59px;
    position: absolute;
    top: -1px;
    width: 0;
}
.wh-sq .bracket-bottom {
    bottom: -1px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    height: 0;
    left: 59px;
    position: absolute;
    width: 0;
}

.show .wh-sq .bracket-top {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px;
    transition: height 0.5s ease 0.7s, width 0.5s ease 0.7s, left 0.5s ease 0.2s, top 0s ease 0.2s;
    -webkit-transition: height 0.5s ease 0.7s, width 0.5s ease 0.7s, left 0.5s ease 0.2s, top 0s ease 0.2s;
}
.show .wh-sq .bracket-bottom {
    bottom: 0;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    height: 20px;
    left: 0;
    position: absolute;
    width: 118px;
    transition: height 0.5s ease 0.7s, width 0.5s ease 0.7s, left 0.5s ease 0.2s, bottom 0s ease 0.2s;
    -webkit-transition: height 0.5s ease 0.7s, width 0.5s ease 0.7s, left 0.5s ease 0.2s, bottom 0s ease 0.2s;
}
.sq-text {
    background-repeat: no-repeat;
    background-position: center center;
    height: 120px;
    left: 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    width: 100%;
    transform: rotate3d(0, 1, 2, -20deg) translate(0,-5px);
    -webkit-transform: rotate3d(0, 1, 2, -20deg) translate(0,-5px);
    transition: opacity 1.7s, transform 2.5s ease 0.2s;
    -webkit-transition: opacity 1.7s, -webkit-transform 2.5s ease 0.2s;
}
.content-section-cover {
    background-color: #FFF;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.25);
    position: relative;
}
#content-newlybuilt .content-section-cover {
    background-color: transparent;
    box-shadow: none;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}
#content-newlybuilt.show .content-section-cover {
    background-color: #FFF;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.25);
}

/*----------------------------------------------------------------
成友の４つの特長
-----------------------------------------------------------------*/

.page-feature #page-title h1 {
    background-image: url("../images/title-header-feature.png");
}
.page-feature section {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.page-feature section:after {
    background-color: transparent;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    transition: all 1.5s ease 0.5s;
    -webkit-transition: all 1.5s ease 0.5s;
}
.page-feature section.show:after {
    background-color: transparent;
}
.page-feature section#content-feature01.show:after {
    background-color: rgba(255, 255, 255, 0.4);
}
.page-feature .content-section {
    position: relative;
}
.page-feature .content-section-inner {
    background: inherit;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -410px;
    margin-top: -275px;
    padding: 75px;
    position: absolute;
    top: 150%;
    width: 660px;
    z-index: 10;
    transition: all 1.1s ease 0s;
    -webkit-transition: all 1.1s ease 0s;
}
.page-feature .focus .content-section-inner {
    top: 50%;
}
.page-feature .content-section-inner:before {
    background: inherit;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');

}
.page-feature .content-section-inner:after {
    background-color: rgba(255,255,255,0.1);
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    z-index: -1;
    transition: all 1.1s ease 0s;
    -webkit-transition: all 1.1s ease 0s;
}
.page-feature .show .content-section-inner:after {
    background-color: rgba(255,255,255,0.65);
}
.page-feature #content-feature01.show .content-section-inner:after {
    background-color: rgba(0,0,0,0.2);
}
.page-feature .content-section-inner > h2 {
    margin: 0 auto 45px;
    position: relative;
    transition: all 1s ease 1.2s;
    -webkit-transition: all 1s ease 1.2s;
}
.page-feature .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 28px;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transition: all 1.0s ease 1.7s;
    -webkit-transition: all 1.0s ease 1.7s;
}
.page-feature .show .content-lead {
    opacity: 1;
}
.page-feature .content-section-inner > p {
    color: #3a3a3a;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 0 auto;
    opacity: 0;
    transition: all 1.0s ease 2.2s;
    -webkit-transition: all 1.0s ease 2.2s;
}
.page-feature .show .content-section-inner > p {
    opacity: 1;
}
#content-feature01 {
    background: url("../images/bg-feature01.jpg") no-repeat fixed 0 center / cover transparent;
}
#content-feature01 .content-lead {
    background-image: url("../images/section-lead-feature01.png");
}
#content-feature01 .sq-text {
    background-image: url("../images/section-head-feature01.png");
}
#content-feature01  .content-section-inner > p {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#content-feature02 {
    background: url("../images/bg-feature02_3.jpg") no-repeat fixed 0 50% / cover transparent;
}
#content-feature02 .content-lead {
    background-image: url("../images/section-lead-feature02.png");
}
#content-feature02 .sq-text {
    background-image: url("../images/section-head-feature02.png");
}
#content-feature03 {
    background: url("../images/bg-feature03.jpg") no-repeat fixed 0 center / cover transparent;
}
#content-feature03 .content-lead {
    background-image: url("../images/section-lead-feature03.png");
}
#content-feature03 .sq-text {
    background-image: url("../images/section-head-feature03.png");
}
#content-feature04 {
    background: url("../images/bg-feature04.jpg") no-repeat fixed 0 center / cover transparent;
}
#content-feature04 .content-lead {
    background-image: url("../images/section-lead-feature04.png");
}
#content-feature04 .sq-text {
    background-image: url("../images/section-head-feature04.png");
}
#content-feature04  .content-section-inner > p {
    text-align: center;
}

.page-feature .show .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: all 0.7s ease 0.8s;
    -webkit-transition: all 0.7s ease 0.8s;
}

/*----------------------------------------------------------------
建築サービス
-----------------------------------------------------------------*/

.page-service #page-title h1 {
    background-image: url("../images/title-header-service.png");
}
.page-service .content-section-inner > h2 {
    margin: 0 auto 45px;
    position: relative;
    transition: all 1.0s ease 0s;
    -webkit-transition: all 1.0s ease 0s;
}
.page-service .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 30px;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s;
    -webkit-transition: -webkit-transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s;
}
.page-service .show .content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-newlybuilt {
    background: url("../images/bg-newlybuilt02.jpg") no-repeat fixed center bottom / cover transparent;
    padding: 0 0 460px;
    transition: all 3.0s ease 3s;
    -webkit-transition: all 3.0s ease 3s;
}
#content-newlybuilt.show {
    background-position: center 30%;
}
#content-newlybuilt .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 54px;
    width: 770px;
}
#content-newlybuilt .content-lead {
    background-image: url("../images/section-lead-newlybuilt.png");
}
#content-newlybuilt .content-section-inner > p {
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 34px;
    margin: 0 auto 35px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.0s ease 1.1s;
    -webkit-transition: all 1.0s ease 1.1s;
}
#content-newlybuilt.show .content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-newlybuilt.show .content-section-inner > ul {
    margin: 0 auto;
    width: 510px;
}
#content-newlybuilt.show .content-section-inner > ul .left {
    float: left;
}
#content-newlybuilt.show .content-section-inner > ul .right {
    float: right;
}
a.btn-service-detail {
    border: 1px solid #666;
    box-shadow: none;
    color: #4C5050;
    display: block;
    height: 52px;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    width: 240px;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: box-shadow 0.4s, opacity 1.0s ease 1.6s, transform 1.0s ease 1.6s;
    -webkit-transition: box-shadow 0.4s, opacity 1.0s ease 1.6s, -webkit-transform 1.0s ease 1.6s;
}
.show a.btn-service-detail {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    opacity: 1;
}
a.btn-service-detail > span {
    background-position: 46% center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}
a.btn-service-detail > i {
    position: absolute;
    right: 12%;
    top: 28%;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
a.btn-service-detail:hover {
    box-shadow: 0 0 7px 0 #a0cf84;
}
a.btn-service-detail:hover > i {
    transform: translate(5px,0);
    -webkit-transform: translate(5px,0);
}
#content-newlybuilt a.btn-service-detail#btn-service-new > span {
    background-image: url("../images/btn-service-new.png");
}
#content-newlybuilt a.btn-service-detail#btn-service-wb > span {
    background-image: url("../images/btn-service-wb.png");
}
.page-service .show .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
    -webkit-transition: -webkit-transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
}
#content-newlybuilt .sq-text {
    background-image: url("../images/section-head-newlybuilt.png");
}

#content-renovation {
    background: url("../images/bg-renovation.jpg") no-repeat fixed center bottom / cover transparent;
    padding: 0 0 460px;
    transition: all 3.0s ease 3s;
    -webkit-transition: all 3.0s ease 3s;
}
#content-renovation.show {
    background-position: center 30%;
}
#content-renovation .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 54px;
    width: 770px;
}
#content-renovation .content-lead {
    background-image: url("../images/section-lead-renovation.png");
}
#content-renovation .content-section-inner > p {
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 34px;
    margin: 0 auto 35px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.0s ease 1.1s;
    -webkit-transition: all 1.0s ease 1.1s;
}
#content-renovation.show .content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-renovation .sq-text {
    background-image: url("../images/section-head-renovation.png");
}

#content-renovation a.btn-service-detail > span {
    background-image: url("../images/btn-service-renovation.png");
}

#content-reduction {
    background: url("../images/bg-reduction.jpg") no-repeat fixed center bottom / cover transparent;
    padding: 0 0 500px;
    transition: all 3.0s ease 3s;
    -webkit-transition: all 3.0s ease 3s;
}
#content-reduction.show {
    background-position: center 40%;
}
#content-reduction .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 54px;
    width: 770px;
}
#content-reduction .content-lead {
    background-image: url("../images/section-lead-reduction.png");
}
#content-reduction .content-section-inner > p {
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 34px;
    margin: 0 auto;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: transform 1.0s ease 1.1s, opacity 1.0s ease 1.1s;
    -webkit-transition: -webkit-transform 1.0s ease 1.1s, opacity 1.0s ease 1.1s;
}
#content-reduction.show .content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-reduction .sq-text {
    background-image: url("../images/section-head-reduction.png");
}
#content-reduction li {
    float: left;
    width: 25%;
}
#content-reduction li img {
    height: auto;
    width: 100%;
}

/*----------------------------------------------------------------
施工実績
-----------------------------------------------------------------*/

.page-works #page-title h1,
.page-works-b #page-title h1,
.page-works-reform #page-title h1,
.page-works-reform #page-title h2,
.page-works-c #page-title h1,
.single-works-new #page-title h1,
.single-works-renovation #page-title h1,
.single-works-reduction #page-title h1 {
    background-image: url("../images/title-header-works.png");
}


.page-works #content-body > ul,
.page-works-b #content-body > ul,
.page-works-reform #content-body > ul,
.page-works-c #content-body > ul,
.single-works-new #content-body > ul,
.single-works-renovation #content-body > ul,
.single-works-reduction #content-body > ul {
    background: url("../images/dot-line02.png") no-repeat scroll right 0 transparent;
    margin: 90px auto 0;
    width: 1060px;
}
.page-works #content-body > ul li,
.page-works-b #content-body > ul li,
.page-works-reform #content-body > ul li,
.page-works-c #content-body > ul li,
.single-works-new #content-body > ul li,
.single-works-renovation #content-body > ul li,
.single-works-reduction #content-body > ul li {
    background: url("../images/dot-line02.png") no-repeat scroll left 0 transparent;
    float: left;
    height: 26px;
    width: 50%;
}
.page-works #content-body > ul li a,
.page-works-b #content-body > ul li a,
.page-works-reform #content-body > ul li a,
.page-works-c #content-body > ul li a,
.page-works #content-body > ul li span,
.page-works-b #content-body > ul li span,
.page-works-reform #content-body > ul li span,
.page-works-c #content-body > ul li span,
.single-works-new #content-body > ul li a,
.single-works-new #content-body > ul li span,
.single-works-renovation #content-body > ul li a,
.single-works-renovation #content-body > ul li span,
.single-works-reduction #content-body > ul li a,
.single-works-reduction #content-body > ul li span {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    overflow: hidden;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}

.page-works #content-body > ul li#nav-works-new span,
.page-works-b #content-body > ul li#nav-works-new span,
.page-works-reform #content-body > ul li#nav-works-new span,
.page-works-c #content-body > ul li#nav-works-new span,
.page-works #content-body > ul li#nav-works-new a.cur,
.page-works-b #content-body > ul li#nav-works-new a.cur,
.page-works-reform #content-body > ul li#nav-works-new a.cur,
.page-works-c #content-body > ul li#nav-works-new a.cur,
.single-works-new #content-body > ul li#nav-works-new span,
.single-works-new #content-body > ul li#nav-works-new a.cur,
.single-works-renovation #content-body > ul li#nav-works-new span,
.single-works-renovation #content-body > ul li#nav-works-new a.cur,
.single-works-reduction #content-body > ul li#nav-works-new span,
.single-works-reduction #content-body > ul li#nav-works-new a.cur {
    background-image: url("../images/nav-works-new.png");
}
.page-works #content-body > ul li#nav-works-renovation span,
.page-works-b #content-body > ul li#nav-works-renovation span,
.page-works-reform #content-body > ul li#nav-works-renovation span,
.page-works-c #content-body > ul li#nav-works-renovation span,
.page-works #content-body > ul li#nav-works-renovation a.cur,
.page-works-b #content-body > ul li#nav-works-renovation a.cur,
.page-works-reform #content-body > ul li#nav-works-renovation a.cur,
.page-works-c #content-body > ul li#nav-works-renovation a.cur,
.single-works-new #content-body > ul li#nav-works-renovation span,
.single-works-new #content-body > ul li#nav-works-renovation a.cur,
.single-works-renovation #content-body > ul li#nav-works-renovation span,
.single-works-renovation #content-body > ul li#nav-works-renovation a.cur,
.single-works-reduction #content-body > ul li#nav-works-renovation span,
.single-works-reduction #content-body > ul li#nav-works-renovation a.cur {
    background-image: url("../images/nav-works-renovation.png");
}
.page-works #content-body > ul li#nav-works-reduction span,
.page-works-b #content-body > ul li#nav-works-reduction span,
.page-works-reform #content-body > ul li#nav-works-reduction span,
.page-works-c #content-body > ul li#nav-works-reduction span,
.page-works #content-body > ul li#nav-works-reduction a.cur,
.page-works-b #content-body > ul li#nav-works-reduction a.cur,
.page-works-reform #content-body > ul li#nav-works-reduction a.cur,
.page-works-c #content-body > ul li#nav-works-reduction a.cur,
.single-works-new #content-body > ul li#nav-works-reduction span,
.single-works-new #content-body > ul li#nav-works-reduction a.cur,
.single-works-renovation #content-body > ul li#nav-works-reduction span,
.single-works-renovation #content-body > ul li#nav-works-reduction a.cur,
.single-works-reduction #content-body > ul li#nav-works-reduction span,
.single-works-reduction #content-body > ul li#nav-works-reduction a.cur {
    background-image: url("../images/nav-works-reduction.png");
}

.page-works #content-body > ul li#nav-works-new a,
.page-works-b #content-body > ul li#nav-works-new a,
.page-works-reform #content-body > ul li#nav-works-new a,
.page-works-c #content-body > ul li#nav-works-new a,
.single-works-new #content-body > ul li#nav-works-new a,
.single-works-renovation #content-body > ul li#nav-works-new a,
.single-works-reduction #content-body > ul li#nav-works-new a {
    background-image: url("../images/nav-works-new_off.png");
}
.page-works #content-body > ul li#nav-works-renovation a,
.page-works-b #content-body > ul li#nav-works-renovation a,
.page-works-reform #content-body > ul li#nav-works-renovation a,
.page-works-c #content-body > ul li#nav-works-renovation a,
.single-works-new #content-body > ul li#nav-works-renovation a,
.single-works-renovation #content-body > ul li#nav-works-renovation a,
.single-works-reduction #content-body > ul li#nav-works-renovation a {
    background-image: url("../images/nav-works-renovation_off.png");
}
.page-works #content-body > ul li#nav-works-reduction a,
.page-works-b #content-body > ul li#nav-works-reduction a,
.page-works-reform #content-body > ul li#nav-works-reduction a,
.page-works-c #content-body > ul li#nav-works-reduction a,
.single-works-new #content-body > ul li#nav-works-reduction a,
.single-works-renovation #content-body > ul li#nav-works-reduction a,
.single-works-reduction #content-body > ul li#nav-works-reduction a {
    background-image: url("../images/nav-works-reduction_off.png");
}

#content-works-archive .content-section-inner {
    margin: 0 auto;
    padding: 60px 0;
    width: 1100px;
}
#content-reform .content-section-inner {
    margin: 0 auto;
    padding: 60px 0;
    width: 1000px;
}

#content-works-archive ul {
    margin: 0 auto;
}
#content-works-archive li.work-archive-box {
    float: left;
    height: 200px;
    margin: 20px;
    position: relative;
    width: 510px;
}
#content-works-archive li.work-archive-box .works-archive-head {
    float: left;
    position: relative;
    width: 300px;
}
#content-works-archive li.work-archive-box ul {
    float: right;
    margin: -2px 0 0;
    width: 206px;
}
#content-works-archive li.work-archive-box ul li {
    float: left;
    margin: 2px;
}
#content-works-archive li.work-archive-box a {
    display: block;
    overflow: hidden;
    position: relative;
}

#content-works-archive li.work-archive-box a:before {
    background-color: rgba(255,255,255,0.4);
    bottom: -5px;
    border: 1px solid #FFF;
    content: "";
    left: -5px;
    opacity: 1;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#content-works-archive li.work-archive-box a:hover:before {
    background-color: rgba(255,255,255,0);
    bottom: 5px;
    left: 5px;
    right: 5px;
    top: 5px;
}
#content-works-archive li.work-archive-box a:after {
    border: 1px solid #5a5a5a;
    bottom: 5px;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    z-index: 1;
}
#content-works-archive li.work-archive-box a:hover:after {
    bottom: -5px;
    left: -5px;
    right: -5px;
    top: -5px;
}
#content-works-archive li.work-archive-box h2 {
    color: #333;
    font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    left: 10px;
    opacity: 0.85;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 58%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    width: 90%;
}
#content-works-archive li.work-archive-box a:hover h2 {
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 2px #555;
    opacity: 0.9;
}
#content-works-archive li.work-archive-box i {
    color: #333;
    font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 72px;
    line-height: 1;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 2px #555;
    top: 20%;
    width: 100%;
    z-index: 2;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#content-works-archive li.work-archive-box a:hover i {
    color: #FFF;
    opacity: 0.9;
}

.ready-message {
    background-color: #EFEFEF;
    color: #444;
    font-size: 15px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

/*----------------------------------------------------------------
施工実績 詳細
-----------------------------------------------------------------*/

#works-single {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

#works-single h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    color: #666;
}
#works-single h3 {
    font-size: 13px;
    padding: 3px;
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    margin-top: 8px;
}
#works-description {
    margin: 0 0 80px;
}
#works-description .left {
    float: left;
    width: 324px;
}
#works-description .left ul {
    margin: 0 0 25px;
}
#works-description .left li {
    background: url("../images/bg-pat03.png") repeat scroll 0 0 #FFF;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);
    color: #606060;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 10px 20px;
}
#works-description .left li span {
    font-family: serif;
}
#works-description .left figure {
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);
}
#works-description .left figure img {
    height: auto;
    width: 324px;
}
#works-description .right {
    float: right;
    font-size: 16px;
    line-height: 32px;
    width: 638px;
}
/* .fotorama {
    margin: 25px 0 60px;
} */
.fotorama__stage {
    background-color: #DFDFDF;
}

/* =========================================================
   Works Adjacent Nav
========================================================= */

#nav-adjacent-works {
    border-top: 1px solid #dfdfdf;
    padding: 50px 0;
    margin-top: 50px;
}

#nav-adjacent-works ul {
    position: relative;
    width: 348px;
    height: 48px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#nav-adjacent-works li {
    position: absolute;
    top: 0;
}

#nav-adjacent-works li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #fff;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    color: #777;
    text-decoration: none;
    transition: all 0.35s ease;
}

/* 左右矢印 */
#nav-adjacent-works li.btn-to-works-next,
#nav-adjacent-works li.btn-to-works-prev {
    width: 48px;
}

#nav-adjacent-works li.btn-to-works-next {
    left: 0;
}

#nav-adjacent-works li.btn-to-works-prev {
    right: 0;
}

#nav-adjacent-works li.btn-to-works-next a,
#nav-adjacent-works li.btn-to-works-prev a {
    width: 48px;
    overflow: hidden;
    text-indent: -9999px;
}

/* < */
#nav-adjacent-works li.btn-to-works-next a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    width: 9px;
    height: 9px;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: border-color 0.35s ease;
}

/* > */
#nav-adjacent-works li.btn-to-works-prev a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 48%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: border-color 0.35s ease;
}

/* BACK TO LIST */
#nav-adjacent-works li.btn-to-works-list {
    left: 54px;
}

#nav-adjacent-works li.btn-to-works-list a {
    width: 240px;
    font-family: "Lusitana", "Times New Roman", serif;
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 1;
}

/* 小さいグリッド風アイコン */
#nav-adjacent-works li.btn-to-works-list a span {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 10px;
}

#nav-adjacent-works li.btn-to-works-list a span::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 2px;
    height: 2px;
    background: #999;
    box-shadow:
        4px 0 0 #999,
        8px 0 0 #999,
        0 4px 0 #999,
        4px 4px 0 #999,
        8px 4px 0 #999,
        0 8px 0 #999,
        4px 8px 0 #999,
        8px 8px 0 #999;
    transition: background 0.35s ease, box-shadow 0.35s ease;
}

/* hover */
#nav-adjacent-works li a:hover {
    border-color: #8bb77a;
    color: #6f9f60;
    background: #fbfdf9;
}

#nav-adjacent-works li.btn-to-works-next a:hover::before {
    border-left-color: #6f9f60;
    border-bottom-color: #6f9f60;
}

#nav-adjacent-works li.btn-to-works-prev a:hover::before {
    border-top-color: #6f9f60;
    border-right-color: #6f9f60;
}

#nav-adjacent-works li.btn-to-works-list a:hover span::before {
    background: #6f9f60;
    box-shadow:
        4px 0 0 #6f9f60,
        8px 0 0 #6f9f60,
        0 4px 0 #6f9f60,
        4px 4px 0 #6f9f60,
        8px 4px 0 #6f9f60,
        0 8px 0 #6f9f60,
        4px 8px 0 #6f9f60,
        8px 8px 0 #6f9f60;
}

/* スマホ */
@media screen and (max-width: 767px) {
    #nav-adjacent-works {
        padding: 38px 0;
        margin-top: 10px;
    }

    #nav-adjacent-works ul {
        width: 300px;
    }

    #nav-adjacent-works li.btn-to-works-list {
        left: 52px;
    }

    #nav-adjacent-works li.btn-to-works-list a {
        width: 196px;
        font-size: 12px;
    }
}


/*----------------------------------------------------------------
会社案内
-----------------------------------------------------------------*/

.page-company #page-title h1 {
    background-image: url("../images/title-header-company.png");
}
.page-company .content-section {
    width: 100%;
}
.page-company .content-section .pic img {
    height: auto;
    max-width: 100%;
}
.page-company .content-section-inner {
    padding: 88px 0;
    position: relative;
}
.page-company .content-section-inner > h2 {
    margin: 0 auto 80px;
    position: relative;
    text-align: center;
}
#corporate-philosophy {
    background: url("../images/bg-pat01.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #d8d8d8;
}
#corporate-philosophy .content-section-inner {
    margin: 0 auto;
    width: 690px;
}
#corporate-philosophy .content-section-inner h2 {
    background: url("../images/header-corporate-philosophy.png") no-repeat scroll center center transparent;
    height: 55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#corporate-philosophy .content-box {
    text-align: center;
}
#corporate-philosophy .content-lead {
    background: url("../images/lead-corporate-philosophy.png") no-repeat scroll center center transparent;
    height: 38px;
    margin: 0 0 45px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#corporate-philosophy .content-box ul {
    margin: 0 auto 45px;
    width: 584px;
}
#corporate-philosophy .content-box li {
    float: left;
    position: relative;
}
#corporate-philosophy .content-box li img {
    position: relative;
    z-index: 2;
}
#corporate-philosophy .content-box li#philosophy-elem01,
#corporate-philosophy .content-box li#philosophy-elem03 {
    padding: 25px;
}
#corporate-philosophy .content-box li#philosophy-elem02 {
    padding: 5px;
}
@keyframes pulsate {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        transform: scale(1.4, 1.4);
    }
    54% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.4, 1.4);
    }
    54% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
#corporate-philosophy .content-box li#philosophy-elem01:after {
    background: none repeat scroll 0 0 rgba(136, 204, 90, 0.4);
    border-radius: 50%;
    content: "";
    display: block;
    height: 144px;
    left: 25px;
    opacity: 0;
    position: absolute;
    top: 25px;
    width: 144px;
    z-index: 1;
    animation: pulsate 3s ease 1s;
    -webkit-animation: pulsate 3s ease 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#corporate-philosophy .content-box li#philosophy-elem02:after {
    background: none repeat scroll 0 0 rgba(255, 176, 30, 0.4);
    border-radius: 50%;
    content: "";
    display: block;
    height: 184px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    width: 184px;
    z-index: 1;
    animation: pulsate 3s ease 1.5s;
    -webkit-animation: pulsate 3s ease 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#corporate-philosophy .content-box li#philosophy-elem03:after {
    background: none repeat scroll 0 0 rgba(94, 203, 243, 0.4);
    border-radius: 50%;
    content: "";
    display: block;
    height: 144px;
    left: 25px;
    opacity: 0;
    position: absolute;
    top: 25px;
    width: 144px;
    z-index: 1;
    animation: pulsate 3s ease 2s;
    -webkit-animation: pulsate 3s ease 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


#corporate-philosophy .content-box h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 10px;
}
#corporate-philosophy .content-box p {
    font-size: 15px;
    line-height: 21px;
}


#business-policy {
    background: url("../images/bg-business-policy.jpg") no-repeat fixed center 10% / cover transparent;
    border-bottom: 1px solid #d8d8d8;
    height: 692px;
}
#business-policy .content-section-inner {
    background: inherit;
}
#business-policy .content-section-inner h2 {
    background: url("../images/header-business-policy.png") no-repeat scroll center center transparent;
    height: 55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#business-policy .content-box {
    background: inherit;
    border: 4px solid rgba(255, 255, 255, 0.7);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -368px;
    padding: 60px;
    position: absolute;
    text-align: center;
    width: 608px;
    z-index: 10;
}
#business-policy .content-box:before {
    background: inherit;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}
#business-policy .content-box:after {
    background-color: rgba(255,255,255,0.1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.ie #business-policy .content-box:after {
    background-color: rgba(255,255,255,0.4);
}
#business-policy .content-box li {
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    overflow: hidden;
    padding: 12px 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 608px;
}
#business-policy .content-box li#biz-policy-message01 {
    background-image: url("../images/biz-policy-message01.png");
}
#business-policy .content-box li#biz-policy-message02 {
    background-image: url("../images/biz-policy-message02.png");
}
#business-policy .content-box li#biz-policy-message03 {
    background-image: url("../images/biz-policy-message03.png");
}
#business-policy .content-box li#biz-policy-message04 {
    background-image: url("../images/biz-policy-message04.png");
}
.ie #business-policy .content-box li#biz-policy-message01 {
    background-image: url("../images/biz-policy-message01_2.png");
}
.ie #business-policy .content-box li#biz-policy-message02 {
    background-image: url("../images/biz-policy-message02_2.png");
}
.ie #business-policy .content-box li#biz-policy-message03 {
    background-image: url("../images/biz-policy-message03_2.png");
}
.ie #business-policy .content-box li#biz-policy-message04 {
    background-image: url("../images/biz-policy-message04_2.png");
}


#action-guideline {
    background: url("../images/bg-pat01.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #d8d8d8;
}
#action-guideline .content-section-inner h2 {
    background: url("../images/header-action-guideline.png") no-repeat scroll center center transparent;
    height: 55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#action-guideline .content-section-inner {
    margin: 0 auto;
    text-align: center;
    width: 480px;
}
#action-guideline dt {
    background-position: center center;
    background-repeat: no-repeat;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 90px;
}
#action-guideline dd {
    padding: 15px 0;
}
#action-guide-definition {
    margin: 0 0 20px;
}
#action-guide-definition dt {
    background-image: url("../images/term-action-guide.png");
}
#action-guide-definition dd p {
    background: url("../images/description-action-guide.png") no-repeat scroll center center transparent;
    height: 28px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#action-norm-definition dt {
    background-image: url("../images/term-action-norm.png");
}

#action-norm-definition dd ol {
    margin: 0 auto;
    width: 452px;
}
#action-norm-definition dd li {
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    height: 27px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
}
#action-norm-definition dd li#action-norm01 {
    background-image: url("../images/action-norm01.png");
    width: 53px;
}
#action-norm-definition dd li#action-norm02 {
    background-image: url("../images/action-norm02.png");
    width: 145px;
}
#action-norm-definition dd li#action-norm03 {
    background-image: url("../images/action-norm03.png");
    width: 126px;
}
#action-norm-definition dd li#action-norm04 {
    background-image: url("../images/action-norm04.png");
    width: 127px;
}
#action-norm-definition dd li#action-norm02:before,
#action-norm-definition dd li#action-norm03:before,
#action-norm-definition dd li#action-norm04:before {
    background: url("../images/greater-arrow.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 27px;
    left: 33px;
    position: absolute;
    top: 0;
    width: 12px;
}

#company-profile .content-section-inner {
    margin: 0 auto;
    width: 728px;
}
#company-profile .content-section-inner h2 {
    background: url("../images/header-company-profile.png") no-repeat scroll center center transparent;
    height: 55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#company-profile table {
    color: #4d4d4d;
    font-size: 15px;
    line-height: 22px;
    width: 728px;
}
#company-profile tr.line {
    background: url("../images/dotline01.png") repeat-x scroll 0 bottom transparent;
}
#company-profile #table-profile th {
    padding-bottom: 3px;
    width: 22%;
}
#company-profile th span {
    background: url("../images/arrow01.png") no-repeat scroll 2px 5px transparent;
    padding: 0 0 0 26px;
}
#company-profile #table-profile td {
    padding: 21px 0 24px;
    width: 78%;
}
#company-profile #table-profile {
    margin: 0 0 50px;
}
#company-profile #company-access {
    margin: 0 0 30px;
}
#company-profile #company-access th,
#company-profile #partner-company th {
    padding: 10px 0;
}
#company-profile #company-access td,
#company-profile #partner-company td {
    padding: 24px 0;
}
#company-profile #company-access .gmap {
    height: 388px;
    width: 728px;
}

#partner-company td p {
    float: left;
    padding: 15px 15px 15px 0;
}
#partner-company td dl {
    float: left;
}
#partner-company td dt {
    font-weight: bold;
    margin: 0 0 3px;
}
#partner-company td a {
    color: #a0cf84;
    text-decoration: underline;
}

/*----------------------------------------------------------------
お問い合わせ
-----------------------------------------------------------------*/

.page-contact #page-title h1 {
    background-image: url("../images/title-header-contact.png");
}
.page-contact .content-section-inner > h2 {
    margin: 0 auto 45px;
    position: relative;
}
.page-contact .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 28px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#contact-form {
    border: 1px solid #666;
    margin: 78px auto;
    padding: 30px;
    width: 704px;
}
#contact-form .form-table {
    background-color: #fff;
    border-radius: 3px;
    margin: 0 0 10px;
    padding: 6px 8px 8px;
}
.form-table-row {
    border-bottom: 1px solid #ddd;
    padding: 2px 0;
}
.form-table-row th {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left;
    vertical-align: middle;
    width: 160px;
}
#res-form .form-table-row th {
    position: relative;
}
.form-table-data {
    font-size: 13px;
    line-height: 1.3;
    padding: 10px 10px 10px 20px;
    width: 514px;
}
#contact-form form input[type="text"],
#res-form form input[type="text"] {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    font-size: 14px;
    ime-mode: inactive;
    padding: 0 5px;
}
#contact-form form input[type="text"]:focus,
#res-form form input[type="text"]:focus {
    background-color: #f4fff4;
}
#contact-form form select,
#res-form form select {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px;
}
#contact-form .submit {
    text-align: center;
}
#contact-form form input[type="submit"] {
    background-color: #a0cf84;
    border: 1px solid #a0cf84;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 52px;
    line-height: 48px;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    width: 240px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#contact-form form input[type="submit"]:hover {
    background-color: #FFF;
    color: #a0cf84;
    text-decoration: none;
}


#res-form form input[type="submit"] {
    background-color: #BF9F56;
    border: 1px solid #BF9F56;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 52px;
    line-height: 48px;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#contact-form form input[name="submitConfirm"] {
    background-color: #a0cf84;
    border: 1px solid #a0cf84;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 52px;
    line-height: 48px;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    width: 240px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#contact-form form input[name="submitConfirm"]:hover {
    background-color: #FFF;
    color: #a0cf84;
    text-decoration: none;
}
#contact-form form input[name="submitBack"] {
    background-color: #AAA;
    border: 1px solid #AAA;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 52px;
    line-height: 48px;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    width: 240px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#res-form form input[name="submitBack"] {
    background-color: #AAA;
    border: 1px solid #AAA;
}
#contact-form form input[name="submitBack"]:hover {
    background-color: #FFF;
    color: #888;
    text-decoration: none;
}
#contact-form form textarea,
#res-form form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    font-size: 14px;
    ime-mode: inactive;
    line-height: 18px;
    padding: 5px;
    resize: vertical;
    width: 514px;
}
#contact-form form textarea:focus,
#res-form form textarea:focus {
    background-color: #f4fff4;
}
.confirm #res-form .form-name-row .form-table-data label {
    display: none;
}
.form-name-row input {
    width: 160px;
}
.form-phone-row input {
    width: 78px;
}
#postcode1,
#postcode2 {
    width: 65px;
}
#address2,
#address3 {
    width: 358px;
}
.form-address-row .form-table-data label {
    display: block;
    margin: 0 0 4px;
}
.form-subject-row .form-table-data {
    display: flex;
    flex-wrap: wrap;
}
.form-subject-row .form-table-data > span {
    display: block;
    font-size: 15px;
    line-height: 24px;
}
.form-subject-row .form-table-data > span:nth-child(1) {
    order: 1;
    width: 40%;
}
.form-subject-row .form-table-data > span:nth-child(2) {
    order: 3;
    width: 40%;
}
.form-subject-row .form-table-data > span:nth-child(3) {
    order: 5;
    width: 40%;
}
.form-subject-row .form-table-data > span:nth-child(4) {
    order: 6;
    width: 60%;
}
.form-subject-row .form-table-data > span:nth-child(5) {
    order: 2;
    width: 60%;
}
.form-subject-row .form-table-data > span:nth-child(6) {
    order: 4;
    width: 60%;
}
.form-subject-row .form-table-data > span:nth-child(7) {
    order: 7;
    width: 40%;
}
.form-subject-row .form-table-data > span:nth-child(8) {
    order: 8;
    width: 40%;
}

.form-plan-row .form-table-data > span {
    font-size: 15px;
    display: block;
}
.form-plan-row .form-table-data > span:nth-child(n+2) {
    margin-left: 25px;
}
.form-staff-row .form-table-data > span {
    display: block;
    font-size: 15px;
    line-height: 24px;
}
.form-subject-row .form-table-data > span input,
.form-plan-row .form-table-data > span input,
.form-staff-row .form-table-data > span input {
    margin: 0 5px 0 0;
}
.form-email-row input {
    width: 300px;
}
.must {
    background-color: #f94d55;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin: 1px 4px 0 0;
    padding: 1px 2px;
    text-align: center;
    width: 25px;
}
#res-form .must {
    background-color: #B89B5F;
}
.notmust {
    background-color: #999;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin: 0 4px 0 0;
    padding: 1px 2px;
    text-align: center;
    width: 25px;
}
#contact-form hr,
#res-form hr {
    border-color: #aaa;
    border-style: none none dotted;
    border-width: medium medium 1px;
    height: 0;
    margin: 10px -10px;
}
.radio-child > label {
    margin-right: 20px;
}
.radio-child input {
    margin-right: 5px;
    margin-bottom: 2px;
}
.mw_wp_form .error {
    color: #f94d55 !important;
    display: inline !important;
}

#confirm-box p {
    font-size: 15px;
    margin: 0 0 5px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}

/*----------------------------------------------------------------
新築住宅
-----------------------------------------------------------------*/

.page-new #page-title h1,
.page-renovation #page-title h1 {
    background-image: url("../images/title-header-service.png");
}
.page-new #content-body,
.page-renovation #content-body {
    padding: 90px 0;
}
.page-new .service-part-head,
.page-renovation .service-part-head {
    margin: 0 0 100px;
    position: relative;
}
.page-new.ready .bk-sq .bracket-top,
.page-renovation.ready .bk-sq .bracket-top {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px;
    transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, top 0.5s ease 1.7s;
    -webkit-transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, top 0.5s ease 1.7s;
}
.page-new.ready .bk-sq .bracket-bottom,
.page-renovation.ready .bk-sq .bracket-bottom {
    bottom: 0;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    width: 118px;
    transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, bottom 0.5s ease 1.7s;
    -webkit-transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, bottom 0.5s ease 1.7s;
}
.page-new .sq-text {
    background-image: url("../images/section-head-newlybuilt.png");
}
.page-renovation .sq-text {
    background-image: url("../images/section-head-renovation.png");
}

.page-new.ready .sq-text,
.page-renovation.ready .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: all 1s ease 2.1s;
    -webkit-transition: all 1s ease 2.1s;
}

.page-new .content-section-inner,
.page-renovation .content-section-inner {
    margin: 0 auto 50px;
    width: 1000px;
}
.page-renovation .content-section-inner {
    margin: 0 auto 80px;
    width: 890px;
}
.page-new .content-section-inner > figure,
.page-renovation .content-section-inner > figure {
    float: left;
    width: 217px;
}
.page-renovation .content-section-inner > h2 {
    float: left;
    height: 217px;
    width: 217px;
}
.page-new .content-section-inner .service-part-caption,
.page-renovation .content-section-inner .service-part-caption {
    float: right;
    width: 723px;
}
.page-renovation .content-section-inner .service-part-caption {
    padding: 30px 0 0;
}
.page-new .content-section-inner h2 {
    border: 2px solid #bda15f;
    height: 31px;
    margin: 0 0 40px;
    width: 112px;
}
.page-new .content-lead,
.page-renovation .content-lead {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 29px;
    margin: 0 0 30px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.service-part-text {
    background-position: center center;
    background-repeat: no-repeat;
    height: 31px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 112px;
}
.service-part-caption > p {
    font-size: 16px;
    line-height: 30px;
}

#content-new-part01 .service-part-text {
    background-image: url("../images/header-new-part01.png");
}
#content-new-part02 .service-part-text {
    background-image: url("../images/header-new-part02.png");
}
#content-new-part03 .service-part-text {
    background-image: url("../images/header-new-part03.png");
}
#content-new-part04 .service-part-text {
    background-image: url("../images/header-new-part04.png");
}
#content-new-part05 .service-part-text {
    background-image: url("../images/header-new-part05.png");
}
#content-new-part06 .service-part-text {
    background-image: url("../images/header-new-part06.png");
}
#content-new-part07 .service-part-text {
    background-image: url("../images/header-new-part07.png");
}
#content-new-part08 .service-part-text {
    background-image: url("../images/header-new-part08.png");
}
#content-new-part09 .service-part-text {
    background-image: url("../images/header-new-part09.png");
}

#content-new-part01 .content-lead {
    background-image: url("../images/lead-new-part01.png");
}
#content-new-part02 .content-lead {
    background-image: url("../images/lead-new-part02.png");
}
#content-new-part03 .content-lead {
    background-image: url("../images/lead-new-part03.png");
}
#content-new-part04 .content-lead {
    background-image: url("../images/lead-new-part04.png");
}
#content-new-part05 .content-lead {
    background-image: url("../images/lead-new-part05.png");
}
#content-new-part06 .content-lead {
    background-image: url("../images/lead-new-part06.png");
}
#content-new-part07 .content-lead {
    background-image: url("../images/lead-new-part07.png");
}
#content-new-part08 .content-lead {
    background-image: url("../images/lead-new-part08.png");
}
#content-new-part09 .content-lead {
    background-image: url("../images/lead-new-part09.png");
}


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

.page-renovation .content-section-inner h2 {
    background-color: #bda15f;
    border: 2px solid #bda15f;
    height: 130px;
    margin: 0 0 40px;
    position: relative;
    width: 130px;
}
.page-renovation .service-part-text {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #FFF;
    height: 128px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 128px;
}

#content-renovation-part01 .service-part-text {
    background-image: url("../images/header-renovation-part01.png");
}
#content-renovation-part02 .service-part-text {
    background-image: url("../images/header-renovation-part02.png");
}
#content-renovation-part03 .service-part-text {
    background-image: url("../images/header-renovation-part03.png");
}
#content-renovation-part04 .service-part-text {
    background-image: url("../images/header-renovation-part04.png");
}
#content-renovation-part05 .service-part-text {
    background-image: url("../images/header-renovation-part05.png");
}
#content-renovation-part06 .service-part-text {
    background-image: url("../images/header-renovation-part06.png");
}

#content-renovation-part01 .content-lead {
    background-image: url("../images/lead-renovation-part01.png");
}
#content-renovation-part02 .content-lead {
    background-image: url("../images/lead-renovation-part02.png");
}
#content-renovation-part03 .content-lead {
    background-image: url("../images/lead-renovation-part03.png");
}
#content-renovation-part04 .content-lead {
    background-image: url("../images/lead-renovation-part04.png");
}
#content-renovation-part05 .content-lead {
    background-image: url("../images/lead-renovation-part05.png");
}
#content-renovation-part06 .content-lead {
    background-image: url("../images/lead-renovation-part06.png");
}


/*----------------------------------------------------------------
お知らせ
-----------------------------------------------------------------*/


.post-type-archive-news #page-title h1,
.single-news #page-title h1 {
    background-image: url("../images/title-header-news.png");
}
.post-type-archive-event #page-title h1,
.single-event #page-title h1 {
    background-image: url("../images/title-header-event.png");
}

.post-type-archive-news .content-section-inner > h2,
.post-type-archive-event .content-section-inner > h2,
.single-news .content-section-inner > h2,
.single-event .content-section-inner > h2 {
    margin: 0 auto 45px;
    position: relative;
}

.post-type-archive-news .content-lead,
.post-type-archive-event .content-lead,
.single-news .content-lead,
.single-event .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 28px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.post-type-archive-news .content-section-inner,
.post-type-archive-event .content-section-inner {
    margin: 0 auto;
    padding: 100px 0;
    width: 770px;
}

#archive-news-list-wrap li {
    border-bottom: 1px solid #d4d4d4;
    font-size: 16px;
}
#archive-news-list-wrap li.withoutlink {
    padding: 30px 20px;
}
#archive-news-list-wrap li.withlink a {
    display: block;
    padding: 30px 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#archive-news-list-wrap li.withlink a:hover {
    background-color: #eeffee;
    padding: 30px 35px;
    text-decoration: none;
}
#archive-news-list-wrap .post-date {
    color: #313542;
    font-family: serif;
    font-size: 15px;
    padding-right: 70px;
}
#archive-news-list-wrap a .post-title {
    color: #313542;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#archive-news-list-wrap a:hover .post-title {
    color: #63b035;
}


/*----------------------------------------------------------------
お知らせ
-----------------------------------------------------------------*/

.single-news .single-article-content,
.single-event .single-article-content {
    margin: 0 auto;
    padding: 100px 0 0;
    width: 700px;
}
.single-news time,
.single-event time {
    display: block;
    font-family: serif;
    font-size: 13px;
    text-align: center;
}
.single-news .news-entry-title,
.single-event .news-entry-title {
    font-size: 26px;
    padding: 30px 0;
    text-align: center;
}

.single-news .news-entry-content,
.single-event .news-entry-content {
    border-bottom: 1px solid #d4d4d4;
    font-size: 15px;
    line-height: 32px;
    padding: 70px 0;
}

.single-news .news-entry-content-inner a,
.single-event .news-entry-content-inner a {
    color: #6bb763;
    text-decoration: underline;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.single-news .news-entry-content-inner a:hover,
.single-event .news-entry-content-inner a:hover {
    color: #a0cf84;
    text-decoration: none;
}

.single-news .news-entry-content img,
.single-event .news-entry-content img {
    height: auto;
    max-width: 700px;
}

#nav-adjacent-news {
    padding: 50px 0;
}
#nav-adjacent-news ul {
    height: 48px;
    margin: 0 auto;
    position: relative;
    width: 348px;
}
#nav-adjacent-news li {
    position: absolute;
    top: 0;
}
#nav-adjacent-news li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#nav-adjacent-news li.btn-to-news-next {
    left: 0;
}
#nav-adjacent-news li.btn-to-news-list {
    left: 54px;
}
#nav-adjacent-news li.btn-to-news-prev {
    right: 0;
}
#nav-adjacent-news li.btn-to-news-next a {
    background-image: url("../images/btn-to-news-next.png");
    height: 48px;
    width: 48px;
}
#nav-adjacent-news li.btn-to-news-list a {
    background-image: url("../images/btn-to-news-list.png");
    height: 48px;
    width: 240px;
}
#nav-adjacent-news li.btn-to-news-prev a {
    background-image: url("../images/btn-to-news-prev.png");
    height: 48px;
    width: 48px;
}
#nav-adjacent-news li a:hover {
    background-color: #eeffee;
}




/*----------------------------------------------------------------
建築工法
-----------------------------------------------------------------*/

.page-wbkouhou #page-title h1 {
    background-image: url("../images/title-header-service.png");
}
.page-wbkouhou .content-section-inner > h2 {
    margin: 0 auto 100px;
    position: relative;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}
.page-wbkouhou .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 30px;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: transform 1s ease .5s, opacity 1s ease .5s;
    -webkit-transition: -webkit-transform 1s ease .5s, opacity 1s ease .5s;
}
.page-wbkouhou .show .content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.page-wbkouhou #content-foot {
    position: relative;
}
#content-wbkouhou .content-section-cover {
    background-color: #FFF;
    box-shadow: none;
}
#content-wbkouhou .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 30px;
    width: 728px;
}
#content-wbkouhou .content-lead {
    background-image: url("../images/section-lead-wbkouhou.png");
}
#content-wbkouhou .content-section-inner > p {
    font-size: 16px;
    line-height: 34px;
    margin: 0 auto 35px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1s ease 1.5s;
    -webkit-transition: all 1s ease 1.5s;
}
#content-wbkouhou.show .content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-wbkouhou .sq-text {
    background-image: url("../images/section-head-wbkouhou.png");
}
.page-wbkouhou .show .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: transform 1s ease 0.6s, opacity 1s ease 0.6s;
    -webkit-transition: -webkit-transform 1s ease 0.6s, opacity 1s ease 0.6s;
}
#content-wbkouhou02 .content-section-cover {
    background-color: #e9f5e8;
    box-shadow: none;
}
#content-wbkouhou02 .content-section-inner {
    margin: 0 auto;
    overflow: hidden;
    padding: 38px 0 46px;
    position: relative;
    width: 1280px;
}
#content-wbkouhou02 .content-section-inner #wb01 {
    left: 50%;
    margin-left: -447px;
    opacity: 0;
    position: relative;
    transition: opacity 1.3s ease 0s;
    -webkit-transition: opacity 1.3s ease 0s;
    transform: translate(-174px,0);
    -webkit-transform: translate(-174px,0);
}
#content-wbkouhou02.show .content-section-inner #wb01 {
    opacity: 1;
    transform: translate(-174px,0);
    -webkit-transform: translate(-174px,0);
}
#content-wbkouhou02 .content-section-inner #wb-point {
    color: #6cba64;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 52px;
}
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(1) {
    opacity: 0;
    transition: opacity 1s ease 1.5s, transform 1s ease 1.5s;
    -webkit-transition: opacity 1s ease 1.5s, -webkit-transform 1s ease 1.5s;
    transform: translate(15px,0);
    -webkit-transform: translate(15px,0);
}
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(2) {
    opacity: 0;
    transition: opacity 1s ease 1.7s, transform 1s ease 1.7s;
    -webkit-transition: opacity 1s ease 1.7, -webkit-transform 1s ease 1.7s;
    transform: translate(15px,0);
    -webkit-transform: translate(15px,0);
}
#content-wbkouhou02.show .content-section-inner #wb-point li:nth-child(1),
#content-wbkouhou02.show .content-section-inner #wb-point li:nth-child(2) {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

#content-wbkouhou02 .content-section-inner #wb02 {
    left: 50%;
    margin-left: 72px;
    opacity: 0;
    position: absolute;
    top: 56px;
    transition: opacity 1s ease 2.7s, transform 1s ease 2.7s;
    -webkit-transition: opacity 1s ease 2.7s, transform 1s ease 2.7s;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-wbkouhou02 .content-section-inner #wb02:before {
    background-image: url(../images/bg-wb002-x2.png);
    background-repeat: no-repeat;
    background-size: 500px 500px;
    content: "";
    display: block;
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 500px;
}
.no-backgroundsize #content-wbkouhou02 .content-section-inner #wb02:before {
    background-image: url(../images/bg-wb002.png);
}
#content-wbkouhou02.show .content-section-inner #wb02 {
    opacity: 1;
    transform: translate(20px,0);
    -webkit-transform: translate(20px,0);
}
#content-wbkouhou02 .content-section-inner #wb02 img {
    position: relative;
}


#content-wbkouhou02 .content-section-inner #wb-circle {
    height: 90px;
    left: 50%;
    margin-left: 6px;
    opacity: 0;
    position: absolute;
    top: 320px;
    transform: rotate(-90deg);
    width: 90px;
}
#content-wbkouhou02.show .content-section-inner #wb-circle {
    opacity: 1;
}
.noie #content-wbkouhou02 .content-section-inner #wb-circle .circle {
    fill: transparent;
    stroke: #006934;
    stroke-dasharray: 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 0 283;
    stroke-dashoffset: 283;
    stroke-width: 3;
}
.ie #content-wbkouhou02 .content-section-inner #wb-circle .circle {
    opacity: 0;
    fill: transparent;
    stroke: #006934;
    stroke-dasharray: 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 0 283;
    stroke-dashoffset: 0;
    stroke-width: 3;
}
.noie #content-wbkouhou02.show .content-section-inner #wb-circle .circle {
    animation: circle 1s ease-in-out 1.5s forwards;
    -webkit-animation: circle 1s ease-in-out 1.5s forwards;
}
.ie #content-wbkouhou02.show .content-section-inner #wb-circle .circle {
    opacity: 1;
    transition: opacity 1s ease-in-out 1.5s;
}

@keyframes circle {
  to { stroke-dashoffset: 0;}
}
@-webkit-keyframes circle {
  to { stroke-dashoffset: 0;}
}


#content-wbkouhou03 .content-section-cover {
    background-color: #FFF;
    box-shadow: none;
}
#content-wbkouhou03 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 124px;
    width: 734px;
}
#content-wbkouhou03 .content-lead {
    background-image: url("../images/section-lead-wbkouhou03.png");
}
#content-wbkouhou03 .content-section-inner > p {
    font-size: 16px;
    line-height: 34px;
    margin: 0 auto 40px;
    opacity: 0;
    transition: all 1s ease 0.7s;
    -webkit-transition: all 1s ease 0.7s;
}
#content-wbkouhou03.show .content-section-inner > p {
    opacity: 1;
}

#content-wbkouhou03 .content-section-inner #wb-note-box {
    border: 1px solid #b3b3b3;
    font-size: 16px;
    line-height: 1.68;
    opacity: 0;
    padding: 27px;
    transition: all 1s ease 1.9s;
    -webkit-transition: all 1s ease 1.9s;
}
#content-wbkouhou03.show .content-section-inner #wb-note-box {
    opacity: 1;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h3 {
    float: left;
    height: 82px;
    width: 82px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box .in {
    float: right;
    width: 562px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h4 {
    margin-bottom: 8px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box p {
    margin-bottom: 12px;
}


.wb-wrap {
    display: flex;
    justify-content: space-between;
}
.wb-wrap figure img {
    height: auto;
    width: 100%;
}
.wb-wrap figure {
    width: 49%;
}
.wb-wrap figcaption {
    color: #6cba64;
    padding: 5px 6%;
    text-align: center;
}

/*----------------------------------------------------------------
モデルハウス
-----------------------------------------------------------------*/

.page-modelhouse #page-title h1 {
    background-image: url("../images/title-header-modelhouse.png");
}
#modelhouse-slide-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#modelhouse-slide {
    position: relative;
    z-index: 2;
}
#modelhouse-slide .sp-slide {
    margin: 0 auto;
    /* max-width: 1000px; */
}
#modelhouse-slide .sp-slide {
    max-width: 1500px;
}

#modelhouse-slide .sp-slide img {
    height: auto;
    width: 100%;
}
#modelhouse-slide-wrap .slide-filter {
    background-image: url(../images/slide-filter.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: -750px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#modelhouse-slide-wrap .slide-filter {
    z-index: 2;
}
#modelhouse-slide-wrap .slide-filter-l {
    background-image: url(../images/slide-filter-w.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: -2250px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#modelhouse-slide-wrap .slide-filter-r {
    background-image: url(../images/slide-filter-w.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: 750px;
    position: absolute;
    top: 0;
    width: 1500px;
}

#lead-modelhouse {
    height: 132px;
    left: 50%;
    margin-left: -243px;
    position: absolute;
    top: 172px;
    width: 486px;
    z-index: 2;
}
#lead-modelhouse .bg,
#lead-modelhouse .front {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.ready #lead-modelhouse .front {
    opacity: 1;
    transition: all 1.5s ease 0s;
}
.ready #lead-modelhouse .bg {
    opacity: 1;
    transition: all 1.5s ease 0.5s;
}
#modelhouse-open {
    height: 36px;
    left: 50%;
    margin-left: -118px;
    overflow: hidden;
    position: absolute;
    top: 320px;
    transform: scaleX(0);
    width: 236px;
}
#modelhouse-open {
    z-index: 2;
}
#modelhouse-open .bg {
    left: -10px;
    position: absolute;
    right: -10px;
    top: 0;
}
#modelhouse-open .bg img {
    height: 100%;
    width: 100%;
}
#modelhouse-open .front {
    left: 0;
    position: absolute;
    top: 0;
}

.ready #modelhouse-open {
    transform: scaleX(1);
    transition: all 1s ease 1.9s;
}
#modelhouse-open .front {
    opacity: 0;
}
.ready #modelhouse-open .front {
    opacity: 1;
    transition: all 1.8s ease 2.7s;
}


.page-modelhouse #modelhouse-bnr-wrap {
    margin: 0 auto;
    padding: 10px 0;
    width: 1496px;
}
.page-modelhouse .modelhouse-bnr {
    cursor: pointer;
    display: block;
    float: left;
    height: 260px;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    width: 364px;
}
.page-modelhouse .modelhouse-bnr .bg,
.page-modelhouse .modelhouse-bnr .front {
    left: 0;
    position: absolute;
    top: 0;
}
.page-modelhouse .modelhouse-bnr .bg {
    opacity: 1;
    transform: scale(1,1);
    transform-origin: center center;
    transition: all 1s;
}
.page-modelhouse .modelhouse-bnr:hover .bg {
    opacity: 0.5;
    transform: scale(1.15,1.15);
}


.page-modelhouse .content-section-inner > h2 {
    margin: 0 auto 100px;
    position: relative;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}
.page-modelhouse .content-lead {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 0 80px;
    /* opacity: 0; */
    opacity: 1;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: transform 1s ease 1s, opacity 1s ease 1s;
    -webkit-transition: -webkit-transform 1s ease 1s, opacity 1s ease 1s;
}
.page-modelhouse .show .content-lead {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.page-modelhouse #content-foot {
    position: relative;
}

#content-modelhouse-plan .content-section-cover {
    background-color: #FFF;
    box-shadow: none;
}
#content-modelhouse-plan .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 30px;
    width: 1000px;
}
#content-modelhouse-plan .content-lead {
    background-image: url("/2024/images/lead-modelhouse-plan@2x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 85px;
}
#content-modelhouse-plan .content-lead br {
    display: none;
}
#content-modelhouse-plan .sq-text {
    background-image: url("../images/section-head-plan.png");
}
.page-modelhouse .show .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
    -webkit-transition: -webkit-transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
}
#plan-view {
    margin-bottom: 50px;
    text-align: center;
}
#plan-view img {
    height: auto;
    max-width: 474px;
    width: 100%;
}
#plan-view .left {
    float: left;
    width: 470px;
}
#plan-view .right {
    float: right;
    width: 470px;
}
#plan-highlight .left {
    float: left;
    width: 470px;
}
#plan-highlight .right {
    float: right;
    width: 470px;
}
#plan-highlight li {
    min-height: 96px;
    margin-bottom: 22px;
    padding-left: 120px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#plan-highlight h4 {
    color: #b4985f;
    font-size: 18px;
    font-weight: bold;
    /* opacity: 0; */
    opacity: 1;
    transform: translate(-20px, 0);
}
#plan-highlight p {
    color: #4d4d4d;
    font-size: 15px;
    /* opacity: 0; */
    opacity: 1;
    transform: translate(-20px, 0);
}


#plan-highlight.show h4 {
    color: #b4985f;
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
    transform: translate(0, 0);
    transition: all 1.2s ease 2.2s;
}
#plan-highlight.show p {
    color: #4d4d4d;
    font-size: 15px;
    opacity: 1;
    transform: translate(0, 0);
    transition: all 1.2s ease 2.2s;
}

.highlight-en {
    height: 96px;
    left: 0;
    position: absolute;
    top: 0;
    width: 96px;
}
.highlight-en .num {
    height: 28px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 28px;
}
.highlight-en svg {
    transform: rotate(-28deg);
}
.highlight-en .ttl {
    height: 96px;
    left: -1px;
    /* opacity: 0; */
    opacity: 1;
    position: absolute;
    top: -1px;
    width: 96px;
}
.noie .highlight-en .circle {
    stroke-dasharray: 296;
    stroke-dashoffset: 296;
    stroke-linecap: round;
}
.ie .highlight-en .circle {
    /* opacity: 0; */
    opacity: 1;
    stroke-dasharray: 296px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    transition: opacity 1.2s ease-in-out 0.2s;
}

.noie .show .show .highlight-en .circle {
    -webkit-animation: circle2 1.2s ease-in-out 0.2s forwards;
            animation: circle2 1.2s ease-in-out 0.2s forwards;
}
.ie .show .show .highlight-en .circle {
    opacity: 1;
}
.show .show .highlight-en .ttl {
    opacity: 1;
    transition: all 1.5s ease 1.5s;
}

@-webkit-keyframes circle2 {
  to {
    stroke-dasharray: 296;
    stroke-dashoffset: 0;
  }
}

@keyframes circle2 {
  to {
    stroke-dasharray: 296;
    stroke-dashoffset: 0;
  }
}

#wood-info {
    border: 1px solid #cca57d;
    padding: 24px;
}

#wood-info > .left {
    float: left;
    width: 320px;
}
#wood-info > .left figcaption {
    padding-top: 8px;
}
#wood-info > .left > .left {
    float: left;
    width: 155px;
}
#wood-info > .left > .right {
    float: right;
    width: 155px;
}
#wood-info > .right {
    float: right;
    font-size: 15px;
    line-height: 24px;
    padding: 10px 0;
    width: 614px;
}

#content-modelhouse-photo .content-section-cover {
    background-color: #FFF;
    box-shadow: none;
}
#content-modelhouse-photo .content-section-inner {
    margin: 0 auto;
    padding: 100px 0 50px;
    width: 1030px;
}
#content-modelhouse-photo .sq-text {
    background-image: url("../images/section-head-photo.png");
}
.page-modelhouse #content-modelhouse-photo .content-section-inner > h2 {
    margin: 0 auto 50px;
}

#content-modelhouse-photo ul {
    margin: 0 auto;
    text-align: center;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}
#content-modelhouse-photo li {
    /* float: left; */
    margin: 0;
    overflow: hidden;
}
#content-modelhouse-photo li a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#content-modelhouse-photo li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#content-modelhouse-photo li.hz {
    height: 210px;
    padding: 12px;
    width: 210px;
}
#content-modelhouse-photo li.vt {
    height: 210px;
    padding: 12px;
    width: 140px;
}
/* #content-modelhouse-photo li.vt:nth-child(16) {
    margin-left: 35px;
}
#content-modelhouse-photo li.hz:nth-child(21) {
    margin-left: 35px;
} */
/* #content-modelhouse-photo li.hz img {
    height: 140px;
    width: 210px;
}
#content-modelhouse-photo li.vt img {
    height: 210px;
    width: 140px;
} */
#content-modelhouse-photo li {
    /* opacity: 0; */
    opacity: 1;
}
#content-modelhouse-photo.show li {
    opacity: 1;
}
#content-modelhouse-photo li a img {
    opacity: 1;
    transition: all 0.8s;
}
#content-modelhouse-photo li a:hover img {
    opacity: 0.4;
    transform-origin: center center;
    transition: all 0.8s;
}

/* #content-modelhouse-photo li {
    transition: 2s ease 2.2s;
}
#content-modelhouse-photo li:nth-child(n+6) {
    transition: 2s ease 2.6s;
}
#content-modelhouse-photo li:nth-child(n+11) {
    transition: 2s ease 3.0s;
}
#content-modelhouse-photo li:nth-child(n+16) {
    transition: 2s ease 3.4s;
}
#content-modelhouse-photo li:nth-child(n+21) {
    transition: 2s ease 3.8s;
} */


#content-modelhouse-access .content-section-cover {
    background-color: #FFF;
    box-shadow: none;
}
#content-modelhouse-access .content-section-inner {
    margin: 0 auto;
    padding: 70px 0 30px;
    width: 728px;
}
#content-modelhouse-access .content-lead {
    background-image: url("../images/section-lead-modelhouse-plan.png");
    height: 88px;
}
#content-modelhouse-access .sq-text {
    background-image: url("../images/section-head-access.png");
}
.page-modelhouse #content-modelhouse-access .content-section-inner > h2 {
    margin: 0 auto 50px;
}
#content-modelhouse-access .content-section-inner > #access-attention {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 auto 20px;
    opacity: 0;
    text-align: center;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.2s ease 3.2s;
    -webkit-transition: all 1.2s ease 2.8s;
}
#content-modelhouse-access.show .content-section-inner > #access-attention {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-modelhouse-access .content-section-inner > p {
    font-size: 15px;
    line-height: 24px;
    margin: 0 auto 60px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.2s ease 3.2s;
    -webkit-transition: all 1.2s ease 2.8s;
}
#content-modelhouse-access.show .content-section-inner > p {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

#content-modelhouse-access .content-section-inner > dl {
    border-top: 1px dotted #7f7f7f;
    overflow: hidden;
    width: 728px;
    /* opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.2s ease 3.8s;
    -webkit-transition: all 1.2s ease 3.4s; */
    display: flex;
    flex-wrap: wrap;
}
/* #content-modelhouse-access.show .content-section-inner > dl {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
} */
#content-modelhouse-access .content-section-inner > dl dt {
    background-color: #e6e6e6;
    /* clear: left; */
    /* float: left; */
    /* height: 21px; */
    padding: 13px 15px;
    width: 60px;
}
#content-modelhouse-access .content-section-inner > dl dd {
    /* float: left; */
    /* height: 21px; */
    padding: 13px 15px;
    position: relative;
    width: 608px;
}
#content-modelhouse-access .content-section-inner > dl dd:after {
    border-top: 1px dotted #7f7f7f;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 728px;
}
#content-modelhouse-access .content-section-inner > ul {
    padding: 40px 0;
    width: 728px;
    opacity: 0;
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    transition: all 1.2s ease 3.8s;
    -webkit-transition: all 1.2s ease 3.4s;
}
#content-modelhouse-access.show .content-section-inner > ul {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-modelhouse-access .content-section-inner > ul > li > * {
    background-color: #FFF;
    border: 1px solid #666666;
    display: block;
    height: 50px;
    margin-bottom: 5px;
    text-align: center;
    width: 354px;
    transition: all 0.5s;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-call {
    float: left;
    text-align: center;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-contact {
    float: right;
}
#content-modelhouse-access .content-section-inner > ul > li > a {
    cursor: pointer;
}
#content-modelhouse-access .content-section-inner > ul > li > a:hover {
    background-color: #D7C498;
}


#modelhouse-gallery .slider-pro {
    width: auto;
}
#modelhouse-gallery .sp-slide {
    height: 220px; /* Set a fixed height for slides */
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
}
#modelhouse-gallery .sp-slide img {
    height: 100%;
    width: auto; /* Adjust width according to image aspect ratio */
    max-width: none; /* Prevent max-width limitation */
}



#content-modelhouse-reserve {
    display: none;
    overflow-y: hidden;
    transition: height 1s;
}
#content-modelhouse-reserve.show {
    display: block;
}

#content-modelhouse-reserve .content-section-cover {
    background-color: #e7e7e7;
    box-shadow: none;
}
#content-modelhouse-reserve .content-section-inner {
    margin: 0 auto;
    padding: 100px 0 100px;
    width: 728px;
}

.page-modelhouse #content-modelhouse-reserve .content-section-inner > h2 {
    margin: 0 auto 40px;
    position: relative;
    transform: translate(0,0);
    text-align: center;
    transition: all 1.2s ease 1.5s;
}


#res-form {
    background-color: #FFF;
    padding: 16px;
}
#res-form thead th {
    background-color: #F8F5F0;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 0;
    text-align: center;
    text-indent: 0.05em;
}


.page-modelhouse .gmap {
    height: 388px;
}
/* #modelhouse-gallery .sp-slide img {
    height: auto;
    width: 100%;
} */

.modal-content {
    margin: 0 auto;
    width: 1000px;
}
.modal-content-in {
    background-color: #FFF;
    padding: 30px;
}


#modal-taika-kouzou .left {
    float: left;
    width: 510px;
}
#modal-taika-kouzou .left h3 {
    padding: 25px 0;
}
#modal-taika-kouzou .left p {
    font-size: 15px;
    line-height: 24px;
}
#modal-taika-kouzou .left p em {
    color: #6bac63;
}
#modal-taika-kouzou .right {
    float: right;
    width: 400px;
}
#modal-taika-kouzou .right h4 {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px;
}
#modal-taika-kouzou .right h4:before {
    background-color: #4d4d4d;
    border-radius:  7px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    width: 14px;
}
#modal-taika-kouzou .right .attention {
    color: #939393;
    font-size: 13px;
}

#modal-zeh h3 {
    padding: 25px 0;
}
#modal-zeh .left {
    float: left;
    width: 232px;
}
#modal-zeh .right {
    float: right;
    font-size: 15px;
    line-height: 24px;
    width: 675px;
}
#modal-zeh .right h4 {
    color: #41aca9;
    font-weight: bold;
    margin-bottom: 10px;
}
#modal-zeh ul {
    clear: both;
    padding: 25px 0 8px;
}
#modal-zeh li {
    background-color: #efefef;
    border-radius: 8px;
    float: left;
}
#modal-zeh li:nth-child(n+2) {
    margin-left: 46px;
    position: relative;
}
#modal-zeh li:nth-child(n+2):before {
    background-color: #41aca9;
    content: "";
    display: block;
    height: 28px;
    left: -26px;
    position: absolute;
    top: 14px;
    width: 6px;
}
#modal-zeh li:nth-child(n+2):after {
    background-color: #41aca9;
    content: "";
    display: block;
    height: 6px;
    left: -37px;
    position: absolute;
    top: 25px;
    width: 28px;
}
#modal-zeh .attention {
    color: #939393;
    font-size: 13px;
}



/*----------------------------------------------------------------
成友の技術
-----------------------------------------------------------------*/

.page-technology #page-title h1 {
    background-image: url(../images/title-header-technology.png);
}
#technology-slide-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#technology-slide .sp-slide img {
    height: auto;
    width: 100%;
}
#technology-slide-wrap .slide-filter {
    background-image: url(../images/slide-filter.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: -750px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#technology-slide-wrap .slide-filter-l {
    background-image: url(../images/slide-filter-w.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: -2250px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#technology-slide-wrap .slide-filter-r {
    background-image: url(../images/slide-filter-w.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: 750px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#lead-technology {
    height: 72px;
    left: 50%;
    margin-left: -299px;
    margin-top: -36px;
    position: absolute;
    top: 50%;
    width: 598px;
}
#lead-technology .bg,
#lead-technology .front {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.ready #lead-technology .front {
    opacity: 1;
    transition: all 2.5s ease 0.3s;
}
.ready #lead-technology .bg {
    opacity: 1;
    transition: all 2s ease 1.3s;
}

#technology-bnr-wrap {
    margin: 0 auto;
    padding: 46px 0 20px;
    width: 1008px;
}
.technology-bnr {
    cursor: pointer;
    display: block;
    float: left;
    height: 234px;
    margin: 4px;
    overflow: hidden;
    position: relative;
    width: 328px;
}
.technology-bnr .bg,
.technology-bnr .front {
    left: 0;
    position: absolute;
    top: 0;
}
.technology-bnr .bg {
    opacity: 1;
    transform: scale(1,1);
    transform-origin: center center;
    transition: all 1s;
}
.technology-bnr:hover .bg {
    opacity: 0.5;
    transform: scale(1.15,1.15);
}

#ex-plan-bnr-wrap {
    padding-bottom: 150px;
    margin: 0 auto;
    width: 1000px;
}
#ex-plan-bnr {
    border: 1px solid #bababa;
    height: 210px;
    padding: 29px 30px 23px;
    position: relative;
}
#ex-plan-bnr:before {
    background-image: url(../images/bg-ex-plan-bnr-x2.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 490px 262px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.no-backgroundsize #ex-plan-bnr:before {
    background-image: url(../images/bg-ex-plan-bnr.jpg);
}


#ex-plan-bnr h3 {
    margin-bottom: 20px;
}
#ex-plan-bnr p {
    font-size: 15px;
}
#ex-plan-bnr a {
    background: rgb(183,155,95);
    background: linear-gradient(to bottom,  rgba(183,155,95,1) 0%,rgba(166,134,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b5f', endColorstr='#a68648',GradientType=0 );
    border-radius: 4px;
    bottom: 23px;
    display: block;
    height: 48px;
    left: 30px;
    position: absolute;
    text-align: center;
    width: 330px;
}
#ex-plan-bnr a:hover {
    background: linear-gradient(to bottom,  rgba(166,134,72,1) 0%,rgba(183,155,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68648', endColorstr='#b79b5f',GradientType=0 );
}
#ex-plan-bnr a > * {
    margin-top: 14px;
}
#ex-plan-bnr a i {
    display: inline-block;
    margin-left: 10px;
    transform: translate(0,0);
    transition: all 0.4s;
}
#ex-plan-bnr a:hover i {
    transform: translate(5px,0);
}
#modal-mortar .left {
    float: left;
    width: 510px;
}
#modal-mortar .left h3 {
    padding: 25px 0;
}
#modal-mortar .left p {
    font-size: 15px;
    line-height: 24px;
}
#modal-mortar .left p em {
    color: #6bac63;
}
#modal-mortar .left .note {
    background-color: #f0f7ed;
    margin-top: 15px;
    padding: 15px 20px;
}
#modal-mortar .right {
    float: right;
    font-size: 15px;
    width: 384px;
}
#modal-damping h3 {
    padding: 20px 0 18px;
}
#modal-damping hr {
    border-top: 1px dotted #000;
    border-bottom: none;
    clear: both;
    margin: 0;
    opacity: 0.3;
}
#modal-damping .modal-content-in > .left {
    float: left;
    width: 222px;
}
#modal-damping .modal-content-in > .right {
    float: right;
    width: 675px;
}
#modal-damping .right .left {
    float: left;
    padding: 40px 0 16px;
    width: 235px;
}
#modal-damping .right .right {
    float: right;
    padding: 40px 0 16px;
    width: 435px;
}
#modal-damping .right .right p {
    font-size: 15px;
    margin-bottom: 20px;
}
#modal-damping .wrap {
    clear: both;
    padding: 30px 0;
}
#modal-damping .wrap .left {
    float: left;
    width: 556px;
}
#modal-damping h4 {
    color: #297fcf;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
#modal-damping .wrap .left p {
    font-size: 15px;
}
#modal-damping .wrap .right {
    float: right;
    width: 350px;
}
#modal-damping .wrap .right img {
    border: 1px solid #d3d3d3;
}
#modal-damping .right .attention {
    color: #939393;
    font-size: 13px;
    padding: 5px 0;
}



#modal-damping2 h3 {
    margin-bottom: 10px;
}
#modal-damping2 hr {
    border-top: 1px dotted #000;
    border-bottom: none;
    clear: both;
    margin: 30px 0;
    opacity: 0.3;
}
#modal-damping2 .modal-content-in .left {
    float: left;
    width: 300px;
}
#modal-damping2 .modal-content-in .right {
    float: right;
    width: 616px;
}
#modal-damping2 .modal-content-in .right .lead {
    margin-bottom: 50px;
}
#modal-damping2 .modal-content-in .right p {
    margin-bottom: 30px;
}

#modal-damping2 .wrap {
    clear: both;
}
#modal-damping2 .wrap .left {
    float: left;
    width: 300px;
}
#modal-damping2 h4 {
    color: #a7843b;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 8px;
}
#modal-damping2 .wrap .left p {
    font-size: 15px;
}
#modal-damping2 .wrap .right {
    float: right;
    width: 620px;
}
#modal-damping2 .right .attention {
    color: #939393;
    font-size: 13px;
    padding: 5px 0;
}

.jquery-modal.blocker {
    z-index: 10001;
}

/*----------------------------------------------------------------
長期優良住宅
-----------------------------------------------------------------*/

.page-yuryo #page-title h1 {
    background-image: url(../images/title-header-standard.png);
}

.page-yuryo .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-yuryo .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-yuryo .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-yuryo .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-yuryo .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: normal;
}
.page-yuryo .content-lead-wrap .lead02 span {
    font-size: 18px;
    font-weight: normal;
}

#content-yuryo01 .content-section-inner {
    margin: 0 auto;
    padding: 92px 0 30px;
    width: 1000px;
}
#content-yuryo01 .content-section-inner > p {
    font-size: 16px;
    margin-bottom: 50px;
}

.hdr01 {
    background-image: url(../images/bg-hdr01.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #6baa63;
    font-size: 21px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 20px;
    padding: 0 0 20px 38px;
    position: relative;
}
.hdr01 i {
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.hdr01 i:after {
    background-color: #9ccc84;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.hdr01 i:before {
    background-color: #e6f2e0;
    content: "";
    display: block;
    height: 20px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.hdr02 {
    background-color: #6db462;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-bottom: 32px;
    padding: 0 16px;
}
.hdr03 {
    color: #6b9c63;
    font-size: 19px;
    margin-bottom: 8px;
    padding-left: 1em;
    text-indent: -1em;
}
.hdr03 small {
    font-size: 13px;
}
.hdr03:before {
    content : "●";
    margin-right: 2px;
}
.page-yuryo .table-wrap {
    margin-bottom: 45px;
}
.page-yuryo table {
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
}
.page-yuryo th,
.page-yuryo td {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
    color: #4d4d4d;
    padding: 8px 0;
    text-align: center;
}
.page-yuryo th {
    font-weight: bold;
}

.page-yuryo th.bg-gr,
.page-yuryo td.bg-gr {
    background-color: #eefaed;
}
.page-yuryo #tbl01 th.bg-gr:nth-child(n+2) {
    border-left: 1px solid #FFF;
}
.page-yuryo #tbl01 th,
.page-yuryo #tbl01 td {
    width: 20%;
}
.page-yuryo th span,
.page-yuryo td span {
    color: #6b9c63;
}
.page-yuryo .attention {
    color: #666;
}
.page-yuryo td.tall {
    height: 78px;
}
.page-yuryo .left {
    float: left;
    width: 480px;
}
.page-yuryo .right {
    float: right;
    width: 480px;
}
.page-yuryo #tbl03 th,
.page-yuryo #tbl04 th,
.page-yuryo #tbl03 td,
.page-yuryo #tbl04 td {
    width: 50%;
}
.page-yuryo h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.page-yuryo .inner-section {
    padding-bottom: 30px;
}

#tbl06 .w16 {
    width: 16%;
}
#tbl06 .w46 {
    padding: 16px 28px;
    text-align: left;
    width: 46%;
}
#tbl06 .w28 {
    width: 28%;
}
#tbl06 .w18 {
    width: 18%;
}
#tbl06 th.bg-gr {
    background-color: #9ccc84;
    color: #FFF;
}
#tbl06 th.bg-gr:nth-child(n+2) {
    border-left: 1px solid #FFF;
}
#tbl06 p {
    margin-bottom: 10px;
}
#tbl06 li {
    font-size: 14px;
}

#tbl06 tr:nth-child(2) li {
    padding-left: 6em;
    text-indent: -6em;
}
#tbl06 tr:nth-child(4) li,
#tbl06 tr:nth-child(5) li {
    padding-left: 1em;
    text-indent: -1em;
}


#btn-side-wrap {
    height: 376px;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 242px;
    width: 79px;
    z-index: 1000;
    transform: translate(79px,0);
    -webkit-transform: translate(79px,0);
    transition: transform 0.6s ease 0s;
    -webkit-transition: -webkit-transform 0.6s ease 0s;
}
.ready #btn-side-wrap {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

#btn-side-wrap a {
    background-color: #2B2F2F;
    display: block;
    width: 79px;
    position: absolute;
    right: -15px;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
}
#btn-side-wrap a:hover {
    transform: translate(-15px,0);
    -webkit-transform: translate(-15px,0);
}
#side-btn-contact {
    height: 151px;
    top: 0;
}
#side-btn-modelhouse {
    height: 220px;
    top: 156px;
}
#side-btn-company {
    height: 136px;
    top: 156px;
}
#btn-side-wrap a .bg-bk {
    background-image: url(../images/bg-side-btn.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 64px;
}
#btn-side-wrap a img {
    position: relative;
}


/*----------------------------------------------------------------
土地情報
-----------------------------------------------------------------*/

.post-type-archive-land #page-title h1 {
    background-image: url(../images/title-header-land.png);
}
#archive-land {
    margin: 0 auto;
    padding: 94px 0 150px;
    width: 1000px;
}
#archive-land #hdr-toyama-landinfo {
    margin-bottom: 25px;
}
#land-search-box {
    background-color: #f8f5ef;
    margin-bottom: 30px;
    padding: 25px;
}

#land-search-box select {
    background: rgb(248,248,248);
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    color: #4c5050;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin: 6px 0;
    padding: 0 10px;
    vertical-align: middle;
    width: 245px;
}
#land-search-box select:hover,
#land-search-box select:focus {
    background: #FFF;
}
#land-search-box select option {
    background-color: #FFF;
}
#land-search-box input[type="checkbox"] {
    zoom: 2;
}
.chkbox {
    float: left;
    margin: 9px 10px 0 20px;
}

.chkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    line-height: 32px;
    padding-left: 23px;
    position: relative;
}
.chkbox label:before {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 6px;
    width: 17px;
}
.chkbox input[type="checkbox"] {
    display: none;
}
.chkbox input[type="checkbox"] + label:before {
    color: #fff;
    content: '\f00c';
    font:normal normal normal 14px/17px FontAwesome;
    text-align: center;
    text-indent: 100%;
}
.chkbox input[type="checkbox"]:checked + label:before {
    background-color: #3B99FC;
    text-indent: 0;
}
#land-search-box .left {
    float: left;
    width: 522px;
}
#land-search-box .right {
    float: right;
    width: 320px;
}
#land-search-box input[type="submit"] {
    background-color: #85ba71;
    border: none;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    text-shadow: 0 1px 0 #4c9942;
    width: 320px;
    -webkit-appearance: none;
}
.land-box-results {
    margin-bottom: 50px;
}
table.land-box-tbl-hd {
    background-color: #FFF;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 6px;
}
table.land-box-tbl-hd td {
    background-color: #f1ebdf;
    box-sizing: border-box;
    color: #4c5050;
    font-size: 15px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
td.col1 {
    width: 242px;
}
td.col2 {
    width: 388px;
}
td.col3 {
    width: 184px;
}
td.col4 {
    width: 181px;
}
#archive-land .hdr02 {
    margin-bottom: 15px;
}
.land-info-box {
    background-color: #fbfaf7;
    margin-bottom: 24px;
    padding: 16px;
}
.land-info-box .ttl {
    color: #519b48;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}
.land-info-box .ttl a {
    color: #519b48;
    text-decoration: none;
}
.land-info-box .ttl .new-label {
    display: inline-block;
    height: 22px;
    line-height: 24px;
    margin-left: 8px;
}
.land-info-box .left {
    float: left;
    width: 210px;
}
.land-info-box .left a {
    background-color: #ede6d7;
    display: block;
    height: 156px;
    text-align: center;
    width: 210px;
}
.land-info-box .left a:hover img {
    opacity: 0.8;
}
.land-info-box .right {
    float: right;
    width: 742px;
}
.land-info-box table {
    background-color: #ede6d7;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 16px;
    margin-bottom: 9px;
}
.land-info-box td {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 12px;
}
.land-info-box td.ctr {
    text-align: center;
}
.land-info-box .detail-link ul {
    margin: 0 -4px;
}
.land-info-box .detail-link li {
    float: left;
    margin: 0 4px;
}
.land-info-box .detail-link a {
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 48px;
    padding-top: 13px;
    text-align: center;
}
.land-info-box .btn01 a {
    width: 220px;
}
.land-info-box .btn02 a {
    width: 220px;
}
.land-info-box .btn03 a {
    width: 285px;
}

.land-info-box .btn01 a {
    background: rgb(138,189,119);
    background: linear-gradient(to bottom,  rgba(138,189,119,1) 0%,rgba(128,184,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abd77', endColorstr='#80b868',GradientType=0 );
}
.land-info-box .btn02 a {
    background: rgb(183,155,95);
    background: linear-gradient(to bottom,  rgba(183,155,95,1) 0%,rgba(171,139,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b5f', endColorstr='#ab8b48',GradientType=0 );
}
.land-info-box .btn03 a {
    background: rgb(191,103,81);
    background: linear-gradient(to bottom,  rgba(191,103,81,1) 0%,rgba(171,92,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6751', endColorstr='#ab5c48',GradientType=0 );
}
.land-info-box .btn01 a:hover {
    background: rgb(128,184,104);
    background: linear-gradient(to bottom,  rgba(128,184,104,1) 0%,rgba(138,189,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b868', endColorstr='#8abd77',GradientType=0 );
}
.land-info-box .btn02 a:hover {
    background: rgb(171,139,72,1);
    background: linear-gradient(to bottom,  rgba(171,139,72,1) 0%,rgba(183,155,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8b48', endColorstr='#b79b5f',GradientType=0 );
}
.land-info-box .btn03 a:hover {
    background: rgb(171,92,72);
    background: linear-gradient(to bottom,  rgba(171,92,72,1) 0%,rgba(191,103,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab5c48', endColorstr='#bf6751',GradientType=0 );
}

/*----------------------------------------------------------------
土地情報
-----------------------------------------------------------------*/

.single-land #page-title h1 {
    background-image: url(../images/title-header-land.png);
}

#single-land {
    margin: 0 auto;
    padding: 94px 0 150px;
    width: 1000px;
}
#single-land .content-section-inner {
    margin-bottom: 50px;
}
#single-land #hdr-toyama-landinfo {
    margin-bottom: 10px;
}
.l_update {
    text-align: right;
}
#single-land .photoGallery {
    height: 498px;
    margin: 20px 0;
    overflow: hidden;
}
#single-land .bx-wrapper {
    float: left;
    width: 662px;
}
#single-land .bx-pager {
    float: right;
    width: 330px;
}
#single-land .bx-pager a {
    border: 1px solid #ddd;
    display: inline-block;
    height: 118px;
    margin-bottom: 6px;
    margin-left: 6px;
    text-align: center;
    width: 157px;
}
table.ltbl01 {
    background-color: #C1C1C1;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 24px;
    width: 100%;
}
.ltbl01 th {
    background-color: #F4F0E7;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    padding: 13px;
}
.ltbl01 td {
    background-color: #FFF;
    box-sizing: border-box;
    font-size: 16px;
    padding: 13px;
}
.ltbl01 td.price {
    color: #FF5B25;
    font-weight: bold;
}
.ltbl01 td.price span {
    font-size: 22px;
    line-height: 22px;
}
.lconditions {
    padding: 0 10px 4px;
}
.lconditions li {
    border: 1px solid #e3d6c1;
    border-radius: 4px;
    color: #e3d6c1;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-align: center;
    width: 113px;
}
.lconditions li.active {
    background-color: #5E9B56;
    border-color: #5E9B56;
    color: #FFF;
}
table.ltbl02 {
    background-color: #C1C1C1;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 24px;
    width: 100%;
}
.ltbl02 th {
    background-color: #F8F7F2;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    padding: 13px 11px;
}
.ltbl02 td {
    background-color: #FFF;
    box-sizing: border-box;
    font-size: 15px;
    padding: 13px 11px;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w30 {
    width: 30%;
}
.w45 {
    width: 45%;
}
.w55 {
    width: 55%;
}
.w80 {
    width: 80%;
}
.lhdr01 {
    background-color: #6baa63;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    margin-bottom: 12px;
    padding: 0 16px;
}
.lhdr01 .new-label {
    display: inline-block;
    height: 22px;
    line-height: 24px;
    margin-left: 8px;
}


.land-link-wrap {
    background-image: url(../images/bg-land-link-wrap.png);
    text-align: center;
}
#land-link01 {
    height: 48px;
    margin: 32px 0 82px;
    padding: 16px 0;
}
#land-link01 li {
    display: inline-block;
    height: 48px;
    margin: 0 2px;
    overflow: hidden;
}
#land-link01 a {
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 48px;
    text-decoration: none;
}
#btn-land-link01-1 a,
#btn-land-link01-2 a,
#btn-land-link01-3 a {
    width: 220px;
}
#btn-land-link01-4 a {
    width: 284px;
}
#btn-land-link01-1 a,
#btn-land-link01-2 a {
    background-color: #FFF;
    border: 2px solid #FFF;
    padding-top: 9px;
}
#btn-land-link01-1 a:hover,
#btn-land-link01-2 a:hover {
    border-color: #6BAA63;

}
#btn-land-link01-3 a,
#btn-land-link01-4 a {
    padding-top: 12px;
}


#land-link02 {
    height: 56px;
    padding: 24px 0;
}
#land-link02 li {
    display: inline-block;
    margin: 0 3px;
}
#land-link02 a {
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 56px;
    padding-top: 16px;
    text-decoration: none;
    width: 348px;
}

#btn-land-link01-3 a,
#btn-land-link02-1 a {
    background: rgb(183,155,95);
    background: linear-gradient(to bottom,  rgba(183,155,95,1) 0%,rgba(171,139,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b5f', endColorstr='#ab8b48',GradientType=0 );
}
#btn-land-link01-4 a,
#btn-land-link02-2 a {
    background: rgb(191,103,81);
    background: linear-gradient(to bottom,  rgba(191,103,81,1) 0%,rgba(171,92,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6751', endColorstr='#ab5c48',GradientType=0 );
}
#btn-land-link01-3 a:hover,
#btn-land-link02-1 a:hover {
    background: rgb(171,139,72,1);
    background: linear-gradient(to bottom,  rgba(171,139,72,1) 0%,rgba(183,155,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8b48', endColorstr='#b79b5f',GradientType=0 );
}
#btn-land-link01-4 a:hover,
#btn-land-link02-2 a:hover {
    background: rgb(171,92,72);
    background: linear-gradient(to bottom,  rgba(171,92,72,1) 0%,rgba(191,103,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab5c48', endColorstr='#bf6751',GradientType=0 );
}


/*----------------------------------------------------------------
参考プラン
-----------------------------------------------------------------*/

.single-modelplan #page-title h1,
.post-type-archive-modelplan #page-title h1 {
    background-image: url(/2020/img/modelplan/title-header-modelplan@2x.png);
    background-size: auto 46px;
}
#archive-modelplan {
    margin: 0 auto;
    padding: 94px 0 150px;
    width: 1000px;
}
.modelplan-box {
    padding: 50px 0;
}
.plan-point-wrap {
    border: 1px solid #dbcdaf;
    margin-bottom: 25px;
    padding: 26px;
}
.plan-point-wrap .left {
    float: left;
    text-align: center;
    width: 250px;
}
.plan-point-wrap .left img {
    height: auto;
    max-width: 250px;
}
.plan-point-wrap .right {
    float: right;
    font-size: 15px;
    width: 675px;
}
.plan-point-wrap p {
    font-size: 15px;
}
.plan-point-box:nth-child(n+2) {
    border-top: 1px solid #dbcdaf;
    margin-top: 26px;
    padding-top: 26px;
}

.modelplan-slider.slider-pro {
    height: 572px;
    margin: 0 0 30px;
    max-width: 836px !important;
    padding-right: 164px !important;
    width: 836px !important;
}
.modelplan-slider .sp-slides-container {
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
}
.modelplan-slider .sp-next-arrow:after,
.modelplan-slider .sp-next-arrow:before,
.modelplan-slider .sp-previous-arrow:after,
.modelplan-slider .sp-previous-arrow:before {
    background-color: #b4985f;
}
.sp-thumbnail-container {
    border: 1px solid #d1d1d1;
    text-align: center;
}
.modelplan-slider .sp-left-thumbnails .sp-thumbnail-container,
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container {
    margin-bottom: 6px;
}
.modelplan-slider .sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    position: static;
}
.modelplan-slider .sp-thumbnail-container,
.modelplan-slider .sp-thumbnails-container {
    overflow: visible;
}
.modelplan-slider .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border: 1px solid #b4985f;
    left: -1px;
    margin-left: 0;
    top: -1px;
    width: 100%;
}
.modelplan-slider .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    border-bottom: 8px solid transparent;
    border-right: 11px solid #b4985f;
    border-top: 8px solid transparent;
    left: -17px;
}
.plan-explanation-wrap {
    margin-bottom: 50px;
    position: relative;
}
.plan-explanation-box ul {
    margin: 0 -35px;
}
.plan-explanation-box li {
    float: left;
    margin: 20px 35px;
    width: 465px;
}
.plan-explanation-box li:nth-child(2n+1) {
    clear: both;
}
.plan-explanation-box h2 {
    border-bottom: 1px solid #dbcdaf;
    color: #b4985f;
    font-size: 19px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 9px;
    padding-bottom: 9px;
}
.plan-explanation-box h2 i {
    margin-right: 10px;
}
.plan-explanation {
    font-size: 16px;
}
.plan-explanation-box {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.8s, visibility 0s ease 0.8s;
    visibility: hidden;
}
.plan-explanation-box.vis {
    left: 0;
    opacity: 1;
    position: relative;
    top: 0;
    transition: opacity 1.2s, visibility 0s;
    visibility: visible;
}

table.ptbl01 {
    border: 1px solid #dbcdaf;
    box-sizing: border-box;
    width: 100%;
}
.ptbl01 th {
    background-color: #b4985f;
    box-sizing: border-box;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    width: 150px;
}
.ptbl01 td {
    background-color: #FFF;
    box-sizing: border-box;
    color: #b4985f;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 25px;
}
.ptbl01 td > div {
    position: relative;
}
.ptbl01 td > div > .btn-price-detail {
    align-items: center;
    background-color: #FAF7ED;
    border: 1px solid #B4985F;
    border-radius: 4px;
    bottom: 0;
    color: #B4985F;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 28px;
    line-height: 1;
    margin: auto;
    padding: 0 24px 0 8px;
    position: absolute;
    right: -15px;
    text-decoration: none;
    top: 0;
}
.ptbl01 td > div > .btn-price-detail i {
    border-bottom: 2px solid  #B4985F;
    border-right: 2px solid  #B4985F;
    bottom: 1px;
    display: block;
    height: 6px;
    margin: auto;
    position: absolute;
    right: 9px;
    top: 0;
    transform: rotate(45deg);
    width: 6px;
}
.ptbl01 td span {
    font-size: 30px;
    margin-right: 3px;
}

table.ptbl02 {
    border: 1px solid #dbcdaf;
    box-sizing: border-box;
    margin-top: 12px;
    width: 100%;
}
.ptbl02 th {
    background-color: #f8f5f0;
    box-sizing: border-box;
    color: #b79b5f;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 150px;
}
.ptbl02 td {
    background-color: #FFF;
    box-sizing: border-box;
    color: #4d4d4d;
    font-size: 14px;
    padding: 10px 20px;
}
.ptbl02 li {
    line-height: 1.4;
    margin: 10px 0;
}

.plan_link01 {
    margin-top: 32px;
}
.btn-plan-link01-1 {
    float: right;
}
.btn-plan-link01-1 a {
    background: rgb(183,155,95);
    background: linear-gradient(to bottom,  rgba(183,155,95,1) 0%,rgba(171,139,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b5f', endColorstr='#ab8b48',GradientType=0 );
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 56px;
    padding-top: 17px;
    text-align: center;
    width: 397px;
}
.btn-plan-link01-1 a:hover {
    background: rgb(171,139,72);
    background: linear-gradient(to bottom,  rgba(171,139,72,1) 0%,rgba(183,155,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8b48', endColorstr='#b79b5f',GradientType=0 );
}
.btn-plan-link01-1 p.nolink {
    background: rgb(183,155,95);
    background: linear-gradient(to bottom,  rgba(150,150,150,1) 0%,rgba(150,150,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b5f', endColorstr='#ab8b48',GradientType=0 );
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 56px;
    opacity: 0.2;
    padding-top: 17px;
    text-align: center;
    width: 397px;
}
.single-modelplan h2,
.post-type-archive-modelplan h2 {
    position: relative;
}
.single-modelplan.ready .bk-sq .bracket-top,
.post-type-archive-modelplan.ready .bk-sq .bracket-top {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px;
    transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, top 0.5s ease 1.7s;
    -webkit-transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, top 0.5s ease 1.7s;
}
.single-modelplan.ready .bk-sq .bracket-bottom,
.post-type-archive-modelplan.ready .bk-sq .bracket-bottom {
    bottom: 0;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    height: 20px;
    left: 0;
    position: absolute;
    width: 118px;
    transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, bottom 0.5s ease 1.7s;
    -webkit-transition: height 0.5s ease 2.2s, width 0.5s ease 1.7s, left 0.5s ease 1.7s, bottom 0.5s ease 1.7s;
}
.single-modelplan .sq-text,
.post-type-archive-modelplan .sq-text {
    background-image: url("../images/section-head-plan.png");
}

.single-modelplan.ready .sq-text,
.post-type-archive-modelplan.ready .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0) translate(0,0);
    -webkit-transform: rotate3d(0, 1, 2, 0) translate(0,0);
    transition: transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
    -webkit-transition: -webkit-transform 1.1s ease 0.6s, opacity 1.1s ease 0.6s;
}
.no-modelplan {
    font-size: 19px;
    padding: 60px 0;
    text-align: center;
    text-indent: 1em;
}


.bnr-reserve-modelhouse {
    padding: 20px 20px;
}
.bnr-reserve-modelhouse a {
    background-color: #FFF;
    border: 1px solid #89BC68;
    display: block;
    padding: 1px;
}
.bnr-reserve-modelhouse a img {
    height: auto;
    width: 100%;
}

/*----------------------------------------------------------------
成友の標準
-----------------------------------------------------------------*/

.page-standard #page-title h1 {
    background-image: url(../images/title-header-standard.png);
}

/*----------------------------------------------------------------
構造・防水20年保証制度
-----------------------------------------------------------------*/

.page-support #page-title h1 {
    background-image: url(../images/title-header-standard.png);
}

.page-support .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-support .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-support .content-lead-wrap h1,
.page-support .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-support .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-support .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-support .content-lead-wrap .lead02 span {
    font-size: 18px;
    font-weight: normal;
    display: block;
}
#content-support01 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 20px;
    width: 1000px;
}
#content-support02 .content-section-inner {
    margin: 0 auto;
    padding: 20px 0 100px;
    width: 1000px;
}

.hdr02 sup {
    font-size: 60%;
}
.hdr03 sup {
    font-size: 60%;
}


#content-support01 .inner-section {
    margin-bottom: 50px;
}
#content-support01 .img-wrap {
    margin-bottom: 12px;
}
.reason-list {
    margin-bottom: 30px;
}
.reason-list li {
    border: 1px solid #9CCC84;
    color: #6B9C63;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 12px;
    padding: 12px 14px 12px 40px;
    position: relative;
}
.reason-list li i {
    left: 14px;
    margin-right: 8px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
}
.reason-list li sup {
    font-size: 60%;
    line-height: 1;
}
.sup-note li {
    padding-left: 2.3em;
    text-indent: -2.3em;
}


/*----------------------------------------------------------------
省エネ基準
-----------------------------------------------------------------*/

.page-energy #page-title h1 {
    background-image: url(../images/title-header-standard.png);
}

.page-energy .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-energy .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-energy .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-energy .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-energy .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-energy .content-lead-wrap .lead02 span {
    font-size: 17px;
    font-weight: normal;
    display: block;
}

#content-energy01 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 20px;
    width: 1000px;
}
#content-energy02 .content-section-inner {
    margin: 0 auto;
    padding: 20px 0 100px;
    width: 1000px;
}
#content-energy01 p {
    font-size: 16px;
    margin-bottom: 20px;
}
#content-energy01 p b {
    font-weight: 500;
}
#content-energy01 .content-section-inner .img-wrap + .hdr03 {
    margin-top: 50px;
}
#content-energy01 .content-section-inner .img-wrap + p {
    margin-top: 20px;
}
#content-energy01 p em {
    color: #6DB462;
}
#content-energy01 .inner-section {
    margin-bottom: 60px;
}

#energy01_2 .left {
    float: left;
    width: 316px;
}
#energy01_2 .right {
    float: right;
    width: 660px;
}
#energy01_2 .attention {
    font-size: 13px;
    padding: 10px 0;
}
#energy01_3 .wrap {
    margin-bottom: 20px;
}
#energy01_3 .left {
    float: left;
    width: 232px;
}
#energy01_3 .right {
    float: right;
    width: 738px;
}
#energy01_3 h4 {
    color: #6DB462;
    font-size: 19px;
    margin-bottom: 8px;
}
#energy01_3 ul {
    background-color: #EEFAED;
    padding: 12px 30px;
}
#energy01_3 li {
    background-color: #fff;
    border-radius: 8px;
    float: left;
    position: relative;
}
#energy01_3 li:nth-child(n+2):before {
    background-color: #41aca9;
    content: "";
    display: block;
    height: 28px;
    left: -26px;
    position: absolute;
    top: 14px;
    width: 6px;
}
#energy01_3 li:nth-child(n+2):after {
    background-color: #41aca9;
    content: "";
    display: block;
    height: 6px;
    left: -37px;
    position: absolute;
    top: 25px;
    width: 28px;
}
#energy01_3 li:nth-child(n+2) {
    margin-left: 46px;
    position: relative;
}
#energy01_3 .attention {
    font-size: 13px;
    margin-bottom: 0;
    padding: 10px 0;
}
#energy02_1 .attention {
    font-size: 13px;
    margin-bottom: 0;
}
#energy02_1 .reason-list {
    margin-bottom: 0;
}



/*----------------------------------------------------------------
設備10年保証
-----------------------------------------------------------------*/

.hdr05 {
    position: relative;
    padding-left: 20px;
    color: #4c5050;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.02em;
}
.hdr05::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 2px;
    width: 12px;
    height: 12px;
    background-color: #003353;
}
.hdr06 {
    position: relative;
    padding-left: 20px;
    color: #dccb9e;
    font-family: 'Noto Serif JP', serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
}
.hdr06::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 2px;
    width: 12px;
    height: 12px;
    background-color: #dccb9e;
}
#content-warranty01 {
    background-color: #003353;
}
#content-warranty01 .content-section-inner {
    margin: 0 auto;
    padding: 50px 0;
    width: 1000px;
}
#content-warranty01 .wrap {
    display: flex;
    align-items: flex-start;
}
#content-warranty01 .left {
    width: 440px;
    padding-right: 56px;
    box-sizing: border-box;
    color: #fff;
}
#content-warranty01 .left-heading {
    border-bottom: 1px solid #dccb9e;
}
#content-warranty01 .left-heading h1 {
    max-width: 381px;
}
#content-warranty01 .left-heading h1 img {
    width: 100%;
}
#content-warranty01 .attention {
    font-size: 13px;
    margin-bottom: 0;
    padding: 12px 4px 39px;
}
#content-warranty01 .lead02 {
    padding: 18px 0;
}
#content-warranty01 .lead02 span {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: -0.02em;
}
#content-warranty01 .right {
    width: calc(100% - 440px);
}
#content-warranty01 .right h2 {
    display: flex;
    margin-top: 59px;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-start;
}
#content-warranty01 .right h2 img:nth-child(1) {
    margin-bottom: 8px;
}
#content-warranty01 .right h2 img:nth-child(2) {
    margin-left: 15px;
}
#content-warranty01 .right-cols {
    display: flex;
    margin: 16px -8px 0;
    justify-content: space-between;
}
#content-warranty01 .right-col {
    width: calc(50% - 16px);
    margin: 0 8px;
}
#content-warranty01 .right-col img {
    width: 100%;
}
#content-warranty01 .right-sub {
    margin-top: 16px;
}
#content-warranty01 .right-sub img {
    width: 100%;
}
#content-warranty01 .sup-note {
    margin-top: 39px;
    color: #a8b6bf;
    line-height: 18px;
    letter-spacing: -0.02em;
}
#content-warranty01 .sup-note li {
    padding-left: 0;
    text-indent: 0;
    font-size: 11px;
}

#content-warranty02 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0;
    width: 1000px;
}
#content-warranty02 .inner {
    margin: 0 auto;
    width: 800px;
}
#content-warranty02 .image-wrap {
    text-align: center;
    margin: 22px auto 0;
    max-width: 560px;
}
#content-warranty02 .image-wrap img {
    width: 100%;
}
#content-warranty02 .arrow {
    text-align: center;
    margin-top: 16px;
}
#content-warranty02 .wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 16px;
}
#content-warranty02 .left {
    width: 531px;
}
#content-warranty02 .left img {
    width: 100%;
}
#content-warranty02 .right {
    width: 257px;
    margin: 3px 2px 0 6px;
}
#content-warranty02 .sup-note {
    margin-top: 15px;
    color: #4c5050;
    line-height: 18px;
    letter-spacing: -0.02em;
}
#content-warranty02 .sup-note li {
    padding-left: 0;
    text-indent: 0;
    font-size: 11px;
}

#content-warranty03 {
    background-color: #003353;
}
#content-warranty03 .content-section-inner {
    margin: 0 auto;
    padding: 110px 0;
    width: 1000px;
}
#content-warranty03 .content-lead {
    position: relative;
    padding-bottom: 31px;
    color: #dccb9e;
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
#content-warranty03 .content-lead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 128px;
    height: 2px;
    background-color: #dccb9e;
}
#content-warranty03 .image-wrap {
    text-align: center;
    margin: 40px auto 0;
    max-width: 560px;
}
#content-warranty03 .image-wrap img {
    width: 100%;
}
#content-warranty03 .inner {
    margin: 0 auto;
    width: 800px;
}
#content-warranty03 .warranty-wrapper {
    display: flex;
    margin: 40px -8px 0;
    justify-content: space-between;
}
#content-warranty03 .warranty-wrapper .col {
    width: calc(33.3333333333% - 8px);
    margin: 0 8px;
}
#content-warranty03 .warranty-wrapper .col img {
    width: 100%;
}
#content-warranty03 .warranty-wrapper + p {
    margin-top: 19px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: center;
}
#content-warranty03 .warranty-photo {
    display: flex;
    flex-wrap: wrap;
    margin: 38px -12px -40px;
}
#content-warranty03 .warranty-photo li {
    width: calc(25% - 24px);
    margin: 0 12px 40px;
}
#content-warranty03 .warranty-photo .thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#content-warranty03 .warranty-photo .thumb::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75.8620689655%;
}
#content-warranty03 .warranty-photo .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#content-warranty03 .warranty-photo h4 {
    margin-top: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: center;
}
#content-warranty03 .warranty-photo h4 small {
    display: inline-block;
    font-size: 9px;
    margin-left: 1px;
    transform: translateY(-5px);
}
#content-warranty03 .note-box {
    margin-top: 64px;
    padding: 22px 31px;
    border: 1px solid #a8b6bf;
    color: #fff;
}
#content-warranty03 .note-box-wrapper {
    display: flex;
    align-items: center;
}
#content-warranty03 .note-box-left {
    flex-shrink: 0;
    width: 118px;
    padding-right: 16px;
}
#content-warranty03 .note-box-right {
    width: calc(100% - 118px);
    border-left: 1px solid #a8b6bf;
    padding-left: 32px;
}
#content-warranty03 .note-box-left h4 {
    margin-top: 2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
    letter-spacing: -0.02em;
}
#content-warranty03 .note-box-right p {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.02em;
}
#content-warranty03 .sup-note {
    margin-top: 19px;
    color: #fff;
    line-height: 18px;
    letter-spacing: -0.02em;
}
#content-warranty03 .sup-note li {
    padding-left: 0;
    text-indent: 0;
    font-size: 11px;
}
#content-warranty03 .warranty-product {
    display: flex;
    flex-wrap: wrap;
    margin: 39px -11px -38px -12px;
}
#content-warranty03 .warranty-product li {
    width: calc(33.3333333333% - 23px);
    margin: 0 11px 38px 12px;
}
#content-warranty03 .warranty-product .thumb {
    position: relative;
    width: 100%;
    background-color: #ccc;
    overflow: hidden;
}
#content-warranty03 .warranty-product .thumb::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 55.3459119497%;
}
#content-warranty03 .warranty-product .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#content-warranty03 .warranty-product h4 {
    margin-top: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: center;
}
#content-warranty03 .warranty-product .price {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}
#content-warranty03 .warranty-product .lb {
    display: inline-block;
    padding: 2px 7px 3px;
    border-radius: 2px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    letter-spacing: -0.02em;
    text-align: center;
}
#content-warranty03 .warranty-product .txt {
    margin-left: 9px;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 23px;
    font-weight: bold;
    line-height: 36px;
}
#content-warranty03 .warranty-product .txt small {
    display: inline-block;
    margin-left: 6px;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.02em;
}
.seiyo-warranty-block01 {
    margin-top: 94px;
}
.seiyo-warranty-block02 {
    margin-top: 95px;
}
.seiyo-warranty-block02 p {
    margin-top: 18px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

#content-warranty04 {
    background-color: #f7f9fa;
}
#content-warranty04 .content-section-inner {
    margin: 0 auto;
    padding: 110px 0 160px;
    width: 1000px;
}
#content-warranty04 .content-lead {
    position: relative;
    padding-bottom: 31px;
    color: #003353;
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
#content-warranty04 .content-lead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 128px;
    height: 2px;
    background-color: #003353;
}
#content-warranty04 .warranty-phone {
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    width: 100%;
    max-width: 320px;
    margin: 40px auto 16px;
    overflow: hidden;
}
#content-warranty04 .warranty-phone::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
#content-warranty04 .warranty-phone img {
    position: absolute;
    top: 17.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    object-fit: contain;
    object-position: 17.5% center;
}
#content-warranty04 .inner {
    margin: 0 auto;
    width: 800px;
}
#content-warranty04 .lead02 {
    color: #b3a086;
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
#content-warranty04 .lead02 small {
    font-size: 23px;
    letter-spacing: .125em;
    text-indent: .125em;
}
#content-warranty04 .warranty-box {
    margin-top: 37px;
}
#content-warranty04 .warranty-box + .warranty-box {
    margin-top: 40px;
}
.warranty-box {
    position: relative;
    padding: 62px 39px 39px;
    background-color: #fff;
    border: 1px solid #b3a086;
}
.warranty-box h3 {
    color: #b3a086;
    font-family: 'Noto Serif JP', serif;
    font-size: 23px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
.warranty-box p {
    color: #4c5050;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
}
.warranty-box .box-head {
    width: 100%;
    margin: 0 auto;
    max-width: 560px;
}
.warranty-box .image-wrap {
    margin-top: 38px;
}
.warranty-box .image-wrap img {
    width: 100%;
}
.warranty-box .image-wrap.mini {
    padding: 0 1px;
}
.warranty-box .message {
    margin-top: 20px;
    padding: 7px 8px 8px;
    background-color: #f3f4f4;
    color: #b3a086;
    font-family: 'Noto Serif JP', serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
.warranty-box .message + p {
    margin-top: 24px;
}
.warranty-box .attention {
    margin-top: 22px;
    color: #4c5050;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: center;
}
.warranty-box .box-foot {
    margin-top: 40px;
    padding: 32px 64px;
    background-color: #f6f6f6;
}
.warranty-box .box-foot:has(.box-content) {
    margin-top: 38px;
}
.warranty-box .box-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.warranty-box .box-left {
    width: 220px;
    margin-right: 26px;
}
.warranty-box .box-left h4 {
    margin-top: -1px;
    color: #968670;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: .125em;
    text-align: left;
}
.warranty-box .box-left .image {
    margin-top: 15px;
}
.warranty-box .box-left .time {
    display: block;
    margin-right: 6px;
    margin-top: 11px;
    padding: 5px 16px 4px;
    border: 1px solid #a59984;
    color: #b3a086;
    font-family: 'Noto Serif JP', serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}
.warranty-box .box-right {
    width: 346px;
}
.warranty-box .box-right li {
    position: relative;
    padding: 13px 12px 12px;
    background-color: #fff;
    color: #4c5050;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
}
.warranty-box .box-right li + li {
    margin-top: 29px;
}
.warranty-box .box-right li + li::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 10px;
    background-color: #b3a086;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.warranty-box .box-content h4 {
    position: relative;
    margin-top: -1px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a59984;
    color: #968670;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: .125em;
    text-indent: .125em;
    text-align: center;
}
.warranty-box .box-content .image {
    margin-top: 20px;
}
.warranty-box .box-content .image img {
    width: 100%;
}



/*----------------------------------------------------------------
耐震等級3 + 制振住宅
-----------------------------------------------------------------*/

.page-earthquake #page-title h1 {
    background-image: url(../images/title-header-standard.png);
}

.page-earthquake .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-earthquake .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-earthquake .content-lead-wrap h1,
.page-earthquake .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-earthquake .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-earthquake .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-earthquake .content-lead-wrap .lead02 span {
    font-size: 17px;
    font-weight: 600;
    display: block;
}
#content-earthquake01 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 40px;
    width: 1000px;
}
#content-earthquake02 .content-section-inner {
    margin: 0 auto;
    padding: 40px 0;
    width: 1000px;
}

#content-earthquake03 .content-section-inner {
    margin: 0 auto;
    padding: 40px 0 100px;
    width: 1000px;
}
#earthquake03_1 .reason-list {
    margin-bottom: 0;
}
.trc-box {
    border: 1px solid #DCDCDC;
    padding: 28px 30px;
}
.trc-box .left {
    float: left;
    width: 300px;
}
.trc-box .right {
    float: right;
    width: 616px;
}


.trc-box h3 {
    margin-bottom: 10px;
}
.trc-box hr {
    border-top: 1px dotted #000;
    border-bottom: none;
    clear: both;
    margin: 30px 0;
    opacity: 0.3;
}
.trc-box .right .sub {
    margin-bottom: 18px;
}
.trc-box .right .clear {
    margin-bottom: 0;
}
.trc-box .right p {
    margin-bottom: 30px;
}

.trc-box .wrap {
    clear: both;
}
.trc-box .wrap .left {
    float: left;
    width: 300px;
}
.trc-box h4 {
    color: #a7843b;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 8px;
}
.trc-box .wrap .left p {
    font-size: 15px;
}
.trc-box .wrap .left .image03 {
    margin-top: 13px;
    margin-bottom: 18px;
}
.trc-box .wrap .right {
    float: right;
    width: 620px;
}
.trc-box .trc-box01 {
    margin-top: 23px;
    margin-bottom: 20px;
}
.trc-box .trc-box02 {
    margin-bottom: 30px;
}

#std-bnr-wrap {
    margin: 0 auto;
    padding: 46px 0 20px;
    width: 1008px;
}
.std-bnr {
    cursor: pointer;
    display: block;
    float: left;
    height: 152px;
    margin: 4px;
    overflow: hidden;
    position: relative;
    width: 244px;
}
.std-bnr .bg,
.std-bnr .front {
    left: 0;
    position: absolute;
    top: 0;
}
.std-bnr .bg {
    opacity: 1;
    transform: scale(1,1);
    transform-origin: center center;
    transition: all 1s;
}
.std-bnr:hover .bg {
    opacity: 0.5;
    transform: scale(1.15,1.15);
}

.top-carousel-container {
    height: 0;
    padding: 0;
    position: relative;
    top: -160px;
    width: 100%;
    z-index: 20;
}
.swiper-container {
    margin: 0 auto;
    padding: 0 36px;
    position: relative;
    /* width: 1862px; */
    width: 1629px;
}
.top-carousel-container .swiper-slide {
    background-color: #FFF;
}
.carousel-slide a img {
    opacity: 1;
    transition: opacity 0.5s;
}
.carousel-slide a:hover img {
    opacity: 0.7;
}
.carousel-prev {
    background-color: #A1A5A5;
    border-right: 4px solid #fff;
    cursor: pointer;
    height: 144px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 1000;
    transition: background 0.5s;
}
.carousel-next {
    background-color: #A1A5A5;
    border-left: 4px solid #fff;
    cursor: pointer;
    height: 144px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    z-index: 1000;
    transition: background 0.5s;
}
.carousel-prev:hover,
.carousel-next:hover {
    background-color: #ccc;
}
.carousel-prev i,
.carousel-next i {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}


@media only screen and (max-width: 1934px) {
.swiper-container {
    width: 1629px;
}
}
@media only screen and (max-width: 1701px) {
.swiper-container {
    width: 1396px;
}
}
@media only screen and (max-width: 1468px) {
.swiper-container {
    width: 1163px;
}
}
@media only screen and (max-width: 1235px) {
.swiper-container {
    width: 930px;
}
}
@media only screen and (max-width: 1002px) {
.swiper-container {
    width: 697px;
}
.carousel-prev,
.carousel-next {
    width: 31px;
}
.swiper-container {
    padding: 0 35px;
}
}
@media only screen and (max-width: 767px) {
.swiper-container {
    width: 464px;
}
}
@media only screen and (max-width: 534px) {
.top-carousel-container {
    height: auto;
}
.swiper-container {
    padding: 0 33px;
    width: calc(100% - 66px);
}
.carousel-prev {
    background-color: #ddd;
    border-right: 2px solid #fff;
    height: 100%;
}
.carousel-next {
    background-color: #ddd;
    border-left: 2px solid #fff;
    height: 100%;
}
.carousel-slide img  {
    height: auto;
    width: 100%;
}
.carousel-slide a:hover img {
    opacity: 1;
}
}

.home-information {
    background-color: #e9eae9;
    padding: 52px 0;
}
.information-wrapper {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    width: 1280px;
}
.information-wrapper .col {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 36px 24px 24px;
    position: relative;
    width: 32%;
}
.information-wrapper .col::before {
    background-color: #9fce83;
    content: "";
    height: 6px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.information-wrapper .ttl {
    margin-bottom: 30px;
    text-align: center;
}
.information-wrapper .ttl img {
    height: 36px;
    width: auto;
}
.home-news-list li {
    border-bottom: 1px solid #e9eae9;
    color: #4c5050;
    font-size: 15px;
    padding: 0 0 15px;
}
.home-news-list li + li {
    margin-top: 15px;
}
.home-news-list a {
    color: #4c5050;
    display: block;
}
.home-news-list a:hover {
    color: #9fce83;
}
.home-news-list .post-date {
    color: #9b9b9b;
    display: block;
    font-size: 13px;
}
.home-event-list li + li {
    margin-top: 14px;
}
.home-event-list li a {
    color: #4c5050;
    display: flex;
    justify-content: space-between;
    position: relative;
    text-decoration: none;
    transition: background .4s;
}
.home-event-list li a:hover {
    background-color: #eff7ea;
}
.home-event-list li .pic {
    align-items: center;
    display: flex;
    height: 0;
    left: 0;
    overflow: hidden;
    padding-bottom: 13.95%;
    padding-top: 13.95%;
    top: 0;
    width: 37.3%;
}
.home-event-list li .pic img {
    height: auto;
    width: 100%;
}
.home-event-list li .headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 58.6%;
}
.home-event-list .post-title {
    font-size: 15px;
}
.home-event-list .post-date {
    color: #9b9b9b;
    font-size: 13px;
    margin-top: 10px;
}
.home-facebook > div {
    min-height: 370px;
    overflow: hidden;
    text-align: center;
}
.home-information .btn-more {
    background-image: url(../images/btn-more@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 24px;
    height: 14px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 24px;
    text-indent: 100%;
    transition: opacity .4s;
    white-space: nowrap;
    width: 64px;
}
.home-information .btn-more:hover {
    opacity: .6;
}

@media all and (-ms-high-contrast:none) {
.hdr02 {
    line-height: 48px;
}
/* .reason-list li {
    padding: 15px 14px 9px 40px;
} */
/* .reason-list li i {
    top: -7px;
} */
}


.page-contact #contact-information {
    float: none;
    font-size: 15px;
    margin: 0 auto;
    padding: 55px 0;
    width: 740px;
}
.page-contact #contact-information li {
    float: left;
}
.page-reservation_thanks #contact-information li {
    float: none;
    margin: 0 auto;
}
.page-contact #contact-information li.btn-call {
    margin-left: 36px;
    margin-top: 0;
}
.page-reservation_thanks #contact-information li.btn-call {
    margin-left: auto;
}

#content-modelhouse-3d .content-section-cover {
    box-shadow: none;
    padding-top: 80px;
}
#content-modelhouse-3d .content-section-inner {
    margin: 0 auto;
    width: 1100px;
}

#content-modelhouse-3d h2 {
    background-color: #E1D6BF;
    background-image: url(../images/slide-filter-w.png);
    background-size: 3px 3px;
    border-bottom: 3px solid #B4985F;
    border-top: 3px solid #B4985F;
    margin-bottom: 10px;
    padding: 16px 0;
    position: relative;
    text-align: center;
}
#content-modelhouse-3d h2 small {
    display: block;
    margin-top: 5px;
}
#content-modelhouse-3d h2:before {
    background-color: #FFF;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%;
}
#content-modelhouse-3d h2:after {
    background-color: #FFF;
    bottom: -2px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media only screen and (max-width: 1119px) {
#content-modelhouse-3d .content-section-cover {
    padding: 50px 10px;
}
#content-modelhouse-3d .content-section-inner {
    width: auto;
}
#content-modelhouse-3d .view-3d-wrap {
    position: relative;
}
#content-modelhouse-3d .view-3d-wrap:before {
    content: "";
    display: block;
    padding-top: 54.5%;
}
#content-modelhouse-3d iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
#content-modelhouse-3d h2 {
    padding: 12px 0;
}
#content-modelhouse-3d h2 > img {
    height: 50px;
    width: auto;
}
#content-modelhouse-3d h2 > small > img {
    height: 20px;
    width: auto;
}
}
@media only screen and (max-width: 479px) {
#content-modelhouse-3d h2 > img {
    height: 44px;
}
#content-modelhouse-3d h2 > small > img {
    margin: 2px 0;
}
}


.price-detail {
    background-color: #FAF7ED;
    display: none;
    opacity: 0;
    padding: 25px;
    position: relative;
    transition: opacity .4s;
}
.price-detail b {
    font-weight: 500;
}
.price-detail.show {
    display: block;
    opacity: 1;
}
.price-detail::before {
    content: "";
    display: block;
}
.price-detail > ul {
    background-color: #FFF;
    padding: 32px;
}
.price-detail > ul > li {
    border-bottom: 1px solid #C9B579;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}
.price-detail > ul > li:first-child {
    padding: 0;
}
.price-detail > ul > li > .icon {
    height: 80px;
    width: 80px;
}
.price-detail > ul > li li > .icon {
    height: 64px;
    width: 64px;
}
.price-detail > ul > li img {
    height: auto;
    width: 100%;
}
.price-detail > ul > li > .list-df {
    width: calc(100% - 94px);
}
.price-detail > ul > li > .list-df > dl {
    display: flex;
    height: 80px;
    justify-content: space-between;
}
.price-detail > ul > li > .list-df > dl.seiyu-price {
    background-color: #F7EEE9;
    height: 72px;
    margin-bottom: 8px;
    padding: 0 8px;
}
.price-detail > ul > li > .list-df > dl > dt {
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: center;
}
.price-detail > ul > li > .list-df > dl > dd {
    align-items: center;
    display: flex;
    height: inherit;
}
.price-detail > ul > li > .list-df > dl > dt {
    font-size: 18px;
    font-size: 1.125rem;
}
.price-detail > ul > li > .list-df > dl > dt > .price-desc {
    font-size: 15px;
}
.price-detail > ul > li > .list-df > dl.seiyu-price > dt > .price-desc {
    color: #AA6652;
}
.price-detail > ul > li > .list-df > dl > dt > b {
    color: #B4985F;
}
.price-detail > ul > li > .list-df > dl.seiyu-price > dt > b {
    color: #AA6652;
}
.price-detail > ul > li > .list-df > dl > dd {
    color: #B4985F;
}
.price-detail > ul > li > .list-df > dl.seiyu-price > dd {
    color: #AA6652;
}
.price-detail > ul > li > .list-df > dl > dd > b {
    font-size: 21px;
}
.price-detail > ul > li > .list-df > dl > dd > .unit {
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.price-detail > ul > li li {
    border-top: 1px solid #C9B579;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}
.price-detail > ul > li li > .list-df {
    width: calc(100% - 78px);
}
.price-detail > ul > li li > .list-df > dl {
    display: flex;
    height: 64px;
    justify-content: space-between;
}
.price-detail > ul > li li > .list-df > dl > dt {
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: center;
}
.price-detail > ul > li li > .list-df > dl > dd {
    align-items: center;
    display: flex;
    height: inherit;
}
.price-detail > ul > li li > .list-df > dl > dt {
    font-size: 16px;
    font-size: 1rem;
    padding-right: 15px;
}
.price-detail > ul > li li > .list-df > dl > dt > b {
    color: #B4985F;
}
.price-detail > ul > li li > .list-df > dl > dd {
    color: #B4985F;
}
.price-detail > ul > li li > .list-df > dl > dd > b {
    font-size: 19px;
}
.price-detail > ul > li li > .list-df > dl > dd > .unit {
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.price-detail .seiyu-price-label {
    background-color: #AA6652;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-left: 8px;
    padding: 3px 4px;
    position: relative;
    top: -1px;
}


.home-field {
    /* align-items: center;
    display: flex;
    flex-direction: column; */
    height: 100vh;
    /* justify-content: center; */
    position: relative;
    width: 100%;
}
.home-field-bg {
    background-image: url(/2020/img/home/bg02@2x.jpg);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    left: 0;
    position: absolute;
    position: fixed;
    top: 0;
    width: 100%;
}
.home-field-bg.bg01 {
    background-image: url(/2020/img/home/bg01@2x.jpg);
}
.home-field-bg.bg02 {
    background-image: url(/2020/img/home/bg02@2x.jpg);
}
.home-field-bg.bg03 {
    background-image: url(/2020/img/home/bg03@2x.jpg);
}
.home-field .arw {
    bottom: 30px;
    color: #222;
    cursor: pointer;
    display: block;
    height: 34px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    pointer-events: all;
    right: 0;
    transition: opacity 2.5s, pointer-events 0s ease 2s;
    width: 40px;
    z-index: 2;
}
.scrolled .home-field .arw {
    opacity: 0;
    pointer-events: none;
}
.home-field .arw::before {
    border-bottom: 1px solid #222;
    border-right: 1px solid #222;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    letter-spacing: .02em;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    width: 16px;
    -webkit-animation: sdb 1.6s infinite;
    animation: sdb 1.6s infinite;
}
@-webkit-keyframes sdb {
    0% {
      transform: translate(0, 0) rotate(45deg);
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 10px) rotate(45deg);
    }
  }
  @keyframes sdb {
    0% {
      transform: translate(0, 0) rotate(45deg);
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 10px) rotate(45deg);
    }
  }
.home-field .arw::after {
    content: "Menu";
    font-family: 'Noto Serif JP', serif;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.home-field .main-copy {
    color: #9b7940;
    display: none;
    font-family: 'Noto Serif JP', serif;
    font-feature-settings: "palt";
    font-size: 36px;
    font-weight: 400;
    letter-spacing: .15em;
}
.home-field .sub-copy {
    color: #000;
    display: none;
    font-family: 'Noto Serif JP', serif;
    font-feature-settings: "palt";
    font-size: 26px;
    font-weight: 500;
    letter-spacing: .15em;
    margin-top: 16px;
    opacity: .55;
}
.nav-n {
    background-color: rgba(255,255,255,.9);
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 2s, pointer-events 0s ease 1.75s;
    width: 100%;
    z-index: 100;
}
.home .nav-n {
    background-color: transparent;
    position: absolute;
}
.scrolled .nav-n {
    opacity: 1;
    pointer-events: all;
}
.menu-open .nav-n {
    opacity: 1;
    pointer-events: all;
}
.nav-n .u-inner {
    margin: 0 auto;
    max-width: 1000px;
}
.nav-n .u-inner nav {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100vh;
    padding-top: 30px;
    width: 100%;
}
.nav-n ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.nav-n li {
    width: calc((100% - 64px) / 5);
}
.nav-n li:nth-child(5n+2),
.nav-n li:nth-child(5n+3),
.nav-n li:nth-child(5n+4),
.nav-n li:nth-child(5n) {
    margin-left: 16px;
}
.nav-n li:nth-child(n+6) {
    margin-top: 16px;
}
.nav-n li a {
    color: #FFF;
    display: block;
    position: relative;
    transition: all .3s;
}
.nav-n li a::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.nav-n li a .icon {
    align-items: center;
    display: flex;
    height: 62px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
}
.nav-n li a .icon svg {
    fill: #FFFFFF;
}
.nav-n li a .txt {
    align-items: center;
    bottom: 34px;
    display: flex;
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    /* font-weight: 500; */
    height: 48px;
    justify-content: center;
    letter-spacing: .2em;
    line-height: 1.36;
    position: absolute;
    text-align: center;
    width: 100%;
}
.nav-n01 a {
    background-color: rgba(135,199,128,.85);
}
.nav-n02 a {
    background-color: rgba(117,152,112,.85);
}
.nav-n03 a {
    background-color: rgba(194,186,101,.85);
}
.nav-n04 a {
    background-color: rgba(94,182,189,.85);
}
.nav-n05 a {
    background-color: rgba(81,159,208,.85);
}
.nav-n06 a {
    background-color: rgba(93,129,186,.85);
}
.nav-n07 a {
    background-color: rgba(185,96,147,.85);
}
.nav-n08 a {
    background-color: rgba(181,74,111,.85);
}
.nav-n09 a {
    background-color: rgba(157,69,69,.85);
}
.nav-n10 a {
    background-color: rgba(183,111,90,.85);
}
.nav-n11 a {
    background-color: rgba(178,135,86,.85);
}
.nav-n12 a {
    background-color: rgba(144,120,66,.85);
}
.nav-n13 a {
    background-color: rgba(78,141,134,.85);
}
.nav-n14 a {
    background-color: rgba(76,100,149,.85);
}
.nav-n15 a {
    background-color: rgba(75,65,129,.85);
}

.nav-n01 a svg {
    height: 54px;
    width: 54px;
}
.nav-n02 a svg {
    height: 45.2px;
    width: 48.9px;
}
.nav-n03 a svg {
    height: 48px;
    width: 48px;
}
.nav-n04 a svg {
    height: 49.3px;
    width: 49.3px;
}
.nav-n05 a svg {
    height: 52px;
    width: 55.9px;
}
.nav-n06 a svg {
    height: 55.9px;
    width: 55.9px;
}
.nav-n07 a svg {
    height: 61.1px;
    width: 55px;
}
.nav-n08 a svg {
    height: 48px;
    width: 48px;
}
.nav-n09 a svg {
    height: 50.4px;
    width: 50.4px;
}
.nav-n10 a svg {
    height: 42.8px;
    width: 42.8px;
}
.nav-n11 a svg {
    height: 39.4px;
    width: 39.4px;
}
.nav-n12 a svg {
    height: 34.5px;
    width: 63.6px;
}
.nav-n13 a svg {
    height: 45.5px;
    width: 34.4px;
}
.nav-n14 a svg {
    height: 32px;
    width: 32px;
}
.nav-n15 a svg {
    height: 31.9px;
    width: 32px;
}
.fixed-ft-menu {
    background-color: #6BB763;
    bottom: 0;
    display: none;
    height: 48px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.fixed-ft-menu a {
    color: #FFF;
    display: flex;
    height: 48px;
    text-decoration: none;
}
.fixed-ft-menu svg {
    fill: #FFF;
}
.ft-n01 svg {
    height: 15.3px;
    width: 15.3px;
}
.ft-n02 svg {
    height: 12.7px;
    width: 15.6px;
}
.ft-n03 svg {
    height: 15px;
    width: 12.2px;
}
.ft-n04 svg {
    height: 13.6px;
    width: 16.1px;
}
.fixed-ft-menu ul {
    display: flex;
}
.ft-n01 {
    font-family: 'Poppins','Noto Sans JP', serif;
    width: 50%;
}
.ft-n01 a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 13% 2px;
}
.ft-n01 dt {
    font-size: 10px;
    margin-bottom: 2px;
}
.ft-n01 dd {
    align-items: center;
    display: flex;
    height: 16px;
}
.ft-n01 .ft-icon {
    line-height: 1;
}
.ft-n01 dd span {
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    margin-left: 2px;
    position: relative;
    top: -1px;
}
.ft-n02,
.ft-n03,
.ft-n04 {
    position: relative;
    width: calc(50% / 3);
}
.ft-n02 a,
.ft-n03 a,
.ft-n04 a {
    flex-direction: column;
    justify-content: center;
}
.ft-n02::before,
.ft-n03::before,
.ft-n04::before {
    border-left: 1px dotted #FFF;
    bottom: 0;
    content: "";
    position: absolute;
    height: 22px;
    left: 0;
    margin: auto;
    top: 0;
    width: 0;
}
.ft-n02 .ft-icon,
.ft-n03 .ft-icon,
.ft-n04 .ft-icon {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 100%;
}
.ft-n02 span,
.ft-n03 span,
.ft-n04 span {
    display: block;
    font-family: 'Poppins','Noto Sans JP', serif;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}
#btn-side-wrap {
    box-shadow: 0 0 2px rgba(0,0,0,.3);
    height: 226px;
    /* top: calc(50vh - 282px); */
    top: 210px;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    width: 30px;
}
#btn-side-wrap a {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    right: 0;
    text-decoration: none;
    width: 30px;
}
#btn-side-wrap a span {
    display: block;
    line-height: 1;
    margin-top: 1px;
    text-align: center;
}
#btn-side-wrap a#side-btn-leaflet {
    background-color: #6BB763;
    box-sizing: border-box;
    color: #FFF;
    height: 100px;
    padding-top: 12px;
    right: 0;
    top: 0;
    transition: opacity .4s;
}
#side-btn-leaflet .icon,
#side-btn-contact .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}
#side-btn-leaflet svg {
    fill: #FFF;
    height: 12px;
    width: 14.5px;
}
#side-btn-contact svg {
    fill: #6BB763;
    height: 11.5px;
    width: 14px;
}
#btn-side-wrap a#side-btn-contact {
    bottom: 0;
    box-sizing: border-box;
    color: #6BB763;
    height: 126px;
    padding-top: 12px;
    top: auto;
    transition: opacity .4s;
}
#btn-side-wrap a:hover {
    opacity: .6;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.btn-sp-menu {
    cursor: pointer;
    height: 62px;
    position: fixed;
    right: 0;
    top: 0;
    width: 68px;
}
.btn-sp-menu span {
    background-color: #999999;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 20px;
}
.btn-sp-menu span:nth-child(1) {
    bottom: 12px;
}
.btn-sp-menu span:nth-child(3) {
    top: 12px;
}
.menu-open .btn-sp-menu span:nth-child(1) {
    transform: rotate(45deg);
    bottom: -0;
}
.menu-open .btn-sp-menu span:nth-child(2) {
    opacity: 0;
}
.menu-open .btn-sp-menu span:nth-child(3) {
    transform: rotate(-45deg);
    top: 0;
}

.home.scrolled .btn-sp-menu span:nth-child(1) {
    transform: rotate(45deg);
    bottom: -0;
}
.home.scrolled .btn-sp-menu span:nth-child(2) {
    opacity: 0;
}
.home.scrolled .btn-sp-menu span:nth-child(3) {
    transform: rotate(-45deg);
    top: 0;
}

.hd-nav {
    position: absolute;
    right: 72px;
    top: 9px;
}
.hd-nav ul {
    display: flex;
}
.hd-nav li {
    position: relative;
}
.hd-nav li::after {
    border-right: 1px dotted #CCCCCC;
    bottom: 0;
    content: "";
    display: block;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.hd-nav a {
    color: #4D4D4D;
    display: flex;
    flex-direction: column;
    height: 72px;
    justify-content: center;
    text-decoration: none;
    transition: color .3s;
    width: 72px;
}
.hd-nav a:hover {
    color:  #6bb763;
}
.hd-nav a span {
    display: block;
    font-family: 'Noto Serif JP', serif;
    font-size: 10px;
    text-align: center;
}
.hd-nav svg {
    fill: #4D4D4D;
    transition: fill .3s;
}
.hd-nav a:hover svg {
    fill: #6bb763;
}
.hd-nav .hd-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 100%;
}
.hd-n01 svg {
    height: 17px;
    width: 20.19px;
}
.hd-n02 svg {
    height: 19px;
    width: 15.44px;
}
.hd-n03 svg {
    height: 14px;
    width: 17.17px;
}
.hd-n04 svg {
    height: 20px;
    width: 20px;
}


.btn-sp-menu2 {
    align-items: center;
    color:  #4D4D4D;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 72px;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 9px;
    transition: color .3s;
    width: 72px;
}
.menu-open2 .btn-sp-menu2,
.menu-open3 .btn-sp-menu2 {
    color: #6bb763;
}
.btn-sp-menu2 .hd-icon {
    height: 24px;
    position: relative;
    width: 24px;
}
.btn-sp-menu2 .hd-icon i {
    background-color: #4D4D4D;
    bottom: 0;
    height: 3px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 3px;
}
.menu-open2 .btn-sp-menu2 .hd-icon i,
.menu-open3 .btn-sp-menu2 .hd-icon i {
    background-color: #6bb763;
}
.btn-sp-menu2:hover .hd-icon i {
    background-color: #6bb763;
}
.btn-sp-menu2 .hd-icon i:nth-child(1) {
    bottom: 12px;
    right: 12px;
    transform: rotate(0);
}
.btn-sp-menu2 .hd-icon i:nth-child(2) {
    bottom: 12px;
}
.btn-sp-menu2 .hd-icon i:nth-child(3) {
    bottom: 12px;
    left: 12px;
}
.btn-sp-menu2 .hd-icon i:nth-child(4) {
    right: 12px;
}
.btn-sp-menu2 .hd-icon i:nth-child(6) {
    left: 12px;
}
.btn-sp-menu2 .hd-icon i:nth-child(7) {
    right: 12px;
    top: 12px;
    transform: rotate(0);
}
.btn-sp-menu2 .hd-icon i:nth-child(8) {
    top: 12px;
}
.btn-sp-menu2 .hd-icon i:nth-child(9) {
    left: 12px;
    top: 12px;
}
.btn-sp-menu2 span {
    display: block;
    font-family: 'Noto Serif JP', serif;
    font-size: 10px;
    text-align: center;
}
.btn-sp-menu2:hover {
    color:  #6bb763;
}
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(1) {
    bottom: 0;
    height: 2px;
    right: 0;
    transform: rotate(45deg);
    width: 15px;
}
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(7) {
    height: 2px;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    width: 15px;
}
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(2),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(3),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(4),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(5),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(6),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(8),
.menu-open .btn-sp-menu2 .hd-icon i:nth-child(9) {
    opacity: 0;
}

.page-reasons #page-title h1 {
    background-image: url(/2020/img/reasons/ttl-hdr-reasons@2x.png);
    background-size: auto 45px;
}
.page-insulation #page-title h1 {
    background-image: url(/2020/img/reasons/ttl-hdr-reasons@2x.png);
    background-size: auto 45px;
}
#reasons-slide-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#reasons-slide .sp-slide img {
    height: auto;
    width: 100%;
}
#reasons-slide-wrap .slide-filter {
    background-image: url(../images/slide-filter.png);
    background-size: 3px 3px;
    height: 650px;
    left: 50%;
    margin-left: -750px;
    position: absolute;
    top: 0;
    width: 1500px;
}
#lead-reasons {
    height: 61px;
    left: 50%;
    margin-left: -288px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 577px;
}
.reasons-bnrs .u-inner {
    margin: 0 auto;
    max-width: 1366px;
}
.reasons-bnrs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.reasons-bnrs li {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    box-sizing: border-box;
    width: 20%;
}
.reasons-bnrs li:nth-child(n+2) {
    border-left: 1px solid #FFF;
}
.reasons-bnrs li a {
    display: block;
    opacity: 1;
    transition: opacity .4s;
}
.reasons-bnrs li a:hover {
    opacity: .6;
}
.reasons-bnrs li img {
    height: auto;
    max-width: 100%;
}
.reasons-compare {
    background-color: #eee;
}
.reasons-compare .u-inner {
    margin: 0 auto;
    max-width: 1366px;
}
.reasons-compare .compare-cols {
    display: flex;
}
.reasons-compare .compare-col {
    padding: 42px 0;
    width: 50%;
}
.reasons-compare .compare-col.popular .hdr {
    color: #4C5050;
    font-family: 'Noto Sans JP', serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 34px;
    text-align: center;
}
.reasons-compare .compare-col.seiyu-std .hdr {
    color: #6DB462;
    font-size: 27px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 20px;
    text-align: center;
}
.reasons-compare .compare-col.popular {
    background-color: #FFF;
}
.reasons-compare .compare-col.popular ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.reasons-compare .compare-col.popular li {
    width: 273px;
}
.reasons-compare .compare-col.popular li:nth-child(2n) {
    margin-left: 42px;
}
.reasons-compare .compare-col.popular li:nth-child(n+3) {
    margin-top: 26px;
}
.reasons-compare .compare-col.popular dt {
    border-bottom: 1px solid #ccc;
    color: #4C5050;
    font-family: 'Noto Sans JP', serif;
    font-weight: 500;
    margin: 0 auto 8px;
    max-width: 256px;
    padding: 4px 0;
    text-align: center;
}
.reasons-compare .compare-col.popular img {
    height: auto;
    margin: 0 auto;
    width: 273px;
}
.reasons-compare .compare-col.popular .note {
    background-color: #F2F2F2;
    border-radius: 4px;
    color: #4C5050;
    font-size: 16px;
    font-weight: 500;
    margin: 24px auto 0;
    max-width: 570px;
    padding: 3px 0;
    text-align: center;
}
.reasons-compare .compare-col.seiyu-std {
    background-color: #E9F5E8;
}
.reasons-compare .compare-col.seiyu-std img {
    display: block;
    height: auto;
    max-width: 100%;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap {
    margin: 0 auto;
    max-width: 486px;
    position: relative;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link {
    bottom: 0;
    cursor: pointer;
    fill: transparent;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: fill .3s;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link:hover {
    fill: rgba(255,255,255,.3);
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link01 {
    bottom: auto;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link02 {
    bottom: auto;
    left: auto;
    right: 0;
    top: 110px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link03 {
    bottom: 75px;
    left: auto;
    right: 0;
    top: auto;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link04 {
    top: auto;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link05 {
    bottom: 75px;
    left: 0;
    right: auto;
    top: auto;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link06 {
    bottom: auto;
    left: 0;
    right: auto;
    top: 110px;
}



.page-insulation .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-insulation .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-insulation .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-insulation .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-insulation .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-insulation .content-lead-wrap .lead02 span {
    font-size: 17px;
    font-weight: normal;
    display: block;
}

.dannetsuzai-cols {
    background-color: #E9F5E8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 24px;
}
.dannetsuzai-col img {
    height: auto;
    width: 100%;
}
.dannetsuzai-col:nth-child(1) {
    width: 55.7%;
}
.dannetsuzai-col:nth-child(2) {
    align-items: flex-end;
    display: flex;
    width: 43.3%;
}

.page-zeh .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-zeh .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-zeh .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-zeh .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-zeh .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-zeh .content-lead-wrap .lead02 span {
    font-size: 17px;
    font-weight: normal;
    display: block;
}
.page-zeh #page-title h1 {
    background-image: url(/2020/img/reasons/zeh/ttl-hdr-zeh@2x.png);
    background-size: auto 56px;
}

.page-flow .content-lead-wrap {
    border: 1px solid #dcdcdc;
    padding: 96px 0 78px;
}
.page-flow #page-title h1 {
    background-image: url(/2020/img/flow/ttl-hdr-flow@2x.png);
    background-size: auto 44px;
}
.page-flow .content-lead-wrap .inner {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
.page-flow .content-lead-wrap h2 {
    margin-bottom: 48px;
}
.page-flow .content-lead-wrap .lead02 {
    padding: 40px 0;
}
.page-flow .content-lead-wrap .lead02 strong {
    color: #6db462;
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.page-flow .content-lead-wrap .lead02 span {
    font-size: 17px;
    font-weight: normal;
    display: block;
}
#flow .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 150px;
    width: 1000px;
}
#flow .flow-block + .flow-block {
    margin-top: 64px;
}
#flow .flow-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#flow .flow-box + .flow-box {
    margin-top: 16px;
}
#flow .flow-box .pic {
    width: 320px;
}
#flow .flow-box .pic img {
    height: auto;
    max-width: 100%;
}
#flow .flow-box .doc {
    border-bottom: 1px solid #C9B579;
    box-sizing: border-box;
    padding-bottom: 68px;
    position: relative;
    width: 648px;
}
#flow .flow-box-hdr {
    display: flex;
    margin-bottom: 20px;
}
#flow .flow-box-hdr i {
    align-items: center;
    border: 2px solid #B4985F;
    border-radius: 50%;
    box-sizing: border-box;
    color: #B4985F;
    display: flex;
    font-style: normal;
    font-size: 20px;
    font-weight: 500;
    height: 64px;
    justify-content: center;
    line-height: 1;
    width: 64px;
}
#flow .flow-box-hdr span {
    align-items: center;
    color: #B4985F;
    display: flex;
    font-size: 26px;
    margin-left: 16px;
    width: calc(100% - 80px);
}
#flow .flow-txt {
    font-size: 16px;
}
#flow .free-note {
    background-color: #F7EEE9;
    color: #AA6652;
    font-size: 16px;
    font-weight: 500;
    margin-top: 32px;
    padding: 8px 14px;
}
#flow .flow-link-box {
    border-top: 1px dotted #C9B579;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    height: 68px;
    width: 100%;
}
#flow .flow-link-box .flow-tel {
    align-items: center;
    display: flex;
    margin-right: 32px;
    width: 229px;
}
#flow .flow-link-box .flow-tel a {
    display: block;
}
#flow .flow-link-box .flow-tel img {
    height: auto;
    width: 100%;
}
#flow .flow-link-box ul {
    display: flex;
    flex-wrap: wrap;
}
#flow .flow-link-box li {
    align-items: center;
    display: flex;
    margin-right: 30px;
}
#flow .flow-link-box li a {
    color: #C9B579;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s;
}
#flow .flow-link-box li svg {
    fill: #C9B579;
    height: 14px;
    margin-left: 3px;
    position: relative;
    top: 1px;
    transition: all .3s;
    width: 14px;
}
#flow .flow-link-box li a:hover {
    color: #6db462;
}
#flow .flow-link-box li a:hover svg {
    fill: #6db462;
}

.flow-3steps {
    display: flex;
    height: 80px;
    margin-bottom: 32px;
    width: 100%;
}
.flow-3steps > li {
    background-color: #FAF7ED;
    overflow: hidden;
    position: relative;
}
.flow-3steps > li:nth-child(1) {
    width: calc(100% / 3);
}
.flow-3steps > li:nth-child(n+2) {
    width: calc(100% / 3);
}
.flow-3steps > li:nth-child(n+2)::before {
    border-bottom: 46px solid transparent;
    border-left: 23px solid #FFF;
    border-top: 46px solid transparent;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -6px;
    width: 2px;
}
.flow-3steps > li:nth-child(n+2)::after {
    border-bottom: 46px solid transparent;
    border-left: 23px solid #FAF7ED;
    border-top: 46px solid transparent;
    content: "";
    display: block;
    left: -3px;
    position: absolute;
    top: -6px;
}
.flow-step-box {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
}
.flow-3steps > li:nth-child(1) .flow-step-box {
    padding-left: 30px;
}
.flow-3steps > li:nth-child(n+2) .flow-step-box {
    padding-left: 44px;
}
.flow-step-box p {
    color: #C9B579;
    font-size: 18px;
    font-weight: 500;
}
.flow-step-box span {
    background-color: #C9B579;
    align-items: center;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    line-height: 1;
    margin-right: 6px;
    width: 60px;
}
.flow-3steps > li.current {
    background-color: #C9B579;
}
.current .flow-step-box p {
    color: #FFF;
}
.flow-3steps > .current + li:nth-child(n+2)::after {
    border-left: 23px solid #C9B579;
}
.current .flow-step-box span {
    background-color: #FFF;
    color: #C9B579;
}
.step-free {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    left: 31px;
    position: absolute;
    top: 6px;
}


#energy01_4 .image-wrap {
    margin: 0 auto;
    max-width: 898px;
    position: relative;
}
#energy01_4 .image-wrap img {
    height: auto;
    width: 100%;
}
#energy01_4 .image-wrap .zeh-over {
    background-color: #FFF;
    cursor: pointer;
    display: block;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    transition: opacity .3s;
}
#energy01_4 .image-wrap .zeh-over:hover {
    opacity: .4;
}
#energy01_4 .image-wrap .zeh-over01 {
    height: 40px;
    left: 377px;
    top: 62px;
    width: 144px;
}
#energy01_4 .image-wrap .zeh-over02 {
    height: 40px;
    right: 30px;
    top: 152px;
    width: 144px;
}
#energy01_4 .image-wrap .zeh-over03 {
    height: 40px;
    left: 10px;
    top: 227px;
    width: 144px;
}
#energy01_4 .image-wrap .zeh-over04 {
    height: 40px;
    right: 10px;
    top: 254px;
    width: 144px;
}
#energy01_4 .image-wrap .zeh-over05 {
    height: 40px;
    left: 10px;
    top: 373px;
    width: 144px;
}
#energy01_4 .image-wrap .zeh-over06 {
    height: 40px;
    left: 371px;
    top: 520px;
    width: 144px;
}

.seiyu-insulation-block {
    background-color: #FFFCD8;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 16px 24px;
}
.seiyu-insulation-block img {
    height: auto;
    width: 100%;
}
.seiyu-insulation-block .toyama-insulation {
    align-items: center;
    display: flex;
    position: relative;
    top: 5px;
    width: 416px;
}
.seiyu-insulation-block .seiyu-insulation {
    position: relative;
    width: 496px;
}
.seiyu-insulation-block .seiyu-insulation::before {
    border-right: 6px solid #6DB462;
    border-top: 6px solid #6DB462;
    bottom: 0;
    content: "";
    display: block;
    height: 22px;
    left: -40px;
    margin: auto;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
    width: 22px;
}
.insulation03-cols {
    display: flex;
    justify-content: space-between;
}
.insulation03-col {
    width: 488px;
}
.insulation03-col img {
    height: auto;
    max-width: 100%;
}

.hdr04 {
    color: #6DB462;
    font-size: 19px;
    margin-bottom: 4px;
}
.insulation03-col .note-box {
    border: 1px solid #6DB462;
    padding: 12px 16px;
}
.seiyu-airtightness {
    margin-bottom: 16px;
}
.modal-content.modal-zeh {
    background-color: #41A9A6;
    padding-top: 6px;
    width: 342px;
}
.modal-content.modal-zeh .pic {
    height: 250px;
    overflow: hidden;
}
.modal-content.modal-zeh .pic img {
    height: auto;
    max-width: 100%;
    position: relative;
    top: -6px;
}
.modal-content.modal-zeh .ttl {
    align-items: center;
    background-color: #41A9A6;
    color: #FFF;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 1;
}
.modal-content.modal-zeh .modal-content-in {
    padding: 16px 20px;
}
.modal-content.modal-zeh .lead {
    color: #41A9A6;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}
.modal-content.modal-zeh .txt {
    font-size: 15px;
}

.page-nav {
    margin-top: 20px;
}
.page-nav .pagenavi {
    display: flex;
    justify-content: center;
}
.pagenavi .page-numbers {
    background-color: #FFF;
    border: 1px solid #6bb763;
    color: #6bb763;
    display: block;
    line-height: 1;
    margin: 0 3px;
    padding: 8px 11px;
    text-decoration: none;
    transition: all .3s;
}
.pagenavi .page-numbers.current {
    background-color: #b3daaf;
    color: #FFF;
}
.pagenavi .page-numbers:hover {
    background-color: #b3daaf;
    color: #FFF;
}
.archive-news-list-cols {
    display: flex;
    justify-content: space-between;
}
.archive-news-list-cols .col {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 36px 24px 56px;
    position: relative;
    width: 49%;
}
.archive-news-list-cols .col::before {
    background-color: #9fce83;
    content: "";
    height: 6px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.archive-news-list-cols .ttl {
    margin-bottom: 30px;
    text-align: center;
}
.archive-news-list-cols .ttl img {
    height: 36px;
    width: auto;
}
.page-event-news .content-section {
    background-color: #f4f4f4;
}
.page-event-news .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 60px;
    width: 1000px;
}
.page-event-news .home-event-list li .pic {
    padding-bottom: 8.75%;
    padding-top: 8.75%;
    width: 25%;
}
.page-event-news .home-event-list li .headline {
    width: 72%;
}
.archive-news-list-cols .btn-more {
    background-image: url(../images/btn-more@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 24px;
    height: 14px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 24px;
    text-indent: 100%;
    transition: opacity .4s;
    white-space: nowrap;
    width: 64px;
}
.page-event-news #page-title h1 {
    background-image: url(/2020/img/event-news/ttl-hdr-event-news@2x.png);
    background-size: auto 44px;
}
#ft-inner > nav {
    display: none;
}
.ua-graph {
    /* background-image: url(/2020/img/reasons/insulation/insulation-lead-img@2x.jpg); */
    background-image: url(/2020/img/reasons/insulation/bg-ua-graph@2x.jpg);
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    height: 545px;
    padding: 22px 26px 22px 264px;
    position: relative;
}
.ua-graph-tbl {
    width: 710px;
}
.ua-graph-tbl th {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.ua-graph-tbl tr {
    border-bottom: 1px dotted #999999;
}
.ua-graph-tbl tr.seiyu-std {
    background-color: #FFFFD4;
}
.ua-graph-tbl td {
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
}
.ua-graph-tbl th:nth-child(1),
.ua-graph-tbl td:nth-child(1) {
    text-align: right;
    width: 242px;
}
.ua-graph-tbl th:nth-child(2),
.ua-graph-tbl td:nth-child(2) {
    width: 250px;
}
.ua-graph-tbl th:nth-child(3),
.ua-graph-tbl td:nth-child(3) {
    width: 218px;
}
.ua-graph-tbl th:nth-child(1) {
    padding: 6px 24px;
}
.ua-graph-tbl td:nth-child(1) {
    padding: 9px 13px 9px;
}
.ua-graph-tbl td:nth-child(2) {
    padding: 9px 0 9px 8px;
}
.ua-graph-tbl td:nth-child(3) {
    padding: 9px 0 9px;
}
.ua-graph-tbl tr.seiyu-std td {
    color: #6B9C63;
    font-weight: 500;
}
.ua-graph-tbl tr.seiyu-std td:nth-child(2) {
    font-size: 19px;
}
.ua-graph-tbl tr.seiyu-std td:nth-child(3) {
    font-size: 17px;
}
.ua-graph-tbl tbody tr:nth-child(5) td:nth-child(1) {
    padding: 19px 13px 19px;
}
.ua-graph-tbl tbody tr:nth-child(6) td:nth-child(1) {
    padding: 42px 13px 42px;
}
.ua-graph-tbl tbody tr:nth-child(7) td:nth-child(1) {
    padding: 19px 13px 19px;
}


.ua-piramid {
    left: 33px;
    position: absolute;
    top: 48px;
    width: 405px;
    z-index: 2;
}
.ua-piramid img {
    height: auto;
    width: 100%;
}
.ua-graph-note {
    font-size: 12px;
    margin-top: 13px;
    text-align: right;
}


.post-type-archive-recruit #page-title h1,
.page-entry #page-title h1 {
    background-image: url(/2020/img/recruit/ttl-hdr-recruit@2x.png);
    background-size: auto 45px;
}
.recruit-visual {
    background-color: #bde2f1;
    background-image: url(/2020/img/recruit/main-visual@2x.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 480px;
    height: 420px;
}
.recruit-lists-wrap {
    padding-bottom: 100px;
}
.recruit-lists-wrap .u-inner {
    margin: 0 auto;
    max-width: 1000px;
}
.recruit-copy {
    color: #6DB462;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    padding-top: 50px;
    text-align: center;
}
.recruit-desc {
    font-size: 16px;
    margin-bottom: 60px;
    text-align: center;
}
.recruit-lists {
    display: flex;
    justify-content: center;
}
.recruit-lists li {
    margin: 0 16px;
    width: 388px;
}
.recruit-lists li a {
    border-top: 6px solid #6DB462;
    display: block;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    transition: all .4s;
}
.recruit-lists li.active a {
    pointer-events: all;
}
.recruit-lists li.active a:hover {
    opacity: .6;
}
.recruit-lists li img {
    height: auto;
    opacity: .7;
    width: 100%;
    transform: scale(1);
    transition: all .8s;
}
.recruit-lists li.active a:hover img {
    transform: scale(1.1);
}
.recruit-headline {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    box-sizing: border-box;
    color: #FFF;
    font-size: 17px;
    letter-spacing: .03em;
    line-height: 1;
    padding: 10px 10px;
    position: absolute;
    width: 100%;
}
.recruit-headline small {
    font-size: 13px;
    letter-spacing: 0;
}

.recruit-sheets {
    padding: 80px 0 100px;
}
.recruit-sheets .u-inner {
    margin: 0 auto;
    max-width: 920px;
}
.recruit-sheet {
    border: 2px solid #A0CF84;
    box-sizing: border-box;
    padding: 20px 20px 32px;
}
.recruit-sheet + .recruit-sheet {
    margin-top: 60px;
}
.requirement-data {
    display: flex;
    flex-wrap: wrap;
}
.requirement-data dt {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E6E6E6;
    box-sizing: border-box;
    font-weight: 500;
    padding: 20px 0;
    text-align: center;
    width: 160px;
}
.requirement-data dd {
    border-bottom: 1px solid #E6E6E6;
    box-sizing: border-box;
    padding: 20px;
    width: calc(100% - 160px);
}
.occupation-name {
    background-color: #A0CF84;
    box-sizing: border-box;
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    padding: 10px 12px;
}
a.btn-entry {
    align-items: center;
    background-color: #6DB462;
    color: #FFF;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    line-height: 1;
    margin: 32px auto 0;
    text-decoration: none;
    transition: all .3s;
    width: 280px;
}
a.btn-entry:hover {
    background-color: #badcb5;
}

.reform-hdr {
    margin-bottom: 42px;
    margin-top: 36px;
    text-align: center;
}
.reform-hdr img {
    height: auto;
    max-width: 400px;
}
.reform-img {
    margin-bottom: 36px;
}
.reform-img img {
    height: auto;
    max-width: 100%;
}
.reform-msg {
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 90px;
    text-align: justify;
}
.reform-bnr-wrap {
    display: flex;
    justify-content: center;
}
.reform-bnr-wrap a {
    display: block;
    max-width: 640px;
    opacity: 1;
    transition: opacity .3s;
}
.reform-bnr-wrap a:hover {
    opacity: .6;
}
.reform-bnr-wrap img {
    height: auto;
    max-width: 100%;
}
.reform-hr {
    background-color: #D8D8D8;
    height: 1px;
    border: none;
    margin: 30px 0;
}


@media only screen and (min-width: 1024px) {
.nav-n01 a:hover {
    background-color: rgba(135,199,128,1);
}
.nav-n02 a:hover {
    background-color: rgba(117,152,112,1);
}
.nav-n03 a:hover {
    background-color: rgba(194,186,101,1);
}
.nav-n04 a:hover {
    background-color: rgba(94,182,189,1);
}
.nav-n05 a:hover {
    background-color: rgba(81,159,208,1);
}
.nav-n06 a:hover {
    background-color: rgba(93,129,186,1);
}
.nav-n07 a:hover {
    background-color: rgba(185,96,147,1);
}
.nav-n08 a:hover {
    background-color: rgba(181,74,111,1);
}
.nav-n09 a:hover {
    background-color: rgba(157,69,69,1);
}
.nav-n10 a:hover {
    background-color: rgba(183,111,90,1);
}
.nav-n11 a:hover {
    background-color: rgba(178,135,86,1);
}
.nav-n12 a:hover {
    background-color: rgba(144,120,66,1);
}
.nav-n13 a:hover {
    background-color: rgba(78,141,134,1);
}
.nav-n14 a:hover {
    background-color: rgba(76,100,149,1);
}
.nav-n15 a:hover {
    background-color: rgba(75,65,129,1);
}
}

@media only screen and (max-width: 1023px) {
.nav-n .u-inner {
    margin: 0;
    padding: 0 31px;
}
.nav-n01 a svg {
    height: 41.7px;
    width: 41.7px;
}
.nav-n02 a svg {
    height: 34.9px;
    width: 37.8px;
}
.nav-n03 a svg {
    height: 39px;
    width: 39px;
}
.nav-n04 a svg {
    height: 38.1px;
    width: 38.1px;
}
.nav-n05 a svg {
    height: 38.8px;
    width: 41.8px;
}
.nav-n06 a svg {
    height: 41.9px;
    width: 41.9px;
}
.nav-n07 a svg {
    height: 46px;
    width: 41.4px;
}
.nav-n08 a svg {
    height: 35.7px;
    width: 35.7px;
}
.nav-n09 a svg {
    height: 37.8px;
    width: 37.8px;
}
.nav-n10 a svg {
    height: 32.1px;
    width: 32.1px;
}
.nav-n11 a svg {
    height: 32.8px;
    width: 32.8px;
}
.nav-n12 a svg {
    height: 25.9px;
    width: 47.7px;
}
.nav-n13 a svg {
    height: 34.1px;
    width: 25.8px;
}
.nav-n14 a svg {
    height: 24px;
    width: 24px;
}
.nav-n15 a svg {
    height: 23.9px;
    width: 24px;
}
.nav-n li a .icon {
    top: 50%;
    transform: translateY(-38px);
}
.nav-n li a .txt {
    bottom: 50%;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    letter-spacing: 0.05em;
    transform: translateY(46px);
}
.recruit-visual {
    background-size: cover;
    height: 41vw;
}
.recruit-copy {
    font-size: 23px;
}
.recruit-desc {
    font-size: 14px;
}
.recruit-lists-wrap .u-inner {
    padding: 0 20px;
}
.recruit-lists li {
    width: calc(50% - 8px);
}
.recruit-lists li {
    margin: 0;
}
.recruit-lists li:nth-child(2) {
    margin-left: 16px;
}
.recruit-sheets {
    padding: 50px 20px 60px;
}
.recruit-sheet {
    padding: 10px 10px 20px;
}
a.btn-entry {
    margin: 20px auto 0;
}
}


@media only screen and (max-width: 767px) {
    .home-field .arw {
        bottom: 180px;
        font-size: 13px;
        height: 60vw;
        width: 100vw;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .home-field .arw::before {
        height: 12px;
        width: 12px;
    }
    .home-field .arw::after {
        bottom: 7px;
        top: auto;
        width: 37px;
    }
    /* .home-field .arw {
        display: none;
    }
.nav-n {
    opacity: 1;
    pointer-events: all;
} */
.home {
    left: 0;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100vw;
}
/* .home header {
    display: none;
} */
.home header {
    height: 0;
}
.home #head-logo {
    display: none;
}
.btn-sp-menu {
    height: 40px;
    width: 40px;
}
.nav-n .u-inner nav {
    align-items: flex-start;
    padding-top: 7px;
}
.nav-n ul {
    margin: 42px auto 0;
    max-width: 350px;
}
.nav-n li {
    width: calc((100% - 6px) / 3);
}
.nav-n li:nth-child(3n+1) {
    margin-left: 0;
}
.nav-n li:nth-child(3n+2),
.nav-n li:nth-child(3n) {
    margin-left: 3px;
}
.nav-n li:nth-child(n+4) {
    margin-top: 3px;
}
.nav-n li a .icon {
    /* top: 16px; */
}
.nav-n li a::before {
    padding-top: 94%;
}
.fixed-ft-menu {
    display: block;
}
.nav-n li a .txt {
    /* bottom: 4px; */
    font-family: 'Noto Sans JP', serif;
    font-size: 10px;
}
.hd-nav {
    display: none;
}
.menu-open header {
    height: 0;
}
#head-logo {
    transition: all 0.5s;
}
.menu-open #head-logo {
    transform: translateY(-100%);
}
.recruit-copy {
    font-size: 17px;
}
.recruit-desc {
    font-size: 13px;
}
.recruit-lists {
    flex-direction: column;
}
.recruit-lists li {
    width: 100%;
}
.recruit-lists li:nth-child(2) {
    margin-left: 0;
    margin-top: 16px;
}
.requirement-data dt {
    padding: 10px;
    text-align: left;
    width: 100%;
}
.requirement-data dd {
    padding: 10px;
    width: 100%;
}
.occupation-name {
    font-size: 18px;
}
.recruit-sheets {
    padding: 30px 10px 50px;
}
.recruit-headline {
    font-size: 15px;
}
.recruit-headline small {
    font-size: 12px;
}
.recruit-sheet + .recruit-sheet {
    margin-top: 36px;
}
}

@media only screen and (max-width: 420px) {
.post-type-archive-recruit #page-title h1,
.page-entry #page-title h1 {
    background-size: auto 35px;
}
}
@media only screen and (max-width: 374px) {
.nav-n .u-inner {
    padding: 0 26px;
}
a.btn-entry {
    width: 100%;
}
}
@media only screen and (max-width: 359px) {
.nav-n li a .icon svg {
    transform: scale(.9);
}
.nav-n li a .txt {
    font-size: 9px;
    transform: translateY(40px);
}
}


.nav-c {
    background-color: rgba(255,255,255,.9);
    /* background-color: rgba(0,0,0,.8); */
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 1s, pointer-events 0s ease 0.75s;
    width: 100%;
    z-index: 100;
}
.home .nav-c {
    position: absolute;
}
.menu-open.menu-open2 .nav-c {
    opacity: 1;
    pointer-events: all;
}
.nav-c .u-inner {
    margin: 0 auto;
    max-width: 1000px;
}
.nav-c .u-inner nav {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100vh;
    /* padding-top: 30px; */
    width: 100%;
}
.nav-c ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.nav-c li {
    height: 190px;
    margin: 10px 16px;
    width: 280px;
}
.nav-c li a {
    border: 1px solid #FFF;
    box-shadow: 0 0 0px 1px #ddd;
    color: #6bb763;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.nav-c li a p {
    background-color: rgba(255,255,255,0.9);
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    font-size: 19px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    letter-spacing: .1em;
}
.nav-c li a .pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 190px;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .5s, background .8s;
    width: 100%;
}
.nav-c li a:hover .pic {
    background-size: auto 210px;
    opacity: .6;
}
.nav-c li.nav-c01 a .pic {
    background-image: url(/2020/img/recruit/c-nav-company.jpg);
}
.nav-c li.nav-c02 a .pic {
    background-image: url(/2020/img/recruit/c-nav-recruit.jpg);
}
.nav-c li a p::before {
    bottom: 16px;
    background-color: #6bb763;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 15px;
    width: 28px;
}
.nav-c li a p::after {
    bottom: 16px;
    background-color: #6bb763;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 15px;
    transform: rotate(40deg);
    transform-origin: right bottom;
    width: 12px;
}


.nav-i {
    background-color: rgba(255,255,255,.9);
    /* background-color: rgba(0,0,0,.8); */
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 1s, pointer-events 0s ease 0.75s;
    width: 100%;
    z-index: 100;
}
.home .nav-i {
    position: absolute;
}
.menu-open.menu-open3 .nav-i {
    opacity: 1;
    pointer-events: all;
}
.nav-i .u-inner {
    margin: 0 auto;
    max-width: 1000px;
}
.nav-i .u-inner nav {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100vh;
    /* padding-top: 30px; */
    width: 100%;
}
.nav-i ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.nav-i li {
    height: 280px;
    margin: 10px 16px;
    width: 280px;
}
.nav-i li a {
    border: 1px solid #FFF;
    box-shadow: 0 0 0px 1px #ddd;
    color: #6bb763;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.nav-i li a p {
    background-color: rgba(255,255,255,0.9);
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    font-size: 19px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    letter-spacing: .1em;
}
.nav-i li a .pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 280px;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .5s, background .8s;
    width: 100%;
}
.nav-i li a:hover .pic {
    background-size: auto 300px;
    opacity: .6;
}
.nav-i li.nav-i01 a .pic {
    background-image: url(/2024/images/i-nav-support.jpg);
}
.nav-i li.nav-i02 a .pic {
    background-image: url(/2024/images/i-nav-earthquake.jpg);
}
.nav-i li.nav-i03 a .pic {
    background-image: url(/2024/images/i-nav-gran-warranty2.png);
}
.nav-i li a p::before {
    bottom: 16px;
    background-color: #6bb763;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 15px;
    width: 28px;
}
.nav-i li a p::after {
    bottom: 16px;
    background-color: #6bb763;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 15px;
    transform: rotate(40deg);
    transform-origin: right bottom;
    width: 12px;
}




.form-radio span ~ span {
    margin-left: 20px;
}
.form-radio label {
    cursor: pointer;
}
.form-radio input {
    margin-right: 3px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: none !important;
    border: none !important;
    color: #000 !important;
    cursor: pointer;
    height: 20px !important;
    width: 20px !important;
    top: 7px !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 4px !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 4px !important;
}
.ui-datepicker .ui-datepicker-prev::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 3px;
    margin: auto;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-left: 3px solid #4d4d4d;
    border-bottom: 3px solid #4d4d4d;
    transform: rotate(45deg);
}
.ui-datepicker .ui-datepicker-next::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 3px;
    top: 0;
    width: 8px;
    height: 8px;
    border-right: 3px solid #4d4d4d;
    border-top: 3px solid #4d4d4d;
    transform: rotate(45deg);
}

.ft-linebox {
    border: 1px solid #333;
    border-radius: 3px;
    margin-bottom: 50px;
    margin-left: 26px;
    margin-top: 61px;
    width: 392px;
    padding: 41px 43px 35px;
    box-sizing: border-box;
    text-align: center;
}
.hdr-ft-linebox {
    background-image: url(/2024/images/hdr-ft-linebox@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    position: relative;
    margin-bottom: 30px;
}
.hdr-ft-linebox::after {
    background-color: #333;
    content: "";
    display: block;
    height: 3px;
    width: 80px;
    left: 0;
    right: 0;
    bottom: -15px;
    position: absolute;
    margin: auto;
}
.txt-ft-linebox {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 23px;
}

.txt-btn-ft-line {
    background-image: url(/2024/images/txt-btn-ft-line@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    position: relative;
    margin-bottom: 8px;
    width: 100%;
}
.btn-ft-line-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-ft-line {
    background-image: url(/2024/images/btn-ft-line@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    display: block;
    height: 64px;
    width: 304px;
    opacity: 1;
    transition: opacity .3s;
    background-color: #00bb00;
}
.btn-ft-line:hover {
    opacity: .6;
}
.ft-contact-info {
    background-color: #FFF;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 48px;
    margin-bottom: 72px;
}
.hdr-ft-contact-info {
    background-image: url(/2024/images/hdr-ft-contact-info@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 43px;
    position: relative;
    margin-bottom: 19px;
    width: 100%;
}
.ft-contact-info > p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.ft-contact-info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ft-contact-info li {
    background-color: #FFF;
    border: none;
    box-sizing: border-box;
    height: 80px;
    position: relative;
    text-align: center;
    width: 352px;
    z-index: 1;
    transition: color 1s cubic-bezier(0.75, 0, 0.125, 1);
    margin: 4px;
}
.ft-contact-info li.btn-call {
}
.ft-contact-info li a,
.ft-contact-info li p {
    border: 1px solid #4C5050;
    display: block;
    height: 78px;
    position: relative;
    width: 350px;
    transition: all 1s cubic-bezier(0.75, 0, 0.125, 1);
}
.ft-contact-info li::before,
.ft-contact-info li::after {
    box-sizing: border-box;
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 352px;
    height: 80px;
    transition: opacity 1s cubic-bezier(0.75, 0, 0.125, 1);
}
.ft-contact-info li::before {
    border: 2px solid #a0cf84;
    opacity: 0;
}
.ft-contact-info li::before {
    background-color: #FFF;
}
.ft-contact-info li:hover::before {
    box-shadow: 0 0 7px 0 #a0cf84;
    opacity: 1;
}
.ft-contact-info li:hover::after {
    background-color: #a0cf84;
    opacity: 0;
}
.ft-contact-info li a:hover,
.ft-contact-info li p:hover {
    border: 1px solid #a0cf84;;
}
.ft-contact-info li.btn-mail a i {
    background: url("../images/foot-btn-mail.png") no-repeat scroll center center transparent;
    display: block;
    height: 78px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 350px;
}
.ft-contact-info li.btn-call p i {
    background: url("../images/foot-btn-call.png") no-repeat scroll center 18px transparent;
    display: block;
    height: 78px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 350px;
}
.ft-contact-info li.btn-mail a:hover i {
    background: url("../images/foot-btn-mail_on.png") no-repeat scroll center center transparent;
}
.ft-contact-info li.btn-call p:hover i {
    background: url("../images/foot-btn-call_on.png") no-repeat scroll center 18px transparent;
}
.ft-contact-info li.btn-call p span {
    bottom: 7px;
    display: block;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 350px;
}
#contact-information li.btn-call p:hover span {
    color: #63B035;
}


.page-ttl {
    background-color: #a0cf84;
    height: 100px;
    position: relative;
    width: 100%;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
    color: #FFF;
    line-height: 1;
    text-align: center;
}
.page-ttl-en {
    font-size: 30px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-family: 'Cardo', serif;
}
.page-ttl h1,
.page-ttl h2 {
    font-size: 14px;
    letter-spacing: .05em;
    text-indent: .05em;
}

.page-earthquake-insurance .content-lead-wrap {
    background-color: #f8f8f8;
}
.earthquake-insurance-mv {
    max-width: 1367px;
    margin: 0 auto;
    width: 100%;
}
.earthquake-insurance-mv img {
    width: 100%;
    height: auto;
}
#earthquake-insurance01 .content-section-inner {
    margin: 0 auto;
    padding: 80px 0 60px;
    max-width: 1000px;
    width: 100%;
}
#earthquake-insurance01 .lead .content-section-inner {
    padding: 42px 0;
}

#earthquake-insurance01 .frequency-leads {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px;
}
#earthquake-insurance01 .frequency-leads img {
    width: 100%;
    height: auto;
}
#earthquake-insurance01 .frequency-lead:nth-child(1) {
    width: 42%;
}
#earthquake-insurance01 .frequency-lead:nth-child(2) {
    width: 54%;
}
#earthquake-insurance01 .frequency-note {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.seismic-intensity-cols {
    display: flex;
    flex-wrap: wrap;
    background-color: #e8f2e7;
    padding: 10px 32px;
    border: 1px solid #009B50;
    margin-bottom: 20px;
}
.seismic-intensity-col {
    width: calc((100% - 40px) / 3);
}
.seismic-intensity-col + .seismic-intensity-col {
    margin-left: 20px;
}
.seismic-intensity-col img {
    height: auto;
    max-width: 100%;
}
#earthquake-insurance01 .intro-txt {
    position: relative;
    font-size: 16px;
    margin-bottom: 20px;
    padding-right: 200px;
}

#earthquake-insurance01 .intro-data {
    position: absolute;
    right: 0;
    width: 180px;
    top: -90%;
}
#earthquake-insurance01 .intro-data img {
    width: 100%;
    height: auto;
}

#earthquake-insurance01 .lead {
    /* background-color: #f8f8f8; */
    background-color: #f0f7ef;
}
#earthquake-insurance01 .lead-copy {
    max-width: 600px;
}
#earthquake-insurance01 .lead-copy img {
    width: 100%;
    height: auto;
}
#earthquake-insurance01 .lead .sup-note {
    margin-top: 10px;
    font-size: 16px;
}

#earthquake-insurance01 .img-block {
    background-color: #f8f8f8;
}
#earthquake-insurance01 .img-lists {
    display: flex;
    max-width: 1500px;
    margin: 0 auto;
}
#earthquake-insurance01 .img-list img {
    width: 100%;
    height: auto;
}


#earthquake-insurance02 {
    background-color: #3DB270;
}
#earthquake-insurance02 .content-section-inner {
    margin: 0 auto;
    padding: 72px 0;
    max-width: 1000px;
    width: 100%;
}
#earthquake-insurance02 img {
    width: 100%;
    height: auto;
}
.insurance-head-cols {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 40px;
}
.insurance-head-col:nth-child(2) {
    width: 54%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.insurance-head-col:nth-child(1) {
    width: 40%;
}
.insurance-head-copy {
    max-width: 320px;
    margin-bottom: 50px;
}
.insurance-head-txt {
    color: #FFF;
    font-size: 16px;
    line-height: 2;
}
.insurance-head-pic {
    height: 428px;
    overflow: hidden;
}
#earthquake-insurance02 .insurance-head-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.insurance02-box {
    background-color: #FFF;
    padding: 32px 48px;
}
.insurance02-box + .insurance02-box {
    margin-top: 40px;
}
.hdr-insurance02-box {
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: .05em;
    font-feature-settings: "palt";
}
.insurance02-box-cols01 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.insurance02-box-cols01-pic {
    width: 30%;
}
.insurance02-box-cols01-txt {
    width: 70%;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: justify;
    line-height: 1.6;
}

.insurance02-box-cols02 {
    display: flex;
}
.insurance02-box-cols02-pic {
    padding-right: 10px;
    width: calc(100% - 350px);
    box-sizing: border-box;
}
.insurance02-box-cols02-sub-wrap {
    width: 350px;
}
.insurance02-box-cols02-sub {
    background-color: #EDF8F3;
    padding: 20px;
}
.insurance02-box-cols02-sub-txt {
    margin-bottom: 10px;
}
.insurance02-box-cols02-sub-pic img {
    max-width: 100%;
}
.hdr-insurance02-box-cols02-sub {
    font-family: 'Cardo', serif;
    margin-bottom: 4px;
    font-size: 17px;
    color: #009C50;
}
.insurance02-box-cols02-sub-note {
    line-height: 1.2;
}
.insurance02-box-cols02-sub-note small {
    font-size: 10px;
}
.insurance02-box-txt {
    font-size: 16px;
    margin-bottom: 30px;
}
.insurance02-box-cols03 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.insurance02-box-cols03-pic {
    width: 280px;
    margin: 0 50px;
}


#earthquake-insurance03 .content-section-inner {
    margin: 0 auto;
    padding: 72px 0;
    max-width: 1000px;
    width: 100%;
}

#earthquake-insurance04 {
    background-color: #f0f7ef;
}
#earthquake-insurance04 .content-section-inner {
    margin: 0 auto;
    padding: 60px 0 100px;
    max-width: 1000px;
    width: 100%;
}

.insurance03-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    margin-bottom: 12px;
}
.insurance03-tbl th {
    font-weight: 700;
    letter-spacing: .2em;
    text-indent: .2em;
}
.insurance03-tbl thead th:nth-child(1) {
    width: 20%;
    padding: 16px 20px;
    text-align: center;
    background-color: #009C50;
    background-image: repeating-linear-gradient(
        45deg, 
        rgba(255, 255, 255, .3), 
        rgba(255, 255, 255, .3) 3px, 
        transparent 3px, 
        transparent 6px
    );
    color: #FFF;
}
.insurance03-tbl thead th:nth-child(2) {
    background-color: #ededed;
    width: 80%;
    padding: 16px 20px;
    text-align: center;
    background-color: #B49161;
    background-image: repeating-linear-gradient(
        45deg, 
        rgba(255, 255, 255, .3), 
        rgba(255, 255, 255, .3) 3px, 
        transparent 3px, 
        transparent 6px
    );
    color: #FFF;
}
.insurance03-tbl th,
.insurance03-tbl td {
    border: 1px solid #009C50;
}
.insurance03-tbl tbody th {
    /* background-color: #D9F0E5; */
    background-color: #f0f7ef;
    color: #009C50;
    padding: 24px 20px;
    text-align: center;
}
.insurance03-tbl tbody td {
    /* color: #009C50; */
    padding: 24px 30px;
    letter-spacing: .1em;
}
.insurance03-tbl tbody td em {
    color: #B49161;
    font-style: normal;
}


.insurance04-dl dt {
    background-color: #FFF;
    color: #009C50;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: 8px;
    border: 1px solid #009C50;
    position: relative;
    padding-left: 60px;
}
.insurance04-dl dd {
    background-color: #FFF;
    color: #B49161;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    letter-spacing: .05em;
    border: 1px solid #B49161;
    position: relative;
    padding-left: 60px;
}
.insurance04-dl dt::before {
    background-color: #009C50;
    background-image: repeating-linear-gradient(
        45deg, 
        rgba(255, 255, 255, .3), 
        rgba(255, 255, 255, .3) 3px, 
        transparent 3px, 
        transparent 6px
    );
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.insurance04-dl dd::before {
    background-color: #B49161;
    background-image: repeating-linear-gradient(
        45deg, 
        rgba(255, 255, 255, .3), 
        rgba(255, 255, 255, .3) 3px, 
        transparent 3px, 
        transparent 6px
    );
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.insurance04-dl dt::after {
    background-image: url(/2024/images/insurance04-q@2x.png);
    background-size: 26px auto;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.insurance04-dl dd::after {
    background-image: url(/2024/images/insurance04-a@2x.png);
    background-size: 26px auto;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.insurance04-dl + .insurance04-dl {
    margin-top: 40px;
}
.insurance04-dl p {
    padding: 10px;
}
#earthquake-insurance04 .hdr01 {
    padding-left: 0;
    padding-bottom: 12px;
    margin-bottom: 40px;
}
.sup-note em {
    color: #B49161;
    font-style: normal;
}

#earthquake-insurance01 .lead .sup-note li,
#earthquake-insurance02 .sup-note li,
#earthquake-insurance03 .sup-note li {
    padding-left: 1.1em;
    text-indent: -1.1em;
}


@media only screen and (max-width: 767px) {
    .nav-i li {
        height: 200px;
        margin: 8px;
        width: 200px;
    }
    .nav-i li a .pic {
        background-size: auto 200px;
    }
    .nav-i li a:hover .pic {
        background-size: auto 220px;
    }
    .nav-i li a p {
        padding: 10px;
        font-size: 14px;
    }
    .nav-i li a p::before {
        right: 8px;
    }
    .nav-i li a p::after {
        right: 8px;
    }
}


@media only screen and (max-width: 479px) {
    .nav-c {
        flex-direction: column;
    }
    .nav-c li {
        height: 140px;
        margin: 8px;
        width: 220px;
    }
    .nav-c li a .pic {
        background-size: auto 149px;
    }
    .nav-c li a:hover .pic {
        background-size: auto 168px;
    }
    .nav-c li a p {
        font-size: 13px;
        padding: 8px 10px;
    }
    .nav-c li a p::before {
        bottom: 12px;
        right: 10px;
        width: 24px;
    }
    .nav-c li a p::after {
        bottom: 12px;
        right: 10px;
    }
    .nav-c .u-inner nav {
        padding-bottom: 18vh;
    }
    .nav-i {
        flex-direction: column;
    }
    .nav-i li {
        height: 160px;
        margin: 8px;
        width: 160px;
    }
    .nav-i li a .pic {
        background-size: auto 160px;
    }
    .nav-i li a:hover .pic {
        background-size: auto 180px;
    }
    .nav-i li a p {
        font-size: 12px;
        padding: 5px 6px;
    }
    .nav-i li a p::before {
        bottom: 8px;
        right: 5px;
        width: 16px;
    }
    .nav-i li a p::after {
        bottom: 8px;
        right: 5px;
        width: 9px;
    }
    .nav-i .u-inner nav {
        padding-bottom: 8vh;
    }
}



.page-works .works-body {
    background-color: #F2F2F2;
    padding-bottom: 50px;
}

/* リフォーム導線削除後の検索エリア */
.works-search-section {
    padding: 70px 0 40px;
    background: #fff;
}
.works-search-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px;
    color: #666;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .08em;
    font-family: "Zen Old Mincho", serif;
}
.works-search-title::before,
.works-search-title::after {
    content: "";
    display: block;
    width: 220px;
    height: 1px;
    background: #8ab977;
    position: relative;
    top: 3px;
}
.works-search-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 780px;
    margin: 0 auto;
    gap: 20px;
}
.works-search-tab {
    /* border: 1px solid #a4a4a4; */
    border: 1px solid #94b983;
    background: #fff;
    color: #6fa15f;
    color: #7fa96b;
    padding: 16px;
    font-size: 16px;
    letter-spacing: .06em;
    cursor: pointer;
    font-family: 'Noto Sans JP', sans-serif;
    transition: all .25s ease;
}
.works-search-tab:hover {
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(127, 169, 107, 0.10);
    transform: translateY(-2px);
}
.works-search-tab.is-active {
    background: #7fa96b;
    color: #fff;
    border: none;
}
.works-search-form {
    max-width: 980px;
    margin: 0 auto;
    padding: 38px 42px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
}
.works-search-form[hidden] {
    display: none !important;
}
.works-search-panel {
    display: none;
}
.works-search-panel.is-active {
    display: block;
}
.works-search-block {
    padding: 0 0 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #ddd;
}
.works-search-block:last-child {
    margin-bottom: 0;
}
.works-search-block h3 {
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .08em;
}
.works-search-chips {
    display: grid;
    /* display: flex; */
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    justify-content: center;
}
.works-search-chips--design {
    grid-template-columns: repeat(6, 1fr);
}
.works-search-chips--space {
    grid-template-columns: repeat(4, 1fr);
}
.works-search-chip {
    min-width: 120px;
}
.works-search-chip input {
    display: none;
}
.works-search-chip span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #bbb;
    background: #fff;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    transition: .2s;
    box-sizing: border-box;
}
.works-search-chip input:checked + span,
.works-search-chip span:hover {
    border-color: #7fa96b;
    background: #f2f8ef;
    color: #5f904f;
}
.works-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.works-search-submit button {
    min-width: 320px;
    padding: 16px 30px;
    border: none;
    border-radius: 0;
    background: #7fa96b;
    color: #fff;
    font-size: 16px;
    letter-spacing: .08em;
    cursor: pointer;
    font-family: 'Noto Sans JP', sans-serif;
}
a.works-search-reset {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    transition: all .3s;
}
a.works-search-reset:hover {
    opacity: .6;
}

/* 事例一覧：1事例1写真 */
.works-archive-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.works-archive-item {
    margin: 0;
}
.works-card {
    display: block;
    color: inherit;
    text-decoration: none;
    /* background: #F7F7F7; */
    background: #FFF;
    /* border: 1px solid #e5e5e5; */
    transition: .25s;
    height: 100%;
    /* border-radius: 4px; */
    overflow: hidden;
}
.works-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    text-decoration: none;
}
.works-card__image {
    margin: 0;
    overflow: hidden;
    /* aspect-ratio: 4 / 3; */
    aspect-ratio: 16 / 9;
}
.works-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .35s;
}
.works-card:hover .works-card__image img {
    transform: scale(1.04);
}
.works-card__body {
    padding: 30px 20px 20px;
    /* padding: 16px 20px 26px; */
    position: relative;
}
.works-card__case {
    margin: 0 0 6px;
    color: #FFF;
    /* font-family: "Cormorant Infant", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */
    /* font-family: "Zen Old Mincho", serif; */
    font-family: "Lusitana", serif;
    font-weight: 400;
    line-height: 1;
    font-style: italic;
    display: inline-block;
    /* background-color: #6bb763; */
    background-color: #8dc887;
    padding: 1px 7px 1px 5px;
    position: absolute;
    top: 0;
    left: 0;
}
.works-card__case span {
    /* margin-right: 1px; */
    /* font-size: 14px; */
    font-size: 12px;
    letter-spacing: .03em;
}
.works-card__case strong {
    /* font-size: 24px; */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .08em;
}
.works-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    font-family: "Zen Old Mincho", serif;
    color: #4e4e4e;
    letter-spacing: .03em;
}
.works-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}
.works-card__tags span {
    display: inline-block;
    padding: 1px 9px;
    border: 1px solid #aaa;
    background: #fff;
    color: #666;
    font-size: 11px;
}
.works-no-result {
    text-align: center;
    padding: 80px 0;
    color: #666;
}

@media screen and (max-width: 768px) {
    .works-search-section {
        padding: 40px 0 18px;
    }
    .works-search-title {
        gap: 16px;
        font-size: 20px;
    }
    .works-search-title::before,
    .works-search-title::after {
        width: 60px;
    }
    .works-search-tabs {
        grid-template-columns: 1fr;
    }
    .works-search-form {
        padding: 30px 18px 18px;
        box-shadow: none;
        border-radius: 0;
    }
    .works-search-chips,
    .works-search-chips--space {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .works-search-submit {
        display: block;
        text-align: center;
    }
    .works-search-submit button {
        width: 100%;
        min-width: auto;
        padding: 14px;
        font-size: 15px;
        font-weight: 500;
    }
    .works-search-reset {
        display: inline-block;
        margin-top: 16px;
    }
    .works-archive-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .works-search-block h3 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .works-search-chip span {
        font-size: 13px;
    }
}


.works-photo-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.works-photo-card {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.works-photo-card__image {
    margin: 0 0 8px;
    background: #f3f3f3;
    overflow: hidden;
}
.works-photo-card__image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .35s ease;
}
.works-photo-card:hover .works-photo-card__image img {
    transform: scale(1.035);
}
.works-photo-card__caption {
    margin: 0;
    color: #333;
    font-size: 13px;
    line-height: 1.6;
    font-family: "Zen Old Mincho", serif;
}
.works-photo-modal {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity .8s ease,
        visibility 0s linear .8s;
}
.works-photo-modal.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
.works-photo-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .72);
}
.works-photo-modal__content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(920px, calc(100% - 40px));
    max-height: calc(100vh - 60px);
    transform: translate(-50%, -50%);
    background: #fff;
}
.works-photo-modal__close {
    position: absolute;
    right: -10px;
    top: -38px;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}
.works-photo-modal__close::before,
.works-photo-modal__close::after {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    margin: auto;
    inset: 0;
    transform: rotate(45deg);
}
.works-photo-modal__close::after {
    transform: rotate(-45deg);
}
.works-photo-modal__image {
    margin: 0;
    background: #111;
}
.works-photo-modal__image img {
    display: block;
    width: 100%;
    max-height: 68vh;
    object-fit: contain;
}
.works-photo-modal__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 34px;
}
.works-photo-modal__caption {
    margin: 0;
    flex: 1;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Zen Old Mincho", serif;
}
.works-photo-modal__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 14px 24px;
    border: 1px solid #333;
    color: #222;
    font-size: 14px;
    text-decoration: none;
    gap: 4px;
}
.works-photo-modal__button::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 6px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: skewX(45deg);
    transition: transform .25s ease;
}

.works-photo-modal__button:hover {
    background: #222;
    color: #fff;
    text-decoration: none;
}
.is-works-photo-modal-open {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .works-photo-list {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .works-photo-modal__content {
        width: calc(100% - 24px);
    }
    .works-photo-modal__body {
        display: block;
        padding: 20px;
    }
    .works-photo-modal__button {
        width: 100%;
        margin-top: 18px;
        box-sizing: border-box;
        padding: 12px;
    }
    .works-photo-modal__caption {
        font-size: 14px;
    }
    .works-photo-card__image {
        margin: 0 0 4px;
    }
    a.works-search-reset {
        font-size: 13px;
    }
}



/* ==============================
   もっと見るボタン
============================== */
.works-load-more-wrap {
    margin: 56px 0 0;
    text-align: center;
}

.works-load-more-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    min-height: 54px;
    padding: 15px 48px;
    border: 1px solid #7fa96b;
    border-radius: 0;
    background: #fff;
    color: #6f9f5e;
    font-family: "Noto Serif JP", serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .12em;
    cursor: pointer;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        opacity .25s ease;
}
.works-load-more-button .en {
    font-family: "Lusitana", serif;
    font-size: 15px;
    letter-spacing: 0.18em;
    line-height: 1;
    position: relative;
    top: 1px;
}
.works-load-more-button::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-left: 18px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

.works-load-more-button:hover {
    background: #7fa96b;
    color: #fff;
    border-color: #7fa96b;
}

.works-load-more-button:disabled {
    opacity: .45;
    cursor: default;
    pointer-events: none;
}

.works-load-more-button[hidden],
.works-load-more-wrap[hidden] {
    display: none !important;
}


/* ==============================
   ローディング表示
============================== */
.works-photo-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 42px 0 0;
    color: #6f9f5e;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    letter-spacing: .08em;
}

.works-photo-loading::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid rgba(127, 169, 107, .25);
    border-top-color: #7fa96b;
    border-radius: 50%;
    animation: worksLoadingSpin .8s linear infinite;
}

.works-photo-loading[hidden] {
    display: none !important;
}

@keyframes worksLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}


/* ==============================
   Ajax読み込み中の見た目
============================== */
.works-photo-archive.is-loading .works-load-more-button {
    opacity: .45;
    pointer-events: none;
}

.works-photo-archive.is-loading .works-load-more-button::after {
    display: none;
}


/* ==============================
   スマホ調整
============================== */
@media screen and (max-width: 768px) {
    .works-load-more-wrap {
        margin-top: 40px;
    }
    .works-load-more-button {
        width: 100%;
        min-width: auto;
        min-height: 52px;
        padding: 14px 24px;
        font-size: 14px;
    }
    .works-photo-loading {
        margin-top: 32px;
        font-size: 13px;
    }
    .works-load-more-button .en {
        font-size: 14px;
    }
}





/* =========================================================
   Works Single Gallery
========================================================= */

#works-single .works-single-gallery {
    max-width: 1100px;
    margin: 36px auto 42px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

#works-single .works-single-fotorama {
    background: #fff;
}

/* メイン写真 */
#works-single .works-single-gallery .fotorama__stage {
    background: #f7f7f5;
}

#works-single .works-single-gallery .fotorama__stage__frame {
    background: #f7f7f5;
}

/* サムネイルエリア */
#works-single .works-single-gallery .fotorama__nav-wrap {
    margin-top: 14px;
    padding: 4px 46px;
    background: #f7f7f5;
    /* border: 1px solid #e5e5e5; */
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); */
    box-sizing: border-box;
}

/* サムネイル画像 */
#works-single .works-single-gallery .fotorama__thumb {
    background: #f4f4f2;
}

#works-single .works-single-gallery .fotorama__thumb img {
    transition: opacity 0.25s ease;
}

#works-single .works-single-gallery .fotorama__nav__frame {
    opacity: 0.72;
    transition: opacity 0.25s ease;
}

#works-single .works-single-gallery .fotorama__nav__frame:hover,
#works-single .works-single-gallery .fotorama__nav__frame.fotorama__active {
    opacity: 1;
}

/* 選択中サムネイルの枠 */
#works-single .works-single-gallery .fotorama__thumb-border {
    border-color: #7daa6d;
    background: rgba(255, 255, 255, 0.2);
}

/* 矢印 */
#works-single .works-single-gallery .fotorama__arr {
    width: 42px;
    height: 42px !important;
    margin-top: -21px;
    background: rgba(255, 255, 255, 0.92) !important;
    /* border: 1px solid #d8d8d8; */
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    opacity: 0.9;
    transition: opacity 0.25s ease, background 0.25s ease;
}

#works-single .works-single-gallery .fotorama__arr:hover {
    opacity: 1;
    background: #fff !important;
}

#works-single .works-single-gallery .fotorama__arr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #6f9f60;
    border-right: 1px solid #6f9f60;
}

#works-single .works-single-gallery .fotorama__arr--prev {
    left: 18px;
}

#works-single .works-single-gallery .fotorama__arr--next {
    right: 18px;
}

#works-single .works-single-gallery .fotorama__arr--prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

#works-single .works-single-gallery .fotorama__arr--next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* 古いスプライト画像を無効化 */
#works-single .works-single-gallery .fotorama__arr--prev,
#works-single .works-single-gallery .fotorama__arr--next {
    background-image: none !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
    #works-single .works-single-gallery {
        margin-top: 28px;
        padding: 8px;
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
        margin-left: -16px;
        border: none;
        margin-right: -16px;
    }
    .fotorama {
        margin: 0 !important;
    }

    #works-single .works-single-gallery .fotorama__nav-wrap {
        margin-top: 10px;
        padding: 0 8px;
    }

    #works-single .works-single-gallery .fotorama__arr {
        width: 34px;
        height: 34px !important;
        margin-top: -17px;
    }

    #works-single .works-single-gallery .fotorama__arr--prev {
        left: 10px;
    }

    #works-single .works-single-gallery .fotorama__arr--next {
        right: 10px;
    }
}




/* =========================================================
   Works Detail Description
========================================================= */

#works-description.works-detail-description {
    max-width: 1100px;
    margin: 42px auto 0;
    padding: 0;
    background: #fff;
    /* border: 1px solid #e6e6e2; */
    /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); */
    box-sizing: border-box;
}

.works-detail-description__inner {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 42px;
    padding: 0 0 42px;
    box-sizing: border-box;
}

/* 左側：ポイント */
.works-detail-description__side {
    min-width: 0;
}

.works-detail-points {
    margin: 0;
    padding: 0;
    list-style: none;
}

.works-detail-points__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 58px;
    margin: 0 0 10px;
    padding: 15px 38px 14px 17px;
    background: #fafaf8;
    border: 1px solid #deded9;
    box-sizing: border-box;
    color: #4f4f4f;
    line-height: 1.65;
}

.works-detail-points__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    transform: translateY(-50%) rotate(45deg);
}

.works-detail-points__num {
    flex: 0 0 auto;
    color: #7da66f;
    font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", serif;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.04em;
}

.works-detail-points__num::after {
    content: ".";
}

.works-detail-points__text {
    display: block;
    font-size: 15px;
    letter-spacing: 0.03em;
}

/* 外観写真 */
.works-detail-exterior {
    margin: 22px 0 0;
    padding: 0;
    overflow: hidden;
    background: #f7f7f5;
    border: 1px solid #e2e2dd;
}

.works-detail-exterior__image {
    display: block;
    width: 100%;
    height: auto;
    /* aspect-ratio: 4 / 3; */
    /* object-fit: cover; */
}

/* 右側：本文 */
.works-detail-description__body {
    min-width: 0;
}

.works-detail-description__text {
    color: #3f3f3f;
    font-size: 15px;
    line-height: 2.15;
    letter-spacing: 0.04em;
}

/* ACFの本文内にpがある場合 */
/* .works-detail-description__text p {
    margin: 0 0 1.8em;
} */

/* ACF本文がbr中心の場合でも読みやすく */
.works-detail-description__text br {
    line-height: 2.15;
}

/* 本文内の強調見出し想定 */
.works-detail-description__text strong,
.works-detail-description__text b {
    display: inline-block;
    margin: 1.3em 0 0.45em;
    color: #6f9f60;
    font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.08em;
}

/* 文頭の◇見出しをそのまま活かす場合 */
.works-detail-description__text {
    word-break: break-word;
}

/* スマホ */
@media screen and (max-width: 767px) {
    #works-description.works-detail-description {
        margin: 30px 0 0;
    }

    .works-detail-description__inner {
        display: block;
        padding: 0 0 28px;
    }

    .works-detail-description__side {
        margin-bottom: 28px;
    }

    .works-detail-points__item {
        min-height: auto;
        padding: 13px 34px 13px 14px;
        margin: 0 0 6px;
    }

    .works-detail-points__num {
        font-size: 15px;
    }

    .works-detail-points__text {
        font-size: 14px;
    }

    .works-detail-exterior {
        margin-top: 18px;
    }

    .works-detail-description__text {
        font-size: 14px;
        line-height: 2;
    }

    .works-detail-description__text strong,
    .works-detail-description__text b {
        font-size: 15px;
    }
}


/* 本文ブロック */
.works-detail-text-block {
    margin: 0 0 2.4em;
}

.works-detail-text-block:last-child {
    margin-bottom: 0;
}

/* ◇見出し */
.works-detail-text-block__title {
    margin: 0 0 0.5em;
    color: #6f9f60;
    font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.08em;
}

/* 本文 */
.works-detail-text-block__paragraph {
    margin: 0;
    color: #3f3f3f;
    font-size: 15px;
    line-height: 2.15;
    letter-spacing: 0.04em;
}

.works-detail-text-block__paragraph:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .works-detail-text-block {
        margin-bottom: 2em;
    }

    .works-detail-text-block__title {
        font-size: 16px;
    }

    .works-detail-text-block__paragraph {
        font-size: 14px;
        /* line-height: 2; */
        line-height: 1.6;
        margin: 0 0 0.75em;
    }
}


/* =========================================================
   Works Single Tags
========================================================= */

#works-single .works-single-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px auto 34px;
}

#works-single .works-single-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 13px;
    background: #fff;
    border: 1px solid #cfd8ca;
    color: #6f9f60;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.04em;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    #works-single .works-single-tags {
        margin: 14px auto 26px;
        gap: 6px;
    }

    #works-single .works-single-tags span {
        font-size: 11px;
        min-height: 24px;
        padding: 4px 10px;
    }
}